.datepicker.datepicker-inline,
.datepicker.datepicker-inline table{
    width      : 100%;
    background : #fff;
    border     : none;
    padding    : 0;
}

.datepicker.datepicker-inline td,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.dropdown-menu th{
    padding     : 4px 5px;
    font-weight : 700;
}

.datepicker{
    -webkit-border-radius : 4px;
    -moz-border-radius    : 4px;
    border-radius         : 4px;
    direction             : ltr;
}

.datepicker thead{
    font-size      : 15px;
    color          : black;
    text-transform : uppercase;
}

.datepicker thead .prev,
.datepicker thead .next{
    font-size : 1.2em;
    color     : black;
}

.datepicker thead tr:last-of-type{
    font-size  : .8em;
    background : #ffffff;
    color      : #d2cdc3;
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#cd5906', endColorstr='#e09a69', GradientType=0); /* IE6-9 */

}


#perfSelection{
    border-radius : 5px;
}

.datepicker thead tr th{
    border-radius : 0;
}

.datepicker thead tr:last-of-type th{
    border-right : 1px solid rgba(255, 255, 255, .3);
    padding      : 5px 0px 0px 0px;
    height       : inherit;
    font-weight  : 500;
    color        : #77726d;
    font-size    : 15px;
}

.datepicker table tbody td{
    border  : 3px solid #ffffff;
    padding : 2px;
}

.active.day{
    border : 3px solid #ffffff !important;
}

.datepicker table tbody td a,
.datepicker table tbody td div{
    background-image : none;
    height           : 32px;
    display          : block;
    line-height      : 32px;
    text-align       : center;
    width            : auto;
    color            : #CC5500;
}

.datepicker table tbody td div.price{
    height : 58px;
}

.datepicker table tbody td div.price p{
    font-size   : small;
    margin      : 0;
    line-height : initial;
}

.datepicker table tbody td.disabled{
    background-color : rgba(170, 170, 170, .5);
    vertical-align   : baseline;
}

.datepicker table tbody td div{
    font-size : .9em;
    color     : white;
}

.datepicker .today.day,
.datepicker .active.day{
    background       : #ffffff;
    background-image : none;
    border-color     : transparent;
}

.datepicker table tr td.active.active,
.datepicker table tr td.active.highlighted.active,
.datepicker table tr td.active.highlighted:active,
.datepicker table tr td.active:active{
    background-color : #8c1f61;
    border-color     : transparent;
}

.datepicker .today.day div,
.datepicker .active.day div{
    background : #8c1f61;
    color      : #fff;
}

.datepicker{
    border : 1px solid #77726d;

}

.datepicker .day.high_availability:not(.disabled):not(.old):not(.today):not(.active) div{
    color            : #FFF;
    background-color : #80aab9;
    text-decoration  : none;
}

.datepicker .day.medium_availability:not(.disabled):not(.old):not(.today):not(.active) div{
    color            : #FFF;
    background-color : #ffd700;
    text-decoration  : none;
}

.datepicker .day.low_availability:not(.disabled):not(.old):not(.today):not(.active) div{
    color            : #FFF;
    background-color : #de7025;
    text-decoration  : none;
}

.datepicker .day.no_availability:not(.disabled):not(.old):not(.today):not(.active) div{
    color            : #FFF;
    background-color : #000000;
    text-decoration  : none;
}

.datepicker .day.cal_none:not(.disabled):not(.old):not(.today):not(.active) div{
    color            : #CC5500;
    background-color : rgba(170, 170, 170, .5);
    text-decoration  : line-through !important;
}

.datepicker .day.low_availability:not(.disabled):not(.old):not(.today):not(.active) div,
.datepicker .day.cal_none:not(.disabled):not(.old):not(.today):not(.active) div,
.datepicker .day.no_availability div,
.datepicker .day.cal_none div,
.datepicker .day.no_availability,
.datepicker .day.cal_none{
    cursor         : default;
    pointer-events : none;
}

.perf-slot-time{
    line-height : 32px;
    display     : block;
}


.product-name{
    font-weight : bold;
    display     : inline;
    font-weight : bold;
    font-size   : 15px;
    color       : #000000;
}

.event-img{
    width       : 16%;
    padding-top : 15px;
}

.donation-btn{
    background-color : #00AF50;
    color            : #ffffff;
    border-radius    : 0;
    padding          : 10px;
    font-size        : 14px;
}

.remove-donation-btn{
    background-color : #00AF50;
    color            : #ffffff;
    border-radius    : 0;
    padding          : 10px;
    font-size        : 14px;

}

.perf-title{
    border-bottom              : 1px solid #CC5500;
    /* font-weight: bold; */
    color                      : #CC5500;
    cursor                     : not-allowed !important;
    right                      : auto;
    border-bottom-left-radius  : 0;
    border-bottom-right-radius : 0;
    text-decoration            : none !important;
    font-weight                : bold;
    text-transform             : uppercase;
    padding                    : 5px;
}

.button-container{
    width      : 100%;
    margin-top : 30px;
}

.add-donation-infos{
    text-align : center;
    margin     : 30px;
}

#nextButton{
    color : #ffffff;
}

#addAndNextButton{
    color : #ffffff;

}

#addDonationButton.disabled{
    pointer-events : none;
}

#upsellButton{
    color : #ffffff;
}

.notsale{
    margin-top    : 120px;
    margin-bottom : 120px;
}

.upsell-modal-title{
    font-size   : 20px;
    font-weight : bold;
}

.product-container{
    margin-bottom : 15px;
    padding       : 10px;
    border-radius : 3px;
}

.upsell-difference{
    font-size : 10px;
}

.product-container:nth-child(even){
    background-color : #F3F3F3;
}

.upsellmodal{
    cursor : not-allowed;
}

.upsell-modal-content{
    cursor : pointer;
}

.upsell-modal-footer{
    display         : -ms-flexbox;
    display         : flex;
    align-items     : center;
    justify-content : flex-end;
    padding         : 1rem;
}

.donation-product-description{
    margin        : 10px;
    border-bottom : 1px dashed #C7E7F1;
}

.donation-select-container{
    text-align : center;
    margin     : 15px;
}

.donation-img{
    width  : 100%;
    height : auto;
}

.perf-selected{
    border-color : #8c1f61 !important;
    background   : #8c1f61 !important;

}

.aval{
    font-size : 13px;
}

.consent-donation{
    margin-top : 30px;
}

.consent-panel{
    margin-top : 10px !important;
}

.donation-panel{
    font-size : .9em;
}

.donation-value{
    width : 10%;
}

.donation-consent{
    padding   : 10px !important;
    font-size : .9em;
}

.donation-header-product{
    background-color : #EEE;
    padding          : 10px;

}

.upsell-modal-dialog{
    max-width : 1000px;

}

.upsell-modal-content{
    padding : 20px;
}

.upsell-modal-header{
    padding : 15px;
}


.add-donation-container{
    padding       : 10px;
    border        : 1.45px solid #99ccff;
    border-radius : 3px;
}

.perf-slot-time input{
    border     : none;
    box-shadow : none;
    cursor     : pointer;
    width      : 75px !important;
}

.dow{
    border-bottom : 1px solid #77726d;
}

.perf-slot-time .high_availability{
    color            : #FFF;
    background-color : #80aab9;
}

.perf-slot-time .medium_availability{
    color            : #FFF;
    background-color : #ffd700;
}

.perf-slot-time .low_availability{
    color            : #FFF;
    background-color : #de7025;
}

.perf-slot-time .no_availability{
    color            : #FFF;
    background-color : #000000;
    pointer-events   : none;
}

.perf-slot-time .performance.selected{
    border          : 2px solid #CC5500;
    background      : #CC5500;
    text-decoration : underline;
}

.datepicker .old,
.datepicker .new,
.datepicker .new div,
.datepicker .new div{
    opacity    : 0;
    height     : 1px;
    background : #fff !important;
    border     : none;
    color      : #d2cdc3 !important;
}

.datepicker .day{
    padding : 0 !important;
    margin  : 0 !important;
}

/* Legend */
.calendar-legend{
    margin   : 30px auto 15px;
    overflow : hidden;
}

.calendar-legend h3{
    margin : 0px auto 30px;
}

.legend_box{
    margin       : 3px 0;
    padding-left : 20px;
    line-height  : 1.5em;
    font-size    : 14px;
}

.legend_box.cal_selected{
    border-left : 15px solid #8c1f61;
}

.legend_box.cal_avail{
    border-left : 15px solid green;
}

.legend_box.cal_none{
    border-left : 15px solid rgba(170, 170, 170, .5);
}

.notgeneraladm .legend_box.high_availability{
    border-left : 15px solid #80aab9;
}

.notgeneraladm .legend_box.cal_avail{
    border-left : 15px solid #ffd700;
}

.notgeneraladm .legend_box.low_availability{
    border-left : 15px solid #de7025;
}

.notgeneraladm .legend_box.no_availability{
    border-left : 15px solid #000000;
}

/* Legend */
.error-max-ticket{
    text-align  : center;
    padding-top : 10px;
    color       : red;
}

.tickets-qty-error{
    padding-right : 5px;
    padding-top   : 3px;

}

.requiredcal-wrapper{
    max-width : 90rem;
}

.max-ticket-error,
.min-ticket-error{
    color            : #ffffff;
    margin-bottom    : 25px;
    padding          : 10px;
    background-color : #C50;
    border-radius    : 3px;
    font-weight      : 700;
}

.max-ticket-error a,
.max-ticket-error a:hover,
.max-ticket-error a:focus,
.min-ticket-error a,
.min-ticket-error a:hover,
.min-ticket-error a:focus{
    color           : #ffffff;
    text-decoration : underline;
}


.performance-name{
    background         : none repeat scroll 0 0 #E6E6E6;
    border             : 1px solid #D3D3D3;
    font-weight        : normal;
    color              : #555555;
    text-decoration    : none;
    cursor             : pointer;
    width              : 100%;
    border-radius      : 4px;
    border-right-width : 1px !important;
    height             : 30px;
    margin-top         : 10px;

}

.perfinformation{
    border-bottom : 1px solid #CC5500;
    border-left   : 1px solid #CC5500;
    border-right  : 1px solid #CC5500;
    border-radius : 0;
    margin-bottom : 10px;
    padding       : 10px;
}

.perfdescription{
    margin-bottom : 10px;

}


.performance-name.opened{
    cursor         : not-allowed;
    background     : white;
    border         : 1px solid #CC5500;
    color          : #CC5500;
    text-transform : uppercase;
    font-weight    : 600;
    align-items    : baseline;
    border-radius  : 0 !important;
}

.opened-arrow{
    color : #CC5500;
}

.performance-arrow{
    justify-content : right;
    padding-right   : 15px;
    padding-top     : 6px;
}

.g-admission.perfavailable{
    color            : #FFF;
    background-color : #339900;
}

.calendartooltip .performance{
    font-size : .9em;

}


/*********************************TOOLTIP****************************************************/
.jsdaycontainer .perf-slot-time input{
    border     : none;
    box-shadow : none;
    cursor     : pointer;
    width      : 75px !important;
}


.calendartooltiptext .performance-information{
    display : none !important;
}

.calendartooltiptext .perf-slot-time{
    margin-top    : 5px;
    margin-bottom : 5px;
}

.active.day .calendartooltiptext div{
    text-decoration : blink;
}

.calendartooltiptext .perf-slot-time input{
    border     : none;
    box-shadow : none;
    cursor     : pointer;
    width      : auto;
}

.calendartooltip{
    position : relative;
    display  : inline-block;
}

.calendartooltip .calendartooltiptext{
    visibility       : hidden;
    background-color : #CCCCCC;
    color            : #fff;
    text-align       : center;
    border-radius    : 6px;
    padding          : 5px 0;
    position         : absolute;
    z-index          : 1;
    opacity          : 0;
    transition       : opacity 0.3s;
    top              : 35px;
    cursor           : default;

}


.datepicker table tr td span{
    width  : 430px;
    height : auto !important;
}


.jsdaycontainer .perf-description{
    display : none;
}

.perf-description{
    width : 250px;
}


.calendartooltip .calendartooltiptext::after{
    content      : "";
    position     : absolute;
    top          : -1%;
    left         : 15%;
    margin-left  : 0px;
    border-width : 5px;
    border-style : solid;
    border-color : #CC5500 transparent transparent transparent;
}

.calendartooltiptext .g-admission-perf-container{
    background-color : #CCCCCC !important;
}

.calendartooltiptext .i18n-container{
    display : none;
}

.calendartooltip:hover .calendartooltiptext{
    visibility : visible;
    opacity    : 1;
}

.perf-input-container{
    padding-left  : 15px;
    padding-right : 15px;
}

.calendartooltiptext .perf-description.performance.high_availability, .perf-input-container.high_availability{
    background-color : #80aab9 !important;
}

.calendartooltiptext .perf-description.performance.medium_availability, .perf-input-container.medium_availability{
    background-color : #ffd700 !important;
}

.calendartooltiptext .perf-description.performance.low_availability, .perf-input-container.low_availability{
    background-color : #de7025 !important;
}

.calendartooltiptext .perf-description.performance.no_availability, .perf-input-container.no_availability{
    background-color : #000000 !important;
}

.calendartooltiptext .performance:not(.perf-description){
    font-weight : bold;
}

.calendartooltiptext .performance-form{
    text-decoration : none !important;
}

.calendartooltiptext .performance.selected{
    text-decoration  : none !important;
    background-color : none !important;
}

.calendartooltiptext .perf-description.g-admission{
    background-color : #CCCCCC;
    border           : none !important;
    color            : #ffffff !important;
}

.calendartooltiptext .g-admission-perf-container{
    background-color : #CCCCCC;
    border           : none !important;

}

.calendartooltiptext .perf-description.g-admission{
    background-color : #339900 !important;
}

.calendartooltiptext .perf-description.performance{
    border          : none !important;
    text-decoration : none !important;
    text-align      : left !important;
}

.calendartooltiptext .perf-description.g-admission{
    text-align : left !important;
}

.calendartooltiptext .perf-input-container{
    text-decoration : none !important;
}

.calendartooltiptext .perf-slot-time .performance.selected{
    border          : none;
    background      : none;
    text-decoration : none;
}

.calendartooltiptext .perf-slot-time{
    background : #ffffff !important;
}


.calendartooltiptext:hover{
    display : none;
}

.calendartooltiptext .datepicker .today.day div{
    text-decoration : none !important;
}

.datepicker .day.high_availability:not(.disabled):not(.old):not(.today):not(.active) .calendartooltip{
    color            : #FFF;
    background-color : #80aab9;
    text-decoration  : none;
}


.calendartooltiptext{
    border           : 1px solid #CC5500;
    background-color : #ffffff !important;
}

/*************************************************************************************/


/*.calendar-panel{*/
/*    width: 50%;*/
/*}*/

.datepicker-switch{
    font-weight : 100;
}

/*.perf-time{*/
/*    margin: 10px;*/
/*}*/

.perf-time.high_availability{
    border        : 2px solid #80aab9;
    border-radius : 5px;
    color         : white;
    padding       : 5px;
    background    : #80aab9;
}

.perf-time.medium_availability{
    border        : 2px solid #ffd700;
    border-radius : 5px;
    color         : #ffffff;
    padding       : 5px;
    background    : #ffd700;
}

.perf-time.low_availability{
    border           : 2px solid #de7025;
    border-radius    : 5px;
    color            : #ffffff;
    padding          : 5px;
    background-color : #de7025;
}

.perf-time.no_availability{
    border           : 2px solid #000000;
    border-radius    : 5px;
    background-color : #000000;
    padding          : 5px;
    color            : #ffffff;
}

.js-selectperf.selected{
    background-color : #8c1f61;
    border-color     : #8c1f61;
}

@media (min-width : 320px) and (max-width : 575px){


    .perf-container{
        margin-bottom : 30px;
    }

    .legend_box{
        text-align : left;
    }

    .event-description{
        padding : 50px 20px 50px 20px;
    }

    .product-name{
        font-weight : bold;
        display     : inline;
        font-weight : bold;
        font-size   : 15px;
        color       : #000000;
        text-align  : center;
    }

}

@media (min-width : 576px) and (max-width : 767px){

    .perf-container{
        margin-bottom : 30px;
    }

    .legend_box{
        text-align : left;
    }

    .event-description{
        padding : 50px 20px 50px 20px;
    }

    .product-name{
        font-weight : bold;
        display     : inline;
        font-weight : bold;
        font-size   : 15px;
        color       : #000000;
        text-align  : center;
    }

}

@media (min-width : 768px) and (max-width : 991px){


}

@media (min-width : 992px) and (max-width : 1199px){


}