:root { --gfdr-panel-bg: #ffffff;
--gfdr-panel-clr: #242748;
--gfdr-panel-brd-clr: #d0d1d3;
--gfdr-panel-brd-w: 1px;
--gfdr-panel-brd-rad: 4px;
--gfdr-panel-shadow: 0 1px 4px rgba( 0, 0, 0, .11 ), 0 0 4px rgba( 18, 25, 97, .04 );
--gfdr-panel-font-size: 14px;
--gfdr-panel-zindex: 40; --gfdr-th-bg: transparent;
--gfdr-th-bg-hover: transparent;
--gfdr-th-clr: #607382;
--gfdr-th-clr-hover: #2f4054; --gfdr-td-available-bg: transparent;
--gfdr-td-available-bg-hover: transparent;
--gfdr-td-available-clr: #2f4054;
--gfdr-td-available-clr-hover: #2f4054;
--gfdr-td-off-clr: #9092b2;
--gfdr-td-off-clr-hover: #9092b2;
--gfdr-td-off-bg: transparent;
--gfdr-td-off-bg-hover: transparent;
--gfdr-td-disabled-bg: #f2f3f5;
--gfdr-td-disabled-clr: #686e77;
--gfdr-td-today-clr: #ffffff;
--gfdr-td-today-clr-hover: #ffffff;
--gfdr-td-today-bg: #607382;
--gfdr-td-today-bg-hover: #607382;
--gfdr-td-selected-bg: #607382;
--gfdr-td-selected-bg-hover: var( --gfdr-td-selected-bg );
--gfdr-td-selected-clr: #ffffff;
--gfdr-td-selected-clr-hover: #ffffff;
--gfdr-td-range-bg: #f2f3f5;
--gfdr-td-range-bg-hover: #e9eaee;
--gfdr-td-range-clr: #2f4054;
--gfdr-td-range-clr-hover: #2f4054; --gfdr-btn-bg: transparent;
--gfdr-btn-bg-hover: var( --gfdr-btn-bg );
--gfdr-btn-clr: #242748;
--gfdr-btn-clr-hover: var( --gfdr-btn-clr );
--gfdr-btn-brd-rad: 4px;
--gfdr-btn-brd-w: 1px;
--gfdr-btn-brd-clr: #d0d1d3;
--gfdr-btn-brd-clr-hover: var( --gfdr-btn-brd-clr );
--gfdr-btn-1st-bg: #607382;
--gfdr-btn-1st-bg-hover: var( --gfdr-btn-1st-bg );
--gfdr-btn-1st-clr: #ffffff;
--gfdr-btn-1st-clr-hover: var( --gfdr-btn-1st-clr );
--gfdr-btn-1st-brd-clr: transparent;
--gfdr-btn-1st-brd-clr-hover: var( --gfdr-btn-1st-brd-clr );
}
.gfdr-picker { --gfdr-trigger-bg: var( --gf-ctrl-bg-color, #ffffff );
--gfdr-trigger-clr: var( --gf-ctrl-color, #242748 );
--gfdr-trigger-clr-hover: var( --gfdr-trigger-clr );
--gfdr-trigger-clr-focus: var( --gfdr-trigger-clr );
--gfdr-trigger-brd-clr: var( --gf-ctrl-border-color, #d0d1d3 );
--gfdr-trigger-brd-clr-hover: var( --gf-ctrl-border-color-hover, #9092b2 );
--gfdr-trigger-brd-clr-focus: var( --gf-ctrl-border-color-focus, #3985b7 );
--gfdr-trigger-brd-w: var( --gf-ctrl-border-width, 1px );
--gfdr-trigger-brd-rad: var( --gf-ctrl-radius, 4px );
--gfdr-trigger-bg-hover: var( --gf-ctrl-bg-color-hover, var( --gfdr-trigger-bg ) );
--gfdr-trigger-bg-focus: var( --gf-ctrl-bg-color-focus, var( --gfdr-trigger-bg ) );
--gfdr-trigger-pad-v: 0px;
--gfdr-trigger-pad-h: 16px;
--gfdr-trigger-min-height: 44px;
position: relative;
font-size: var(--gfdr-panel-font-size);
color: var(--gfdr-trigger-clr);
}  .gfdr-picker__trigger {
display: flex;
align-items: center;
width: 100%;
min-height: var(--gfdr-trigger-min-height);
padding: var(--gfdr-trigger-pad-v) var(--gfdr-trigger-pad-h);
background: var(--gfdr-trigger-bg);
color: var(--gfdr-trigger-clr);
border: var(--gfdr-trigger-brd-w) solid var(--gfdr-trigger-brd-clr);
border-radius: var(--gfdr-trigger-brd-rad);
font: inherit;
text-align: left;
cursor: pointer;
transition: background-clr .15s ease, border-clr .15s ease, color .15s ease;
}
.gfdr-picker__trigger:hover {
background: var(--gfdr-trigger-bg-hover);
color: var(--gfdr-trigger-clr-hover);
border-color: var(--gfdr-trigger-brd-clr-hover);
}
.gfdr-picker__trigger:focus-visible {
background: var(--gfdr-trigger-bg-focus);
color: var(--gfdr-trigger-clr-focus);
border-color: var(--gfdr-trigger-brd-clr-focus);
}
.gfdr-picker__trigger-label {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} .daterangepicker {
z-index: var(--gfdr-panel-zindex);
background: var(--gfdr-panel-bg);
color: var(--gfdr-panel-clr);
border: var(--gfdr-panel-brd-w) solid var(--gfdr-panel-brd-clr);
border-radius: var(--gfdr-panel-brd-rad);
box-shadow: var(--gfdr-panel-shadow);
font-family: inherit;
font-size: var(--gfdr-panel-font-size);
} .daterangepicker.-active {
display: flex;
}
.daterangepicker:before,
.daterangepicker:after {
display: none;
}
.daterangepicker .calendar-table {
background: var(--gfdr-panel-bg);
border: 0;
}
.daterangepicker th {
color: var(--gfdr-th-clr);
}
.daterangepicker th.available:hover {
background: var(--gfdr-th-bg-hover);
color: var(--gfdr-th-clr-hover);
}
.daterangepicker td.available {
background: var(--gfdr-td-available-bg);
color: var(--gfdr-td-available-clr);
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
color: var(--gfdr-td-clr-off);
background: var(--gfdr-td-off-bg);
}
.daterangepicker td.off:hover {
color: var(--gfdr-td-clr-off-hover);
background: var(--gfdr-td-off-bg-hover);
}
.daterangepicker td.disabled {
color: var(--gfdr-td-disabled);
text-decoration: line-through;
cursor: not-allowed;
}
.daterangepicker td.available:hover {
background: var(--gfdr-td-available-bg-hover);
color: var(--gfdr-td-available-clr-hover);
}
.daterangepicker td.today {
box-shadow: inset 0 0 0 1px var(--gfdr-td-today);
background: var(--gfdr-td-today-bg);
color: var(--gfdr-td-today-clr);
border-radius: 4px;
}
.daterangepicker td.today:hover {
box-shadow: inset 0 0 0 1px var(--gfdr-td-today-hover);
background: var(--gfdr-td-today-bg-hover);
color: var(--gfdr-td-today-clr-hover);
}
.daterangepicker td.in-range {
background: var(--gfdr-td-range-bg);
color: var(--gfdr-td-range-clr);
}
.daterangepicker td.in-range:hover {
background: var(--gfdr-td-range-bg-hover);
color: var(--gfdr-td-range-clr-hover);
}
.daterangepicker td.start-date,
.daterangepicker td.end-date,
.daterangepicker td.active {
background: var(--gfdr-td-selected-bg);
color: var(--gfdr-td-selected-clr);
}
.daterangepicker td.start-date:hover,
.daterangepicker td.end-date:hover,
.daterangepicker td.active:hover {
background: var(--gfdr-td-selected-bg-hover);
color: var(--gfdr-td-selected-clr-hover);
}
.daterangepicker .drp-buttons {
border-top: 1px solid var(--gfdr-panel-brd-clr);
}
.daterangepicker .drp-buttons .btn {
background: var(--gfdr-btn-bg);
color: var(--gfdr-btn-clr);
border: var(--gfdr-btn-brd-w) solid var(--gfdr-btn-brd-clr);
border-radius: var(--gfdr-btn-brd-rad);
font-family: inherit;
}
.daterangepicker .drp-buttons .applyBtn {
background: var(--gfdr-btn-1st-bg);
border: var(--gfdr-btn-1st-brd-w) solid var(--gfdr-btn-1st-brd-clr);
color: var(--gfdr-btn-1st-clr);
}
.daterangepicker .drp-buttons .btn:hover {
background: var(--gfdr-btn-bg-hover);
border: var(--gfdr-btn-brd-w) solid var(--gfdr-btn-brd-clr-hover);
color: var(--gfdr-btn-clr-hover);
}
.daterangepicker .drp-buttons .applyBtn:hover {
background: var(--gfdr-btn-1st-bg-hover);
border: var(--gfdr-btn-1st-brd-w) solid var(--gfdr-btn-1st-brd-clr-hover);
color: var(--gfdr-btn-1st-clr-hover);
}