/*ajaxtoolkit*/
.ct-calendar {
    position: relative;
    width: 320px;
    height: 400px;
}

.calendrier {
    width: 60%;
    margin: auto;
    margin-top: 100px;
   
}

.none {
    margin: 0;
    height: 0;
    padding: 0 !important;
    border: 0 !important;
}
/*modification du calendrier de base */
.ct-calendar .ajax__calendar_container {
    padding: 0 !important;
}

#cal_daysTable {
    display: block;
    height: 100%;
    width: 100%;
}

.ct-calendar .ajax__calendar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    height: 100% !important;
    width: 100% !important;
    visibility: visible !important;
    display: block !important;
    z-index: 1 !important;
}

.ct-calendar .ajax__calendar_container, .ct-calendar .ajax__calendar_days, .ct-calendar .ajax__calendar_months, .ct-calendar .ajax__calendar_years {
    height: 100% !important;
    width: 100% !important;
    /* overflow: hidden; */
}

.ct-calendar .ajax__calendar_body {
    width: 100% !important;
    height: 90% !important;
}

.ct-calendar .ajax__calendar .ajax__calendar_container {
    width: 100% !important;
    height: 100% !important;
}

.ct-calendar #cal_daysBody {
    display: block;
    width: 320px !important;
    height: 100% !important;
    /* border-collapse: collapse; */
}

    .ct-calendar #cal_daysBody tr {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-around;
        align-items: center;
    }

.ct-calendar .ajax__calendar_day, .ct-calendar .ajax__calendar_dayname {
    /* width: 45px; */
    text-align: center;
    padding: 0;
    height: 45px;
    font-size: 15px;
    text-transform: initial;
    line-height: 45px;
    width: 43.25px;
}

.ct-calendar .ajax__calendar_other {
    /*border: 1px solid #efefef;*/
    height: 45px;
    font-size: 15px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}


.ct-calendar #cal_daysBody td {
    border: 1px solid #efefef;
    height: 45px;
    /* width: auto; */
    /* width: 55px; */
    font-size: 15px;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.ct-calendar .ajax__calendar .ajax__calendar_container, .ct-calendar .ajax__calendar .ajax__calendar_dayname {
    border: none;
}

.ct-calendar #cal_daysTableHeader td .ajax__calendar_dayname { /* width: 14%; */
}

.ct-calendar .ajax__calendar .ajax__calendar_day {
    border: none;
}

.ct-calendar #cal_daysTableHeaderRow, .ct-calendar #cal_daysTableHeader {
    width: 320px !important;
}

.ct-calendar .ajax__calendar_title {
    font-size: 20px;
    text-transform: uppercase;
}

.ct-calendar .ajax__calendar_header {
    height: 45px;
}

.ct-calendar #cal_daysTableHeaderRow {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    align-items: center;
}

.ct-calendar .ajax__calendar .ajax__calendar_footer {
    display: none !important;
}

.ct-calendar .ajax__calendar_today {
    background: rgba(34,226,181, 1);
    color: #FFF;
}

.ajax__calendar_other, .ct-calendar .ajax__calendar_invalid {
    opacity: 0.38;
    background-color: #efefef;
}

.ct-calendar .ajax__calendar .ajax__calendar_invalid .ajax__calendar_day {
    text-decoration: none !important;
}

.ct-calendar .ajax__calendar .ajax__calendar_active .ajax__calendar_day, .ct-calendar .ajax__calendar_hover {
    background: rgba(34,226,181, 1) !important;
    color: #FFF !important;
}

    .ct-calendar .ajax__calendar_hover .ajax__calendar_day,
    .ct-calendar .ajax__calendar_hover .ajax__calendar_month,
    .ct-calendar .ajax__calendar_hover .ajax__calendar_year,
    .ct-calendar .ajax__calendar_active, .ct-calendar .ajax__calendar_hover .ajax__calendar_title {
        background: rgba(34,226,181, 1) !important;
        color: #FFF !important;
    }
/*fin ajaxtoolkit*/

/*asp calendar*/
.calendar {
    font-family: system-ui, Roboto, Helvetica, Arial, sans-serif !important;
    display: block;
    border: none !important;
    width: 100%;
}
.calendar{
    padding-bottom:100px;
}
.calendar tbody {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    width: 100%;
}
        /*header*/
        .calendar tbody tr:first-child td {
            width: 100%;
            display: block;
            border: none !important;
            background-color: transparent !important;
        }

            .calendar tbody tr:first-child td table tbody tr {
                display: flex;
                flex-flow: row nowrap;
                justify-content: center;
                align-items: center;
                width: 100%;
            }

        .calendar tbody tr:first-child td {
            margin-bottom: 15px;
            border-bottom: 1px solid #efefef !important;
        }

        .calendar tbody tr:nth-child(2) th {
            margin-bottom: 0px;
        }

        .calendar tbody tr:first-child td table tbody tr td {
            display: flex;
            flex-flow: row nowrap;
            justify-content: center;
            align-items: center;
        }

            .calendar tbody tr:first-child td table tbody tr td:first-child a {
                text-decoration: none;
                display: block;
            }

            .calendar tbody tr:first-child td table tbody tr td:nth-child(2) {
                text-transform: uppercase;
                font-weight: bold;
            }

            .calendar tbody tr:first-child td table tbody tr td:last-child a {
                text-decoration: none;
                display: block;
                text-align: right;
            }


        /*fin header*/

        .calendar tbody tr {
            display: block;
            width: 100%;
        }

            .calendar tbody tr th::first-letter {
                text-transform: uppercase;
            }

    .calendar .cal-jour a {
        text-decoration: none;
        display: block;
        line-height: 35px;
        height: 100%;
        text-align: center !important;
        width: 100%;
        transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
    }

        .calendar .cal-jour a:hover {
            background: rgb(182, 153, 113) !important;
            color: #FFF !important;
        }



    /**/
    .calendar tbody tr {
        display: flex;
        flex-flow: row nowrap;
        justify-content: space-around;
        align-items: center;
        align-content: center;
    }

        /*.calendar tbody tr td {
        border: 1px solid #efefef;
        height: 35px;
        padding: 0;
        text-align: center;
        line-height: 35px;
    }*/

        .calendar tbody tr td {
            border: 1px solid #efefef;
            height: 35px;
            padding: 0px;
            text-align: center;
            line-height: 35px;
            box-sizing: border-box;
            text-align: center;
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
        }


    .calendar .jour-disable {
        opacity: 0.5;
    }

td.cal-jour.jour-weekend {
    background-color: #FFF;
    /* border: solid 1px #fff; */
    /* color: #000; */
}

    td.cal-jour.jour-weekend.jour-selected {
        background-color: #b69971 !important;
        color: #fff;
    }

.calendar .jour-selected {
    background-color: #b69971;
    color: #fff;
}

.calendar .select-date {
    background: rgb(182, 153, 113) !important;
    color: #FFF !important;
}

#udpCalendar, #ctl00_cphPanMilieu_udpCalendar {
    width: 400px;
}

.calendar .cal-next-prev a {
    display: block;
    width: 100%;
    font-family: 'boonIco';
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.calendar tbody tr:first-child td table tbody tr td:first-child a:before {
    content: "\e936";
}

.calendar tbody tr:first-child td table tbody tr td:first-child a:hover {
    transform: translateX(-5%);
    opacity: 0.5;
}

.calendar tbody tr:first-child td table tbody tr td:last-child a:before {
    content: "\e934";
}

.calendar tbody tr:first-child td table tbody tr td:last-child a:hover {
    transform: translateX(5%);
    opacity: 0.5;
}
/*fin asp calendar*/