/*
/////////////////////////////////////////////////////////////////////////////
//   ALL CSS IN THIS FILE IS TO OVERWRITE THE ORIGINAL BS DATEPICKER CSS   //
/////////////////////////////////////////////////////////////////////////////
*/

/* Input for the Datepicker */
.date-picker-input {
    cursor: not-allowed !important;
    pointer-events: none;
    color: gray !important;
    border-right: 0 !important;
}

.date-picker-input:focus {
    border: 1px solid #ccc !important;
    border-right: 0 !important;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075) !important;
    -webkit-transition: border linear .2s, box-shadow linear .2s !important;
    -moz-transition: border linear .2s, box-shadow linear .2s !important;
    -o-transition: border linear .2s, box-shadow linear .2s !important;
}

.calendar-input-addon {
    padding: 7px 15px 6px 5px;
    color: gray;
    font-size: 17px;
    background-color: #e9ecef;
    border: 1px solid #ccc;
    cursor: pointer;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border linear .2s, box-shadow linear .2s;
    -moz-transition: border linear .2s, box-shadow linear .2s;
    -o-transition: border linear .2s, box-shadow linear .2s;
    transition: border linear .2s, box-shadow linear .2s;
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem;
}

.datepicker {
    padding: 0;
}


.clear {
    border-top: 1px solid silver !important;
}

.dropdown-menu {
    border-radius: 0;
    padding: 0;
    font-size: 14px;
}

.datepicker table {
    min-width: 275px;
}

.datepicker table tr td, .datepicker table tr th, .datepicker table tr td span {
    border-radius: 0;
}

.datepicker table tr th {
    background-color: rgb(245, 245, 245) !important;
    font-weight: bold !important;
    color: #000 !important;
    padding: 10px 5px !important;
}

.datepicker table tr td.day:hover, .datepicker table tr td span:hover {
    background: #eef7fa;
}

.datepicker table tr th.disabled,
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover,
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    color: #b2b2b2;
    cursor: not-allowed;
    background-color: #f1f1f1 !important;
    border-radius: 0;
}

.datepicker .next.disabled,
.datepicker .prev.disabled {
    visibility: initial;
    display: block;
    color: #b2b2b2 !important;
    width: auto;
    height: auto;
    background-color: rgb(245, 245, 245) !important;
    pointer-events: none;

}