/* Login */
.login h2 {
    font-weight :500;
    text-transform: uppercase;
    font-family: 'Anton', sans-serif;
}
.card.login-mask {
    border-radius: 10px;
    background-color: rgba(50, 35, 28, 0.75);
    color: #efefd7;
    padding : 30px 0px 15px 0px;
    margin-top: -30px;
}
.card {
    border-radius: 0px;
    background-color: rgba(50, 35, 28, 0.75);
    color: #efefd7;
    margin-bottom : 15px;
    border : none;
    margin-bottom : 30px;
    margin-top: 30px;
}
.card .card-header {
    background-color: rgba(0,0,0,0);
}
.card .card-header a:link ,
.card .card-header a:visited ,
.card .card-header a:active { color: #efefd7; }
.card .card-header a:hover { text-decoration: none; }
.card-body { padding-top : 0; }
.cart-container .card-body ,
.accountinfo .card-body ,
.items-for-cart .card-body { padding-top : 1.25rem; }
.items-for-cart .card-body { padding-bottom : 0; }
.card.login-mask .card-header {
    background-color : transparent;
    border-radius: 0px;
    border-bottom : none;
}
.login fieldset { padding : 0px 15px 15px 15px; }
.login .form-group { margin-bottom :0; }
.login .form-control {
    border-radius: 0;
    background-color: #fff;
    padding : 10px;
    border : none;
}
.login .form-group:nth-of-type(1) input {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom : 1px solid #dac293;
}
.login .form-group:nth-of-type(2) input {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.form-group.unique input {
    border-radius: 5px;
    border :none;
}
.login .form-group:nth-of-type(2) { margin-bottom : 15px; }
.login .form-group label {
    background-color: rgba(50, 35, 28, 1);
    padding-top : 10px;
}
.login .form-group:nth-of-type(1) label {
    background-color: rgba(50, 35, 28, 1);
    border-top-left-radius: 5px;
}
.login .form-group:nth-of-type(2) label {
    background-color: rgba(50, 35, 28, 1);
    border-bottom-left-radius: 5px;
}
.form-group.unique label {
    background-color: rgba(50, 35, 28, 1);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.login .col-sm-10 {
    padding-left : 0px;
    padding-right : 0px;
}
/* BreadCrumbs */
.breadcrumb {
    margin-bottom: 0;
    padding: 0px;
    background-color: transparent;
    justify-content: space-between;
}
.breadcrumb .step-box.row {
    margin-left : 0px;
    margin-right : 0px;
}
.breadcrumb.annual li { width: 19%; }
.breadcrumb li { width: 24%; }
.breadcrumb li {
    letter-spacing: 0px;
    padding-top : 15px;
    padding-bottom : 0px;
    color : #81522e;
}
.breadcrumb li .fas {
    font-size : 30px;
}
.breadcrumb li.active {
    background-color:  #e95546;
    color : #fff;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0 ,.15);
}
.breadcrumb li span.step {
    font-weight : 700;
    font-size : 16px;
    display : inline-block;
    line-height : inherit;
    width: 100%;
    border-bottom : 1px solid rgba(0, 0, 0 ,.15);
}
.breadcrumb li span.name {
    font-weight : 400;
    font-size : 12px;
    display : inherit;
    line-height : inherit;
    width: 100%;
    text-transform: capitalize;
    background-color: rgba(239, 239, 215 ,.5);
    padding : 7px 0px 7px 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.breadcrumb li.active span.name { background-color: rgba(0, 0, 0 ,.15); }
.card-body .datepicker-inline ,
.card-body .datepicker table {
    width: 100%;
    /*background-color: rgba(0, 0, 0 ,.35);*/
}
.datepicker { padding: 0; }
.datepicker table thead { background-color: #543015; }
.datepicker table thead th {
    height : 30px;
    border-radius: 0;
    color : #fff;
}
.datepicker table td {
    height : 50px;
    width : 50px;
    background: #42240e;
    border-radius: 0;
    box-shadow: inset 0px 0px 5px rgba(0, 0, 0 ,.2);
    color : #fff;
}
.datepicker table td.new.day {
    opacity: 0;
    pointer-events: none;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: 0 0;
    color: rgba(255,255,255,.3);
    cursor: default;
}
.datepicker table tr td.day.focused ,
.datepicker table tr td.day:hover ,
.datepicker table tr td.active.active:hover {
    background: rgba(191,103,24,.34);
    color : #fff;
    border-radius: 0;
}
.datepicker table tr td.active.active ,
.datepicker table tr td.today.active.day  {
    background: #4DAFC0;
    color : #fff;
    font-weight : 700;
    border-radius: 0;
    box-shadow: 0px 0px 10px rgba(0,0,0,.6);
}
.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover { background: #42240e; }
.datepicker table tr td.today,
.datepicker table tr td.today.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today:hover {
    background: transparent;
    color : #000;
    font-family: 'Anton', sans-serif;
    border-radius: 0;
}
.datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] {
    background: none;
}
.datepicker table tr td div {
    width : 35px;
    height : 35px;
    border-radius: 50%;
    margin : 5px auto 5px;
    padding : 5px 0px 0px 0px;
    box-shadow: 0 0 0 0.2rem rgba(211, 135, 0 ,.4);
    font-family: 'Anton', sans-serif;
}
.datepicker table tr td.highavailable div { border: 2px solid #eea700; }
.datepicker table tr td.mediumavailable div { border: 2px solid #bf6718; }
.datepicker table tr td.lowavailable div { border: 2px solid #d13431; }
.datepicker table tr td.disabled div ,
.datepicker table tr td.old div ,
.datepicker table tr td.new div  {
    border: none;
    box-shadow: 0 0 0 0.2rem rgba(211, 135, 0 , 0);

}
.datepicker table tr td.active.highavailable div {
    background: #eea700;
    box-shadow: 0px 2px 15px rgba(0, 0, 0 ,.6);
    color: #633341;
    font-weight: 700;
    text-shadow: 0 1px 2px #fff;
}
.datepicker table tr td.active.mediumavailable div {
    background: #bf6718;
    box-shadow: 0px 2px 5px rgba(0, 0, 0 ,.6);
    color: #fff;
    font-weight: 700;
    text-shadow: rgba(0, 0, 0 ,.35);
}
.datepicker table tr td.active.lowavailable div {
    background: #d13431;
    box-shadow: 0px 2px 5px rgba(0, 0, 0 ,.6);
    color: #fff;
    font-weight: 700;
    text-shadow: rgba(0, 0, 0 ,.35);
}

.productlist {background-color: rgba(0, 0, 0 ,.35); }
.productlist .container { margin-bottom : 7px; }
.productlist .prod {
    background-color: rgba(0, 0, 0 ,.35);
    border-bottom : 1px solid rgba( 255,255,255,.15);
    padding-top : 7px;
    padding-bottom : 7px;
}
.productlist .prod:first-of-type { padding-top : 15px; }
.productlist .prod:last-of-type {
    border-bottom : none;
    padding-bottom : 15px;
}
.product-title {
    font-family: 'Anton', sans-serif;
    font-size : 1.3em;
}
.description {
    font-size: .8em;
    margin-bottom : 0;
}
.basket-headline ,
.basket-product {
    border-bottom: 1px solid rgba(0,0,0,.125);
    padding-bottom: 7px;
    padding-top: 7px;
    text-shadow : 0px 1px 2px rgba(0,0,0,.4);
}
.basket-product:nth-child(even) {
    background-color: rgba(75,99,28,.23);
}
.basket-product.coupon .label {
    font-size: 12px;
    background-color: rgba(75,99,28,.4);
    padding: 5px;
    border-radius: 4px;
    text-transform: uppercase;
}
.basket-product.coupon .actions i {
    cursor: pointer;
}
.basket-product small ,
.details-row small {
    font-size: .9em!important;
    display: inline-block;
 }
.basket-headline {
    text-transform: uppercase;
    font-weight: 700;
    background-color: rgba(75,99,28,.4);
    font-size : 16px;
}
.payments-headline {
    text-transform: uppercase;
    font-weight: 700;
    background-color: #81522E;
    font-size : 16px;
    padding-top :7px;
    padding-bottom :7px;
    margin-bottom : 7px;
}
.basket-headline.empty p { margin: 0; }
.basket-product.taxes { background-color: rgba(233,87,70,.1); }
.basket-subtotal {
    padding-top: 7px;
    padding-bottom: 7px;
    text-shadow : 0px 1px 2px rgba(0,0,0,.4);
    text-transform: uppercase;
    font-weight: 700;
    background-color: rgba(75,99,28,.4);
}
.basket-headline p ,
.basket-product p ,
.basket-subtotal p {
    margin : 0px;
}
.tec .form-check-input { margin-left : inherit; }
.tec .form-check-input:before {
    content : '';
    position: absolute;
    background: #eea700;
    height : 15px;
    width : 15px;
    border-radius: 3px;
}
.tec .form-check-input:checked:before { display : none; }
.tec a:link ,
.tec a:visited ,
.tec a:active {
    font-size: .8em;
    color : #eea700;
    padding : 3px 5px 3px 5px;
    transition: all 0.3s ease;
}
.tec a:hover {
    padding : 3px;
    color : #d13431;
    background: rgba(239,239,215,1);
    border-radius: 3px;
    font-weight : 500;
}
.separator {
    padding-top: 7px;
    padding-bottom : 7px;
    text-shadow : 0px 1px 2px rgba(0,0,0,.4);
}
.separator:nth-of-type(odd) {
    background-color: rgba(0, 0, 0 ,.35);
    border-bottom : 1px solid rgba( 255,255,255,.15);
}
.separator .row .col-12:nth-of-type(1) {
    text-align: right;
    text-transform : uppercase;
    font-weight : 700;
}
.title-availability {
    padding-top : 7px;
    padding-bottom : 3px;
    background-color: rgba(0, 0, 0 ,.35);
    text-align: center;
}
.avail {
    display: block;
    width : 20px;
    height : 20px;
    border-radius: 50%;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0 ,.15);
    float : left;
    margin-right: 7px;
    border : 1px solid #fff;
}
.lowavailability { background: #d13431; }
.mediumavailability { background: #bf6718; }
.highavailability { background: #eea700; }
.perf.lowavailability ,
.perf.mediumavailability {
    color : #fff;
    font-weight : 700;
    text-shadow : 0 1px 2px #000;
}
.perf.highavailability {
    color : #633341;
    font-weight : 700;
    text-shadow : 0 1px 2px #fff;
}
.highavailable::before { border: 2px solid #eea700; }
.btn-perf-selected { background-color : #4dafc0; }
.imguploaded img {
    width: auto;
    height: 100px;
    margin-top: 15px;
}
#changePasswordForm { margin-top : 15px; }
#changePasswordForm label {
    background-color: rgba(50, 35, 28, 1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#changePasswordForm input {
    width : 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border: 2px solid rgba(50, 35, 28, 1);
}
.results {
    padding-left : 0px;
    padding-right : 0px;
}
.panel-heading {
    padding-top : 15px;
    padding-bottom : 15px;
    box-shadow: 0 0 0 0.2rem rgba(0, 0, 0 ,.15);
    text-align: center;
}
.panel-group .panel-category:nth-of-type(odd) { background-color: rgba(0, 0, 0 ,.4); }
.panel-group .panel-category:nth-of-type(even) { background-color: rgba(0, 0, 0 ,.2); }
.wallet-line {
    padding-top: 7px;
    margin-bottom : 7px;
}
.wallet-line p {
    display: inline;
    padding : 3px 7px 3px 7px;
    border-radius: 10px;
    background-color:  #4dafc0;
    color : #213259;
}
.wallet-line p span { font-weight : 700; }
.row .wallet-line:nth-of-type(odd) { text-align: right; }
.row .wallet-line:nth-of-type(even) { text-align: left; }
.details-box {
    padding-top: 15px;
    padding-bottom: 15px;
    color : #565560;
}
.details-box:nth-of-type(1) {
    background-color: #dac293;
    text-align: center;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.details-box:nth-of-type(2) {
    text-align: left;
    background-color: #efefd7;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.details-box .col-xs-12 {
    border-bottom : 1px solid rgba(191,103,24,.3);
    padding-top : 7px;
    padding-bottom : 3px;
}
.details-box .col-xs-12:last-of-type { border-bottom : none; }
.details-box .details-row {
    border-bottom: 1px solid rgba(191,103,24,.3);
    margin-bottom : 15px;
}
.page-item.disabled .page-link {
    color: #565560;
    pointer-events: none;
    background-color: #efefd7;
    border-color: #dac293;
}
.page-item.active .page-link {
    z-index: 2;
    color: #633341;
    background-color: #eea700;
    border-color: #eea700;
}
.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #633341;
    background-color: #efefd7;
    border: 1px solid #efefd7;
}
.editMe {
    color : #b4c90e;
}
.tac h4 {
    margin : 30px 0px 15px 0px;
    text-transform : uppercase;
    font-size: 1.2em;
}
.tac li {
    margin-bottom: 7px;
}
.info {
    padding: 2px 0px 0px 0px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    font-size: 1.3em;
    text-align: center;
    cursor: pointer;
    border : 1px solid #fff;
    color: #efefd7;
    text-align: center;
    margin : auto;
}
.info-popover {
    display : none;
    position: fixed;
    top :0;
    left :0;
    width: 100%;
    height :100%;
    background : rgba(0,0,0,.4);
    z-index: 9999;
}
.popover-body {
    background: #fff;
    max-width: 600px;
    width: 95%;
    position : absolute;
    border-radius: 5px;
    padding : 15px;
}
.close-popover {
    cursor : pointer;
    font-stise: 1.3em;
    color : #C26B13;
}
.popover-body h4 span ,
.popover-body .price {
    color: #92320C;
}
.price {
    font-weight : bold;
}
.js-qquuid.error,
.js-qquuid {
    background: transparent;
    border: none;
    width: 0px;
    height: 0px;
}
.tickets_row_container .tickets_panel .keyboard_row span{
    display      : inline-block;
}

.keyboard{
    overflow   : hidden;
    min-height : 40px;
}

.keyboard .lbl_qty{
    width    : 40px;
    float    : left;
    overflow : hidden;
}

.keyboard .lbl_qty input{
    background    : transparent !important;
    border : none!important;
    height        : 30px !important;
    width    : 40px;
    color : #fff;
    font-weight : 600;
    text-align: center;
    font-size : 16px;
}
.keyboard .btn_qty {
    overflow            : hidden;
    float               : left;
    width               : 30px;
    height              : 30px;
    transition          : all .3s;
    background-color    : #fff;
    color : #000;
    text-align: center;
    border-radius: 100%;
    cursor : pointer;
}
.keyboard .btn_qty:hover {
    background-color : #eea700;
    color : #fff;
}
.keyboard .btn_qty.off {
    opacity : .5;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] {
    -moz-appearance: textfield;
}

/* Portrait and Landscape */
@media only screen
and (min-width: 320px)
and (max-width: 767px) {
    .login {
        margin-top : 0px;
        text-align: center;
    }
    .login .card-header {
        padding-top: 0px;
        padding-bottom :0px;
    }
    .card.login-mask {
        padding : 15px 0px 15px 0px;
    }
    .login .col-sm-10 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .login .form-group label { display: none; }
    .login .btn {
        width : 100%;
        margin-bottom : 7px;
    }
    .breadcrumb li {
        width: 100%;
        display : none;
    }
    .breadcrumb li.active ,
    .breadcrumb .active .step-box {
        width: 100%;
        display : inherit;
    }
    .productlist .proddetail {
        padding-top : 7px;
        padding-bottom : 10px;
    }
    .prod .align-self-center {
        width : 100%;
        text-align: center;
    }
    .buttons .btn {
        width: 100%;
        margin-bottom : 15px;
    }
    .separator .row .col-12:nth-of-type(1) ,
    .separator .row .col-12:nth-of-type(2) {
        text-align: center;
    }
    #datepicker .card-body { padding : 0px; }
    .datepicker table tr td.highavailable::before ,
    .datepicker table tr td.mediumavailable::before ,
    .datepicker table tr td.lowavailable::before {
        width : 25px;
        height : 25px;
    }
    .datepicker table tr td.highavailable::before ,
    .datepicker table tr td.mediumavailable::before ,
    .datepicker table tr td.lowavailable::before { margin-top : -3px; }
    .availability-legend .col {
        padding-left : 0px;
        padding-right : 0px;
    }
    .availability-legend .col p { font-size: .8em; }
    .details-box:nth-of-type(1) {
        text-align: center;
        border-radius: 5px;
        margin-bottom : 0px;
    }
    .details-box:nth-of-type(2) {
        text-align: left;
        border-radius: 5px;
        margin-bottom : 0px;
    }
    .popover-body {
        max-width: 95%;
        width: 95%;
    }
    .popover-body h4 {
        font-size: 1.1em;
    }
}