.daterangepicker {
    border-radius: 0px;
    color: #00326C !important;
    align-self: bottom !important;
    box-shadow: 10px 5px 5px var(--sinoColBorder);
}

.daterangepicker .calendar-table th,
.daterangepicker .calendar-table td {
    height: 0.3vh !important;
    line-height: 1.2rem !important;
    border-radius: 0px;
    border: none !important;
}

.daterangepicker .drp-calendar.right>*>*>*>*>th.month {
    padding: 15px 30px 10px 10px !important;
}

.daterangepicker .calendar-table {
    border-radius: 0px;
    border: none;
}

.daterangepicker td.available,
.daterangepicker th.available {
    color: inherit;
    border-color: transparent;
}


.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background-color: #00326C !important;
    color: #fff !important;
}


.daterangepicker td.today,
.daterangepicker th.today {
    background-color: #336699 !important;
}

.daterangepicker td.week,
.daterangepicker th.week {
    border-right: 1px solid #ddd !important;
}

.daterangepicker td.in-range {
    background-color: #00944F !important;
    color: #fff !important;
}

.daterangepicker td.start-date {
    background-image: linear-gradient(to right, #002959, #00944F) !important;
    border-radius: 4px 0 0 4px;
}


.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0;
    background: linear-gradient(to right, #00944F, #002959) !important;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #357ebd !important;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    background: #00326C !important;
    border: 1px solid #00326C;
}


.table-condensed {
    border: 0px;
}

.daterangepicker.show-ranges.ltr .drp-calendar.left {
    border-left: 0px solid #ddd !important;
}

.daterangepicker .ranges {
    max-height: 25vh !important;
    /* overflow-y: auto; */
    overflow-x: hidden;
    width: fit-content;
}

.daterangepicker .ranges>ul {
    border-right: 1px solid var(--sinoColGreen);
    padding-right: 2rem;
}
.drp-calendar.right thead>tr:first-child>th:first-child {
    padding: 10px 0 10px 0 !important;
}


.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    background-color: var(--sinoColNormFG) !important;
    border-color: var(--sinoColBorder);
    color: var(--sinoColNormBG);
    border: 1px solid var(--sinoColBorder);
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3Ablack%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A") !important;
    background-position: right 10px center !important;
    background-repeat: no-repeat !important;
    background-size: auto 50% !important;
    padding: 10px 0 10px 5px !important;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    min-width: 80px !important;
}

.daterangepicker select.monthselect>option,
.daterangepicker select.yearselect>option {
    font-weight: bold;
    padding: 0;
    min-width: auto !important;
}

.drp-buttons>button {
    padding: 1rem !important;
    width: auto;
    color: var(--sinoColNormFG);
    font-weight: bold;
    background-color: var(--sinoColNormBG_Btn);
    border: 1px solid var(--sinoColNormFG_Btn);
}

.drp-buttons>button:disabled {
    background-color: var(--sinoColBorder);
}

.drp-buttons>button:hover:not([disabled]) {
    background: var(--sinoColNormFG_BtnHover);
    color: var(--sinoColSelFG);
}

.daterangepicker .drp-selected {
    font-size: 1.1rem !important;
    /* margin-top: 8px; */
}

.daterangepicker .drp-calendar {
    padding: 15px !important;
}

.daterangepicker .drp-calendar.left {
    padding: 15px !important;
}

.daterangepicker .drp-calendar.right {
    padding: 15px !important;
}