/* Plugin - Bootstrap Daterangepicker */
body .daterangepicker {
z-index: 1020 !important;
border: none !important;
box-shadow: 0 5px 30px 0 rgba(0,0,0,.25) !important;
& td.in-range {
background: #c8e9f3;
}
& .input-mini.active {
border-color: #5db0ff;
outline: 0;
box-shadow: 0 0 0 0.125rem rgba(52, 142, 227, 0.3);
}
& .calendar-table th,
& .calendar-table td {
padding: 0;
}
}
.daterangepicker {
&:before {
display: none !important;
}
& td.active,
& td.active:hover,
& td.active.available,
& td.active.available:hover {
background: @blue !important;
text-shadow: none !important;
color: #fff !important;
}
& table {
color: @black;
}
& .calendar th {
color: @black !important;
}
& .calendar th,
& .calendar td {
padding: 7px !important;
font-weight: 600;
}
& .ranges li {
color: @black !important;
font-size: 12px;
}
& .ranges li.active,
& .ranges li:hover {
background: @black !important;
border-color: @black !important;
color: #fff !important;
}
& td.available:hover,
& th.available:hover {
background: #e9ecef !important;
color: @black !important;
}
& td.off,
& td.off.in-range,
& td.off.start-date,
& td.off.end-date {
background: none !important;
color: #d3d8df !important;
}
& td.off:hover,
& td.off:focus {
background: #fff !important;
color: #d3d8df !important;
}
}
|