/*********************************
CALENDAR CONTROL
**********************************/
/*.ctl-calendar {
    background-color: #fff;
}*/

.ctl-calendar .months-picker a {
    color: #b71234;
    font-size: 1.3rem;
}

.ctl-calendar .months-picker a.aspNetDisabled{
    color:#cecece;
}

.ctl-calendar .months-picker .month-picker-value{
    font-size: 1.2rem;
    color: #b71234;
    font-weight: 600;
    text-transform: capitalize;
}


.ctl-calendar table {
    width: 100%;
}

.ctl-calendar table tr {
    height: 3em;
}

.ctl-calendar table tr:first-child{
    background-color: #e5e5e5;
}

.ctl-calendar table th,
.ctl-calendar table td
{
    text-align:center;
}

    .ctl-calendar table th {
        background-color: #B71234 !important;
    }

    .ctl-calendar table td {
        width: 14%;
        border: solid 1px #EAE6DF;
    }

.ctl-calendar table td a{
    color: #171d4c;
    background-color: transparent;
    width: 36px;
    height: 36px;
    padding-top:4px;
    text-decoration: none;
    cursor:pointer;
    transition: 0.3s;
}

.ctl-calendar table td a.available-free{
    color: #fff;
    border: solid 2px #219dcb;
    background-color: #3db7e4;
}
.ctl-calendar table td a.available-free:hover{
    color: #fff;
    background-color: #186a89;
}

.ctl-calendar table td a.available-reservation{
    color: #fff;
    background-color: #e1a409;
    border: solid 2px #c99614;
    cursor: not-allowed;
}

.ctl-calendar table td a.available-interval{
    color: #bccfdb;
    background-color: #e6eef3;
    border: solid 2px #d4e1e9;
    cursor: not-allowed;
    cursor: pointer;
}

.ctl-calendar table td a.available-full{
    color: #dddddd;
    background-color: #b1b1b1;
    border: solid 2px #a5a5a5;
    cursor: not-allowed;
}

.ctl-calendar table.days-picker.admin td a.available-full{
    cursor: pointer;
}


.ctl-calendar table td a:hover.active,
.ctl-calendar table td a.active{
    color: #fff;
    background-color: #b71234;
    border: solid 2px #852236;
}

.ctl-calendar table td a:hover.active:hover,
.ctl-calendar table td a.active:hover{
    background-color: #cd153b;
}

    .ctl-calendar table td a.unavailable {
        color: #c47988;
        cursor: not-allowed;
    }