/*
Extra small <576px
Small       ≥576px
Medium      ≥768px
Large       ≥992px
Extra large ≥1200px
*/

#calendar > .row{
    max-width: 600px;
}

#date-of-arrival.alert , #date-of-departure.alert{
    padding-right: 2.5rem;
    padding-left: 2rem;
}

#date-of-arrival > .material-icons{
    position:absolute;
    top:11px;
    left:5px;
}

#date-of-departure > .material-icons{
    position:absolute;
    top:11px;
    left:5px;
}

/*#date-of-arrival.alert {
    padding-right: 0px;
    padding-left: 10px;

}*/

.C_next, .C_prew, .C_day, .C_head{
    height:70px;
   // max-width: 95px;
    cursor: pointer;

    position: relative;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}

.C_head{
    cursor: pointer;
    height: auto;
    margin-top:10px;
    text-align: center;
}

.day_placeholder {
    float:left;
}

.ico_placeholder{
    float:right;
    text-align: right;
    height: 24px;
}

.ico_placeholder > .material-icons{
    font-size: 24px;
}

.price_placeholder {
    clear:both;
    bottom: 0;
    position:relative;
    left:-5%;
}

.C_selected:not(.s-first) > .price_placeholder {
    font-weight: bolder;
    font-size: larger;
    color: darkgreen;
}

/*.C_selected.s-first > .price_placeholder {
    font-weight: normal;
    font-size: medium;
    color: rgb(90, 90, 90);
}*/

@media screen and (max-width: 1200px) {
    .C_next, .C_prew, .C_day, .C_head{
        font-size:12pt;
        padding:0 12px 0 12px;
        height:70px;
    }

    #date-of-arrival.alert , #date-of-departure.alert{
        padding-right: 2.4rem;
        padding-left: 1.8rem;
    }
    #date-of-arrival, #date-of-departure{
        font-size:12pt;
    }

    #date-of-arrival> .material-icons, #date-of-departure > .material-icons {
        font-size: 20px;
        top:15px;
    }

    .C_head{
        height:30px;
        text-align: center;
    }

    .ico_placeholder > .material-icons{
        font-size: 20px;
    }

    .ico_placeholder{
        height: 20px;
    }
}

@media screen and (max-width: 992px) {
    .C_next, .C_prew, .C_day, .C_head{
        font-size:12pt;
        padding:0 9px 0 9px;
        height:70px;
    }

    #date-of-arrival.alert , #date-of-departure.alert{
        padding-right: 2.4rem;
        padding-left: 1.8rem;
    }
    #date-of-arrival, #date-of-departure{
        font-size:12pt;
    }

    #date-of-arrival> .material-icons, #date-of-departure > .material-icons {
        font-size: 20px;
        top:15px;
    }

    #date-of-arrival> .close, #date-of-departure> .close{
        top:-4px;
    }


    .C_head{
        height:30px;
    }

    .ico_placeholder > .material-icons{
        font-size: 18px;
    }

    .ico_placeholder{
        height: 18px;
    }
}

@media screen and (max-width: 768px) {
    .C_next, .C_prew, .C_day, .C_head{
        font-size:10pt;
        padding:0 7px 0 7px;
        height:55px;
    }

    #date-of-arrival.alert , #date-of-departure.alert{
        padding-right: 2.4rem;
        padding-left: 1.8rem;
    }
    #date-of-arrival, #date-of-departure{
        font-size:10pt;
    }

    #date-of-arrival> .material-icons, #date-of-departure > .material-icons {
        font-size: 18px;
        top:14px;
    }

    #date-of-arrival> .close, #date-of-departure> .close{
        top:-6px;
    }

    .C_head{
        height:28px;
    }

    .ico_placeholder > .material-icons{
        font-size: 16px;
    }

    .ico_placeholder{
        height: 16px;
    }
}

@media screen and (max-width: 576px) {
    .C_next, .C_prew, .C_day, .C_head{
        font-size:8pt;
        padding:0 5px 0 5px;
        height:45px;
    }

    #date-of-arrival.alert , #date-of-departure.alert{
        padding-right: 2.4rem;
        padding-left: 1.5rem;
    }
    #date-of-arrival, #date-of-departure{
        font-size:8pt;
    }

    #date-of-arrival> .material-icons, #date-of-departure > .material-icons {
        font-size: 16px;
        top:11px;
    }

    #date-of-arrival> .close, #date-of-departure> .close{
        top:-6px;
    }

    .C_head{
        height:25px;
    }

    .ico_placeholder > .material-icons{
        font-size: 12px;
    }

    .ico_placeholder{
        height: 12px;
    }
}



.C_next:hover, .C_prew:hover, .C_day:hover{
    box-shadow: 0 0 5px rgb(0, 255, 0);
    background-color:rgb(248, 249, 250);
}



.top-left-radius{
    border-top-left-radius:10px;
}

.top-right-radius{
    border-top-right-radius:10px;
}
.bottom-left-radius{
    border-bottom-left-radius:10px;
}
.bottom-right-radius{
    border-bottom-right-radius:10px;
}

.C_selected{
    position:relative;
    top:-0px;
    left:0px;

    background-color:rgb(212, 237, 218);
}

.C_selected.s-first {
    background-image: -webkit-linear-gradient(150deg, rgb(212, 237, 218) 45%,  white 45%);
}

.C_selected.s-last {
    background-image: -webkit-linear-gradient(150deg, white 45%,  rgb(212, 237, 218) 45%);
}

.C_selected_false{
    position:relative;
    top:-0px;
    left:0px;
  
    background-color:rgb(237, 212, 218);
}
.C_selected_false.s-first {
    background-image: -webkit-linear-gradient(150deg, rgb(237, 212, 218) 45%,  white 45%);
}

.C_selected_false.s-last {
    background-image: -webkit-linear-gradient(150deg, white 45%,  rgb(237, 212, 218) 45%);
    box-shadow: none;
}

.unavialable{
    background-color:rgb(230, 231, 232);
    color:rgb(150,150,150);
    cursor: not-allowed;
}
.unavialable.u-first {
    background-image: -webkit-linear-gradient(150deg, rgb(230, 231, 232) 45%,  white 45%);
}

.unavialable.u-first.C_selected.s-last {
    background-image: -webkit-linear-gradient(150deg, rgb(230, 231, 232) 45%,  rgb(212, 237, 218) 45%);
}

.unavialable.u-last {
    background-image: -webkit-linear-gradient(150deg,  white 45%, rgb(230, 231, 232) 45%);
    cursor: pointer;
}

.unavialable.u-last.C_selected.s-first {
    background-image: -webkit-linear-gradient(150deg,  rgb(212, 237, 218) 45%, rgb(230, 231, 232) 45%);
}

.unavialable:hover, .today:hover{
    background-color:rgb(230, 201, 202);
    box-shadow: 0 0 0px rgb(23, 162, 184);
    color:black;
}
.unavialable.u-last:hover{
    background-color:rgb(230, 201, 202);
    box-shadow: 0 0 5px rgb(0, 255, 0);
    background-image: -webkit-linear-gradient(150deg,  rgb(248, 249, 250) 45%, rgb(230, 231, 232) 45%);
    color:black;
    cursor: pointer;
}

.unavialable.u-first:hover{
    background-image: -webkit-linear-gradient(150deg, rgb(230, 201, 202) 45%,  white 45%);
    box-shadow: none;
    color:black;
}

.unavialable.u-first.C_selected.s-last:hover{
    background-image: -webkit-linear-gradient(150deg, rgb(230, 201, 202) 45%,  rgb(212, 237, 218) 45%);
    //box-shadow: 0 0 0px rgb(23, 162, 184);
    box-shadow: 0 0 5px rgb(0, 255, 0);
    color:black;
    cursor: pointer;
}

.unavialable.C_selected_false{
    background-color:rgb(230, 150, 150);
    color:black;
}


.unavialable.C_selected_false.u-last{
    background-image: -webkit-linear-gradient(150deg, rgb(237, 212, 218) 45%, rgb(230, 150, 150) 45%);
    color:black;
}

.unavialable.C_selected_false.u-last.s-first{
    //background-color:rgb(230, 150, 150);
    background-image: -webkit-linear-gradient(150deg, rgb(237, 212, 218) 45%,  rgb(230, 231, 232) 45%);
    color:black;
}

.unavialable.C_selected_false.u-first{
    background-image: -webkit-linear-gradient(150deg, rgb(230, 150, 150) 45%, rgb(237, 212, 218) 45%);
    color:black;
}

.unavialable.C_selected_false.s-last:hover{
    background-color:rgb(230, 150, 150);
    background-image:none;

    color:black;
}
.unavialable.C_selected_false.s-last.u-last:hover{
    background-image: -webkit-linear-gradient(150deg, rgb(237, 212, 218) 45%, rgb(230, 150, 150) 45%);
    color:black;
    box-shadow: none;
    cursor: not-allowed;
}

.unavialable.C_selected_false.u-first.s-last{
//background-color:rgb(230, 150, 150);
    background-image: -webkit-linear-gradient(150deg, rgb(230, 231, 232) 45%,  rgb(237, 212, 218) 45%);
    color:black;
}

.C_selected:hover{
    box-shadow: 0 0 5px rgb(0, 255, 0);
    background-color:rgb(195, 230, 203);
}

.not-allowed {
    cursor: not-allowed;
}

.progress-cursor {cursor: progress;}

.today{
    background-color:rgb(23, 162, 184);
    color:white;
}

.C_first{

}


.booking-form.modal-body{
    display: none;
}

.booking-form.modal-body.active{
    display: block;
}