:root {
    --main-color: #481091;
    --secondary-color: #fff;

}
::selection {

}

.availabilty_month_card {position: relative;}
.availabilty_month_card .availabilty_month_toggler {position: absolute; top: 50%; font-size: 30px;}
.availabilty_month_card .availabilty_month_toggler.left_toggler {right: 5px;}
.availabilty_month_card .availabilty_month_toggler.right_toggler {left: 5px;}
#calendar_days tr th {text-align: center;}
#calendar_days tr td {border: 0; padding: 5px 0 5px 0; text-align: center;}
.day_check_box {display: none;}
.day_check_box + .day_check_box_label {position: relative; background: whitesmoke; padding: 5px 10px;
    border-radius: 5px; color: black; font-weight: 400; font-size: 14px; border: solid 1px #efefef;}
.day_check_box:checked + .day_check_box_label {color: white; background: #49db4f; border: solid 1px #2de535;}
.day_check_box:checked:disabled + .day_check_box_label {color:white; background: #f00;
    border: solid 1px #f00;}
.day_check_box + .day_check_box_label::before {content: ' '; border:solid 1px black; position: absolute;
    color: #3a3939; z-index: 1; font-weight: bold; left: 5px; right: 5px; top: 45%;}
.day_check_box:checked + .day_check_box_label::before {content: ""; border:0;}
.order_striped_list li {padding: 7px; display: flex; font-size: 17px;}
.order_striped_list li:nth-child(odd) {background: #efefef;}
.order_striped_list li span {margin-left: auto;}
.iti {display: block;}
#calendarheader {background: linear-gradient(to right bottom, #000, var(--main-color)); padding: 10px 30px;}
#calendarheader h1 {text-align: center; font-size: 30px; color: white}
#calendarheader p {font-size: 15px; color: white}
.availabilty_month_card.card {margin-bottom: 0; margin-top: 0; border-bottom: 0;}
.calendar_days_selector_label {color: white; font-weight: 500;}
#carCalendar .modal-dialog {top: 0; margin: 0 auto; height: 100%; width: 600px; max-width: 100%; overflow: hidden;
    height: 100%;}
#carCalendar .modal-dialog .modal-content {overflow-y: auto; height: 100%;}










@media(max-width: 756px)
{
    .profile_car_item .thumbnail {display: block;}
    .profile_car_item .caption {width: 100%;}
    .profile_car_item .media {margin: 0 !important; width: 100%;}
    .thumbnail-car-card .buttons {margin-bottom: 15px; display: block;}
    .thumbnail-car-card .buttons a.btn-theme {margin-bottom: 10px; max-width: 100% !important; width: 90%;}
    .car_list_steps {display: none;}
    .car_calendar_btn {margin-bottom: 15px;}
}
@media (max-width: 768px) {.main-slider .ver1 > .caption {position: relative;}}
#loadingcalendaricon {height: 100%; text-align: center; font-size: 40px; display: flex; align-content: center;
    flex-wrap: nowrap; justify-content: center; align-items: center; background: black; color: var(--main-color);}
#loadingcalendaricon .fa-3x {margin: 0 15px;}
.d-flex {align-content: center; align-items: center;}

.day_check_box_label_avilabilty {
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    color: white;
    font-weight: 600;
}
.day_check_box_label_avilabilty.bg-danger {background: red !important;}
.day_check_box_label_avilabilty.bg-success {background: rgb(3, 138, 43) !important;}
.day_check_box_label_avilabilty.bg-dark {background: #646464 !important;}
.calendar_fly_btn {position: absolute; top: 10px; left: 10px;}

.car_calendar_day_mapping {width: 10px; height: 10px; display: inline-block; border-radius: 50%;}
.car_calendar_day_mapping.bg-danger {background: red !important;}
.car_calendar_day_mapping.bg-success {background: rgb(3, 138, 43) !important;}
.car_calendar_day_mapping.bg-dark {background: #646464 !important;}
.text-size-sm {font-size: 12px;}
#calendarheader {background: linear-gradient(to right bottom, #000, var(--main-color)); padding: 10px 30px;}
#calendarheader h1 {text-align: center; font-size: 30px; color: white}
#calendarheader p {font-size: 15px; color: white}
.availabilty_month_card.card {margin-bottom: 0; margin-top: 0; border-bottom: 0;}
.calendar_days_selector_label {color: white; font-weight: 500;}