﻿/*Datepicker*/
.datepicker {
    border-radius: .5rem;
    border: 1px solid #dee2e6;
    padding: .5rem;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    font-size: .875rem;
}
.datepicker .datepicker-switch {
    font-weight: 600;
    color: #212529;
}
.datepicker .prev,
.datepicker .next {
    color: #0d6efd;
}
.datepicker .prev:hover,
.datepicker .next:hover {
    background-color: #e7f1ff;
}
.datepicker table {
    width: 100%;
}
.datepicker table th {
    font-weight: 600;
    color: #6c757d;
    padding: .5rem .5rem;
}
.datepicker table tr td {
    border-radius: .375rem;
    transition: background-color .15s ease-in-out;
    padding: .2rem .3rem 0 .4rem;
}
.datepicker table tr td:hover {
    background-color:hsla(208, 99%, 43%, .15);
}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled {
    background-color: hsla(208, 99%, 43%, 1);
    border-color: hsla(208, 99%, 43%, 1);
    color: #fff;
}
.datepicker table tr td.today {
    border: 1px solid #0d6efd;
    background-color: #e7f1ff;
    color: #0d6efd;
    padding: .2rem 0 0 .5rem;
}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    color: #adb5bd;
    cursor: not-allowed;
    background-color: transparent;
}
.datepicker .clear {
    color: hsla(208, 99%, 43%, 1);
    font-weight: 500;
}
.datepicker .clear:hover {
    background-color: hsla(208, 99%, 43%, .15);
}
.datepicker table tr td.active {
    box-shadow: inset 0 0 0 2px rgba(255,255,255,.3);
}
.datepicker table tr td:focus {
    outline: none;
    box-shadow: 0 0 0 .2rem rgba(13,110,253,.25);
}