@import url('https://fonts.googleapis.com/css?family=Lato:700|Raleway:300,400,500,600,700&subset=latin-ext');

/*
font-family: 'Raleway', sans-serif;
font-family: 'Lato', sans-serif;
 */

#loader{
    position        : fixed;
    z-index         : 5000000;
    top             : 0px;
    left            : 0px;
    width           : 100%;
    height          : 100vh;
    display         : flex;
    align-items     : center;
    justify-content : center;
    background      : none;
}

.loader{
    position      : fixed;
    border-radius : 50%;
    animation     : spin .5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite
}

@keyframes spin{
    0%{
        transform : rotate(0deg);
    }
    100%{
        transform : rotate(360deg);
    }
}

.specialevents hr{
    border-color : #06b1f2;
}
.specialevents .eventcontainer {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #06b1f2;
}
.specialevents .eventcontainer .eventdetails {
    border-color: #06b1f2!important;
}
.specialevents .eventcontainer .eventdetails .btn {
    padding: 0 30px;
    border-radius: 3px;
    text-transform: uppercase;
    font-size: inherit;
    font-weight: 700;
    min-width: auto;
    height: 35px;
    line-height: 35px;
    outline: none;
}
.lessonssearch .addcatcontainer .catTitle {
    text-transform: uppercase;
    font-weight: 700;
    line-height: 20px;
}
.lessonssearch .addcatcontainer span {
    width: auto;
    border-radius: 3px;
    padding: 4px 10px;
    background: #FFFFFF;
    color: #008fc5;
    border: 1px solid #008fc5;
    margin-bottom: 0;
    line-height: 20px;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    font-size: 12px;
}
.lessonssearch .addcatcontainer span.selected,
.lessonssearch .addcatcontainer span:hover {
    background: #008fc5;
    color: #fff;
}
.lessonssearch .addcatcontainer span.selectall {
    border: 1px solid #06b1f2;
    background: #fff;
    color: #06b1f2;
}
.lessonssearch .addcatcontainer span.selectall.selected,
.lessonssearch .addcatcontainer span.selectall:hover{
    color: #fff;
    background: #06b1f2;
}
.lessonssearch .addcatcontainer .categorylist {
    border: 1px solid #008fc5;
    border-radius: 3px;
    padding: 10px;
}
.lessonssearch  .input-group .error{
    line-height : 25px;
    font-size   : 12px;
    font-style  : italic;
    color       : #C60000;
    text-transform: uppercase;
}
.lessonssearch  .input-group .form-control.has-error {
    border-color: #C60000;
}
.lessonresult .perf-group.dashed {
     border-top: 1px dashed #06b1f2;
     padding-top: 5px;
     margin-top: 5px;
 }
.lessonresult .productlist .prod .descr.availability .avail-block {
    width: auto;
    height: auto;
    padding: 2px 5px;
    font-size: 10px;
}
/* paolino new */
html, body{
    padding     : 0;
    margin      : 0;
    font-size   : 14px;
    line-height : 1.3;
    height      : 100%;
}

body{
    font-family             : 'Raleway', sans-serif;
    color                   : #666666;
    font-weight             : 400;
}

.wrapper{
    /*height: auto !important;*/
    /*height: 100%;*/
    min-height : 100%;
    position   : relative;
    height     : 100vh;
}

.d-grid{
    display: grid!important;
}

.row-eq-height{
    display : -webkit-box;
    display : -webkit-flex;
    display : -ms-flexbox;
    display : flex;
}

header .logo-frame{
    background : linear-gradient(to bottom, #008fc5 0, #e7e7e7 100%);
}

header .logo-frame .logo{
    max-width  : 100%;
    /*max-height : 99px;*/
    max-height : 95px;
}

header .logo-frame .row{
    align-items : center;
}

header .logo-frame .top-header{
    height: 433px;
}
header .logo-frame .top-header.login {
    height: 437px;
}
header .logo-frame .top-header,
header .logo-frame .top-header.login {
    height: calc(100vw/4.40);
}

header .container .top-button .menuitem{
    float        : right;
    width        : auto;
    padding-left : 15px;
    position     : relative;
}

header .container .top-button .menuitem .buttonicon,
header .container .top-button .menuitem .buttonicon:hover,
header .container .top-button .menuitem .buttonicon:focus{
    font-family     : inherit;
    text-transform  : uppercase;
    font-weight     : 700;
    display         : inline-block;
    padding         : 0 45px 0 15px;
    font-size       : 12px;
    position        : relative;
    line-height     : 30px;
    border          : 1px solid #008fc5;
    cursor          : pointer;
    border-radius   : 3px;
    text-decoration : none;
    background      : linear-gradient(to bottom, #e7e7e7 0, #fff 100%);
    color           : #008fc5;
}

header .container .top-button .menuitem .buttonicon.icononly,
header .container .top-button .menuitem .buttonicon.icononly:hover,
header .container .top-button .menuitem .buttonicon.icononly:focus{
    padding : 0 15px;
}

header .container .top-button .menuitem .buttonicon span{
    font-size      : inherit;
    color          : inherit;
    display        : inline;
    font-family    : inherit;
    font-weight    : inherit;
    text-transform : inherit;
    line-height    : inherit;
}

header .container .top-button .menuitem .buttonicon .icon{
    color                      : #008fc5;
    display                    : block;
    height                     : 100%;
    position                   : absolute;
    right                      : 0;
    top                        : 2px;
    border-left                : 1px solid #008fc5;
    width                      : 30px;
    font-weight                : 700;
    font-size                  : 1.33333333em;
    text-align                 : center;
    line-height                : 28px;
    border-bottom-right-radius : 3px;
    border-top-right-radius    : 3px;
}

header .container .top-button .menuitem .buttonicon.icononly .icon{
    display                    : inline;
    position                   : relative;
    border-left                : 0 none;
    width                      : auto;
    border-bottom-right-radius : 0;
    border-top-right-radius    : 0;
}

header .container .top-button .dropdown-menu{
    padding       : 10px 15px;
    background    : #fff 100%;
    border-radius : 4px;
    border-color  : #008fc5;
    left          : auto;
    box-shadow    : none;
    min-width     : 200px;
    top           : 4px !important;
    right         : 0;
    margin        : 0;
}

header .container .top-button .dropdown-menu:before{
    content     : "\f0d8";
    font-family : "Font Awesome 5 Free";
    color       : #008fc5;
    position    : absolute;
    top         : -13px;
    left        : 50%;
    font-weight : 900;
}

header .container .top-button .dropdown-menu > li > a,
header .container .top-button .dropdown-menu > li > a:hover{
    color            : #008fc5;
    padding          : 0;
    font-size        : 12px;
    background-color : transparent;
    line-height      : 20px;
    cursor           : pointer;
    font-weight      : 600;
    text-transform   : uppercase;
}

header .container .top-button .dropdown-menu > li > a span{
    color       : inherit;
    font-size   : inherit;
    line-height : inherit;
    width       : 100%;
    position    : relative;
    display     : inline-block;
}

header .container .top-button .dropdown-menu > li > a span i{
    line-height  : inherit;
    margin-right : 5px;
}

header .container .top-button .dropdown-menu > li > a span:after{
    content     : "\f054";
    font-family : "Font Awesome 5 Free";
    position    : absolute;
    right       : 0;
    font-size   : 9px;
    top         : 1px;
    font-weight : 900;
}

header .container .top-button .dropdown-menu .divider{
    margin           : 5px 0;
    background-color : #06b1f2;
}

.navbar-default{
    background    : linear-gradient(to top, #11abe4 0, #e7e7e7 100%);
    border-radius : 0;
    border-width  : 1px 0 0;
    border-color  : #fff;
    border-style  : solid;
}

header .navbar .navbar-nav{
    float            : none;
    display          : -webkit-box;
    display          : -ms-flexbox;
    display          : flex;
    -webkit-box-pack : justify;
    -ms-flex-pack    : justify;
    /*justify-content: center;*/
    -ms-flex-flow    : row nowrap;
    flex-flow        : row nowrap;
}

header .navbar .navbar-nav > li{
    float        : none;
    display      : inline-block;
    padding      : 15px;
    flex-grow    : 1;
    margin-right : 3px;
}

header .navbar .navbar-nav > li:last-of-type{
    margin-right : 0;
}

header .navbar .navbar-nav > li > a{
    -webkit-transition : all .25s;
    -moz-transition    : all .25s;
    transition         : all .25s;
    padding            : 0;
    font-weight        : 700;
    text-transform     : uppercase;
    text-decoration    : none;
    background-color   : transparent;
    text-align         : center;
}

header .navbar-default .navbar-nav > .active,
header .navbar-default .navbar-nav > li:hover{
    background : #008fc5;
}

/*.navbar-nav>li>.dropdown-menu{*/
/*white-space: nowrap;*/
/*background: linear-gradient(to bottom,#e7e7e7 0,#11abe4 100%);*/
/*padding: 0;*/
/*border: 1px solid white;*/
/*}*/
/*.navbar-nav>li>.dropdown-menu >li{*/
/*border-top: 1px solid white;*/
/*}*/
/*.navbar-nav>li>.dropdown-menu >li > a{*/
/*transition: all .25s;*/
/*font-weight: 700;*/
/*text-transform: uppercase;*/
/*text-decoration: none;*/
/*text-align: center;*/
/*padding:15px;*/
/*color:white;*/
/*}*/
/*.navbar-nav>li>.dropdown-menu >li > a:hover{*/
/*background-color: #008fc5;*/
/*}*/
header .navbar-default .navbar-nav > li.dropdown.open{
    background : #008fc5;
}

header .navbar-default .navbar-nav > .open > a,
header .navbar-default .navbar-nav > .open > a:focus,
header .navbar-default .navbar-nav > .open > a:hover{
    background : transparent;
    color      : white;
}

header .navbar-default .navbar-nav > li > a,
header .navbar-default .navbar-nav > .active > a,
header .navbar-default .navbar-nav > li > a:hover,
header .navbar-default .navbar-nav > .active > a:hover,
header .navbar-default .navbar-nav > li > a:focus,
header .navbar-default .navbar-nav > .active > a:focus{
    color            : white;
    background-color : transparent;
}

header .navbar-default .navbar-collapse,
header .navbar-default .navbar-form{
    padding : 0;
}

header .navbar-nav > li > .dropdown-menu{
    padding       : 10px 15px;
    background    : #fff 100%;
    border-radius : 4px;
    border-color  : #008fc5;
    left          : -50px;
    box-shadow    : none;
    min-width     : 240px;
    top           : 56px;
    right         : 0;
    margin        : 0;
    float         : none;
}

header .navbar-nav > li > .dropdown-menu:before{
    content     : "\f0d8";
    font-family : "Font Awesome 5 Free";
    font-weight : 900;
    color       : #008fc5;
    position    : absolute;
    top         : -13px;
    left        : 50%;
}

header .navbar-nav > li > .dropdown-menu > li > a,
header .navbar-nav > li > .dropdown-menu > li > a:hover{
    color            : #008fc5;
    padding          : 0;
    font-size        : 12px;
    background-color : transparent;
    line-height      : 20px;
    cursor           : pointer;
    font-weight      : 600;
    text-transform   : uppercase;
    text-align       : left;
}

header .navbar-nav > li > .dropdown-menu > li > a span{
    color       : inherit;
    font-size   : inherit;
    line-height : inherit;
    width       : 100%;
    position    : relative;
    display     : inline-block;
}

header .navbar-nav > li > .dropdown-menu > li > a span:after{
    content     : "\f054";
    font-family : "Font Awesome 5 Free";
    font-weight : 900;
    position    : absolute;
    right       : 0;
    font-size   : 9px;
    top         : 1px;
}

header .navbar-nav > li > .dropdown-menu .divider{
    margin           : 5px 0;
    background-color : #06b1f2;
}

.content-wrapper{
    padding-bottom : 70px;
}

.website-footer{
    /*position: absolute;*/
    /*bottom: 0;*/
    width            : 100%;
    background-color : #ebebeb;
}

.website-footer .container{
    font-family : 'Lato', sans-serif;
    font-size   : 12px;
    padding     : 5px 15px;
}

.website-footer a, .website-footer a:hover{
    color : #000;
}

.footer-social a{
    width            : 24px;
    height           : 24px;
    margin-right     : 3px;
    display          : inline-block;
}

.yt{
    background-position : -84px 0;
}

.tw{
    background-position : -56px 0;
}

.in{
    background-position : -28px 0;
}

.fb{
}

.footer-terms a{
    margin-right : 5px;
}

/*.footer-social-items{*/
/*float : right;*/
/*}*/
/*.footer-social-items a{*/
/*float : left;*/
/*}*/
.footer-terms, .footer-note{
    margin-top : 5px;
}

.website-footer .poweredby{
    width      : auto;
    max-height : 50px;
    max-width  : 100%;
}

.login-headtitle{
    color         : #06b1f2;
    font-size     : 38px;
    font-weight   : 700;
    margin-bottom : 15px;
}

.loginform fieldset{
    margin : 0 -15px;
}

.loginform .form-group label{
    line-height    : 25px;
    max-width      : 100%;
    display        : block;
    margin-bottom  : 0;
    text-transform : uppercase;
    font-weight    : 700;
    font-size      : 14px;
}

.loginform .form-group a{
    color       : #53b4d9;
    cursor      : pointer;
    line-height : 35.6px;
}

.loginform .form-group .form-required{
    color : #f00;
}

.loginform .form-group .form-control{
    border-color     : #06b1f2;
    background-color : #fff;
    border-width     : 2px;
    border-radius    : 4px;
    width            : 100%;
    font-weight      : normal;
    padding          : 5px 10px;
}

.loginform .buttons button.btn{
    font-size   : 13px;
    line-height : 20px;
    padding     : 7px 12px;
}

.row.buttons.button-login{
    margin-left : 0;
}

#shoppingcart .basket-taxes{
    border-top  : 1px dashed #06b1f2;
    padding-top : 5px;
    margin      : 5px auto;
}

.eventtitle .userprofile-title{
    margin            : 0;
    text-transform    : uppercase;
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    -webkit-box-align : end;
    -ms-flex-align    : end;
    align-items       : flex-end;
    -webkit-box-pack  : justify;
    -ms-flex-pack     : justify;
    justify-content   : space-between;
}

.eventtitle .userprofile-title .welcomeuser{
    color       : #008fc5;
    font-weight : 700;
    font-size   : 13px;
}

.detailrow{
    line-height : 40px;
}

.detailrow .highlight{
    color          : #008fc5;
    font-weight    : 700;
    text-transform : uppercase;
}

.maincontent .ordersummary.userprofile{
    margin-top : 25px;
}

.maincontent .panel-category > .panel-heading .small-date-profile{
    padding   : 0 5px;
    font-size : 70%;
}

.maincontent .panel-category > .panel-heading a{
    color : #fff;
}

/* external reservation code*/
#shoppingcart .doubleCart .couponManager #externalResCode{
    margin : 0;
}

#shoppingcart .doubleCart .couponManager #selectPayment,
#shoppingcart .doubleCart .couponManager #promoapplied{
    margin : 15px 0;
}

#shoppingcart .doubleCart .couponManager #promoapplied .basket-product .name .label{
    font-size   : 12px;
    display     : block;
    padding     : 5px 15px;
    line-height : 15px;
}

#shoppingcart .doubleCart .couponManager #promoapplied .basket-product .name small{
    display    : block;
    margin-top : 3px;
    font-size  : 85%;
}

.maincontent .couponManager #externalResCode .form-group label{
    font-size      : 11px;
    display        : block;
    margin-bottom  : 0;
    text-transform : uppercase;
    line-height    : 34px;
}

.maincontent #externalResCode .form-group .form-control{
    border-color     : #06b1f2;
    background-color : #fff;
}

.maincontent #externalResCode .buttons{
    margin : 0;
}

.maincontent .couponManager #externalResCode .buttons .btn{
    padding     : 6px 10px;
    min-width   : 0;
    font-size   : 13px;
    line-height : 20px;
}

.maincontent #walletList .reservationCode{
    text-transform : none;
}

.maincontent #walletList .reservationCode strong{
    text-transform : uppercase;
}

.searchform_info{
    font-size      : 14px;
    text-align     : center;
    display        : block;
    text-transform : uppercase;
}

.searchresult{
    font-weight    : 600;
    text-transform : uppercase;
    border-bottom  : 1px dashed #06b1f2;
    padding-bottom : 5px;
    margin-bottom  : 5px;
}

.reservationRef{
    line-height : 30px;
}

.borderReservationRef{
    border-bottom-color : #06b1f2 !important;
}

.confirmOrderSum{
    color          : #06b1f2;
    font-weight    : 600;
    text-transform : uppercase;
    border-bottom  : 1px dashed #06b1f2;
    padding-bottom : 5px;
    margin-bottom  : 5px;
    line-height    : 1.3;
}

.basket-custom{
    font-weight    : 600;
    text-transform : uppercase;
    border-bottom  : 1px dashed #06b1f2;
    padding-bottom : 5px;
    margin-bottom  : 5px;
    line-height    : 1.3;
}

.line-height{
    line-height : 1.3
}

/* sharon */
.noright{
    padding-right : 0;
}

.noleft{
    padding-left : 0;
}

.nopadding{
    padding-right : 0;
    padding-left  : 0;
}

.headline .breadcrumb{
    background-color : transparent;
    border           : 1px solid #06b1f2;
}

.headline .breadcrumb > li + li::before{
    color       : #06b1f2;
    content     : "\f101";
    font-family : "Font Awesome 5 Free";
    font-weight : 900;
    margin      : 0 3px;
}

.breadcrumb > li{
    font-weight    : 500;
    text-transform : uppercase;
}

.headline .breadcrumb > .active{
    color       : #008fc5;
    font-weight : 700;
}

.headline .breadcrumb > .visited{
    color : #BDBDBD;
}

.headline .eventtitle{
    margin-bottom  : 20px;
    padding-bottom : 5px;
    border-bottom  : 1px solid #06b1f2;
}

.headline .eventtitle h1{
    margin-top     : 0;
    font-weight    : 700;
    color          : #06b1f2;
    text-transform : uppercase;
    margin-bottom  : 5px;
}

.headline .eventtitle .addnote{
    font-style    : italic;
    margin-bottom : 5px;
}

.maincontent .panel-category{
    /*border-color: #06b1f2;*/
    -webkit-box-shadow : none;
    box-shadow         : none;
    border-radius      : 3px !important;
    border             : 1px solid #06b1f2 !important;
}

.maincontent .panel-category > .panel-heading{
    font-family      : 'Lato', sans-serif;
    background-color : #06b1f2;
    padding          : 10px 15px;
    color            : #fff;
    font-size        : 16px;
    text-transform   : uppercase;
    border           : 0 none;
    display          : flex;
    justify-content  : space-between;
    align-items      : center;
}

.maincontent .panel-category > .panel-heading .icon-toggle{
    display                 : inline-block;
    font-family             : "Font Awesome 5 Free";
    font-weight             : 900;
    font-size               : inherit;
    line-height             : inherit;
    text-rendering          : auto;
    -webkit-font-smoothing  : antialiased;
    -moz-osx-font-smoothing : grayscale;
    font-style              : normal;
    cursor                  : pointer;
    border-radius           : 2px 2px 0 0 !important;
}

.maincontent .panel-category > .panel-heading .icon-toggle::before{
    content : "\f077";

}

.maincontent .panel-category > .panel-heading .icon-toggle.collapsed::before{
    content : "\f078";
}

.maincontent .panel-category > .panel-body{
    padding : 10px 15px;
}

.maincontent .panel-category > .panel-body .description{
    font-size : 13px;
}

.maincontent .panel-category > .panel-body img{
    max-width : 100%;
}

.maincontent .panel-category > .panel-body .productlist{
    border-top  : 1px dashed #06b1f2;
    padding-top : 5px;
    margin-top  : 5px;
    /*display: none;*/
}

.maincontent .panel-category > .panel-body .productlist.open{
    display : block;
}

.maincontent .buttons{
    margin-top : 20px;
}

.maincontent .buttons .btn{
    display        : inline-block;
    padding        : 10px;
    border-radius  : 4px;
    width          : auto;
    text-transform : uppercase;
    font-size      : 18px;
    font-weight    : 700;
    min-width      : 100px;
}

.maincontent .buttons .btn.next{
    color            : #fff;
    background-color : #1794c4;
}

.maincontent .buttons .btn.back{
    background-color : #666666;
    color            : #efefef;
}

.maincontent .buttons span.btn{
    cursor  : not-allowed;
    opacity : .5;
}

/* product class */
.productlist .prod{
    align-items : center;
    margin-top  : 10px;
}

.productlist .prod:first-child{
    margin-top : 0;
}

.productlist .prod .name{
    color       : #06b1f2;
    font-weight : 600;
    font-size   : 15px;
    /*line-height: 25px;*/
}

.productlist .prod .descr,
.productlist .prod .addnote{
    font-size : 12px;
}

.productlist .prod .descr ul,
.productlist .prod .addnote ul{
    margin  : 0;
    padding : 0 0 0 15px;
}

.productlist .prod .addnote{
    font-style : italic;
    margin-top : 3px;
}

.productlist .prod .actions select{
    width : 50%;
}

.productlist .prod .actions button,
.productlist .prod .actions button:hover,
.productlist .prod .actions button:focus{
    cursor           : pointer;
    -moz-appearance  : none;
    background-color : #1794c4;
    border           : 0 none;
    color            : #fff;
    border-radius    : 4px;
    height           : 26px;
    font-weight      : 600;
    width            : 47%;
    text-align       : center;
    text-transform   : uppercase;
}

.productlist .prod .actions.noform button,
.productlist .prod .actions.noform button:hover,
.productlist .prod .actions.noform button:focus{
    width : 90%;
}

.productlist .prod .actions.noform button.soldout,
.productlist .prod .actions.noform button.soldout:hover,
.productlist .prod .actions.noform button.soldout:focus{
    background : rgba(235, 235, 235, 0.7);
    color      : #BDBDBD;
    cursor     : not-allowed;
}

/* performance + ticket classes */
.productlist.withperf .perf-title{
    padding        : 10px 0;
    color          : #06b1f2;
    text-transform : uppercase;
}

.productlist.withperf .perf{
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    -webkit-box-pack  : justify;
    -ms-flex-pack     : justify;
    justify-content   : space-between;
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
}

.productlist.withperf .perf .perfitem{
    width         : auto;
    border-radius : 4px;
    padding       : 4px 15px;
    border        : 0 none;
    margin-bottom : 0;
    background    : linear-gradient(to bottom, #06b1f2 0, #1794c4 100%);
    color         : #666666;
    line-height   : 20px;
    font-weight   : 600;
}

.productlist.withperf .perf .perfitem.highavailable{
    background : linear-gradient(to bottom, #D0F59F 0, #83C42F 100%);
}

.productlist.withperf .perf .perfitem.mediumavailable{
    background : linear-gradient(to bottom, #FFEEA5 0, #F4D65A 100%);
}

.productlist.withperf .perf .perfitem.lowavailable{
    background : linear-gradient(to bottom, #FF7D7D 0, #FF4242 100%);
}

.productlist.withperf .perf .perfitem.selected,
.productlist.withperf .perf .perfitem:hover{
    background : linear-gradient(to bottom, #06b1f2 0, #1794c4 100%);
    color      : #ffffff;
}

.productlist.withperf .perf .perfitem.soldout,
.productlist.withperf .perf .perfitem.soldout:hover{
    background : rgba(235, 235, 235, 0.7);
    color      : #BDBDBD;
    cursor     : not-allowed;
}

.productlist.withperf .products{
    margin-top : 10px;
}

.productlist .prod.performance:first-child,
.productlist .prod.performance{
    margin-top : 0;
}

.productlist .prod.performance .actions button,
.productlist .prod.performance .actions button:hover,
.productlist .prod.performance .actions button:focus{
    height      : auto;
    width       : 100%;
    font-size   : 13px;
    line-height : 1.1;
    padding     : 7px 12px;
}

.productlist .prod .descr.availability .avail-block{
    width   : 15px;
    display : inline-block;
    height  : 15px;
    border  : 1px solid transparent;
}

.productlist .prod .descr.availability .avail-block.highavailable{
    background   : linear-gradient(to bottom, #D0F59F 0, #83C42F 100%);
    border-color : #83C42F;
}

.productlist .prod .descr.availability .avail-block.mediumavailable{
    background   : linear-gradient(to bottom, #FFEEA5 0, #F4D65A 100%);
    border-color : #F4D65A;
}

.productlist .prod .descr.availability .avail-block.lowavailable{
    background   : linear-gradient(to bottom, #FF7D7D 0, #FF4242 100%);
    border-color : #FF4242;
}

.productlist .prod .descr.availability .avail-block.soldout{
    background   : rgba(235, 235, 235, 0.7);
    border-color : #EBEBEB;
}

.productlist .prod .cat .descr strong{
    text-transform : uppercase;
}

.productlist .perf-group{
    border-bottom  : 1px solid #06b1f2;
    margin         : 0 auto 10px;
    padding-bottom : 10px;
}

.productlist .perf-group .perf-products{
    margin-top : 10px;
}

.productlist .perf-group .perf-products .prod .name{
    font-size   : 13px;
    line-height : inherit;
}

.productlist .perf-group .perf-products .prod .addnote{
    margin-top : 1px;
}

/* shopping cart */
#shoppingcart .basket-headline,
#shoppingcart .basket-product,
#shoppingcart .basket-subtotal{
    margin : 0 auto;
}

#shoppingcart .basket-product,
#shoppingcart .basket-subtotal{
    align-items : center;
}

#shoppingcart .basket-headline,
#tickets-list .basket-headline{
    font-weight    : 600;
    text-transform : uppercase;
    border-bottom  : 1px dashed #06b1f2;
    padding-bottom : 5px;
    margin-bottom  : 5px;
}

#shoppingcart .basket-headline.empty{
    border-bottom  : 0 none;
    padding-bottom : 0;
    margin-bottom  : 0;
}

#shoppingcart .basket-headline small,
#shoppingcart .basket-product small{
    font-size : 70%;
}

#shoppingcart .basket-product,
#agency_detail .info_row,
#credit_detail .info_row{
    margin-top : 5px;
}

#shoppingcart .basket-product:first-child{
    margin-top : 0;
}

#shoppingcart .basket-product .name small{
    display : block;
}

#shoppingcart .basket-product .actions i,
#shoppingcart .basket-product .actions i:hover{
    cursor : pointer;
    color  : #1794c4;
}

#shoppingcart .basket-subtotal{
    border-top     : 1px dashed #06b1f2;
    padding-top    : 5px;
    margin-top     : 5px;
    font-weight    : 600;
    text-transform : uppercase;
    font-size      : 15px;
}

#shoppingcart .basket-subtotal .actions input[type="submit"],
#shoppingcart .basket-product .actions a,
#shoppingcart .basket-product .actions a:hover,
#shoppingcart .basket-product .actions a:focus{
    cursor           : pointer;
    background-color : #1794c4;
    border           : 0 none;
    color            : #fff;
    border-radius    : 4px;
    height           : 26px;
    font-weight      : 600;
    text-align       : center;
    text-transform   : uppercase;
    font-size        : 12px;
}

#shoppingcart .basket-product .actions a,
#shoppingcart .basket-product .actions a:hover,
#shoppingcart .basket-product .actions a:focus{
    display         : block;
    line-height     : 30px;
    height          : 30px;
    font-size       : 14px;
    text-decoration : none;
}

#shoppingcart .basket-headline.error{
    border-bottom : 0 none;
}

#shoppingcart .basket-headline .basketError{
    padding       : 10px;
    margin-bottom : 0;
}

#shoppingcart .basket-headline .basketError ul{
    list-style : none;
    margin     : 0;
    padding    : 0;
    font-size  : 13px;
}

#shoppingcart .basket-headline .basketError ul li:before{
    font-family  : "Font Awesome 5 Free";
    font-weight  : 900;
    content      : "\f12a";
    margin-right : 5px;
}

/* multievent date form */
.maincontent .specialevent{
    margin-bottom : 20px;
}

.maincontent .form-title{
    padding        : 10px 0;
    color          : #06b1f2;
    font-size      : 18px;
    text-transform : uppercase;
    font-weight    : 500;
}

.maincontent .specialevent .form-group{
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    margin            : 0 auto;
}

.maincontent .specialevent .form-group.withmargin{
    margin-top : 20px;
}

.maincontent .specialevent .form-group label{
    display        : block;
    margin-bottom  : 0;
    text-transform : uppercase;
    line-height    : 34px;
}

.maincontent .specialevent .form-group label i{
    position    : absolute;
    font-size   : 10px;
    top         : 7px;
    margin-left : 5px;
    color       : #C60000;
}

.maincontent .specialevent .form-group .form-control{
    border-radius    : 4px 0 0 4px;
    border-color     : #06b1f2;
    border-width     : 2px 1px 2px 2px;
    background-color : #fff;
}

.maincontent .specialevent .form-group .input-group-addon{
    border-radius    : 0 4px 4px 0;
    border-width     : 2px 2px 2px 1px;
    border-color     : #06b1f2;
    background-color : #fff;
    color            : #06b1f2;
}

.maincontent .specialevent .form-group .form-control.noicon{
    border-width  : 2px;
    border-radius : 4px;
}

.maincontent .specialevent .form-group select{
    width  : 100%;
    height : 34px;
}

.maincontent .specialevent .form-group .radio,
.maincontent .specialevent .form-group .checkbox{
    min-height  : 34px;
    padding-top : 0;
    line-height : 34px;
}

.maincontent .specialevent .form-group .radio .radio-inline,
.maincontent .specialevent .form-group .checkbox .checkbox-inline{
    padding-top    : 0;
    vertical-align : top;
    padding-left   : 0;
    min-height     : 0;
    line-height    : inherit;
    text-transform : uppercase;
    display        : inline-block;
}

.maincontent .specialevent .radio .radio-inline input[type="radio"],
.maincontent .specialevent .checkbox .checkbox-inline input[type="checkbox"]{
    position       : relative;
    margin         : -2px 5px 0 0;
    line-height    : 34px;
    vertical-align : middle;
}

.maincontent .specialevent .form-group .error{
    line-height : 25px;
    font-size   : 12px;
    font-style  : italic;
    color       : #C60000;
}

.maincontent .specialevent .buttons{
    margin : 0;
}

.maincontent .specialevent .buttons .btn{
    font-size   : 13px;
    line-height : 20px;
    padding     : 7px 12px;
}

.maincontent .specialevent .form-group.addcatcontainer{
    position : relative;
}

.maincontent .specialevent .addcatcontainer .catTitle{
    text-transform : uppercase;
    font-weight    : 700;
    line-height    : 20px;
    position       : absolute;
    top            : -10px;
    left           : 4px;
    z-index        : 10;
}

.maincontent .specialevent .form-group .addcategory:before{
    content    : " ";
    display    : block;
    height     : 1px;
    background : #06b1f2;
    position   : absolute;
    top        : 0;
    left       : 84px;
    width      : 87%;
}

.maincontent .specialevent .form-group .addcategory.level:before{
    left  : 104px;
    width : 84%;
}

.maincontent .specialevent .form-group .addcategory{
    -webkit-box-align : center;
    -ms-flex-align    : center;
    align-items       : center;
    -webkit-box-pack  : justify;
    -ms-flex-pack     : justify;
    justify-content   : space-between;
    display           : -webkit-box;
    display           : -ms-flexbox;
    display           : flex;
    border-radius     : 4px;
    padding           : 10px;
    border            : 1px solid #06b1f2;
    border-top        : 0;
}

.maincontent .specialevent .form-group .addcategory span{
    width          : auto;
    border-radius  : 4px;
    padding        : 4px 10px;
    background     : #ffffff;
    color          : #1794c4;
    border         : 1px solid #1794c4;
    margin-bottom  : 0;
    line-height    : 20px;
    font-weight    : 600;
    text-transform : uppercase;
    cursor         : pointer;
    font-size      : 12px;
}

.maincontent .specialevent .form-group .addcategory span.selected,
.maincontent .specialevent .form-group .addcategory span:hover{
    background   : linear-gradient(to bottom, #06b1f2 0, #1794c4 100%);;
    color        : #ffffff;
    border-color : transparent;
}

.maincontent .specialevent .form-group .addcategory span.selectall:hover{
    background : #ffffff;
    color      : #1794c4;
    border     : 1px solid #1794c4;
}

.maincontent .checkcart .basketError,
.maincontent .loginform .basketError,
.maincontent .specialevent .form-group .basketError{
    padding       : 10px;
    margin-bottom : 0;
}

.maincontent .checkcart .basketError ul,
.maincontent .loginform .basketError ul,
.maincontent .specialevent .form-group .basketError ul{
    list-style : none;
    margin     : 0;
    padding    : 0;
    font-size  : 13px;
}

.maincontent .checkcart .basketError ul li:before,
.maincontent .loginform .basketError ul li,
.maincontent .specialevent .form-group .basketError ul li:before{
    font-family  : "Font Awesome 5 Free";
    font-weight  : 900;
    content      : "\f12a";
    margin-right : 5px;
}

.maincontent .checkcart .info_row .alert .text,
.maincontent .loginform .alert .labeltitle,
.maincontent .loginform .alert .text,
.maincontent .specialevent .alert .labeltitle,
.maincontent .specialevent .alert .text,
.maincontent .panel-category > .panel-body .savedaccount .alert .labeltitle,
.maincontent .panel-category > .panel-body .savedaccount .alert .text{
    display    : block;
    font-size  : 12px;
    margin-top : 10px;
}

.maincontent .checkcart .info_row .alert .labeltitle,
.maincontent .loginform .alert .labeltitle,
.maincontent .specialevent .alert .labeltitle,
.maincontent .panel-category > .panel-body .savedaccount .alert .labeltitle{
    font-size      : 13px;
    text-transform : uppercase;
    font-weight    : 700;
    margin-top     : 0;
}

/* calendar datepicker & legend */
.maincontent .datepicker-inline{
    width            : auto;
    border-radius    : 3px;
    padding          : 0;
    background-color : #fff;
    border           : 1px solid #06b1f2;
}

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

.maincontent .datepicker-inline table thead th{
    border-radius : 0;
}

.maincontent .datepicker-inline table thead th.prev,
.maincontent .datepicker-inline table thead th.next,
.maincontent .datepicker-inline table thead th.datepicker-switch{
    font-family      : 'Lato', sans-serif;
    padding          : 10px;
    color            : #fff;
    font-size        : 16px;
    text-transform   : uppercase;
    border-bottom    : 1px solid #06b1f2;
    background-color : #06b1f2;
}

.maincontent .datepicker-inline table thead th.prev.disabled,
.maincontent .datepicker-inline table thead th.next.disabled{
    visibility     : visible;
    pointer-events : none;
}

.maincontent .datepicker-inline table thead th.datepicker-switch:hover{
    cursor           : default;
    pointer-events   : none;
    background-color : #06b1f2;
}

.maincontent .datepicker-inline table thead th.next:hover,
.maincontent .datepicker-inline table thead th.prev:hover{
    background-color : #06b1f2;
}

.maincontent .datepicker-inline table thead th.dow{
    font-family    : 'Lato', sans-serif;
    padding        : 10px;
    color          : #06b1f2;
    text-transform : uppercase;
}

.maincontent .datepicker-inline table tr td{
    padding        : 10px;
    font-size      : 13px;
    width          : auto;
    height         : auto;
    border-radius  : 0;
    vertical-align : middle;
    text-shadow    : none;
    border         : 1px solid #fff;
    cursor         : pointer;
    color          : #666666;
    background     : rgba(118, 210, 244, 0.7);;
}

.maincontent .datepicker-inline table tr td:first-child{
    border-left : 0 none;
}

.maincontent .datepicker-inline table tr td:last-child{
    border-right : 0 none;
}

.maincontent .datepicker-inline table tbody tr:first-child td{
    border-top : 0 none;
}

.maincontent .datepicker-inline table tbody tr:last-child td{
    border-bottom : 0 none;
}

.maincontent .datepicker-inline table tr td.highavailable{
    background : linear-gradient(to bottom, #D0F59F 0, #83C42F 100%);
}

.maincontent .datepicker-inline table tr td.mediumavailable{
    background : linear-gradient(to bottom, #FFEEA5 0, #F4D65A 100%);
}

.maincontent .datepicker-inline table tr td.lowavailable{
    background : linear-gradient(to bottom, #FF7D7D 0, #FF4242 100%);
}

.maincontent .datepicker-inline table tr td.day.focused,
.maincontent .datepicker-inline table tr td.day:hover,
.maincontent .datepicker-inline table tr td.active{
    background : #008fc5;
    color      : #fff;
}

.maincontent .datepicker-inline table tr td.disabled-date,
.maincontent .datepicker-inline table tr td.disabled,
.maincontent .datepicker-inline table tr td.new,
.maincontent .datepicker-inline table tr td.old,
.maincontent .datepicker-inline table tr td.disabled-date:hover,
.maincontent .datepicker-inline table tr td.disabled:hover,
.maincontent .datepicker-inline table tr td.new:hover,
.maincontent .datepicker-inline table tr td.old:hover,
.maincontent .datepicker-inline table tr td.unavailable{
    background      : rgba(235, 235, 235, 0.7);
    color           : #BDBDBD;
    cursor          : not-allowed;
    pointer-events  : none;
    text-decoration : line-through;
}

.maincontent .legend .legendvoice{
    font-size     : 13px;
    white-space   : nowrap;
    line-height   : 25px;
    margin-bottom : 3px;
}

.maincontent .legend .legendvoice:last-child{
    margin-bottom : 0;
}

.maincontent .legend .legendvoice .availblock{
    height         : 25px;
    display        : inline-block;
    width          : 25px;
    margin-right   : 5px;
    vertical-align : middle;
}

.maincontent .legend .legendvoice .availblock.unavailable{
    background : rgba(235, 235, 235, 0.7);
    border     : 1px solid #EBEBEB;
}

.maincontent .legend .legendvoice .availblock.available{
    background : rgba(118, 210, 244, 0.7);;
    border     : 1px solid #76d2f4;
}

.maincontent .legend .legendvoice .availblock.selected{
    background : #008fc5;
    border     : 1px solid #008fc5;
}

.maincontent .legend .legendvoice .availblock.highavailable{
    background : linear-gradient(to bottom, #D0F59F 0, #83C42F 100%);
    border     : 1px solid #D0F59F;
}

.maincontent .legend .legendvoice .availblock.mediumavailable{
    background : linear-gradient(to bottom, #FFEEA5 0, #F4D65A 100%);
    border     : 1px solid #FFEEA5;
}

.maincontent .legend .legendvoice .availblock.lowavailable{
    background : linear-gradient(to bottom, #FF7D7D 0, #FF4242 100%);
    border     : 1px solid #FF7D7D;
}

.maincontent .perflist .perfcontainer fieldset input,
.maincontent .perflist .perfcontainer .perf span{
    display       : block;
    border-radius : 3px;
    font-weight   : 700;
    color         : #666666;
    cursor        : pointer;
    width         : 100%;
    background    : transparent;
    padding       : 5px 10px;
}

.maincontent .perflist .perfcontainer fieldset input{
    background : rgba(118, 210, 244, 0.7);;
    border     : 1px solid #76d2f4;
}

.maincontent .perflist .perfcontainer fieldset input.highavailable{
    background : linear-gradient(to bottom, #D0F59F 0, #83C42F 100%);
    border     : 1px solid #D0F59F;
}

.maincontent .perflist .perfcontainer fieldset input.mediumavailable{
    background : linear-gradient(to bottom, #FFEEA5 0, #F4D65A 100%);
    border     : 1px solid #FFEEA5;
}

.maincontent .perflist .perfcontainer fieldset input.lowavailable{
    background : linear-gradient(to bottom, #FF7D7D 0, #FF4242 100%);
    border     : 1px solid #FF7D7D;
}

.maincontent .perflist .perfcontainer fieldset input.selected,
.maincontent .perflist .perfcontainer fieldset input:hover{
    background : #008fc5;
    border     : 1px solid #008fc5;
    color      : #fff;
}

.maincontent .perflist .perfcontainer fieldset input.unavailable,
.maincontent .perflist .perfcontainer fieldset input.unavailable:hover{
    background      : rgba(235, 235, 235, 0.7);
    border          : 1px solid #EBEBEB;
    opacity         : .3;
    cursor          : not-allowed;
    pointer-events  : none;
    text-decoration : line-through;
}

/* account info */
.maincontent .panel-category > .panel-heading p{
    font-size : 12px;
    margin    : 3px 0 0;
}

.maincontent .panel-category > .panel-body .specialevent{
    margin-bottom : 0;
}

.maincontent .panel-category > .panel-body .specialevent .form-group{
    margin-bottom : 10px;
}

.maincontent .panel-category > .panel-body .specialevent .form-group .imguploaded img{
    max-width  : 100%;
    max-height : 200px;
    width      : auto;
    height     : auto;
    margin-top : 5px;
}

/* checkout */
#shoppingcart .basket-product.tax{
    border-top     : 1px dashed #06b1f2;
    padding-top    : 5px;
    text-transform : uppercase;
}

.maincontent .couponManager .specialevent{
    margin-bottom : 0;
}

.maincontent .couponManager .specialevent .form-group label{
    font-size : 12px;
}

.maincontent .couponManager .specialevent .form-group .form-control{
    border-radius : 4px;
    border-width  : 1px;
}

.maincontent .couponManager .specialevent .buttons .btn{
    padding   : 6px 10px;
    min-width : 0;
}

.maincontent .couponManager .activeCoupons{
    border-bottom  : 1px dashed #06b1f2;
    padding-bottom : 5px;
    margin-bottom  : 5px;
}

.maincontent .couponManager .activeCoupons .basket-product .name .label{
    font-size   : 12px;
    display     : block;
    padding     : 5px 15px;
    line-height : 15px;
}

.maincontent .couponManager .activeCoupons .basket-product .name small{
    display    : block;
    margin-top : 3px
}

.maincontent .panel-category > .panel-body.confirm hr{
    margin-top    : 10px;
    margin-bottom : 10px;
    border        : 0;
    border-top    : 1px solid #008fc5;
}

/* upsell popup */
/* fix for height calculation on jquery.confirm */
body[class*=jconfirm-no-scroll-]{
    overflow : visible !important
}

.jconfirm.jconfirm-bootstrap .jconfirm-box{
    background-color : #fff;
    border           : 0 none;
    border-radius    : 4px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-closeIcon{
    color      : #06b1f2;
    filter     : alpha(opacity=1);
    opacity    : 1;
    margin-top : 0;
    top        : 15px;
    right      : 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c{
    font-size      : 20px;
    color          : #008fc5;
    font-weight    : 700;
    margin         : 0 0 10px;
    font-family    : 'Lato', sans-serif;
    text-transform : uppercase;
    padding        : 0 15px;
    line-height    : 20px;
}

.jconfirm .jconfirm-box div.jconfirm-title-c .jconfirm-title{
    padding-bottom : 10px;
    border-bottom  : 1px dashed #06b1f2;
    display        : block;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content{
    color : inherit;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .blocks{
    margin : 15px -15px 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .blocks:first-child{
    margin-top : 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .blocks h3{
    margin         : 0 15px 5px;
    font-size      : 18px;
    text-transform : uppercase;
    padding-bottom : 5px;
    font-weight    : 600;
    color          : #008fc5;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer{
    padding-right : 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer .nav-tabs.tabs-left{
    border-right : 0 none;
    padding-top  : 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer .nav-tabs.tabs-left > li.active{
    z-index : 10;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer .nav-tabs.tabs-left > li > a{
    color              : #1794c4;
    background-color   : transparent;
    border             : 1px solid #06b1f2;
    border-right-color : transparent;
    text-transform     : uppercase;
    border-radius      : 4px 0 0 4px;
    font-family        : 'Lato', sans-serif;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer .nav-tabs.tabs-left > li.active > a,
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer .nav-tabs.tabs-left > li > a:hover,
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer .nav-tabs.tabs-left > li > a:focus{
    background         : linear-gradient(to bottom, #06b1f2 0, #1794c4 100%);
    border             : 1px solid #06b1f2;
    border-right-color : transparent;
    cursor             : default;
    font-weight        : 700;
    color              : #fff;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabsLeftContainer .tab-pane{
    border        : 1px solid transparent;
    padding       : 10px 0;
    margin        : 0 auto 0 -15px;
    z-index       : 9;
    border-radius : 0 4px 4px 0;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabsLeftContainer .tab-pane.active{
    border-color : #06b1f2;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .prod .name{
    font-size   : 20px;
    font-weight : 700;
    line-height : 30px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .prod .descr,
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .prod .addnote{
    font-size : 14px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells{
    margin-top : 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail{
    background-color : transparent;
    border           : 1px solid #06b1f2;
    border-radius    : 4px;
    margin           : 5px auto 0;
    line-height      : inherit;
    padding          : 10px 15px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .prod .name{
    font-weight : 600;
    font-size   : 15px;
    line-height : 25px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .prod .price{
    line-height : 25px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .prod .descr,
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .prod .addnote{
    font-size : 12px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .buttons{
    margin-top : 10px;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .buttons .btn,
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .buttons .btn:hover,
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .buttons .btn:focus{
    display        : inline-block;
    padding        : 6px 12px;
    border-radius  : 4px;
    width          : auto;
    text-transform : uppercase;
    font-weight    : 700;
    min-width      : 100px;
    line-height    : 20px;
    border         : 0 none;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .buttons .btn.accept,
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .buttons .btn.accept:hover,
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .buttons .btn.accept:focus{
    color            : #fff;
    background-color : #1794c4;
}

.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .buttons .btn.decline,
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .buttons .btn.decline:hover,
.jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .buttons .btn.decline:focus{
    background  : rgba(235, 235, 235, 0.7);
    font-weight : 500;
    color       : #666666;
}

/* fineuploder layout */
.qq-uploader{
    width            : 100%;
    background-color : #fff;
    border           : 1px dashed #06b1f2;
    border-radius    : 4px;
    padding          : 10px 12px;
    overflow-y       : visible;
}

.qq-upload-button{
    text-transform : uppercase;
    font-weight    : 700;
    border-radius  : 4px;
    background     : #fff;
    border         : 1px solid #1794c4;
    color          : #1794c4;
    box-shadow     : none;
    font-size      : 13px;
    line-height    : 20px;
    padding        : 7px 12px;
    width          : auto;
}

/* login & registration */
.maincontent .specialevent.loginform{
    margin-bottom : 0;
}

.maincontent .specialevent.loginform .form-group{
    margin-bottom : 10px;
}

.maincontent .specialevent.loginform .form-group .checkbox .checkbox-inline{
    font-size : 12px;
}

.maincontent .userprofile{
    margin-bottom : 40px;
}

.maincontent .wallet .userprofile{
    margin-bottom : 0;
}

.maincontent .userprofile h1{
    margin-top     : 0;
    font-weight    : 700;
    color          : #06b1f2;
    text-transform : uppercase;
    margin-bottom  : 15px;
    padding-bottom : 5px;
    border-bottom  : 1px solid #06b1f2;
}

.maincontent .userprofile h1 span,
.maincontent .userprofile h1 small{
    display : inline-block;
    float   : left;
}

.maincontent .userprofile h1 small{
    font-size   : 50%;
    display     : inline-block;
    line-height : 39.6px;
    float       : right;
}

.maincontent .userprofile .details .detail{
    line-height : 35px;
}

.maincontent .userprofile .details .detail strong{
    text-transform : uppercase;
}

.maincontent .userprofile .details.row-eq-height{
    align-items : center;
}

.maincontent .userprofile .details .btn,
.maincontent .continueshopping .btn{
    display          : block;
    padding          : 10px;
    border-radius    : 4px;
    width            : auto;
    text-transform   : uppercase;
    font-size        : 18px;
    font-weight      : 700;
    min-width        : 100px;
    color            : #fff;
    background-color : #1794c4;
}

.maincontent .continueshopping .btn{
    display : inline-block;
}

.maincontent .continueshopping span.btn{
    cursor  : not-allowed;
    opacity : .5;
}

.maincontent .panel-category > .panel-heading a[data-toggle="collapse"],
.maincontent .panel-category > .panel-heading a[data-toggle="collapse"]:hover,
.maincontent .panel-category > .panel-heading a[data-toggle="collapse"]:focus{
    color           : #fff;
    text-decoration : none;
}

.maincontent .panel-category > .panel-collapse .panel-body #shoppingcart .form-title,
.maincontent .userprofile #agency_detail .form-title,
.maincontent .userprofile #credit_detail .form-title,
.maincontent .checkcart #onsiteServerRequest .form-title{
    font-size     : 16px;
    padding       : 0 0 5px;
    margin-bottom : 5px;
    border-bottom : 1px dashed #06b1f2;
}

.maincontent .panel-category > .panel-heading .status{
    color : #F9B0AE;
}

.maincontent .panel-category > .panel-heading .status.completed{
    color : #B5DBB7;
}

/* braintree payment */
.maincontent .payment #shoppingcart .basket-product .cols,
.maincontent #agency_detail .info_row .cols,
.maincontent #credit_detail .info_row .cols,
.maincontent .checkcart #onsiteServerRequest .info_row .cols{
    margin-top : 10px;
}

.maincontent .payment #shoppingcart .basket-product .cols:first-child,
.maincontent #agency_detail .info_row .cols:first-child,
.maincontent #credit_detail .info_row .cols:first-child,
.maincontent .checkcart #onsiteServerRequest .info_row .cols:first-child{
    margin-top : 0;
}

.maincontent .payment #shoppingcart .basket-product .cols strong,
.maincontent #agency_detail .info_row .cols strong,
.maincontent #credit_detail .info_row .cols strong{
    font-weight    : 600;
    text-transform : uppercase;
}

.maincontent .payment .form-title i{
    color       : #FF7400;
    margin-left : 10px;
    line-height : inherit;
}

.maincontent .payment .specialevent.payform{
    margin-bottom : 0;
}

.maincontent .payment .specialevent.payform .form-group{
    margin-bottom : 10px;
}

.maincontent .payment .specialevent.payform .form-group .form-control{
    border-color : #06b1f2 !important;
    height       : 34px !important;
}

.maincontent .payment .payform .form-group .error{
    display : none;
}

.maincontent .payment .payform .form-group .error.is-visible{
    display : inline-block;
}

.maincontent .payment .specialevent.payform .form-group .cardicons i{
    font-size   : 33px;
    line-height : 34px;
}

.maincontent .payment .specialevent.payform .multifield{
    align-items : center;
}

.maincontent .payment .specialevent.payform .multifield .form-group.multiple label{
    line-height : 25px;
}

.maincontent .payment .specialevent.payform .multifield.buttons .form-group{
    margin-bottom : 0;
}

.maincontent .payment .specialevent.payform .multifield.buttons .form-group .powerby img{
    max-width  : 100%;
    max-height : 36px;
    height     : auto;
    width      : auto;
}

.maincontent .userprofile .details .detail i{
    color : #008fc5;
}

.maincontent .payment #shoppingcart .form-title{
    font-size     : 16px;
    padding       : 0 0 5px;
    margin-bottom : 5px;
    border-bottom : 1px dashed #06b1f2;
}

.maincontent .wallet .buttons .btn.spaced{
    margin-right : 10px;
}

/* input datepicker */
.datepicker.dropdown-menu{
    border        : 1px solid #008fc5;
    box-shadow    : none;
    border-radius : 4px;
}

.datepicker-dropdown::before{
    border-bottom-color : #008fc5;
}

.datepicker.dropdown-menu table thead th,
.datepicker.dropdown-menu table tbody td,
.datepicker.dropdown-menu table tfoot th.today{
    padding        : 4px 8px;
    font-size      : 12px;
    width          : auto;
    height         : auto;
    border-radius  : 0;
    font-weight    : 500;
    vertical-align : middle;
    text-shadow    : none;
    line-height    : 20px;
}

.datepicker.dropdown-menu table thead th,
.datepicker.dropdown-menu table tfoot th.today{
    font-weight : 700;
    font-size   : 14px;
    color       : #008fc5;
}

.datepicker.dropdown-menu table thead th.prev,
.datepicker.dropdown-menu table thead th.next,
.datepicker.dropdown-menu table thead th.datepicker-switch,
.datepicker.dropdown-menu table tfoot th.today{
    line-height    : 25px;
    padding        : 0 4px;
    text-transform : uppercase;
    border-bottom  : 1px solid #06b1f2;
}

.datepicker.dropdown-menu table tfoot th.today{
    border-bottom : 0 none;
}

.datepicker.dropdown-menu table tfoot th.today:hover{
    background : rgba(23, 148, 196, 0.5);
    color      : #ffffff;
}

.datepicker.dropdown-menu table thead th.datepicker-switch:hover{
    background-color : transparent;
}

.datepicker.dropdown-menu table thead th.next:hover,
.datepicker.dropdown-menu table thead th.prev:hover{
    background-color : transparent;
}

.datepicker.dropdown-menu table tr td{
    border : 1px solid #fff;
    cursor : pointer;
    color  : #666666;
}

.datepicker.dropdown-menu table tr td.day.today,
.datepicker table tr td span.focused{
    background : rgba(23, 148, 196, 0.5);
    color      : #ffffff;
}

.datepicker.dropdown-menu table tr td.day.focused,
.datepicker.dropdown-menu table tr td.day:hover,
.datepicker.dropdown-menu table tr td.active,
.datepicker table tr td span:hover,
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover{
    background : linear-gradient(to bottom, #06b1f2 0, #1794c4 100%);
    color      : #fff;
}

.datepicker.dropdown-menu table tr td.disabled-date,
.datepicker.dropdown-menu table tr td.disabled,
.datepicker.dropdown-menu table tr td.new,
.datepicker.dropdown-menu table tr td.old,
.datepicker.dropdown-menu table tr td.disabled-date:hover,
.datepicker.dropdown-menu table tr td.disabled:hover,
.datepicker.dropdown-menu table tr td.new:hover,
.datepicker.dropdown-menu table tr td.old:hover,
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover{
    background      : rgba(235, 235, 235, 0.7);
    color           : #BDBDBD;
    cursor          : not-allowed;
    text-decoration : line-through;
    font-weight     : 400;
}

/* user profile new */

#usernameChange>.modal-dialog>.modal-content{
    border: 2px solid #06b1f2;
}

#usernameChange>.modal-dialog>.modal-content>.modal-header>.close{
    font-size: 2.2rem;
}

.btn-change-username {
    display: block;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff!important;
    background-color: #1794c4;
}

.btn-not-change-username{
    display: block;
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
}

.maincontent .specialevent.reservation .form-group{
    margin-bottom : 10px;
}

.maincontent .specialevent.reservation .multifield{
    align-items : center;
}

.maincontent .specialevent.reservation .multifield.endalign{
    align-items : flex-end;
}

.maincontent .specialevent.reservation .multifield .form-group.multiple label{
    line-height : 25px;
}

.maincontent .specialevent.reservation .multifield .form-group.multiple label.checkbox-inline{
    font-weight : 700;
}

.maincontent .specialevent.reservation .multifield.buttons .form-group{
    margin-bottom : 0;
}

.maincontent .specialevent.reservation .multifield.buttons .btn{
    display        : inline-block;
    border-radius  : 4px;
    width          : auto;
    text-transform : uppercase;
    font-weight    : 700;
    min-width      : 100px;
    font-size      : 13px;
    line-height    : 20px;
    padding        : 7px 12px;
}

.maincontent .wallet #order .basketError,
.maincontent .wallet #reservations .basketError{
    padding       : 10px;
    margin-bottom : 0;
}

.maincontent .wallet #order .basketError ul,
.maincontent .wallet #reservations .basketError ul{
    list-style : none;
    margin     : 0;
    padding    : 0;
    font-size  : 13px;
}

.maincontent .wallet #order .basketError ul li:before,
.maincontent .wallet #reservations .basketError ul li:before{
    font-family  : "Font Awesome 5 Free";
    font-weight  : 900;
    content      : "\f12a";
    margin-right : 5px;
}

/* dashboard */
.headline .eventtitle .booking-box{
    border-top       : 3px solid #008fc5;
    box-shadow       : 0 3px 8px rgba(221, 218, 218, .9);
    background-color : #ffffff;
}

.headline .eventtitle .booking-box .dashboard-info-container{
    border-right    : 1px solid #11abe4;
    display         : flex;
    justify-content : space-between;
    flex-direction  : column;
    font-size       : 24px;
}

.headline .eventtitle .booking-box .dashboard-info{
    font-weight    : 900;
    font-size      : 22px;
    text-transform : uppercase;
}

.headline .eventtitle .booking-box .dashboard-info small{
    font-size : 70%;
}

.maincontent .form-horizontal.searchReservation .form-control,
.maincontent .form-horizontal.searchReservation .form-control:disabled,
.maincontent .form-horizontal.searchReservation .form-control[readonly]{
    border-radius    : 3px;
    border           : 1px solid #06b1f2;
    font-size        : 14px;
    /*text-align: center;*/
    height           : 40px;
    background-color : #FFFFFF;
}

.maincontent .form-horizontal.searchReservation.userprofilemask .form-control.disabled{
    background-color : transparent;
    border-color     : transparent;
    padding-right    : 0;
    padding-left     : 0;
    pointer-events   : none;
}

.maincontent .form-horizontal.searchReservation .buttons .btn,
.maincontent .page-counter .buttons .btn,
.maincontent .form-horizontal.searchReservation .buttons .btn:hover,
.maincontent .form-horizontal.searchReservation .buttons .btn:focus{
    display        : inline-block;
    padding        : 0 .75rem;
    border-radius  : 3px;
    width          : 100%;
    text-transform : uppercase;
    font-size      : 15px;
    font-weight    : 700;
    min-width      : auto;
    outline        : none;
}

.maincontent .form-horizontal.searchReservation.userprofilemask .buttons .btn{
    width : auto!important;
}

.maincontent .form-horizontal.searchReservation .form-control[readonly]{
    width            : 95%;
    border-radius    : 3px;
    border           : 1px solid #06b1f2;
    font-size        : 14px;
    text-align       : center;
    background-color : #FFFFFF;
}

.maincontent .form-horizontal.searchReservation .buttons .btn,
.maincontent .page-counter .buttons .btn,
.maincontent .form-horizontal.searchReservation .buttons .btn:hover,
.maincontent .form-horizontal.searchReservation .buttons .btn:focus{
    display        : inline-block;
    padding        : .375rem .75rem;
    border-radius  : 3px;
    width          : 100%;
    text-transform : uppercase;
    font-size      : 15px;
    font-weight    : 700;
    min-width      : auto;
    height         : 40px;
    outline        : none;
}

.maincontent .form-horizontal.searchReservation .buttons .btn.dateSearch,
.maincontent .page-counter .buttons .btn.dateSearch{
    border         : 1px solid #06b1f2;
    background     : #fff;
    color          : #06b1f2;
    text-transform : none;
}

.maincontent .page-counter .buttons .btn.dateSearch{
    height : auto;
}

.maincontent .form-horizontal.searchReservation .buttons .btn.dateSearch:hover,
.maincontent .form-horizontal.searchReservation .buttons .btn.dateSearch:focus,
.maincontent .form-horizontal.searchReservation .buttons .btn.dateSearch.selected,
.maincontent .form-horizontal.searchReservation .buttons .btn.dateSearch.selected:focus,
.maincontent .form-horizontal.searchReservation .buttons .btn.dateSearch.selected:hover,
.maincontent .page-counter .buttons .btn.dateSearch:hover,
.maincontent .page-counter .buttons .btn.dateSearch:focus{
    color      : #fff;
    background : #06b1f2;
}

.maincontent .form-horizontal.searchReservation .buttons .btn.dateSearch.disabled:hover,
.maincontent .form-horizontal.searchReservation .buttons .btn.dateSearch.disabled:focus,
.maincontent .form-horizontal.searchReservation .buttons .btn.dateSearch.disabled,
.maincontent .page-counter .buttons .btn.dateSearch.disabled:hover,
.maincontent .page-counter .buttons .btn.dateSearch.disabled:focus,
.maincontent .page-counter .buttons .btn.dateSearch.disabled{
    cursor         : default;
    pointer-events : none;
}

.maincontent .reservationslist .pagination .page-numbers{
    width            : 40px;
    text-align       : center;
    height           : 40px;
    border-radius    : 3px;
    font-weight      : bold;
    margin           : 5px;
    padding          : 11px;
    background-color : #fff;
    cursor           : pointer;
    pointer-events   : auto;
    opacity          : 1;
    color            : #06b1f2;
}

.maincontent .reservationslist .pagination .page-numbers a.steps,
.maincontent .reservationslist .pagination .page-numbers a.steps:hover,
.maincontent .reservationslist .pagination .page-numbers a.steps:focus{
    color : inherit;
}

.maincontent .reservationslist .pagination .page-numbers.active,
.maincontent .reservationslist .pagination .page-numbers.active:hover,
.maincontent .reservationslist .pagination .page-numbers.active:focus,
.maincontent .reservationslist .pagination .page-numbers:hover,
.maincontent .reservationslist .pagination .page-numbers:focus{
    background-color : #06b1f2;
    color            : #fff;
}

.maincontent .reservationslist .pagination .page-numbers.disabled,
.maincontent .reservationslist .pagination .page-numbers.disabled:hover,
.maincontent .reservationslist .pagination .page-numbers.disabled:focus{
    background-color : #fff;
    cursor           : default;
    pointer-events   : none;
    opacity          : 0.5;
    color            : #06b1f2;
}

.dashboard-table-row .reservationrefheader.collapsed .actions i{
    cursor : pointer;
}

.maincontent .reservationslist .dashboard-table-row .reservationrefheader .actions i.angle-details::before{
    content : "\f107";
}

.maincontent .reservationslist .dashboard-table-row .reservationrefheader.collapsed .actions i.angle-details::before{
    content : "\f106";
}

.container.maincontent .login_mask .container .login .card{
    width  : 100%;
    height : 100%;
    border : 1px solid #1daced;
    min-width: 600px;
}

.container.maincontent .login_mask .container .login .card .card-header{
    height : 100%;
}

.login .guest_block{
    border-bottom : 1px solid #1daced;
    text-align    : center;
}

.login .guest_block .btn-rsp-normal{
    padding : .375rem 2rem;
    width   : 200px;
}

.login .guest_block p.user-guest{
    font-size : 15px;
}

.btn-rsp-normal, .btn.btn-rsp-normal{
    border-radius   : 5px;
    background      : #1daced;
    border          : 3px solid #1daced;
    color           : #fff !important;
    font-size       : 1.1em;
    cursor          : pointer;
    min-width       : 150px;
    transition      : all .5s;
    text-decoration : none !important;
    padding-top     : 2px;
    /*padding-right   : 25px;*/
    /*padding-left    : 25px;*/
}

.login .card .card-header .guest_block h3{
    margin : 25px 0 0 0;
}

/* Keyboard */

.keyboard .lbl_qty input{
    color : #000;
    font-weight : 600;
    text-align: center;
    font-size : 16px;
}
.keyboard .btn_qty {
    color : #000;
    text-align: center;
    cursor : pointer;
}

/* Keyboard */

@media screen and (max-width : 575px){
    header .logo-frame .top-header,
    header .logo-frame .top-header.login {
        height: calc(100vw/1.43);
    }
    header .container .top-button .menuitem .buttonicon,
    header .container .top-button .menuitem .buttonicon:hover,
    header .container .top-button .menuitem .buttonicon:focus {
        font-size: 10px;
        padding: 0 35px 0 5px;
    }
    header .container .top-button .menuitem .buttonicon .icon {
        top: 0;
    }
    header .container .top-button .menuitem .buttonicon.icononly,
    header .container .top-button .menuitem .buttonicon.icononly:hover,
    header .container .top-button .menuitem .buttonicon.icononly:focus {
        padding: 0 5px;
    }
    header .container .top-button .menuitem .buttonicon.icononly .icon {
        top: 2px;
    }
    header .container .top-button .dropdown-menu {
        left: auto!important;
    }
    .productlist .prod .name {
        font-size: 13px;
    }
    header .container .top-button{
        line-height : 1;
        padding     : 10px 15px;
    }

    header .navbar .navbar-header{
        position : relative;
    }

    header .navbar .navbar-toggle,
    header .navbar .navbar-toggle:focus,
    header .navbar .navbar-toggle:hover{
        position         : relative;
        float            : left;
        margin           : 20px 0 20px 15px;
        background-color : transparent;
        border           : 1px solid #fff;
        border-radius    : 3px;
        padding          : 10px;
        outline          : none;
        cursor           : pointer;
    }

    header .navbar .navbar-toggle .icon-bar{
        background-color : #fff;
        height           : 4px;
        border-radius    : 3px;
        width            : 30px;
        margin-bottom    : 5px;
        display          : block;
        color            : #fff;
    }

    header .navbar .navbar-brand{
        height       : auto;
        padding      : 10px 0;
        float        : right;
        /*position: absolute;*/
        display      : block;
        text-align   : center;
        left         : auto;
        margin-right : 15px;
    }

    header .navbar .navbar-brand > img{
        max-height : 60px;
    }

    header .navbar .navbar-nav{
        display    : block;
        margin-top : 0;
    }

    header .navbar .navbar-nav > li{
        float      : left;
        display    : block;
        width      : 100%;
        border-top : 1px solid #e7e7e7;
        margin     : 0;
    }

    header .navbar .navbar-nav > li:first-child{
        border-top : 0 none;
    }

    header .navbar .navbar-nav > li > a,
    header .navbar .navbar-nav > li > a:hover,
    header .navbar .navbar-nav > li > a:focus,
    header .navbar .navbar-nav > li.active > a,
    header .navbar .navbar-nav > li.active > a:hover,
    header .navbar .navbar-nav > li.active > a:focus{
        text-align : left;
    }
    header .navbar .navbar-nav > li > .dropdown-menu{
        background : transparent;
    }

    header .navbar-nav > li > .dropdown-menu::before{
        display : none;
    }

    header .navbar .navbar-nav > li > .dropdown-menu > li{
        border : none;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a{
        color : #fff;
    }

    header .navbar .navbar-nav > li > .dropdown-menu > li > a{
        text-align : left;
        padding    : 15px 20px 5px;
    }

    .navbar-default .navbar-collapse,
    .navbar-default .navbar-form{
        padding : 0 15px;
    }

    .website-footer{
        position : relative;
        bottom   : auto;
    }


    .footer-social-items a{
        float   : none;
        display : inline-block;
    }
    .website-footer .poweredby {
        max-height: 25px;
    }


    .headline .breadcrumb{
        font-size : 10px;
    }

    #search-perfs .form-group{
        display : block;
    }

    .maincontent .content,
    #search-perfs .form-group{
        flex-direction : column;
    }

    .maincontent .specialevent .form-group{
        margin-top : 20px;
    }

    .maincontent .shoppingcart{
        border-left : 0 none;
        margin-top  : 20px;
    }

    .maincontent .prod{
        /*display : block;*/
        padding : 15px 0;
    }

    .maincontent .prod .singleprice{
        text-align  : left;
        line-height : 26px;
    }


    .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c,
    .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .blocks h3,
    .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .prod .name{
        font-size : 16px !important;
    }

    .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer .nav-tabs.tabs-left > li > a{
        padding : 5px;
        height  : 140px;
    }

    .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer .nav-tabs.tabs-left > li > a span{
        -webkit-transform : rotate(-90deg);
        -moz-transform    : rotate(-90deg);
        -ms-transform     : rotate(-90deg);
        -o-transform      : rotate(-90deg);
        filter            : progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        display           : inline-block;
        width             : 140px;
        position          : relative;
        left              : -58px;
        top               : 37px;
    }

    .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .prod{
        display : block;
    }

    .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .prod .name{
        padding       : 0;
        margin-top    : 10px;
        margin-bottom : 10px;
    }

    .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .prod .name{
        font-weight : 600;
        font-size   : 13px;
        line-height : 1;
    }

    #addCouponAndCheckCartRequest_mobile .form-group{
        display : block;
    }

    #shoppingcart .basket-headline,
    #shoppingcart .basket-product{
        font-size : 12px;
    }

    #shoppingcart .basket-product .name{
        font-size : 80%;
    }

    .maincontent .checkcart .doubleCart{
        display : block;
    }

    .headline .eventtitle .booking-box .dashboard-info-container {
        border: none;
    }

    .container.maincontent .login_mask .container .login .card{
        min-width: unset;
    }
}

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

    html, body {
        font-size: 12px;
    }
    header .logo-frame .logo {
        max-width: 100%;
        max-height: 60px;
        width: auto;
    }
    header .logo-frame .top-header,
    header .logo-frame .top-header.login {
        height: calc(100vw/4.40);
    }
    .headline .breadcrumb{
        font-size: 12px;
    }

    .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-title-c,
    .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .blocks h3,
    .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .prod .name{
        font-size : 16px !important;
    }

    .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer .nav-tabs.tabs-left > li > a{
        padding : 5px;
        height  : 140px;
    }

    .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .tabcontainer .nav-tabs.tabs-left > li > a span{
        -webkit-transform : rotate(-90deg);
        -moz-transform    : rotate(-90deg);
        -ms-transform     : rotate(-90deg);
        -o-transform      : rotate(-90deg);
        filter            : progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        display           : inline-block;
        width             : 140px;
        position          : relative;
        left              : -58px;
        top               : 37px;
    }

    .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .prod{
        display : block;
    }

    .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .prod .name{
        padding       : 0;
        margin-top    : 10px;
        margin-bottom : 10px;
    }

    .jconfirm.jconfirm-bootstrap .jconfirm-box div.jconfirm-content .upsells .thumbnail .prod .name{
        font-weight : 600;
        font-size   : 13px;
        line-height : 1;
    }

    #search-perfs .form-group{
        display : block;
    }

    .maincontent .content,
    #search-perfs .form-group{
        flex-direction : column;
    }

    .maincontent .specialevent .form-group{
        margin-top : 20px;
    }

    .maincontent .shoppingcart{
        border-left : 0 none;
        margin-top  : 20px;
    }

    #addCouponAndCheckCartRequest_mobile .form-group{
        display : block;
    }

    #shoppingcart .basket-headline,
    #shoppingcart .basket-product{
        font-size : 12px;
    }

    #shoppingcart .basket-product .name{
        font-size : 80%;
    }

    .headline .eventtitle .booking-box .dashboard-info-container {
        border: none;
    }

    .container.maincontent .login_mask .container .login .card{
        min-width: unset;
    }
}

@media screen and (min-width : 768px) and (max-width : 991px){
    header .logo-frame .top-header,
    header .logo-frame .top-header.login {
        height: calc(100vw/4.40);
    }
    .maincontent .shoppingcart{
        border-left : 0 none;
        margin-top  : 20px;
    }
}
@media screen and (min-width : 992px) and (max-width : 1199px){
    header .logo-frame .top-header,
    header .logo-frame .top-header.login {
        height: calc(100vw/4.39);
    }
}