.ag-grid-container{margin-bottom:20px;}
.custom-theme-alpine .ag-header-cell .ag-icon,.custom-theme-alpine .ag-header-cell .ag-icon-filter{color:#6d6d6d!important;}
.ag-grid-search{margin-bottom:10px;padding:8px;width:100%;box-sizing:border-box;font-size:16px;}
.ag-paging-panel{background:#fafafa;}
.custom-theme-alpine .ag-cell .fa-calendar-o {position: relative;z-index:5;cursor: pointer;display: inline-block;}
.custom-theme-alpine .ag-header-cell-text, .ag-paging-panel{background:#fafafa;color:#2b2b2b;text-transform:uppercase;font-size:11px;letter-spacing:.03em;font-weight: 500;}
.custom-theme-alpine .ag-row{transition:background-color .3s;}
.custom-theme-alpine .ag-row:hover .ag-cell,.custom-theme-alpine .ag-row-hover .ag-cell,.custom-theme-alpine .ag-row-focus .ag-cell{background-color:#fafafa!important;}
.custom-theme-alpine .ag-row-focus .ag-cell{outline:none!important;}
.custom-theme-alpine .ag-cell{color:#4e4e4e;font-size: 13px;}
.custom-theme-alpine input[type="text"],.custom-theme-alpine input[type="text"]:placeholder-shown {height:30px !important;margin:unset!important;padding:0 0 0 25px !important;font-size:13px;color: #000;}
.custom-theme-alpine input[type="text"]:focus {border-bottom: 1px solid #ddd !important;}
.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within{border:1px #f0f0f0!important;}
.custom-theme-alpine .ag-filter-menu {max-width: 200px !important;min-width: 200px !important;}
.ag-header-no-border .ag-header-cell-resize::after {display: none !important;}
.custom-theme-alpine .ag-cell .fa {color:#434343 !important;}
.custom-theme-alpine .ag-picker-field-wrapper:focus {outline: none !important;border: 1px solid #c1c1c1 !important;box-shadow: none !important;}
@media screen and (max-width: 768px) {
    .ag-paging-panel {display:block;height:110px;text-align:center;}
    .ag-paging-page-size {display:inline-block;margin:20px auto 0;max-width:130px;}
    .ag-paging-row-summary-panel {display:inline-block;margin: 20px 0 0 15px;}
    .ag-paging-page-summary-panel {justify-content: center;margin: 20px 0 0 0;}
    .roycalendar_appleical {display: none !important;}
    .custom-theme-alpine .fa-calendar-o {padding: 15px 20px;left: -10px;}
  }
  
@media only screen and (max-width: 768px) {
    /* Safari-only CSS hack */
  @supports (-webkit-touch-callout: none) and (not (translate: none)) {
    .roycalendar_appleical {
      display: block !important;
    }
  }
}