.tooltip{
    z-index : 99999999;
}

.tooltip .arrow{
    display : none !important;
}

.popover-calendar{
    position   : fixed;
    z-index    : -999;
    width      : 100%;
    height     : 100%;
    max-width  : initial;
    top        : 0;
    left       : 0;
    display    : none;
    background : rgba(0, 0, 0, .6);
}

.popover-calendar.on{
    display         : flex;
    align-items     : center;
    justify-content : center;
    z-index         : 99999;
}

.popover-calendar .popover-body-calendar{
    width               : 80%;
    min-height          : 70%;
    /*overflow-y: scroll;*/
    background-color    : #016a9a;
    background-image    : url('/_sub_/abbonamenti.gardaland.it/gdl_season/resources/images/sfondo-2fc597053a8da6c7cd182bf42ca92369.png');
    background-repeat   : repeat-y;
    background-position : top center;
    background-size     : 100%;
    color               : #fff;
    padding             : 15px;
    border-radius       : 15px;
    box-shadow          : 0 0 30px rgba(0, 0, 0, .5);
}

.popover-body-calendar .closer{
    position        : absolute;
    z-index         : 999;
    top             : 30px;
    right           : 30px;
    width           : 50px;
    height          : 50px;
    border-radius   : 100px;
    background      : #E2001A;
    color           : #ffff33;
    display         : flex;
    align-items     : center;
    justify-content : center;
    cursor          : pointer;
    transition      : all .4s;
}

.popover-body-calendar .closer:hover{
    background : #0E6581;
}

.subscriptions ul{
    display         : flex;
    flex-direction  : row;
    align-items     : center;
    justify-content : center;
    padding         : 0;
    margin-left     : 0;
}

.subscriptions li{
    list-style-type : none;
    width           : 33.3333%;
    padding         : 0 15px;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.subscriptions li a{
    position         : relative;
    height           : 100%;
    width            : 100%;
    background-color : #fff;
    color            : #000;
    padding          : 15px 0;
    display          : flex;
    align-items      : center;
    justify-content  : flex-start;
}

.subscriptions li a{
    border-radius  : 15px;
    padding-left   : 15px;
    text-transform : capitalize;
}

.subscriptions li a svg{
    margin-right : 7px;
    display      : none !important;
}

.subscriptions li.active a{
    color        : #fff;
    font-weight  : bold;
    padding-left : 15px;
    text-shadow  : 0 2px 3px rgba(0, 0, 0, .6);
}

.subscriptions li.active a svg{
    display : block !important;
}

.datepicker.datepicker-inline{
    width : 100%;
}

.datepicker table tr td{
    vertical-align : top;
    border-left    : 1px solid rgba(255, 255, 255, .3) !important;
}

.datepicker table tr td:first-of-type{
    border : none !important;
}

.calendar_page{
    position : relative;
    /*min-height: calc(100vh - 177px);*/
}

.tickets_selection{
    padding : 0;
}

.datepicker-inline,
.table-condensed{
    width : 100%;
}

.off{
    opacity        : .5;
    pointer-events : none;
}

th{
    font-size  : 1em;

    transition : all .8s;
    background : none;
}

.datepicker table tbody tr{
    border-top    : 1px solid rgba(255, 255, 255, .4);
    border-bottom : 1px solid rgba(255, 255, 255, .4);
}

.datepicker table tbody tr:last-of-type{
    border-bottom : none;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover{
    border  : none;
    opacity : .5;
    color   : #fff !important;
}

.datepicker .datepicker-switch{
    pointer-events : none;
}

.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover{
    background       : transparent !important;
    background-color : transparent !important;
    color            : #e8d17d;
}

.datepicker.datepicker-inline th{
    padding : 0 0 7px 0;
}

.datepicker-switch{
    text-transform : uppercase;
    font-size      : 1.2em;
}

.datepicker.datepicker-inline th.dow{
    color      : #e8d17d;
    font-size  : 1.2em;
    text-align : left !important;
}

.datepicker td,
.datepicker th{
    text-align            : center;
    width                 : 50px;
    -webkit-border-radius : 0px;
    -moz-border-radius    : 0px;
    border-radius         : 0px;
    border                : none;
}

.datepicker.datepicker-inline td,
.datepicker.dropdown-menu td,
.datepicker.dropdown-menu th{
    padding    : 0;
    background : transparent;
    border     : 1px solid #d5d5d5;
}

.datepicker.datepicker-inline td, .datepicker.datepicker-inline th, .datepicker.dropdown-menu td, .datepicker.dropdown-menu th{
    padding : 0 !important;
}

.datepicker.datepicker-inline td{
    border : none;
    /*pointer-events: none;*/
}

.datepicker table tr td span{
    display         : flex;
    align-items     : center;
    justify-content : center;
    padding         : 0;
    font-weight     : 600;
    height          : inherit;
    line-height     : inherit;
    margin          : 0;
    cursor          : inherit;
    border-radius   : 0px;
    line-height     : 1.2em;
    text-transform  : lowercase;
    border          : 1px solid #fff;
    border-radius   : 100px !important;
    width           : 40px !important;
    height          : 40px !important;
    font-size       : .8em;
    position        : absolute;
}

.datepicker table tr td span.arrow-calendar{
    background : rgba(0, 0, 0, .6) !important;
    transition : all .4s;
}

.datepicker table tr td span.arrow-calendar:after{
    left              : 100%;
    top               : 50%;
    border            : solid transparent;
    content           : "";
    height            : 0;
    width             : 0;
    position          : absolute;
    pointer-events    : none;
    border-color      : rgba(136, 183, 213, 0);
    border-left-color : #fff;
    border-width      : 7px;
    margin-top        : -7px;
}

.datepicker table tr td span em{
    display        : block;
    font-style     : normal;
    text-transform : capitalize;
}

.datepicker table tr td span.focused, .datepicker table tr td span:hover{
    background : transparent !important;
}

.datepicker table tr td.today{
    background-color : transparent !important;
    background-image : none;
    color            : #3c3c3c;
    text-shadow      : none;

    transition       : all .4s;
    box-shadow       : 0 0 5px rgba(0, 0, 0, 0);
}

.datepicker table tr td.day.focused, .datepicker table tr td.day:hover{
    background : transparent !important;
    cursor     : pointer;
}


.datepicker table tr td.active.active,
.datepicker table tr td.today.active,
.datepicker table tr td.active:hover.active{
    background-color : transparent;
    background-image : none;
    color            : #fff;
    box-shadow       : none;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover,
.datepicker table tr td.day.today:hover{
    background-color : transparent !important;
    cursor           : pointer;
    background-image : none;
}

.datepicker table tr td.active.active{
    background-color : transparent !important;
    background-image : none !important;
    color            : #fff;
    text-shadow      : 0 2px 3px rgba(0, 0, 0, .4);
}

.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled.disabled:hover,
.datepicker table tr td.today.disabled:hover{
    background-color : transparent;
    background-image : none;
    cursor           : default;
    text-shadow      : none;
}

.datepicker table tr td div{
    min-width   : 50px;
    min-height  : 50px;
    padding     : 7px;
    margin      : 0px auto;
    font-size   : 1.8em;
    position    : relative;
    overflow    : hidden;
    line-height : 1em;
}

.datepicker table tr td div.calendar-subscriptions{
    font-size      : 1rem;
    min-height     : 50px;
    padding        : 7px 0 0 0;
    width          : 100%;
    text-transform : capitalize;
}

.subscriptions-list{
    flex-direction  : row !important;
    align-items     : center !important;
    justify-content : flex-start !important;
    padding         : 7px !important;
    margin-left     : 45px !important;
    width           : 80px !important;
}

.datepicker table tr td div p{
    float           : left;
    margin          : 3px;
    padding         : 0;
    color           : #fff;
    font-size       : .8em;
    box-shadow      : 0 2px 5px rgba(0, 0, 0, .23);
    cursor          : pointer;
    width           : 20px;
    height          : 20px;
    border-radius   : 100px;
    border          : .05rem solid rgba(255, 255, 255, .6);
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.datepicker table tr td div p.SSILVER{
    color : #000;
}

.datepicker table tr td div p.SJUNIOR,
.active a.SJUNIOR{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#93c540+0,75aa19+100 */
    background : rgb(119, 187, 49); /* Old browsers */
    background : -moz-linear-gradient(top, rgba(147, 197, 64, 1) 0%, rgb(119, 187, 49) 100%); /* FF3.6-15 */
    background : -webkit-linear-gradient(top, rgba(147, 197, 64, 1) 0%, rgb(119, 187, 49) 100%); /* Chrome10-25,Safari5.1-6 */
    background : linear-gradient(to bottom, rgba(147, 197, 64, 1) 0%, rgb(119, 187, 49) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#77bb31', endColorstr='#75aa19', GradientType=0); /* IE6-9 */

}

.datepicker table tr td div p.SPLATINUM,
.active a.SPLATINUM{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#adc3d6+0,7792a8+100 */
    background : rgb(173, 195, 214); /* Old browsers */
    background : -moz-linear-gradient(top, rgba(173, 195, 214, 1) 0%, rgba(119, 146, 168, 1) 100%); /* FF3.6-15 */
    background : -webkit-linear-gradient(top, rgba(173, 195, 214, 1) 0%, rgba(119, 146, 168, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background : linear-gradient(to bottom, rgba(173, 195, 214, 1) 0%, rgba(119, 146, 168, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#adc3d6', endColorstr='#7792a8', GradientType=0); /* IE6-9 */
}

.datepicker table tr td div p.SSILVER,
.active a.SSILVER{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c4c9ce+0,8c9399+100 */
    background : rgb(226, 185, 45); /* Old browsers */
    background : -moz-linear-gradient(top, rgb(226, 191, 74) 0%, rgb(226, 185, 45) 100%); /* FF3.6-15 */
    background : -webkit-linear-gradient(top, rgb(226, 191, 74) 0%, rgb(226, 185, 45) 100%); /* Chrome10-25,Safari5.1-6 */
    background : linear-gradient(to bottom, rgb(226, 191, 74) 0%, rgb(226, 185, 45) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2BF4A', endColorstr='#e2b92d', GradientType=0); /* IE6-9 */

}

.datepicker table tr td div p.SBRONZE,
.active a.SBRONZE{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b86c52+0,a35d46+100 */
    background : rgb(189, 205, 76); /* Old browsers */
    background : -moz-linear-gradient(top, rgb(191, 205, 96) 0%, rgb(189, 205, 76) 100%); /* FF3.6-15 */
    background : -webkit-linear-gradient(top, rgb(191, 205, 96) 0%, rgb(189, 205, 76) 100%); /* Chrome10-25,Safari5.1-6 */
    background : linear-gradient(to bottom, rgb(191, 205, 96) 0%, rgb(189, 205, 76) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#bdcd4c', endColorstr='#BFCD60', GradientType=0); /* IE6-9 */
}

.datepicker table tr td div p.SGOLD,
.active a.SGOLD{
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#dea82a+0,c6900f+100 */
    background : rgb(214, 125, 34); /* Old browsers */
    background : -moz-linear-gradient(top, rgb(215, 140, 64) 0%, rgb(214, 125, 34) 100%); /* FF3.6-15 */
    background : -webkit-linear-gradient(top, rgb(215, 140, 64) 0%, rgb(214, 125, 34) 100%); /* Chrome10-25,Safari5.1-6 */
    background : linear-gradient(to bottom, rgb(215, 140, 64) 0%, rgb(214, 125, 34) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFD78C40', endColorstr='#d67d22', GradientType=0); /* IE6-9 */
}

.datepicker table tr td div p.SMAX,
.active a.SMAX{
    background: rgb(153, 203, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(153, 203, 255, 1) 0%, rgba(51, 153, 255, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(153, 203, 255, 1) 0%, rgba(51, 153, 255, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(153, 203, 255, 1) 0%, rgba(51, 153, 255, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99CBFF', endColorstr='#3399FF', GradientType=0); /* IE6-9 */
}

.today.active div{
    /*width: 90%;*/
    /*height: 90%;*/
    border     : 1px solid #e8d17d;
    border-top : 1px solid #e8d17d;
    background : #e8d17d;
    color      : #fff;
}

.datepicker table tr td.match div{
    border-top    : 2px solid #ffbb00;
    border-bottom : 2px solid #ffbb00;
}

.matchLegend{
    display         : flex;
    align-items     : center;
    justify-content : flex-start;
}

.matchLegend p:first-of-type{
    border-top    : 2px solid #ffbb00;
    border-bottom : 2px solid #ffbb00;
}

.matchLegend p{
    margin : 15px 7px;
}

.matchLegend p span{
    font-size : .8em;
    display   : block;
}

.performances_selection{
    flex      : 0 0 12.45%;
    max-width : 12.45%;
}

.perf{
    border          : 1px solid #3c3c3c;
    border-radius   : 0px;
    display         : flex;
    flex-direction  : column;
    align-items     : center;
    justify-content : center;
    padding         : 10px 0 7px 0;
    font-size       : 1em;
    font-family     : 'DIN-Heavy';
    color           : #3c3c3c;
    cursor          : pointer;
    transition      : all .4s;
    min-height      : 50px;
    text-transform  : lowercase;
    line-height     : 1.1em;
    margin          : 0 7px 14px 7px;
}

.perf:hover,
.perf.active,
.perf.active:hover{
    background : #3c3c3c;
    color      : #fff !important;
}


.perf.av_H{
    /*border: 1px solid #00b00c;*/
    /*color: #00b00c;*/
    color : #3c3c3c;
}

.perf.av_M{
    /*border: 1px solid #e68200;*/
    /*color: #e68200;*/
    color : #3c3c3c;
}

.perf.av_L{
    /*border: 1px solid #c70000;*/
    /*color: #c70000;*/
    color : #3c3c3c;
}


.perf.cal_none{
    /*border: 1px solid #999;*/
    /*color: #999;*/
    color : #3c3c3c;
}

.perf.av_SO{
    border           : 1px solid #999;
    background-color : #cdcbc9;
    color            : #767778;
    pointer-events   : none;
}


.perf.selected{
    background-color : #e8d17d !important;
    color            : #fff;
    border-color     : #e8d17d !important;
}

.event-info{
    font-size      : .8em;
    width          : 100%;
    padding        : 3px;
    text-align     : center;
    font-family    : 'DIN';
    line-height    : 1.1em;
    text-transform : lowercase;
}

.event-info em{
    font-style     : normal;
    display        : block;
    text-transform : uppercase;
    font-family    : 'Cairo';
    font-weight    : 600;
}

.message_14_yo{
    color         : #3c3c3c;
    text-align    : left;
    border-bottom : 1px solid #4c4c4c;
    padding       : 7px;
    font-size     : .9em;
}

.children_message,
.cart_message{
    color         : #A32B2A;
    text-align    : center;
    padding       : 7px;
    font-size     : .9em;
    background    : rgba(163, 43, 42, .15);
    border-radius : 3px;
}

.children_message .far,
.cart_message .far{
    margin-right : 7px;
    font-size    : 2em;
}

.card{
    border        : none;
    border-radius : 0;
    background    : none;
}

.card-header{
    background-color : rgba(0, 0, 0, 0);
    display          : flex;
    justify-content  : space-between;
    align-items      : center;
    border-bottom    : 1px solid #3c3c3c;
}

.card-header span.x-svg{
    fill          : #e8d17d;
    height        : auto;
    width         : 30px;
    transition    : all .4s;
    padding-right : 7px;
    display       : block;
}

.card-header h2{
    font-size       : 1.6em;
    display         : flex;
    align-items     : center;
    justify-content : flex-start;
    margin          : 0;
}

.card-header h2 .far,
.card-header h2 .fas{
    margin-right : 7px;
    color        : #e8d17d;
}

.card-header p{
    margin          : 0;
    font-size       : .9em;
    color           : #3c3c3c;
    text-transform  : capitalize;
    display         : flex;
    align-items     : center;
    justify-content : space-between;
    font-family     : 'DIN-Bold';
}

.card-header p span{
    font-family : 'DIN';
    padding     : 0 5px;
}

#calendarSelection .card-body{
    border : none;
}

#mycal{
    position : relative;
}

.calendar-legend{
    overflow      : hidden;
    margin-top    : 30px;
    margin-bottom : 30px;
}

.calendar-legend h3{
    font-size     : .9em;
    margin-bottom : 15px;
}

.legend_box{
    display         : flex;
    align-items     : center;
    justify-content : flex-start;
    font-size       : .8em;
    text-transform  : capitalize;

}

.legend_box div{
    display         : flex;
    align-items     : center;
    justify-content : center;
    width           : 20px;
    height          : 20px;
    border-radius   : 3px;
    box-shadow      : 0 0 5px rgba(0, 0, 0, .12);
    margin-right    : 7px;
}

.active div:not(.type-abbo,.box-days),
.cal_selected div{
    border     : none !important;
    background : transparent !important;
}

.cal_avail div{
    border     : 1px solid #000;
    border-top : 5px solid #000;
    background : #fff;
    color      : #3c3c3c;
    font-size  : .8em;
}

.legend_box div{
    font-size : .8em;
}

.calendar-legend .av_H div{
    border     : 1px solid #00e810;
    border-top : 5px solid #00b00c;
    background : #fff;
    color      : #00b00c;
}

.calendar-legend .av_M div{
    border     : 1px solid #ffa024;
    border-top : 5px solid #e68200;
    background : #fff;
    color      : #e68200;
}

.calendar-legend .av_L div{
    border     : 1px solid #e60000;
    border-top : 5px solid #c70000;
    background : #fff;
    color      : #c70000;
}

.calendar-legend .av_SO div{
    border     : 1px solid #999;
    border-top : 5px solid #999;
    background : #fff;
    color      : #999;
    position   : relative;
}

.calendar-legend .av_SO div:before{
    content    : '';
    position   : absolute;
    top        : 5px;
    left       : 0;
    width      : 20px;
    height     : 2px;
    background : #e51e25;
    transform  : rotate(-45deg);
}

.av_SO div:before{
    content    : '';
    position   : absolute;
    top        : 5px;
    left       : 0;
    width      : 20px;
    height     : 2px;
    background : #e51e25;
    transform  : rotate(-45deg);
}

.calendar_loader,
.inset_loader{
    position        : absolute;
    top             : 0;
    left            : 0;
    background      : #E4E2E0;
    width           : 100%;
    height          : 100%;
    display         : flex;
    align-items     : center;
    justify-content : center;
}

.calendar_loader h2{
    color : #000;
}

.calendar_loader .loader{
    width         : 120px;
    height        : 120px;
    margin-bottom : 30px;
}

.calendar-changer:link,
.calendar-changer:visited,
.calendar-changer:active{
    color           : #af503c;
    text-decoration : none;
    transition      : all .4s;
}

.calendar-changer:hover{
    color : #3c3c3c;
}

.cart-toggler-icon{
    display : none;
}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px){

    .popover-calendar .popover-body-calendar{
        width      : 100%;
        min-height : initial;
        overflow   : scroll;
        position   : relative;
        height     : 80vh;
    }

}

@media only screen
and (min-device-width : 320px)
and (max-device-width : 1023px){
    .datepicker.datepicker-inline th.dow{
        text-align : center !important;
    }

    .subscriptions ul{
        flex-direction : column;
        align-items    : flex-start;
        border-radius  : 15px;
    }

    .subscriptions ul li{
        width : 100%;
    }

    .subscriptions li a{
        border-radius : 0;
    }

    .subscriptions ul li:first-of-type,
    .subscriptions ul li:first-of-type a{
        border-top-left-radius  : 15px;
        border-top-right-radius : 15px;
    }

    .subscriptions ul li:last-of-type,
    .subscriptions ul li:last-of-type a{
        border-bottom-left-radius  : 15px;
        border-bottom-right-radius : 15px;
    }

    .subscriptions li a{
        display         : flex;
        align-items     : center;
        justify-content : center;
    }

    .popover-calendar.on{
        overflow-y : scroll;
    }

    .datepicker table tr td div{
        width           : inherit;
        min-width       : initial;
        min-height      : initial;
        padding         : 0;
        margin          : 0px auto;
        font-size       : 1.8em;
        position        : initial;
        overflow        : initial;
        line-height     : initial;
        display         : flex;
        flex-direction  : column;
        justify-content : center;
        align-items     : center;
    }

    .datepicker table tr td span{
        position : initial;
    }

    .subscriptions-list{
        margin-left : 0 !important;
        display     : block !important;
    }

    .datepicker table tr td div p{
        float  : inherit;
        width  : 10px;
        height : 10px;
    }

    .popover-body-calendar .closer{
        top      : 5px;
        right    : 5px;
        position : fixed;
    }
}