/*!
* Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker)
*
* Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0)
*/
.datepicker  {
    padding: 1rem;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    direction: ltr;
}
.datepicker-inline  {
    width: 220px;
}
.datepicker-rtl  {
    direction: rtl;
}
.datepicker-rtl.dropdown-menu  {
    left: auto;
}
.datepicker-rtl table tr td span  {
    float: right;
}
.datepicker-dropdown  {
    top: 0;
    left: 0;
    padding: 1rem;
}
.datepicker-dropdown.datepicker-orient-left:before  {
    left: 6px;
}
.datepicker-dropdown.datepicker-orient-left:after  {
    left: 7px;
}
.datepicker-dropdown.datepicker-orient-right:before  {
    right: 6px;
}
.datepicker-dropdown.datepicker-orient-right:after  {
    right: 7px;
}
.datepicker-dropdown.datepicker-orient-bottom:before  {
    top: -7px;
}
.datepicker-dropdown.datepicker-orient-bottom:after  {
    top: -6px;
}
.datepicker-dropdown.datepicker-orient-top:before  {
    bottom: -7px;
    border-bottom: 0;
    border-top: 7px solid var(--gray-400);
}
.datepicker-dropdown.datepicker-orient-top:after  {
    bottom: -6px;
    border-bottom: 0;
    border-top: 6px solid #fff;
}
.datepicker table  {
    margin: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.datepicker td,
.datepicker th  {
    text-align: center;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border: none;
    font-size: 1rem;
}
.datepicker th  {
    font-weight: 600;
}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th  {
    background-color: transparent;
}
.datepicker th.dow  {
    font-weight: 700;
    color: var(--gray-900);
    border-bottom: none;
}
.datepicker td.day:hover,
.datepicker td.day.focused  {
    background: var(--gray-400);
    color: var(--gray-900);
    cursor: pointer;
}
.datepicker td.old,
.datepicker td.new  {
    color: var(--gray-600);
}
.datepicker td span.old,
.datepicker td span.new  {
    color: var(--gray-600);
}
.datepicker td.old:not(.disabled):hover, .datepicker td.old:not(.disabled):focus,
.datepicker td.new:not(.disabled):hover, .datepicker td.new:not(.disabled):focus  {
    color: var(--gray-900);
}
.datepicker td.disabled,
.datepicker td.disabled:hover  {
    background: none;
    color: var(--gray-400);
    cursor: default;
}
.datepicker td.highlighted  {
    background: var(--gray-400);
    border: 1px solid var(--primary);
}
.datepicker td.range,
.datepicker td.range:hover,
.datepicker td.range:focus,
.datepicker td.range.focus,
.datepicker td.range.disabled  {
    background: var(--gray-400);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.datepicker td.selected,
.datepicker td.selected:hover,
.datepicker td.selected:focus,
.datepicker td.selected.focus,
.datepicker td.selected:active,
.datepicker td.selected.active,
.datepicker td.selected[disabled],
.datepicker td.selected.disabled,
.datepicker td.old.selected,
.datepicker td.old.selected:hover,
.datepicker td.old.selected:focus,
.datepicker td.old.selected.focus,
.datepicker td.old.selected:active,
.datepicker td.old.selected.active,
.datepicker td.old.selected[disabled],
.datepicker td.old.selected.disabled,
.datepicker td.new.selected,
.datepicker td.new.selected:hover,
.datepicker td.new.selected:focus,
.datepicker td.new.selected.focus,
.datepicker td.new.selected:active,
.datepicker td.new.selected.active,
.datepicker td.new.selected[disabled],
.datepicker td.new.selected.disabled,
.datepicker td.active,
.datepicker td.active:hover,
.datepicker td.active:focus,
.datepicker td.active.focus,
.datepicker td.active:active,
.datepicker td.active.active,
.datepicker td.active[disabled],
.datepicker td.active.disabled,
.datepicker td.old.active,
.datepicker td.old.active:hover,
.datepicker td.old.active:focus,
.datepicker td.old.active.focus,
.datepicker td.old.active:active,
.datepicker td.old.active.active,
.datepicker td.old.active[disabled],
.datepicker td.old.active.disabled
.datepicker td.new.active,
.datepicker td.new.active:hover,
.datepicker td.new.active:focus,
.datepicker td.new.active.focus,
.datepicker td.new.active:active,
.datepicker td.new.active.active,
.datepicker td.new.active[disabled],
.datepicker td.new.active.disabled {
    background-color: var(--primary);
    color: var(--gray-900);
}
.datepicker td.today,
.datepicker td.today:hover,
.datepicker td.today:focus,
.datepicker td.today.focus,
.datepicker td.today:active,
.datepicker td.today.active,
.datepicker td.today[disabled],
.datepicker td.today.disabled,
.datepicker td.range.today,
.datepicker td.selected.today,
.datepicker td.old.today,
.datepicker td.old.today:hover,
.datepicker td.old.today:focus,
.datepicker td.old.today.focus,
.datepicker td.old.today:active,
.datepicker td.old.today.active,
.datepicker td.old.today[disabled],
.datepicker td.old.today.disabled,
.datepicker td.old.range.today,
.datepicker td.old.selected.today
.datepicker td.new.today,
.datepicker td.new.today:hover,
.datepicker td.new.today:focus,
.datepicker td.new.today.focus,
.datepicker td.new.today:active,
.datepicker td.new.today.active,
.datepicker td.new.today[disabled],
.datepicker td.new.today.disabled,
.datepicker td.new.range.today,
.datepicker td.new.selected.today {
    background-color: var(--primary);
    color: var(--gray-900);
}
.datepicker td.active {
    outline: 2px solid var(--gray-900);
    outline-offset: -2px;
}
.datepicker .range-start  {
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
}
.datepicker .range-end  {
    -webkit-border-radius: 0 0 0 0;
    -moz-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
}
.datepicker .range-start.range-end  {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.datepicker td span  {
    display: block;
    width: 23%;
    height: 50px;
    line-height: 50px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.datepicker td span:hover {
    background: var(--gray-400);
}
.datepicker td span.focused  {
    background: var(--primary);
    color: var(--gray-900);
}
.datepicker td span.disabled,
.datepicker td span.disabled:hover  {
    background: none;
    color: var(--gray-400);
    cursor: default;
}
.datepicker td span.active,
.datepicker td span.active:hover,
.datepicker td span.active:focus,
.datepicker td span.active.focus,
.datepicker td span.active:active,
.datepicker td span.active.active,
.datepicker td span.active[disabled],
.datepicker td span.active.disabled  {
    background-color: var(--primary);
    color: var(--gray-900);
}
.datepicker .datepicker-switch  {
    width: 145px;
}
.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next,
.datepicker tfoot tr th  {
    cursor: pointer;
}
.datepicker .prev,
.datepicker .next,
.datepicker .prev:hover,
.datepicker .next:hover  {
    font-size: 24px;
    font-family: monospace;
    background: var(--gray-400);
    border-radius: 0;
}
.datepicker .datepicker-switch:hover,
.datepicker tfoot tr th:hover  {
    background: none;
}
.datepicker .prev.disabled,
.datepicker .next.disabled  {
    visibility: hidden;
}
.datepicker .cw  {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}
.input-daterange input  {
    text-align: center;
}