body .datepicker { color: var(--bs-component-color); border-radius: 4px; } body .datepicker table { width: 100%; } body .datepicker .datepicker-centuries table thead tr th, body .datepicker .datepicker-days table thead tr th, body .datepicker .datepicker-decades table thead tr th, body .datepicker .datepicker-months table thead tr th, body .datepicker .datepicker-years table thead tr th { color: var(--bs-component-color); } body .datepicker .datepicker-centuries table thead tr th.datepicker-switch, body .datepicker .datepicker-centuries table thead tr th.next, body .datepicker .datepicker-centuries table thead tr th.prev, body .datepicker .datepicker-days table thead tr th.datepicker-switch, body .datepicker .datepicker-days table thead tr th.next, body .datepicker .datepicker-days table thead tr th.prev, body .datepicker .datepicker-decades table thead tr th.datepicker-switch, body .datepicker .datepicker-decades table thead tr th.next, body .datepicker .datepicker-decades table thead tr th.prev, body .datepicker .datepicker-months table thead tr th.datepicker-switch, body .datepicker .datepicker-months table thead tr th.next, body .datepicker .datepicker-months table thead tr th.prev, body .datepicker .datepicker-years table thead tr th.datepicker-switch, body .datepicker .datepicker-years table thead tr th.next, body .datepicker .datepicker-years table thead tr th.prev { line-height: 1.5; padding: 0.5rem; border-radius: 3px; } body .datepicker .datepicker-centuries table thead tr th.datepicker-switch:focus, body .datepicker .datepicker-centuries table thead tr th.datepicker-switch:hover, body .datepicker .datepicker-centuries table thead tr th.next:focus, body .datepicker .datepicker-centuries table thead tr th.next:hover, body .datepicker .datepicker-centuries table thead tr th.prev:focus, body .datepicker .datepicker-centuries table thead tr th.prev:hover, body .datepicker .datepicker-days table thead tr th.datepicker-switch:focus, body .datepicker .datepicker-days table thead tr th.datepicker-switch:hover, body .datepicker .datepicker-days table thead tr th.next:focus, body .datepicker .datepicker-days table thead tr th.next:hover, body .datepicker .datepicker-days table thead tr th.prev:focus, body .datepicker .datepicker-days table thead tr th.prev:hover, body .datepicker .datepicker-decades table thead tr th.datepicker-switch:focus, body .datepicker .datepicker-decades table thead tr th.datepicker-switch:hover, body .datepicker .datepicker-decades table thead tr th.next:focus, body .datepicker .datepicker-decades table thead tr th.next:hover, body .datepicker .datepicker-decades table thead tr th.prev:focus, body .datepicker .datepicker-decades table thead tr th.prev:hover, body .datepicker .datepicker-months table thead tr th.datepicker-switch:focus, body .datepicker .datepicker-months table thead tr th.datepicker-switch:hover, body .datepicker .datepicker-months table thead tr th.next:focus, body .datepicker .datepicker-months table thead tr th.next:hover, body .datepicker .datepicker-months table thead tr th.prev:focus, body .datepicker .datepicker-months table thead tr th.prev:hover, body .datepicker .datepicker-years table thead tr th.datepicker-switch:focus, body .datepicker .datepicker-years table thead tr th.datepicker-switch:hover, body .datepicker .datepicker-years table thead tr th.next:focus, body .datepicker .datepicker-years table thead tr th.next:hover, body .datepicker .datepicker-years table thead tr th.prev:focus, body .datepicker .datepicker-years table thead tr th.prev:hover { background: var(--bs-component-hover-bg); } body .datepicker .datepicker-centuries table thead tr th.datepicker-switch:focus:before, body .datepicker .datepicker-centuries table thead tr th.datepicker-switch:hover:before, body .datepicker .datepicker-centuries table thead tr th.next:focus:before, body .datepicker .datepicker-centuries table thead tr th.next:hover:before, body .datepicker .datepicker-centuries table thead tr th.prev:focus:before, body .datepicker .datepicker-centuries table thead tr th.prev:hover:before, body .datepicker .datepicker-days table thead tr th.datepicker-switch:focus:before, body .datepicker .datepicker-days table thead tr th.datepicker-switch:hover:before, body .datepicker .datepicker-days table thead tr th.next:focus:before, body .datepicker .datepicker-days table thead tr th.next:hover:before, body .datepicker .datepicker-days table thead tr th.prev:focus:before, body .datepicker .datepicker-days table thead tr th.prev:hover:before, body .datepicker .datepicker-decades table thead tr th.datepicker-switch:focus:before, body .datepicker .datepicker-decades table thead tr th.datepicker-switch:hover:before, body .datepicker .datepicker-decades table thead tr th.next:focus:before, body .datepicker .datepicker-decades table thead tr th.next:hover:before, body .datepicker .datepicker-decades table thead tr th.prev:focus:before, body .datepicker .datepicker-decades table thead tr th.prev:hover:before, body .datepicker .datepicker-months table thead tr th.datepicker-switch:focus:before, body .datepicker .datepicker-months table thead tr th.datepicker-switch:hover:before, body .datepicker .datepicker-months table thead tr th.next:focus:before, body .datepicker .datepicker-months table thead tr th.next:hover:before, body .datepicker .datepicker-months table thead tr th.prev:focus:before, body .datepicker .datepicker-months table thead tr th.prev:hover:before, body .datepicker .datepicker-years table thead tr th.datepicker-switch:focus:before, body .datepicker .datepicker-years table thead tr th.datepicker-switch:hover:before, body .datepicker .datepicker-years table thead tr th.next:focus:before, body .datepicker .datepicker-years table thead tr th.next:hover:before, body .datepicker .datepicker-years table thead tr th.prev:focus:before, body .datepicker .datepicker-years table thead tr th.prev:hover:before { color: var(--bs-component-color); } body .datepicker .datepicker-centuries table thead tr th.next, body .datepicker .datepicker-centuries table thead tr th.prev, body .datepicker .datepicker-days table thead tr th.next, body .datepicker .datepicker-days table thead tr th.prev, body .datepicker .datepicker-decades table thead tr th.next, body .datepicker .datepicker-decades table thead tr th.prev, body .datepicker .datepicker-months table thead tr th.next, body .datepicker .datepicker-months table thead tr th.prev, body .datepicker .datepicker-years table thead tr th.next, body .datepicker .datepicker-years table thead tr th.prev { color: transparent; width: 15%; position: relative; font-family: 'Font Awesome 6 Free'!important; font-weight: 900; font-style: normal; font-variant: normal; text-rendering: auto; } body .datepicker .datepicker-centuries table thead tr th.next:before, body .datepicker .datepicker-centuries table thead tr th.prev:before, body .datepicker .datepicker-days table thead tr th.next:before, body .datepicker .datepicker-days table thead tr th.prev:before, body .datepicker .datepicker-decades table thead tr th.next:before, body .datepicker .datepicker-decades table thead tr th.prev:before, body .datepicker .datepicker-months table thead tr th.next:before, body .datepicker .datepicker-months table thead tr th.prev:before, body .datepicker .datepicker-years table thead tr th.next:before, body .datepicker .datepicker-years table thead tr th.prev:before { color: #607d8b; position: absolute; font-size: 0.875rem; height: 0.875rem; top: 50%; margin-top: -0.4375rem; line-height: 1; } body .datepicker .datepicker-centuries table thead tr th.next i, body .datepicker .datepicker-centuries table thead tr th.prev i, body .datepicker .datepicker-days table thead tr th.next i, body .datepicker .datepicker-days table thead tr th.prev i, body .datepicker .datepicker-decades table thead tr th.next i, body .datepicker .datepicker-decades table thead tr th.prev i, body .datepicker .datepicker-months table thead tr th.next i, body .datepicker .datepicker-months table thead tr th.prev i, body .datepicker .datepicker-years table thead tr th.next i, body .datepicker .datepicker-years table thead tr th.prev i { display: none; } body .datepicker .datepicker-centuries table thead tr th.prev:before, body .datepicker .datepicker-days table thead tr th.prev:before, body .datepicker .datepicker-decades table thead tr th.prev:before, body .datepicker .datepicker-months table thead tr th.prev:before, body .datepicker .datepicker-years table thead tr th.prev:before { content: "\f104"; } body .datepicker .datepicker-centuries table thead tr th.next:before, body .datepicker .datepicker-days table thead tr th.next:before, body .datepicker .datepicker-decades table thead tr th.next:before, body .datepicker .datepicker-months table thead tr th.next:before, body .datepicker .datepicker-years table thead tr th.next:before { content: "\f105"; } body .datepicker .datepicker-centuries table thead tr th.datepicker-switch, body .datepicker .datepicker-days table thead tr th.datepicker-switch, body .datepicker .datepicker-decades table thead tr th.datepicker-switch, body .datepicker .datepicker-months table thead tr th.datepicker-switch, body .datepicker .datepicker-years table thead tr th.datepicker-switch { width: auto; } body .datepicker .datepicker-centuries table thead tr th.dow, body .datepicker .datepicker-days table thead tr th.dow, body .datepicker .datepicker-decades table thead tr th.dow, body .datepicker .datepicker-months table thead tr th.dow, body .datepicker .datepicker-years table thead tr th.dow { padding: 0.5rem 0; } body .datepicker .datepicker-centuries table tbody tr td, body .datepicker .datepicker-days table tbody tr td, body .datepicker .datepicker-decades table tbody tr td, body .datepicker .datepicker-months table tbody tr td, body .datepicker .datepicker-years table tbody tr td { padding: 0.5rem; } body .datepicker .datepicker-centuries table tbody tr td span.century, body .datepicker .datepicker-centuries table tbody tr td span.decade, body .datepicker .datepicker-centuries table tbody tr td span.month, body .datepicker .datepicker-centuries table tbody tr td span.year, body .datepicker .datepicker-days table tbody tr td span.century, body .datepicker .datepicker-days table tbody tr td span.decade, body .datepicker .datepicker-days table tbody tr td span.month, body .datepicker .datepicker-days table tbody tr td span.year, body .datepicker .datepicker-decades table tbody tr td span.century, body .datepicker .datepicker-decades table tbody tr td span.decade, body .datepicker .datepicker-decades table tbody tr td span.month, body .datepicker .datepicker-decades table tbody tr td span.year, body .datepicker .datepicker-months table tbody tr td span.century, body .datepicker .datepicker-months table tbody tr td span.decade, body .datepicker .datepicker-months table tbody tr td span.month, body .datepicker .datepicker-months table tbody tr td span.year, body .datepicker .datepicker-years table tbody tr td span.century, body .datepicker .datepicker-years table tbody tr td span.decade, body .datepicker .datepicker-years table tbody tr td span.month, body .datepicker .datepicker-years table tbody tr td span.year { font-weight: 500; color: #546e7a; text-shadow: none; border-radius: 3px; } body .datepicker .datepicker-centuries table tbody tr td span.century:focus, body .datepicker .datepicker-centuries table tbody tr td span.century:hover, body .datepicker .datepicker-centuries table tbody tr td span.decade:focus, body .datepicker .datepicker-centuries table tbody tr td span.decade:hover, body .datepicker .datepicker-centuries table tbody tr td span.month:focus, body .datepicker .datepicker-centuries table tbody tr td span.month:hover, body .datepicker .datepicker-centuries table tbody tr td span.year:focus, body .datepicker .datepicker-centuries table tbody tr td span.year:hover, body .datepicker .datepicker-days table tbody tr td span.century:focus, body .datepicker .datepicker-days table tbody tr td span.century:hover, body .datepicker .datepicker-days table tbody tr td span.decade:focus, body .datepicker .datepicker-days table tbody tr td span.decade:hover, body .datepicker .datepicker-days table tbody tr td span.month:focus, body .datepicker .datepicker-days table tbody tr td span.month:hover, body .datepicker .datepicker-days table tbody tr td span.year:focus, body .datepicker .datepicker-days table tbody tr td span.year:hover, body .datepicker .datepicker-decades table tbody tr td span.century:focus, body .datepicker .datepicker-decades table tbody tr td span.century:hover, body .datepicker .datepicker-decades table tbody tr td span.decade:focus, body .datepicker .datepicker-decades table tbody tr td span.decade:hover, body .datepicker .datepicker-decades table tbody tr td span.month:focus, body .datepicker .datepicker-decades table tbody tr td span.month:hover, body .datepicker .datepicker-decades table tbody tr td span.year:focus, body .datepicker .datepicker-decades table tbody tr td span.year:hover, body .datepicker .datepicker-months table tbody tr td span.century:focus, body .datepicker .datepicker-months table tbody tr td span.century:hover, body .datepicker .datepicker-months table tbody tr td span.decade:focus, body .datepicker .datepicker-months table tbody tr td span.decade:hover, body .datepicker .datepicker-months table tbody tr td span.month:focus, body .datepicker .datepicker-months table tbody tr td span.month:hover, body .datepicker .datepicker-months table tbody tr td span.year:focus, body .datepicker .datepicker-months table tbody tr td span.year:hover, body .datepicker .datepicker-years table tbody tr td span.century:focus, body .datepicker .datepicker-years table tbody tr td span.century:hover, body .datepicker .datepicker-years table tbody tr td span.decade:focus, body .datepicker .datepicker-years table tbody tr td span.decade:hover, body .datepicker .datepicker-years table tbody tr td span.month:focus, body .datepicker .datepicker-years table tbody tr td span.month:hover, body .datepicker .datepicker-years table tbody tr td span.year:focus, body .datepicker .datepicker-years table tbody tr td span.year:hover { background: var(--bs-component-hover-bg); } body .datepicker .datepicker-centuries table tbody tr td span.century.focused, body .datepicker .datepicker-centuries table tbody tr td span.decade.focused, body .datepicker .datepicker-centuries table tbody tr td span.month.focused, body .datepicker .datepicker-centuries table tbody tr td span.year.focused, body .datepicker .datepicker-days table tbody tr td span.century.focused, body .datepicker .datepicker-days table tbody tr td span.decade.focused, body .datepicker .datepicker-days table tbody tr td span.month.focused, body .datepicker .datepicker-days table tbody tr td span.year.focused, body .datepicker .datepicker-decades table tbody tr td span.century.focused, body .datepicker .datepicker-decades table tbody tr td span.decade.focused, body .datepicker .datepicker-decades table tbody tr td span.month.focused, body .datepicker .datepicker-decades table tbody tr td span.year.focused, body .datepicker .datepicker-months table tbody tr td span.century.focused, body .datepicker .datepicker-months table tbody tr td span.decade.focused, body .datepicker .datepicker-months table tbody tr td span.month.focused, body .datepicker .datepicker-months table tbody tr td span.year.focused, body .datepicker .datepicker-years table tbody tr td span.century.focused, body .datepicker .datepicker-years table tbody tr td span.decade.focused, body .datepicker .datepicker-years table tbody tr td span.month.focused, body .datepicker .datepicker-years table tbody tr td span.year.focused { background: var(--bs-component-hover-bg); color: var(--bs-component-hover-color); } body .datepicker .datepicker-centuries table tbody tr td span.century.active, body .datepicker .datepicker-centuries table tbody tr td span.decade.active, body .datepicker .datepicker-centuries table tbody tr td span.month.active, body .datepicker .datepicker-centuries table tbody tr td span.year.active, body .datepicker .datepicker-days table tbody tr td span.century.active, body .datepicker .datepicker-days table tbody tr td span.decade.active, body .datepicker .datepicker-days table tbody tr td span.month.active, body .datepicker .datepicker-days table tbody tr td span.year.active, body .datepicker .datepicker-decades table tbody tr td span.century.active, body .datepicker .datepicker-decades table tbody tr td span.decade.active, body .datepicker .datepicker-decades table tbody tr td span.month.active, body .datepicker .datepicker-decades table tbody tr td span.year.active, body .datepicker .datepicker-months table tbody tr td span.century.active, body .datepicker .datepicker-months table tbody tr td span.decade.active, body .datepicker .datepicker-months table tbody tr td span.month.active, body .datepicker .datepicker-months table tbody tr td span.year.active, body .datepicker .datepicker-years table tbody tr td span.century.active, body .datepicker .datepicker-years table tbody tr td span.decade.active, body .datepicker .datepicker-years table tbody tr td span.month.active, body .datepicker .datepicker-years table tbody tr td span.year.active { background: var(--bs-component-active-bg) !important; color: var(--bs-component-active-color); } body .datepicker .datepicker-centuries table tbody tr td.day, body .datepicker .datepicker-days table tbody tr td.day, body .datepicker .datepicker-decades table tbody tr td.day, body .datepicker .datepicker-months table tbody tr td.day, body .datepicker .datepicker-years table tbody tr td.day { font-weight: 500; color: rgba(var(--bs-component-color-rgb), 0.75); padding: 0.5rem; border-radius: 3px; } body .datepicker .datepicker-centuries table tbody tr td.day.highlighted, body .datepicker .datepicker-centuries table tbody tr td.day.range, body .datepicker .datepicker-centuries table tbody tr td.day.selected, body .datepicker .datepicker-centuries table tbody tr td.day:focus, body .datepicker .datepicker-centuries table tbody tr td.day:hover, body .datepicker .datepicker-days table tbody tr td.day.highlighted, body .datepicker .datepicker-days table tbody tr td.day.range, body .datepicker .datepicker-days table tbody tr td.day.selected, body .datepicker .datepicker-days table tbody tr td.day:focus, body .datepicker .datepicker-days table tbody tr td.day:hover, body .datepicker .datepicker-decades table tbody tr td.day.highlighted, body .datepicker .datepicker-decades table tbody tr td.day.range, body .datepicker .datepicker-decades table tbody tr td.day.selected, body .datepicker .datepicker-decades table tbody tr td.day:focus, body .datepicker .datepicker-decades table tbody tr td.day:hover, body .datepicker .datepicker-months table tbody tr td.day.highlighted, body .datepicker .datepicker-months table tbody tr td.day.range, body .datepicker .datepicker-months table tbody tr td.day.selected, body .datepicker .datepicker-months table tbody tr td.day:focus, body .datepicker .datepicker-months table tbody tr td.day:hover, body .datepicker .datepicker-years table tbody tr td.day.highlighted, body .datepicker .datepicker-years table tbody tr td.day.range, body .datepicker .datepicker-years table tbody tr td.day.selected, body .datepicker .datepicker-years table tbody tr td.day:focus, body .datepicker .datepicker-years table tbody tr td.day:hover { background: var(--bs-component-hover-bg); text-shadow: none; } body .datepicker .datepicker-centuries table tbody tr td.day.today, body .datepicker .datepicker-days table tbody tr td.day.today, body .datepicker .datepicker-decades table tbody tr td.day.today, body .datepicker .datepicker-months table tbody tr td.day.today, body .datepicker .datepicker-years table tbody tr td.day.today { background: #c8e5fc !important; color: #08263d; } body .datepicker .datepicker-centuries table tbody tr td.day.active, body .datepicker .datepicker-days table tbody tr td.day.active, body .datepicker .datepicker-decades table tbody tr td.day.active, body .datepicker .datepicker-months table tbody tr td.day.active, body .datepicker .datepicker-years table tbody tr td.day.active { background: #2196f3 !important; color: #fff; text-shadow: none !important; } body .datepicker .datepicker-centuries table tbody tr td.day.range, body .datepicker .datepicker-days table tbody tr td.day.range, body .datepicker .datepicker-decades table tbody tr td.day.range, body .datepicker .datepicker-months table tbody tr td.day.range, body .datepicker .datepicker-years table tbody tr td.day.range { border-radius: 0; } body .datepicker .datepicker-centuries table tbody tr td.day.range-start, body .datepicker .datepicker-days table tbody tr td.day.range-start, body .datepicker .datepicker-decades table tbody tr td.day.range-start, body .datepicker .datepicker-months table tbody tr td.day.range-start, body .datepicker .datepicker-years table tbody tr td.day.range-start { border-radius: 3px 0 0 3px; } body .datepicker .datepicker-centuries table tbody tr td.day.range-end, body .datepicker .datepicker-days table tbody tr td.day.range-end, body .datepicker .datepicker-decades table tbody tr td.day.range-end, body .datepicker .datepicker-months table tbody tr td.day.range-end, body .datepicker .datepicker-years table tbody tr td.day.range-end { border-radius: 0 3px 3px 0; } body .datepicker .datepicker-centuries table tbody tr td.day.old, body .datepicker .datepicker-days table tbody tr td.day.old, body .datepicker .datepicker-decades table tbody tr td.day.old, body .datepicker .datepicker-months table tbody tr td.day.old, body .datepicker .datepicker-years table tbody tr td.day.old { color: var(--bs-component-disabled-color); } body .datepicker .datepicker-centuries table tbody tr td.day.new, body .datepicker .datepicker-days table tbody tr td.day.new, body .datepicker .datepicker-decades table tbody tr td.day.new, body .datepicker .datepicker-months table tbody tr td.day.new, body .datepicker .datepicker-years table tbody tr td.day.new { color: var(--bs-component-disabled-color); } body .datepicker .datepicker-centuries table tbody tr td.day.disabled, body .datepicker .datepicker-days table tbody tr td.day.disabled, body .datepicker .datepicker-decades table tbody tr td.day.disabled, body .datepicker .datepicker-months table tbody tr td.day.disabled, body .datepicker .datepicker-years table tbody tr td.day.disabled { color: var(--bs-component-disabled-color); } body .datepicker .datepicker-centuries table tbody tr td.day.disabled:focus, body .datepicker .datepicker-centuries table tbody tr td.day.disabled:hover, body .datepicker .datepicker-days table tbody tr td.day.disabled:focus, body .datepicker .datepicker-days table tbody tr td.day.disabled:hover, body .datepicker .datepicker-decades table tbody tr td.day.disabled:focus, body .datepicker .datepicker-decades table tbody tr td.day.disabled:hover, body .datepicker .datepicker-months table tbody tr td.day.disabled:focus, body .datepicker .datepicker-months table tbody tr td.day.disabled:hover, body .datepicker .datepicker-years table tbody tr td.day.disabled:focus, body .datepicker .datepicker-years table tbody tr td.day.disabled:hover { background: 0 0; } body .datepicker.datepicker-inline { display: block; width: auto; padding: 0; } body .datepicker.dropdown-menu { min-width: 250px; width: 320px; border: none; font-family: inherit; font-size: 0.8125rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); width: 250px; } body .datepicker.dropdown-menu:before { display: none; } body .datepicker.dropdown-menu.datepicker-orient-left:after { left: 1rem; } body .datepicker.dropdown-menu.datepicker-orient-right:after { right: 1rem; } body .datepicker.dropdown-menu.datepicker-orient-top { margin-bottom: 0.5rem; } body .datepicker.dropdown-menu.datepicker-orient-bottom { margin-top: 0.5rem; } .datepicker .input-daterange .input-group-addon { margin: 0; font-weight: 500; background: var(--bs-component-border-color); color: var(--bs-component-color); display: flex; align-items: center; border-radius: 0; } .datepicker .input-daterange .input-group-addon + .form-control { border-radius: 0 3px 3px 0; } .datepicker.datepicker-dropdown:after { border-bottom-color: var(--bs-component-dropdown-bg); } .datepicker.datepicker-dropdown.datepicker-orient-top:after { border-top-color: var(--bs-component-dropdown-bg); } body .daterangepicker { z-index: 1020; border: none; font-family: inherit; background-color: var(--bs-component-dropdown-bg); border-radius: 4px; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } @media (max-width: 767.98px) { body .daterangepicker { width: 300px; } } body .daterangepicker:before { display: none; } body .daterangepicker:after { border-bottom-color: var(--bs-component-dropdown-bg); } body .daterangepicker .drp-calendar { max-width: inherit; padding: 1rem; } @media (max-width: 1199.98px) { body .daterangepicker .drp-calendar { float: none; } } body .daterangepicker .drp-calendar .calendar-table { background-color: var(--bs-component-dropdown-bg); border-color: var(--bs-component-dropdown-bg); } body .daterangepicker .drp-calendar .calendar-table table thead tr th { min-width: auto; width: auto; height: auto; line-height: 1; padding: 0.5rem; color: var(--bs-component-color); font-weight: 700; border: none; } body .daterangepicker .drp-calendar .calendar-table table thead tr th.next span, body .daterangepicker .drp-calendar .calendar-table table thead tr th.prev span { border-color: var(--bs-component-color); } body .daterangepicker .drp-calendar .calendar-table table thead tr th.next:focus, body .daterangepicker .drp-calendar .calendar-table table thead tr th.next:hover, body .daterangepicker .drp-calendar .calendar-table table thead tr th.prev:focus, body .daterangepicker .drp-calendar .calendar-table table thead tr th.prev:hover { background: rgba(var(--bs-component-color-rgb), 0.2); color: var(--bs-component-color); } body .daterangepicker .drp-calendar .calendar-table table thead tr th.month .monthselect, body .daterangepicker .drp-calendar .calendar-table table thead tr th.month .yearselect { border-color: var(--bs-component-dropdown-border-color); background: var(--bs-component-dropdown-bg); color: var(--bs-component-color); border-radius: 3px; transition: all 0.2s linear; } body .daterangepicker .drp-calendar .calendar-table table thead tr th.month .monthselect:focus, body .daterangepicker .drp-calendar .calendar-table table thead tr th.month .yearselect:focus { outline: 0; border-color: #59b0f6; box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25); } body .daterangepicker .drp-calendar .calendar-table table thead tr:last-child th { padding-bottom: 0.5rem; } body .daterangepicker .drp-calendar .calendar-table table tbody tr td { min-width: auto; width: auto; height: auto; line-height: 1; padding: 0.65rem; font-weight: 500; color: var(--bs-component-color); border: none; } body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available { border-radius: 3px; } body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available:focus, body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available:hover { background: var(--bs-component-dropdown-hover-bg); } body .daterangepicker .drp-calendar .calendar-table table tbody tr td.available.in-range { background: #deeffd; color: var(--bs-component-color); border-radius: 0; }