/********************* Colour reference chart****************
*************************** comment ********* colour ******** 

P500:   var(--P500)
P700:   var(--P700)
P100:   var(--P100)

A200:   var(--A200)
A100:   var(--A100)
A400:   var(--A400)

[Light Theme]
L300    var(--L300)
L100    var(--L100)
L50     var(--L50)
White   var(--White)




[Font Light BG]
Primary text                        87%
Secondary text                      54%
Disabled text, hint text, and icons 38%
Dividers                            12%

[Font Dark BG]
Primary text                        100%
Secondary text                      70%
Disabled text, hint text, and icons 50%
Dividers                            12%

Icons / Dividers                    38%

*/




#IsMob {
    width: 1px;
    height: 1px;
    position: fixed;
    top: 0;
    left: 0;
    display: block;
}



.disableScroll {
    background-color: white;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

/*input[type="button"], input[type="submit"], button {
    background-color: var(--P500);
}*/

/*input[type="button"]:disabled, input[type="submit"]:disabled, button:disabled {
        background-color: var(--P100);
    }*/

/*nav {
    position: relative;
  
}*/
/*#topMargin {
    height:48px;
    width:100%;
    background-color:red
}*/


.weekend {
    color: VAR(--A200);
}


.divEventsThumbGroup, .divOrgs {
    /*text-align: center;
        margin-bottom: 1%;*/
    float: left;
    width: 100%;
    /*background-color: white;*/
}


    .divEventsThumbGroup h3, .divEventsThumbGroup h2, .divEventsThumbGroup h1,
    .divOrgs h3, .divOrgs h2, .divOrgs h1 {
        text-align: left;
        padding: 8px;
        font-family: 'HeaderFont2';
        font-weight: normal;
        background-color: rgba(0, 0, 0, 0.7);
        Color: var(--A100);
        Color: WHITE;
        /*opacity: 0.96;*/
        margin: 0;
        margin-top: -1px;
        border-bottom: 1px solid rgba(0,0,0,0.12);
        border-top: 1px solid rgba(0,0,0,0.12);
        border-left: 4px solid var(--A100);
        float: left;
        width: 100%;
        position: -webkit-sticky;
        position: sticky;
        top: 86px;
        z-index: 100;
        font-size: 18px;
        line-height: 28px;
    }

        .divEventsThumbGroup h3 a, .divEventsThumbGroup h2 a, .divEventsThumbGroup h1 a,
        .divOrgs h3 a, .divOrgs h2 a, .divOrgs h1 a {
            color: var(--P100);
        }



.thumbGrouping {
    border-bottom: 4px #666666 solid;
    text-align: left;
    /*padding: 4px;*/
    font-weight: bold;
    color: #666f7e;
    background-color: var(--White);
}

div.EventThumb, divOrgs divOrg {
    width: 100%;
    height: auto;
    text-align: left;
    vertical-align: top;
    float: left;
    word-break: keep-all;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding: 2vw;
    /*-moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        border-radius: 4px;*/
}

    div.EventThumb .EventThumbImg {
        width: 25%;
        height: auto;
        margin: 0px;
        float: left;
    }

.showmore, divOrgs btnAction {
    /*background: url(/images/showmore.png) no-repeat;*/
    /*background-position: center;*/
    background-color: transparent;
    border-width: 0;
    color: rgba(0,0,0,0.54);
    /*text-indent: 1000px;*/
    cursor: pointer;
}

div.EventThumb .showmore {
    width: 15%;
    height: 30vw;
    color: rgba(255, 255, 255, 0.80);
}

div.EventThumb .ThumbName {
    width: 60%;
    height: auto;
    float: left;
    padding-left: 2%;
    padding-right: 2%;
}

    div.EventThumb .ThumbName a {
        /*color: rgba(0,0,0, 0.87);*/
    }

    div.EventThumb .ThumbName .Trailer {
        display: none;
    }



div.EventThumb .title {
    font-size: 14px;
    line-height: 24px;
}

    div.EventThumb .title .subTitle {
        font-size: 14px;
        line-height: 24px;
        color: rgba(255, 255, 255, 0.54);
    }


div.EventThumb .text {
    line-height: 7vw;
    color: rgba(0,0,0, 0.54);
}

    div.EventThumb .text a {
        border: 1px solid rgba(0,0,0, 0.12);
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
        padding: 3px;
        color: rgba(0,0,0, 0.54);
    }




/*Page 22*/

#divEventInfo {
    color: rgba(255, 255, 255, 0.7);
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 1;
    padding: 0;
    width: 100%;
    position: relative;
    min-height: 100vh;
    -webkit-transform: translate3d(0,0,0);
    float: left;
}

    #divEventInfo h1 {
        /*color: white;
        padding: 4px;
        width: 100%;
        margin-top: 0;*/
        font-family: 'HeaderFont';
        font-weight: normal;
        font-size: 22px;
        padding: 12px;
        margin-top: 8px;
        color: var(--P100);
        margin-bottom: 0;
    }

    #divEventInfo h2 {
        float: left;
        padding: 4px;
        width: 100%;
        color: var(--P100);
        font-weight: normal;
        /*color: rgba(255 ,255, 255, 0.54);*/
        font-weight: normal;
        font-family: 'HeaderFont2';
        text-align: center;
        font-size: 18px;
        /*border-bottom: 1px solid var(--P100);*/
    }

    #divEventInfo #relatedProducts a {
        color: rgba(255,255,255,0.8);
    }

    #divEventInfo #relatedProducts .subTitle {
        color: rgba(255,255,255,0.24);
    }

    #divEventInfo .add {
        display: none;
    }

    #divEventInfo .add, #divEventInfo .imp {
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        background-color: rgba(255,255,255,0.06);
        color: white;
        border-radius: 8px;
        /*border: 1px solid #3d3d3d;*/
        padding: 4px;
        margin: 2px;
    }

        #divEventInfo .add b, #divEventInfo .imp b {
            color: var(--P100);
            width: auto;
            font-weight: normal;
        }

    #divEventInfo .fa-star,
    #divEventInfo .fa-star-o,
    #divEventInfo .fa-star-half-o,
    #SearchResult .fa-star,
    #SearchResult .fa-star-o,
    #SearchResult .fa-star-half-o {
        /*color: var(--P500);*/
        color: #d21972;
    }


    #divEventInfo a {
        color: VAR(--A100);
    }

        #divEventInfo a:hover {
            text-decoration: underline;
        }

#imgPosterBG {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    float: left;
    margin: 0;
    z-index: 0;
    background-size: contain;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    /*transform: translate3d(0px, 0px, 0px);*/
}


#divEventInfo .imgWrapper {
    float: left;
    margin-left: 2vw;
    margin-right: 2vw;
    margin-bottom: 2vw;
    position: relative;
}

#divEventInfo #relatedProducts .imgWrapper {
    margin-left: 0vw;
    margin-right: 0vw;
    margin-bottom: 0vw;
}

#divEventInfo .imgWrapper #imgPoster {
    width: 30vw;
    height: auto;
    position: relative;
    /*border: 1px solid rgba(255,255,255, 1);*/
    border-radius: 8px;
    border: 1px solid var(--A100);
}

#divEventInfo .imgWrapper .playVideo {
    width: 15vw;
    height: auto;
    position: absolute;
    left: 8vw;
    top: 14vw;
}

#divExtraInfo .imgWrapper {
    float: left;
    position: relative;
    margin-right: 16px;
}

    #divExtraInfo .imgWrapper .playVideo {
        width: 65px;
        height: auto;
        position: absolute;
        left: 16px;
        top: 32px;
    }

/*#divEventInfo iframe {
    display: none;
}*/

#divEventInfo .imgSeparator {
    height: 3px;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
    display: none;
}

#divEventInfo .desc, #divEventInfo .brief {
    /*border-top: 1px solid rgba(255,255,255,0.38);*/
    height: auto;
    /*text-overflow: ellipsis;*/
    white-space: normal;
    /*overflow: hidden;*/
    width: 100%;
    padding: 4px;
}

#divEventInfo .desc {
    display: none;
}

#divEventInfo .brief {
    display: block;
}

#divEventInfo .desc p {
    margin: 0;
}

#divEventInfo #fullInfo {
    display: block;
    text-align: center;
    margin-bottom: 8px;
}

    #divEventInfo #fullInfo a {
        color: var(--A200);
        font-weight: bold;
    }



#divEventInfo .searchResultOuter {
    /*background-color: white;*/
    position: relative;
    width: 100%;
    margin: 0;
    overflow: auto;
    /*color: rgba(0, 0, 0, 0.87);*/
    /*font-size: 4.5vw;*/
    background-color: #3d3d3d;
    -webkit-transform: translate3d(0,0,0);
}

#divEventInfo .searchResult div {
    float: left;
    overflow: hidden;
    line-height: 16vw;
    -webkit-transform: translate3d(0,0,0);
    /*padding-left: 2px;
        padding-right: 2px;*/
}

#divEventInfo .searchResult .headerRow {
    width: 100%;
    font-weight: bold;
    background-color: var(--P100);
    color: rgba(0,0,0, 0.54);
    display: none;
}

#divEventInfo .searchResult .row {
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.12);
}

#divEventInfo .searchResult .group {
    /*background-color: var(--P100);*/
    width: 100%;
    /*background-color: var(--L100);*/
    line-height: 8vw;
    /*color: rgba(0,0,0,0.54);*/
    /*font-size: 3.5vw;*/
    padding-left: 2px;
}

#divEventInfo .searchResult .aud {
    display: none;
}

#divEventInfo .searchResult .date {
    width: 30%;
    padding-left: 2px;
}



#divEventInfo .searchResult .price {
    width: 45%;
}

#divEventInfo .searchResult .buttons {
    width: 25%;
}

#divEventInfo .searchResult .service {
    width: 100%;
    line-height: initial;
    padding: 8px;
    padding-bottom: 0;
}

#divEventInfo .searchResult .appointBtn {
    width: 100%;
    padding: 8px;
}

    #divEventInfo .searchResult .appointBtn button {
        width: 100%;
        background-color: var(--A100);
        color: rgbA(0, 0, 0, 0.87);
    }


/*#divEventInfo .searchResult .buttons input {
    border-width: 0;
    height: 10vw;
    margin-top: 2vw;
    margin-bottom: 1vw;
    width: 98%;
    cursor: pointer;
    border-radius: 5vw;
    font-size: 12px;
    border: 2px solid var(--P500);
    background-color: var(--P20);
    color: var(--P700);
}*/

#divEventInfo .searchResult .buttons input {
    background-image: none;
    background-color: transparent;
    height: 28px;
    text-indent: 0;
    margin-top: 4vw;
    width: 96%;
    color: var(--A100);
    border: 2px solid var(--A200);
    border-radius: 12px;
    font-size: 13px;
    line-height: 28px;
    padding: 0;
}



#divEventInfo .section {
    width: 100%;
    float: left;
    background-color: #3d3d3d;
    padding-top: 2vw;
}

#divEventInfo .tabBiblus {
    background-color: white;
    position: relative;
    width: 100%;
    margin: 0;
    overflow: auto;
    color: rgba(0, 0, 0, 0.54);
    /*font-size: 4vw;*/
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

    #divEventInfo .tabBiblus td {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    #divEventInfo .tabBiblus a {
        color: var(--P500);
    }



#divEventInfo .searchResultOuter .spanHoliday {
    color: var(--A200);
    /*font-weight:bold*/
}

#divEventInfo .relatedProducts {
    max-width: 100%;
    float: none;
    position: relative;
}



#divEventInfo .searchResult {
    padding-left: 4px;
    padding-right: 4px;
}

    #divEventInfo .searchResult .group {
        margin: 0;
        width: 100%;
        margin-top: 16px;
        background-color: rgba(0, 0, 0, 0.15);
        font-size: 14px;
        color: rgba(255, 255, 255, 0.8);
        border-radius: 4px;
    }

    #divEventInfo .searchResult .cinemaSelector {
        color: var(--P500);
        border: 2px solid var(--P500);
        border-radius: 16px;
        width: 100%;
        padding-left: 16px;
        margin-top: 8px;
        cursor: pointer;
        /* position: sticky; */
        /*top: 88px;*/
        font-family: 'HeaderFont';
        font-size: 16px;
        line-height: 32px;
        padding-top: 4px;
        /*background-color: rgba(255,255,255, 0.06);*/
    }

        #divEventInfo .searchResult .cinemaSelector div {
            line-height: 42px;
        }

        #divEventInfo .searchResult .cinemaSelector i {
            position: absolute;
            left: 12px;
            top: 15px;
        }

        #divEventInfo .searchResult .cinemaSelector div {
            width: 100%;
            padding-left: 16px;
        }

.audContents {
    bottom: 0!important;
    position: fixed!important;
    background-color: white;
}

#divAud {
    /*width: 100vw;
        height: 100vh;*/
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    position: absolute;
    /*margin-top: -48px;*/
    overflow: auto;
    transform: scale(1);
    background-color: white;
    transform-origin: left top;
    /*padding-top: 16px;
    padding-left: 16px;*/
    padding-bottom: 0px;
    /*-moz-box-sizing: padding-box;
    -webkit-box-sizing: content-box;
    box-sizing:content-box;*/
}

    #divAud rect {
        cursor: pointer;
    }

    #divAud text {
        font-weight: bold;
        cursor: pointer;
    }



#zoomLayer {
    position: fixed;
    top: 80px;
    left: 0px;
    bottom: 0;
    right: 0;
    z-index: 30;
    background-color: rgba(255,255,255,0.4);
    text-align: center;
    line-height: 75vh;
    font-size: 5vmin;
    font-family: HeaderFont2;
    color: rgba(0,0,0,0.38);
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translate3d(0,0,0);
    cursor: pointer;
}

    #zoomLayer span {
        background-color: rgba(255,255,255,0.6);
        padding: 1vmin;
        -moz-border-radius: 2vmin;
        -webkit-border-radius: 2vmin;
        -khtml-border-radius: 2vmin;
        border-radius: 2vmin;
    }

#divCatMenu {
    position: fixed;
    top: 88px;
    left: 0;
    border: 1px solid rgba(0,0,0,0.12);
    height: auto;
    width: auto;
    z-index: 3;
    display: none;
    background-color: #3d3d3d;
    width: 100%;
}

    #divCatMenu div {
        padding: 8px;
        color: rgba(255, 255, 255, 0.8);
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        margin-top: -2px;
        width: 96vw;
        cursor: pointer;
    }

        #divCatMenu div:hover {
            background-color: rgba(255, 255, 255, 0.06);
        }

#divToolstripWrapper {
    position: fixed;
    top: 48px;
    background-color: #3d3d3d;
    /*background-color: var(--P500);*/
    border-bottom: 1px solid rgba(0,0,0,0.12);
    box-shadow: 0px 4px 4px rgba(0,0,0,0.32);
    height: 40px;
    width: 100%;
    z-index: 3;
    overflow: hidden;
    /*background-color: var(--P100);*/
    /*background-color: #3d3d3d;*/
}

/*#divToolstrip {
   background-color: #3d3d3d;
   color: rgba(255, 255, 255, 0.87);
  }*/

/*#divToolstripWrapper {
    background-color: #3d3d3d;
    border-bottom-color: rgba(255,255,255,0.06);
    box-shadow: 0px 4px 4px rgba(0,0,0,0.32);
}*/

/*#divToolstrip div {
    color: rgba(0,0,0,0.87);
}*/

#goTop {
    position: absolute;
    width: 80px;
    z-index: 1;
    height: 40px;
    line-height: 40px;
    text-align: center;
    /*color: var(--P700);*/
    cursor: pointer;
    font-size: 16px;
    /*font-weight: bold;*/
    /*background-color: var(--L50);*/
    /*border: 1px solid var(--A200);*/
    background-color: #3d3d3d;
    color: var(--A100);
    color: var(--P700);
    border: 2px solid var(--P500);
    border-radius: 14px;
    line-height: 28px;
    height: 28px;
    margin-top: 6px;
    font-family: 'HeaderFont';
    font-weight: bold;
}

#divToolstrip {
    position: relative;
    left: 0;
    top: 0;
    height: 58px;
    width: 100%;
    text-align: left;
    /*background-color: var(--P100);*/
    /*background-color: #3d3d3d;*/
    /*color: rgba(0, 0, 0, 0.87);*/
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    z-index: 0;
    padding-left: 96px;
    color: rgba(255, 255, 255, 0.87);
}



    #divToolstrip div {
        width: auto;
        height: 40px;
        line-height: 40px;
        text-align: center;
        /*float: right;*/
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-appearance: none;
        border-width: 0;
        color: rgba(255,255,255,0.7);
        font-size: 12px;
        background-color: transparent;
        cursor: pointer;
        padding: 0px;
        display: inline-block;
        vertical-align: top;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -khtml-border-radius: 0;
        border-radius: 0;
        padding-left: 4px;
        padding-right: 4px;
    }

    #divToolstrip button {
        margin-top: 6px;
        margin-bottom: 6px;
        margin-left: 2px;
        margin-right: 4px;
        padding-left: 14px;
        padding-right: 14px;
        border-radius: 14px;
        height: 28px;
        line-height: 28px;
        cursor: pointer;
        font-size: 14px;
        /*font-family: HeaderFont2;*/
        border: 2px solid var(--P500);
        border: 0px solid rgba(0, 0, 0, 0.87);
        background-color: rgba(255, 255, 255, 0.15);
        color: white;
        /*color: rgba(0, 0, 0, 0.87);*/
    }

        #divToolstrip button:hover {
            color: white;
            background-color: var(--A100);
            color: rgba(0, 0, 0, 0.87);
        }

    #divToolstrip .catIcons {
        color: rgba(0,0,0,0.54);
    }


    #divToolstrip #btnNext, #divToolstrip #frmSelectedTickets, #divToolstrip #btnBack {
        /*font-weight: bold;
            color: var(--P700);*/
        float: none;
        width: auto;
    }

    #divToolstrip #frmSelectedTickets {
        /*margin-right: 8px;*/
    }

    #divToolstrip #btnNext {
        background-color: var(--A100);
        color: rgba(0, 0, 0, 0.87);
    }

    /*#divToolstrip #btnNext:hover {
            background-color: var(--P500);
        }*/

    #divToolstrip form {
        display: inline-block;
    }

    #divToolstrip div:hover {
        background-color: var(--A100);
        color: rgba(0, 0, 0, 0.87);
    }

    #divToolstrip .del:hover {
        background-color: transparent;
        cursor: default;
    }

    #divToolstrip .selected {
        background-color: var(--A100);
    }

    #divToolstrip .inactive {
        color: rgba(0,0,0,0.87);
    }

    #divToolstrip #spanCounter {
        height: 32px;
        line-height: 32px;
        float: left;
        text-align: center;
        color: var(--P700);
        width: 36px;
        border: 2px solid var(--P500);
        margin: 4px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 8px;
        /*background-color: var(--A100)*/
    }

#divCartBadge {
    min-width: 32px;
    height: 32px;
    width: auto;
    background-color: var(--A100);
    /*color: var(--P700);*/
    color: rgba(0,0,0,0.70);
    font-weight: bold;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    position: absolute;
    right: 96px;
    top: 8px;
    padding-top: 1px;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
}



#divCartDetails {
    position: fixed;
    display: none;
    left: 0px;
    top: 48px;
    z-index: 3;
    background-color: rgba(0, 0, 0, 0.87);
    width: 100vw;
    max-height: 70vh;
    color: rgba(255, 255, 255, 0.70);
    /*padding: 4px;*/
    overflow: auto;
    /*border-bottom: 1px solid rgba(255,255,255, 0.12);*/
    border-bottom: 3px solid #3d3d3d;
    /*padding-bottom: 80px;*/
    -webkit-overflow-scrolling: touch;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    box-shadow: 0px 4px 4px rgba(0,0,0,0.32);
    /*background-color: var(--A100);
    color: rgba(0, 0, 0, 0.70);*/
}

    #divCartDetails div {
        float: left;
        padding: 2px;
    }

    #divCartDetails .header {
        background-color: transparent;
        color: rgba(255, 255, 255, 0.80);
    }

    #divCartDetails .header, #divCartDetails .row, #divCartDetails .total {
        width: 100%;
        /*border-bottom: 1px solid rgba(255,255,255, 0.12);*/
        border-bottom: 1px solid #3d3d3d;
    }

    #divCartDetails .col1 {
        width: 50%;
        overflow: hidden;
    }

        #divCartDetails .col1 div {
            overflow: hidden;
            text-overflow: ellipsis;
            width: 100%;
        }

        #divCartDetails .col1 del div {
            text-decoration: line-through;
        }

    #divCartDetails .col2 {
        width: 30%;
        overflow: hidden;
        text-align: center;
    }

    #divCartDetails .col3 {
        width: 20%;
        overflow: hidden;
        text-align: right;
    }

        #divCartDetails .col3 input {
            width: 100%;
            max-width: 75px;
            margin-top: 0;
            padding: 0;
        }

    #divCartDetails .col4 {
        width: 0;
        display: none;
    }

    #divCartDetails .cmd {
        width: 100%;
        text-align: left;
        /*border-bottom: 1px solid white*/
        /*background-color: var(--P100);*/
        background-color: #3d3d3d;
        padding: 1vw;
        text-align: right;
    }

/*Page 12*/

.tabPaymentType {
    width: 94%;
    /*max-width:800px;*/
    /*font-size: 3.5vw;*/
    border-collapse: collapse;
    background-color: white;
    margin: 3%;
    border-radius: 16px;
    color: rgba(0,0,0, 0.87);
}

    .tabPaymentType td {
        padding: 4px;
    }


    .tabPaymentType .TDPaymentTypeOpt {
        width: 10%;
        /*background-color: var(--P100);*/
    }

    .tabPaymentType .TDPaymentTypeOpt2 {
        width: 10%;
    }

    .tabPaymentType .TDPaymentTypeLabel {
        width: 40%;
        font-weight: bold;
        padding-top: 8px;
        /*background-color: var(--P100);*/
        /*border-top: 1px solid rgba(0,0,0,0.12);*/
    }

    .tabPaymentType .TDPaymentTypeLabel2 {
        width: 50%;
        /*background-color: var(--P100);*/
        /*border-top: 1px solid rgba(0,0,0,0.06);*/
    }

    .tabPaymentType .TDPaymentTypeDescr {
        width: 40%;
        vertical-align: top;
        /*background-color: red*/
    }

        .tabPaymentType .TDPaymentTypeDescr img {
            max-width: 35vw;
        }

    .tabPaymentType .TDPaymentTypeCheck {
        width: 50%;
        vertical-align: top;
    }

/*Page: Schedule*/


#divEvents {
    float: left;
    /*font-size: 3vw;*/
}

    #divEvents div {
        float: left;
        overflow: hidden;
    }

    #divEvents .searchResult .headerRow {
        width: 100%;
        font-weight: bold;
        background-color: var(--P100);
        /*font-size: 3.5vw;*/
        color: rgba(0,0,0, 0.54);
    }

    #divEvents .searchResult .row {
        width: 100%;
        border-bottom: 1px solid rgba(0,0,0,0.12);
    }

    #divEvents .searchResult .group {
        /*background-color: var(--P100);*/
        width: 100%;
    }

    #divEvents .searchResult .date {
        width: 10%;
    }

    #divEvents .searchResult .name {
        width: 30%;
    }

    #divEvents .searchResult .aud {
        width: 30%;
    }

    #divEvents .searchResult .price {
        width: 15%;
        /*font-size: 2.5vw;*/
    }

    #divEvents .searchResult .buttons {
        width: 15%;
    }

/*Page 10*/
.addRemoveTicket {
    float: left;
    width: 100%;
}

    .addRemoveTicket tr {
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    }


    .addRemoveTicket td {
        padding: 0;
        vertical-align: middle;
    }



    .addRemoveTicket .catIcon {
        width: 15%;
    }

    .addRemoveTicket .icon {
        height: 10vw;
        width: 10vw;
        border: 0px #999999 solid;
        -moz-border-radius: 10vw;
        -webkit-border-radius: 10vw;
        -khtml-border-radius: 10vw;
        border-radius: 10vw;
        margin: 2vw;
    }


    .addRemoveTicket .category {
        width: 60%;
    }

    .addRemoveTicket .commands {
        width: 40%;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 1vw;
    }




        .addRemoveTicket .commands input[type='button'] {
            width: 100%;
            text-overflow: ellipsis;
        }


/*Page 12*/



/*Page 90*/

.divRailIntro {
    padding: 1vw;
    color: rgba(0, 0, 0, 0.87);
}

    .divRailIntro h1, .divRailIntro h2, .divRailIntro h3 {
        color: VAR(--P500);
    }

#divOrderRailwayTickets #placeholder {
    width: 100%;
    height: 100vh;
}

#divOrderRailwayTickets .text, #divOrderRailwayTickets .summary {
    padding: 1vw;
    border-bottom: 1px solid #eeeeee;
    width: 100%;
    font-size: 10px;
    color: rgba(0, 0, 0, 0.54);
}

#divOrderRailwayTickets, .relatedProducts {
    width: 100%;
    max-width: 640px;
    background-color: var(--L100);
    float: left;
}

    #divOrderRailwayTickets div {
        float: left;
    }

    /*#divOrderRailwayTickets #divFrom, #divOrderRailwayTickets #divTo {
        width: 98%;
    }*/

    #divOrderRailwayTickets #divSecFrom #divFrom, #divOrderRailwayTickets #divSecTo #divTo {
        width: 98%;
    }

    /*#divOrderRailwayTickets #divSecDate, #divOrderRailwayTickets #divSecRetDate {
        width: 50% 
    }*/

    #divOrderRailwayTickets #divSecDate select, #divOrderRailwayTickets #divRetDate select, #divOrderRailwayTickets #divSecDate div, #divOrderRailwayTickets #divSecRetDate div {
        width: 100%;
    }

    #divOrderRailwayTickets .showAll {
        float: left;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        #divOrderRailwayTickets .showAll label {
            margin: 0;
        }

    #divOrderRailwayTickets .cmdPanel {
        border-bottom-width: 1px;
        text-align: center;
    }

        #divOrderRailwayTickets .cmdPanel button {
            width: 96%;
            margin: 2%;
        }


#divTrainSchedule {
    width: 100%;
    margin-top: 0px;
}

#divOrderRailwayTickets .train {
    width: 100%;
    border-bottom: solid 1px var(--L200);
    border-top: solid 1px var(--L200);
    background-color: white;
    margin-bottom: 8px;
    padding: 4px;
}

    #divOrderRailwayTickets .train .trainName, #divOrderRailwayTickets .train .trainDates, #divOrderRailwayTickets .train .tabTrain, .tabPessangerInfo, .tabConfirmOrder {
        width: 100%;
        color: rgba(0, 0, 0, 0.87);
    }

.tabTrain .showmore .title {
    display: none;
    color: rgba(0, 0, 0, 0.87);
}


#divOrderRailwayTickets .train .trainName {
    font-weight: bold;
}

#divOrderRailwayTickets .train .trainDates {
    color: rgba(0,0,0,0.54);
    margin-top: 8px;
    padding-bottom: 8px;
}

    #divOrderRailwayTickets .train .trainDates span {
        color: white;
        background-color: #d21972;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        -khtml-border-radius: 3px;
        border-radius: 3px;
    }

#divOrderRailwayTickets .train .tabTrain thead {
    display: none;
}

/*#divOrderRailwayTickets .train .tabTrain td {
            border-top: solid 1px var(--L200);
        }*/


#divOrderRailwayTickets .train .tabTrain th {
    text-align: left;
}

#divOrderRailwayTickets .train .tabTrain td {
    border-top: 1px solid rgba(0,0,0,0.06);
    height: 48px;
}

#divOrderRailwayTickets .train .tabTrain .td1 {
    width: 40%;
}

#divOrderRailwayTickets .train .tabTrain .td2 {
    width: 40%;
}

#divOrderRailwayTickets .train .tabTrain .td3 {
    width: 20%;
}

    #divOrderRailwayTickets .train .tabTrain .td3 button {
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        height: auto;
        min-height: 32px;
    }


#divQty .cmdPanel {
    padding-top: 72px;
    text-align: right;
}

    #divQty .cmdPanel button, #divPassengerInfo .cmdPanel button {
        width: 24vw;
    }

#divPassengerInfo .cmdPanel {
    padding-top: 32px;
    text-align: right;
}

#divOrderRailwayTickets .divTrain, #divOrderRailwayTickets .tabSeatsInfo, #divOrderRailwayTickets .tabPessangerInfo, #divOrderRailwayTickets .tabConfirmOrder td, #divOrderRailwayTickets .tabConfirmOrder th {
    width: 100%;
    padding: 4px;
}

    #divOrderRailwayTickets .tabSeatsInfo th, #divOrderRailwayTickets .tabPessangerInfo th {
        text-align: center;
    }

.tabPessangerInfo th {
    background-color: var(--L50);
    border-bottom: 1px solid #eeeeee;
}

#divOrderRailwayTickets .selectedTrain {
    width: 100%;
    padding: 1vw;
    border-bottom: 1px solid #eeeeee;
    line-height: 6vw;
    margin-bottom: 4vw;
    font-size: 3.5vw;
    color: rgba(0,0,0,0.54);
}

    #divOrderRailwayTickets .selectedTrain div, #divOrderRailwayTickets .selectedTrain h3 {
        width: 100%;
    }

    #divOrderRailwayTickets .selectedTrain h3 {
        margin-top: 4px;
        margin-bottom: 0;
        color: rgba(0, 0, 0, 0.54);
        padding-left: 0;
    }

#divOrderRailwayTickets .HTMLReport {
    background-color: white;
}


.tabPessangerInfo td {
    text-align: center;
}

#divOrderRailwayTickets .tabPessangerInfo .td1 {
    width: 25%;
}

#divOrderRailwayTickets .tabPessangerInfo .td2 {
    width: 25%;
}

#divOrderRailwayTickets .tabPessangerInfo .td3 {
    width: 50%;
}

    #divOrderRailwayTickets .tabPessangerInfo .td3 button {
        width: 100%;
        height: auto;
        min-height: 32px;
        background-color: transparent;
        border: 0px solid var(--P500);
        color: var(--P500);
        line-height: 24px;
    }

#divOrderRailwayTickets .tabPessangerInfo .HTMLForm {
    border-width: 0;
}

#divOrderRailwayTickets .tabConfirmOrder .td1 {
    width: 50%;
    text-align: left;
}

#divOrderRailwayTickets .tabConfirmOrder .td2 {
    width: 25%;
    text-align: center;
}

#divOrderRailwayTickets .tabConfirmOrder .td3 {
    width: 25%;
    text-align: center;
}

#divOrderRailwayTickets .attention b {
    color: red;
}

/*Page 23, 66*/

.lastReservations, .lastReservations div {
    float: left;
}

.lastReservations {
    background-color: #3d3d3d;
    padding: 8px;
}

    .lastReservations a {
        color: var(--P100);
    }

        .lastReservations a:hover {
            text-decoration: underline;
        }

    .lastReservations h1 {
        text-align: left;
        padding: 8px;
        font-weight: normal;
        Color: VAR(--P100);
        margin: 0;
        font-family: 'HeaderFont2';
        font-size: 18px;
    }


    .lastReservations .header {
        display: none;
    }

    .lastReservations .row, .lastReservations .row div {
        width: 100%;
    }


    .lastReservations .row {
        /*border-top: 1px solid var(--L300);
        border-bottom: 1px solid var(--L300);*/
        margin-bottom: 8px;
        padding: 16px;
        border-radius: 8px;
        /*background-color: white;
        color: rgba(0,0,0, 0.87);*/
        background-color: rgba(255, 255, 255, 0.06);
        color: rgba(255, 255, 255, 0.8);
        border: 1px solid rgba(0,0,0, 0.12);
        /*box-shadow: 0px 0px 5px 0px rgba(255, 255, 255, 0.12);*/
    }


    .lastReservations .orderNo {
        font-weight: bold;
    }

    .lastReservations .cmd input, .lastReservations button {
        width: 100%;
        margin-top: 1vw;
    }

    .lastReservations .status {
        font-size: 16px;
        color: var(--A200);
        font-family: 'HeaderFont2';
    }

/*Page 16*/

.ticketsToolbar {
    position: fixed;
    height: 40px;
    bottom: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
    text-align: center;
    border-bottom-width: 0;
    border-top: 1px solid rgba(0,0,0, 0.06);
    background-color: var(--L50);
}

#tickets {
    top: 0;
    left: 0;
    right: 0;
    bottom: 40px;
    position: absolute;
    /*background-color: white;*/
}

    #tickets .ticketCode {
        width: 100%;
        /*height: 100%;*/
        background-color: #3d3d3d;
        /*background-color: white;
        color: rgba(0, 0, 0, 0.87)*/
        /*text-align:center;
        vertical-align:middle;*/
    }

        #tickets .ticketCode td {
            text-align: center;
            vertical-align: top;
            background-color: white;
        }

        /*#tickets .ticketCode td div {
                background-color: white;
                border-radius: 16px;
                padding: 16px  
            }*/

        #tickets .ticketCode .ecard {
            padding-top: 32px;
            background-color: white;
            color: rgba(0, 0, 0, 0.87);
            padding-bottom: 8px;
        }

            #tickets .ticketCode .ecard .txt {
                padding: 4px
            }

            #tickets .ticketCode .tdSubscHistory {
                border-bottom: 1px solid rgba(0, 0, 0, 0.30);
                text-align: left;
                line-height: 32px;
                font-size: 16px;
                padding: 0;
                background-color: #3d3d3d
            }

            #tickets .ticketCode .tdSubscHistory .SubscHistory {
                width: 100%;
                max-width: 480px;
                margin: auto;
                background-color: rgba(255, 255, 255, 0.12);
                padding: 8px;
                padding-bottom: 8px;
                border-left: 8px solid rgba(0, 0, 0, 0.3);
                border-right: 8px solid rgba(0, 0, 0, 0.3);
            }

            #tickets .ticketCode .tdSubscHistory b {
                /*font-family: HeaderFont2;*/
                color: VAR(--A200);
                font-weight: normal;
            }

        #tickets .ticketCode .tdSubscHistory h2 {
            margin: 0;
            padding: 0;
            background-color: rgba(255, 255, 255, 0.12);
            text-align: center;
            padding: 4px;
            border-radius: 8px;
        }

            #tickets .ticketCode .tdSubscHistory .org {
                /*font-weight: bold;*/
                font-family: HeaderFont2;
                font-size: 18px;
                color: VAR(--P100);
            }

            #tickets .ticketCode .tdSubscHistory .cmds {
                padding: 4px
            }

            #tickets .ticketCode .tdSubscHistory button {
                width: 100%
            }
           


                #divToolstrip .divTabHeaderSelected {
                    background-color: var(--A100);
                    /*color:var(--A400);
    font-weight:bold*/
                }







/*#divEventInfo h1, #divEventInfo h2, #divEventInfo h3 {
    width: 100%;
}*/



a {
    text-decoration: none;
}


.SearchResultTimeCell {
    font-family: Arial;
}

/*.thumbGrouping {color:#666666; text-align:left;padding-bottom:0px;font-size:9pt;font-weight:bold;background-color:#336699;color:white} */
.searchResult td {
    padding: 3px;
    vertical-align: middle;
    border-bottom: solid 1px var(--L200);
    color: #666666;
}

.searchResult {
    width: 100%;
}

tr.SrachResultHeader {
    text-align: left;
    font-weight: bold;
}

#divTopPanel {
    position: fixed;
    top: 0;
    width: 100%;
    height: 48px;
    /*background-color: var(--P500);*/
    background-color: #3d3d3d;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    z-index: 4;
}

#hamburger {
    /*box-sizing: border-box;*/
    display: block;
    width: 60px;
    height: 45px;
    position: relative;
    top: 0px;
    left: 0;
    z-index: 2;
}

    #hamburger:before,
    #hamburger:after,
    #hamburger span {
        background: #fff;
        content: '';
        display: block;
        width: 30px;
        height: 4px;
        position: absolute;
        left: 20px;
    }

    #hamburger:before {
        top: 10px;
    }

    #hamburger span {
        top: 20px;
    }

    #hamburger:after {
        top: 30px;
    }

    /* Hamburger animation */
    #hamburger:before,
    #hamburger:after,
    #hamburger span {
        -webkit-transition: none 0.5s ease 0.5s;
        transition: none 0.5s ease 0.5s;
        -webkit-transition-property: transform, top, bottom, left, opacity;
        transition-property: transform, top, bottom, left, opacity;
    }

html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after {
    top: 20px;
}

html.mm-opening #hamburger span {
    left: -50px;
    opacity: 0;
}

html.mm-opening #hamburger:before {
    transform: rotate( 45deg );
}

html.mm-opening #hamburger:after {
    transform: rotate( -45deg );
}

.imgLogoIcon {
    display: none;
}

.imgLogoTitle {
    position: absolute;
    left: 8px;
    top: 0px;
}

#imgAjaxLoader {
    position: absolute;
    left: 166px;
    top: 12px;
    display: none;
}

#divLang {
    position: absolute;
    right: 54px;
    top: 10px;
    color: white;
    cursor: pointer;
    font-size: 12pt;
}


#divToolstripWrapper #scrollLeft, #divToolstripWrapper #scrollRight {
    display: none;
}



/*.scrollArrow {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.06);
    opacity: 0.01;
    width: 32px;
    text-align: center;
    height: 117px;
    line-height: 117px;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    color: rgba(0, 0, 0, 0.54);
    z-index: 2;
}

    .scrollArrow i {
        line-height: 117px;
    }

    .scrollArrow:hover {
        opacity: 1;
    }

.SARight {
    display: none;
}

.SALeft {
    left: 0;
}

.scrollArrow .collapse {
    position: absolute;
    left: 0;
    top: 0;
    width: 32px;
    text-align: center;
    height: 32px;
    line-height: 32px;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    z-index: 1;
}

    .scrollArrow .collapse i {
        line-height: 32px;
    }*/

#divLangMenu {
    position: fixed;
    display: none;
    left: 0px;
    top: 88px;
    z-index: 1;
    /*background-color: var(--P100);*/
    width: 100vw;
    max-height: 70vh;
    color: rgba(255, 255, 255, 0.70);
    overflow: auto;
    border-bottom: 1px solid rgba(255,255,255, 0.12);
    -webkit-overflow-scrolling: touch;
}

    #divLangMenu div {
        float: left;
        padding: 4px;
        /*color: var(--P700);*/
        color: rgba(255,255,255, 0.7);
    }

    #divLangMenu a, #divLangMenu a:visited {
        /*color: var(--P700);*/
        color: rgba(255,255,255, 0.7);
    }

        #divLangMenu a:hover {
            background-color: var(--A100);
            color: rgba(0, 0, 0, 0.87);
        }






/*div.EventThumb {
    width: 90px;
    height: 180px;
    margin-right: 8px;
    text-align: center;
    float: left;
    font-size: 9pt;
    line-height: 14pt;
    word-break: keep-all;
    overflow: hidden;
}

    div.EventThumb img {
        width: 74px;
        height: 109px;
        margin: 8px;
    }*/



#divEvents {
    background-color: white;
}








/*input[type="button"], input[type="submit"] {
    border: 0px;
    background-color: #666f7e;
    padding: 2px;
    width: 75px;
    height: 32px;
    color: white;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}*/



img {
    border: 0px;
}





#divEventProps {
    /*border: 1px solid var(--L200);*/
    border: 0px #999999 solid;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    padding: 8px;
    overflow: auto;
    background-color: #3d3d3d;
    float: left;
    margin: 2%;
    width: 96%;
}

    #divEventProps h3 {
    }

    #divEventProps table {
        border-collapse: collapse;
    }

        #divEventProps table td {
            padding: 6px;
            text-align: left;
            vertical-align: top;
            border-width: 0px;
            border-top: 1px solid white;
            /*border-left-width: 0px;
         border-right-width: 0px*/
        }

        #divEventProps table .tdLabel {
            width: 30%;
        }

        #divEventProps table .tdValue {
            width: 70%;
        }

        #divEventProps table .tdButton {
            text-align: right;
        }



        #divEventProps table select {
            width: 100%;
        }

        #divEventProps table textarea {
            width: 100%;
        }



.msgError {
    background-color: red;
    color: rgba(255, 255, 255, 1);
}

    .msgError #close {
        border: 1px solid white;
        color: white;
        background-color:transparent
    }

    .msgError input[type="submit"] {
        border: 1px solid white;
        color: white;
        background-color: transparent;
    }

.msgSuccess {
    background-color: var(--A100);
    color: rgba(0, 0, 0, 0.87);
}

.msgWarning {
    background-color: var(--P500);
    color: rgba(255, 255, 255, 0.7);
}


.caveaSeatstd {
    fill: LightGreen;
    background-color: LightGreen;
    stroke: black;
    stroke-width: 1;
    opacity: 1;
}

.caveaSeatsta {
    fill: LightCoral;
    background-color: LightCoral;
    stroke: black;
    stroke-width: 1;
    opacity: 1;
}

.caveaSeateco {
    fill: LightGreen;
    background-color: LightGreen;
    stroke: black;
    stroke-width: 1;
    opacity: 1;
}

.caveaSeatvip {
    fill: LightBlue;
    background-color: LightBlue;
    stroke: black;
    stroke-width: 1;
    opacity: 1;
}

.caveaSeatSelected {
    fill: red;
    stroke: black;
    stroke-width: 1;
    opacity: 1;
}


.tktSeatSelected {
    fill: red;
    stroke: darkred;
    stroke-width: 1;
    opacity: 1;
    cursor: pointer;
}


.caveaSeatLocked {
    fill: lightgray;
    stroke: black;
    stroke-width: 1;
    opacity: 1;
}

.divSeatMark {
    background-color: red;
    text-align: center;
    color: white;
    font-weight: bold;
    border: 1px solid white;
    cursor: pointer;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    left: 96px;
    top: 74px;
    width: 21px;
    height: 21px;
    line-height: 21px;
    position: absolute;
}


.areaSeat {
    cursor: pointer;
}

.mm-slideout {
    /*z-index:1000*/
}

.mm-navbar-content-2 a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-left: 1vw;
    padding-right: 1vw;
}

table.turnover {
    /*width:94%;
    margin:2%;*/
}

.mm-panel {
    scrollbar-face-color: rgb(51,51,51);
    scrollbar-shadow-color: #222222;
    scrollbar-highlight-color: rgb(51,51,51);
    scrollbar-3dlight-color: rgb(51,51,51);
    scrollbar-darkshadow-color: rgb(51,51,51);
    scrollbar-track-color: rgb(51,51,51);
    scrollbar-arrow-color: var(--L300);
}

    .mm-panel::-webkit-scrollbar {
        height: 12px;
        width: 12px;
        background: rgb(51,51,51);
    }

    .mm-panel::-webkit-scrollbar-thumb {
        background: rgba(255, 255, 255, 0.12);
        /*-webkit-border-radius: 1ex;*/
        /*-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75);*/
    }

#imdb {
    background-image: url(/images/IMDb.png);
    background-repeat: no-repeat;
    padding-left: 38px;
    font-style: normal;
    font-weight: bold;
}

#divEventInfo #relatedProducts {
    /*background-color: white;
    color: rgba(0,0,0,0.87);*/
    float: left;
}

    #divEventInfo #relatedProducts .EventThumb {
        float: none;
    }

.divBiblus {
    width: 100%;
    background-color: white;
    color: rgba(0,0,0,0.87);
    padding: 2vw;
    border-top: 1px solid rgba(0,0,0,0.12);
    border-bottom: 1px solid rgba(0,0,0,0.12);
}

    .divBiblus img {
        float: none;
        width: 100%;
        max-width: 96px;
        margin-right: 2vw;
    }

    .divBiblus ul {
        list-style-position: inside;
    }

        .divBiblus ul li {
            margin-left: -24px;
        }

    .divBiblus p {
        margin-block-start: 4px;
        margin-block-end: 0;
    }

#divEventInfo .divBiblus a {
    color: var(--P500);
}



#loginInfo {
    width: 60%;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#help {
    width: 40%;
    font-size: 14px;
}

/*#divItemsToReturn {
    line-height:7vw;
    padding:2vw
}*/

#divItemsToReturn div, #divItemsToReturn h2 {
    margin: 2vw;
}

#divItemsToReturn td {
    padding: 2vw;
}



#divItemsToReturn .HTMLReport {
    margin-left: 0px;
    margin-right: 0px;
}


#divItemsToReturn #divEvent {
    font-weight: bold;
    color: var(--P500);
}

#divItemsToReturn #divTotalCost {
    font-weight: bold;
}

#divItemsToReturn #buttons {
    text-align: right;
}



    #divItemsToReturn #buttons input {
        width: 100%;
    }

#OrderCanceled {
    padding: 2vw;
}

    #OrderCanceled button {
        width: 100%;
    }

    #OrderCanceled .msgBlk {
        padding: 4vw;
        margin-bottom: 2vw;
    }

/*#divEventInfo iframe {
    width: 100%;
    max-width: 480px;
}*/





#divCartDetails .cmd, #divLangMenu {
    /*background-color: var(--L100);*/
    background-color: #3d3d3d;
}

/*.HTMLForm .section .groupHeader, .HTMLForm .groupHeader {
    border-bottom: 1px solid #eeeeee;
    background-color: var(--L100);
    color: rgba(0,0,0, 0.87);
    width: 100%;
    padding-top:8px;
    border-top: 1px solid rgba(0,0,0, 0.12);
     height: 24pt;*
     line-height: 24pt;
     height: auto;
     font-weight:bold
 }*/


. #divSellingTicketsContents table {
    margin-top: 16px;
    margin-bottom: 16px;
}

#divSellingTicketsContents table thead {
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}

#divSellingTicketsContents table TD {
    border: 1px solid var(--L200);
    padding: 3px;
    text-overflow: ellipsis;
    overflow: hidden;
}

#divSellingTicketsContents .tdCentered {
    text-align: center;
}

#divSellingTicketsContents .tdSubitem {
    font-style: italic;
    padding-left: 24px;
}

#divSellingTicketsContents {
    padding: 8px;
    width: 100%;
}

    #divSellingTicketsContents img {
        width: 56vw;
        max-width: 323px;
    }







/*#divCarousel {
        text-align: right;
        background-color: var(--L100);
    }*/

/*#divCarouselWrapper {
        background-color: var(--L100);
        border-bottom-color: rgba(0,0,0,0.06);
    }

    #divCarousel div {
        color: rgba(0,0,0,0.87);
    }


    #divCarousel {
        padding-left: 48px;
        padding-right: 16px;
    }


    #divCarouselWrapper #scrollLeft, #divCarouselWrapper #scrollRight {
        display: block;
        background-color: var(--L50);
        height: 40px;
        line-height: 40px;
        z-index: 1;
        cursor: pointer;
        width: 16px;
        text-align: center;
        color: rgba(0,0,0,0.54);
    }

        #divCarouselWrapper #scrollLeft i, #divCarouselWrapper #scrollRight i {
            line-height: 40px;
        }

    #divCarouselWrapper #scrollLeft {
        position: absolute;
        left: 32px;
    }

    #divCarouselWrapper #scrollRight {
        position: absolute;
        right: 0;
    }*/


#divPriceList {
    width: auto;
    display: inline-block;
    max-width: 80%;
}

    #divPriceList div {
        padding: 1vw;
        margin-right: 1vw;
        margin-top: 1vw;
        margin-bottom: 1vw;
        font-size: 3.5vw;
        float: left;
    }

    #divPriceList .divPriceItem {
        height: 28px;
        border-radius: 14px;
        padding-top: 11px;
        padding-left: 8px;
        padding-right: 8px;
        font-size: 10px;
        line-height: 10px;
        color: rgba(0, 0, 0, 0.87);
    }

#divEventInfo .desc p {
    margin-top: 1vw;
}

#divEventInfo .aud {
    color: VAR(--A200);
}


.thumbImgWrapper .ImgTitle {
    display: none;
}

.tnumbName .time {
    display: inline-block;
}

.ThumbName .venue {
    display: block;
    color: rgba(0,0,0,0.54);
}

#txtAdURL {
    font-weight: bold;
    color: red;
    font-family: Arial, Helvetica, sans-serif;
}

#divOrderRailwayTickets .Stadler, #divOrderRailwayTickets .selectedTrain .Stadler {
    color: #d21972;
}

#divTrainSchedule .msgError {
    width: 96%;
}

.txt {
    padding: 1vw;
}

.setUserStatus {
    width: 45%;
}

#tabuserapproval button {
    margin: 0.5vw;
}

.useDeposit {
    /*background-color: #eeeeee;*/
    background-color: #3d3d3d;
    color: rgba(255, 255, 255, 0.8);
    width: 100%;
    padding-left: 12px;
}


    .useDeposit div {
        padding: 1vw;
        float: left;
    }

    .useDeposit .icon img {
        width: 24px;
        height: 32px;
    }

    .useDeposit .title, .useDeposit .discountCode {
        width: 60%;
        font-size: 14px;
        line-height: 28px;
    }

        .useDeposit .discountCode input {
            width: 100%;
            margin-top: 0;
            /*margin-left: 4px;*/
            border-radius: 16px;
            font-size: 14px;
            padding: 4px;
            padding-left: 12px;
            background-color: rgba(255,255,255, 0.87);
        }

    .useDeposit .icon {
        display: none;
    }


    .useDeposit .use {
        float: left;
        margin-right: 0;
        width: 36%;
    }

        .useDeposit .use button {
            width: 100%;
            text-overflow: ellipsis;
            overflow: hidden;
        }

    .useDeposit #divResult {
        padding-top: 10px;
    }

.categories {
    right: 0;
}

/*.HTMLReport .products .col1{
    width:15%
}

.HTMLReport .products .col2{
    width:40%
}

.HTMLReport .products .col3{
    width:25%
}

.HTMLReport .products .col4{
    width:30%
}

    .HTMLReport .products .cmd {
        width: 100%;
        height:auto;
        min-height:32px;
         font-size: 3vw
        
    }*/


.HTMLReport .products {
    table-layout: auto;
    margin-top: 60px;
}

.HTMLReport .guide {
    color: rgba(255, 255, 255, 0.50);
    margin: 16px
}


.HTMLReport .products .desc, #tabServices .desc {
    color: rgba(255,255,255,0.37);
    font-size: 12px;
    margin-top: 4px;
    margin-bottom: 4px;
}



    .HTMLReport .products td {
        border-bottom: 1px solid rgba(0,0,0,0.12);
    }


    .HTMLReport .products tr td:nth-child(1) {
        width: 15%;
        text-align: center;
        display: none;
    }

    .HTMLReport .products tr td.GroupHeader {
        text-align: left;
        display: table-cell;
        background-color: rgba(40,48,54,0.70);
        Color: white;
        padding: 8px;
        border-bottom: 1px solid #333333;
        /*border-top: 2px solid #686e72;*/
        border-left: 4px solid #333333;
        z-index: 100;
        /*padding: 1vw;
        font-weight: normal;
        font-family: MainFont;
        font-weight: bold;
        background-color: rgba(40,48,54,0.70); 
        Color: white; 
        margin: 0;
        margin-top: -1px;
        border-bottom: 1px solid rgba(0,0,0,0.12);
        border-top: 1px solid rgba(0,0,0,0.12);
        border-left: 4px solid #333333;
        float: left;
        position: -webkit-sticky;
        position: sticky;
        top: -3px;
        z-index: 100;*/
    }

#divProdMenuSearch {
    display: block;
    padding: 8px;
    position: fixed;
    height: 60px;
    border-width: 0;
    right: 0;
    left: 0;
}

    #divProdMenuSearch input {
        padding: 8px;
        background-color: rgba(128,128, 128, .94);
        border-radius: 16px;
        color: rgba(255,255, 255, 0.87);
        border: 1px solid rgba(255,255, 255, 0.2);
        width: 100%;
        font-size: 16px;
    }

.HTMLReport .products tr td.GroupHeader h3 {
    margin: 0px;
    padding-left: 0;
    color: var(--A100);
}


.HTMLReport .products tr td:nth-child(2) {
    width: 40%;
    padding-left: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.HTMLReport .products tr td:nth-child(3) {
    text-align: center;
    width: 30%;
}

.HTMLReport .products tr td:nth-child(4) {
    width: 30%;
}

    .HTMLReport .products tr td:nth-child(4) button {
        background-image: none;
        background-color: transparent;
        min-height: 14px;
        height: auto;
        text-indent: 0;
        margin-top: 4px;
        margin-bottom: 4px;
        width: 96%;
        color: var(--A100);
        border: 2px solid var(--A200);
        -moz-border-radius: 8px;
        -webkit-border-radius: 8px;
        -khtml-border-radius: 8px;
        border-radius: 16px;
        font-size: 3vw;
        max-width: 200px;
    }


#divCartBadge .cartCost {
    display: none;
}

.TDPaymentTypeCheck input[type='button'] {
    min-height: 32px;
    height: auto;
    width: 44vw;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    font-size: 14px;
    line-height: 22px;
    padding: 4px;
}

.TDPaymentTypeCheck div {
    margin-top: 8px;
}

.tabPaymentType .TDPaymentTypeCheck .spanPT_Disc {
    color: red;
}

.tabPaymentType .TDPaymentTypeCheck .spanPT_DiscVal, .tabPaymentType .TDPaymentTypeCheck .spanPT_Total {
    font-weight: bold;
}


#divSmartLogin #txtPassword {
    width: 70%;
}

#divSmartLogin #btnRecover {
    width: 38%;
}

#addLocation {
    height: 80vh;
    width: 80%;
}

    #addLocation #map {
        position: absolute;
        left: 12px;
        right: 12px;
        top: 24vw;
        bottom: 54vw;
    }


    #addLocation #footer {
        position: absolute;
        bottom: 12px;
        left: 12px;
        right: 12px;
    }

.hostInfo {
    padding: 8px;
    max-width: 800px;
}

    .hostInfo img {
        float: left;
        margin-top: 8px;
        margin-right: 8px;
        margin-bottom: 8px;
        max-width: 96%;
    }

    .hostInfo iframe {
        max-width: 800px;
        max-height: 600px;
        width: 98%;
        height: 68vw;
        border-width: 0;
        margin-top: 16px;
    }

#frontAd {
    display: none;
}

#frontAd {
    /*background-color: #1683e9;*/
    background-color: #615b55;
    width: 100%;
}

    /*#frontAd imgL {
       display:none
    }*/

    #frontAd img {
        width: 100%;
        content: url(/images/USEmbMob.png);
        /*background: url(/images/CuriosityBlurMob.png) left top no-repeat;*/
    }

#divRegisterUser {
    max-width: 800px;
}

    #divRegisterUser .intro {
        background-color: var(--A100);
        width: 100%;
    }



#divSmartLogin .cmdPanel {
    text-align: center;
    padding: 8px;
}

    #divSmartLogin .cmdPanel button {
        background-color: var(--L50);
        color: rgba(0,0,0,0.87);
        border: 1px solid var(--L300);
        width: 98%;
        margin: 1%;
    }

#divSmartLogin #btnSignIn, #divSmartLogin #btnQuickSignUp {
    background-color: var(--P500);
    color: white;
    border-width: 0;
}

#divSmartLogin #divRememberUser {
    text-align: center;
    height: 32px;
    background-color: var(--L100);
}

    #divSmartLogin #divRememberUser label {
        margin: 0;
        padding: 0;
    }

        #divSmartLogin #divRememberUser label input {
            height: 24px;
        }

#divSmartLogin .labelCheck {
    font-size: 3.5vw;
    line-height: 5vw;
}



#divInfoContent {
    padding: 8px;
    background-color: white;
    height: 268px;
    overflow: scroll;
}

#divInfo .cmdPanel {
    text-align: right;
    padding-top: 8px;
}

#tabServices .cmd {
    display: none;
}

#tabServices .showmore {
    border-width: 0;
    color: black;
}

#tabServices .GroupHeader {
    padding: 4px;
}

#tabServices .tdFamily {
    /*font-weight: bold;*/
    cursor: pointer;
    height: 48px;
    color: var(--P700);
}

#tabServices .tdPresetChild {
    padding-left: 16px;
}

#divOrgMap {
    width: 94vw;
    height: 60vw;
    max-width: 800px;
    max-height: 600px;
    float: left;
    margin: 8px;
    border: 1px solid #cccccc;
}

#tabServices .tdFamily i {
    color: rgba(255,255,255,0.70);
}

#tabServices .fa-clock-o {
    display: none;
}

/*#tabServices .desc {
    color: rgba(0,0,0, 0.38);
}*/

#tabServices #tdFooter button {
    height: 32px;
}


/*#divServiceInfo h1 {
    background-color: var(--L100);
    margin: 0;
}

#divServiceInfo .field, #divServiceInfo h1 {
    padding: 8px;
}

    #divServiceInfo .field div {
        float: none;
    }

#divServiceInfo .cmdPanel button {
    width: 96%;
    margin: 2%;
}

#divServiceInfo label {
    padding-left: 0;
    margin-top: 0;
}*/

/*#divServiceInfo label.info {
    display: none;
}*/


.divTrainingSchedule .field div {
    width: 100%;
}

.divTrainingSchedule .field div {
    padding: 4px;
}

.divTrainingSchedule .field h1 {
    margin: 0;
    background-color: var(--A100);
    padding: 8px;
    border-bottom: 0px solid rgba(0,0,0,0.06);
}

.divTrainingSchedule .field .divName {
    border-top: 4px solid #eeeeee;
}

.divGouge {
    height: 16px;
}


    .divGouge div.on {
        background-color: var(--L300);
        float: left;
        width: 8px;
        margin-right: 2px;
        height: 8px;
    }

    .divGouge div.off {
        background-color: var(--A400);
        float: left;
        width: 8px;
        margin-right: 2px;
        height: 8px;
    }


#tabServices tr td {
    padding: 4px;
}

    #tabServices tr td:nth-child(2) {
        width: 60%;
        font-size: 3.5vw;
    }

        #tabServices tr td:nth-child(2) button {
            height: 7vw;
            margin-left: 0;
            margin-bottom: 4px;
        }

    #tabServices tr td:nth-child(3) {
        width: 23%;
        text-align: right;
    }

    #tabServices tr td:nth-child(4) {
        width: 17%;
    }

.divTrainingSchedule .sDay div {
    padding-left: 16px;
}

.divTrainingSchedule .sDay .divGouge, .divTrainingSchedule .sDay .divGouge div {
    padding-left: 0;
}

#divSmartLogin .HTMLForm .hs {
    width: 50%;
}

.hide {
    display: none;
}

.show {
    display: inline-block;
}

.animate, #divSmartLogin, #divSmartLogin, #divSmartLogin button {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#divSmartLogin {
    font-size: 12px;
}

div.login {
    height: auto; /*380px;*/
}

div#divSendTicket {
    height: auto; /*208px;*/
}

div.register {
    height: auto; /*364px;*/
}

#divHostActions {
    border-radius: 8px;
    background-color: rgba(255, 255, 255, 0.03);
    float: left;
    padding: 8px;
    margin-bottom: 16px;
    border: 1px solid rgba(0,0,0,0.22);
    width: 100%;
}

    #divHostActions button {
        width: 98%;
        margin: 1%;
    }

    #divHostActions label {
        width: 100%;
        color: rgba(255,255,255,0.8);
        display: block;
        margin: 1%;
        display: none;
    }


#divDiscountsAndProducts {
    border: 0px #999999 solid;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    /*box-shadow: 0px 0px 15px #d2ceca;
    -moz-box-shadow: 0px 0px 15px #d2ceca;
    -webkit-box-shadow: 0px 0px 15px #d2ceca;*/
    width: 100%;
    padding: 16px;
    /*background-color: white;*/
    margin-top: 8px;
}

    #divDiscountsAndProducts #tabDiscounts {
        max-width: 400px;
        width: 100%;
    }

        #divDiscountsAndProducts #tabDiscounts thead {
            font-weight: bold;
        }

        #divDiscountsAndProducts #tabDiscounts td {
            padding: 4px;
            font-size: 10pt;
            border-bottom: 1px solid var(--L300);
        }



        #divDiscountsAndProducts #tabDiscounts .col0 {
            width: 10%;
            padding-left: 0;
        }

        #divDiscountsAndProducts #tabDiscounts .col1 {
            width: 40%;
        }

        #divDiscountsAndProducts #tabDiscounts .col2 {
            width: 25%;
            text-align: right;
        }

        #divDiscountsAndProducts #tabDiscounts .col3 {
            font-weight: bold;
            text-align: right;
            width: 25%;
        }




    #divDiscountsAndProducts .discount {
        color: red;
    }

div.EventThumb .imgWrapper {
    float: left;
    width: 20%;
}

    div.EventThumb .imgWrapper .imgSubWrapper {
        position: relative;
    }

        div.EventThumb .imgWrapper .imgSubWrapper .EventThumbImg {
            width: 100%;
            height: auto;
            margin: 0px;
            border-radius: 8px;
            border: 1px solid VAR(--A100);
        }

        #relatedProducts div.EventThumb .imgWrapper .imgSubWrapper .playVideo, div.EventThumb .imgWrapper .imgSubWrapper .playVideo {
            width: 12vw;
            height: auto;
            position: absolute;
            left: 3vw;
            top: 8vw;
        }




div.EventThumb .ThumbNameSession {
    float: left;
    width: 75%;
}


#divCinemas h1 {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    top: -1px;
    right: 0;
    height: auto;
    z-index: 100;
}


div.EventThumb .marginTop {
    display: block;
}

div.EventThumb .ThumbNameSession .dtop {
    display: none;
}

.countdown {
    color: lightcoral;
}

.countdownover {
    color: red;
}

div.EventThumb .ThumbNameSession .mobile {
    margin-left: 2%;
    width: 83%;
    display: block;
    float: left;
}


    div.EventThumb .ThumbNameSession .mobile td {
        vertical-align: top;
        text-align: left;
    }

    /*div.EventThumb .ThumbNameSession form {
            float:left;
            width:15%
        }*/

    div.EventThumb .ThumbNameSession .mobile tr:nth-child(1) a {
        font-size: 22px;
        font-weight: normal;
        font-family: HeaderFont2;
        color: white;
    }

    div.EventThumb .ThumbNameSession .mobile tr:nth-child(2) {
        /*color: rgba(0,0,0,0.54);*/
    }

        div.EventThumb .ThumbNameSession .mobile tr:nth-child(2) a {
            /*color: rgba(0,0,0,0.87);*/
        }







#divOrderEurobusTickets {
    width: 100%;
    float: left;
    color: rgba(0, 0, 0, 0.87);
}

    #divOrderEurobusTickets h1 {
        color: VAR(--P700);
    }

#divOrderEurobusTicketsInfo {
    display: none;
    background-color: #3d3d3d;
}

    #divOrderEurobusTickets p, #divOrderEurobusTickets h1, #divOrderEurobusTicketsInfo p, #divOrderEurobusTicketsInfo h1 {
        padding-left: 2%;
        padding-right: 2%;
        width: 100%;
    }

    #divOrderEurobusTicketsInfo #imgCover {
        width: 100%;
        /*border: 8px solid var(--L100);*/
        margin: 8px;
    }

#divOrderEurobusTickets, #divOrderEurobusTickets .HTMLForm .field, #divOrderRailwayTickets .HTMLForm .field {
    background-color: var(--L100);
}

    #divOrderEurobusTickets .HTMLForm .field div, #divOrderRailwayTickets .HTMLForm .field .divStation {
        width: 100%;
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        -khtml-border-radius: 9px;
        border-radius: 9px;
        /*border: 1px solid var(--L300);*/
        margin: 0;
        background-color: white;
    }

    #divOrderEurobusTickets .HTMLForm select, #divOrderRailwayTickets .HTMLForm .divStation select {
        width: 100%;
        margin-left: 6%;
        margin-top: 0;
        margin-bottom: 0;
        margin-right: 0;
        padding-left: 32px;
    }

#divBusSchedule {
    width: 100%;
}


    #divBusSchedule .train {
        background-color: white;
        -moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        -khtml-border-radius: 9px;
        border-radius: 9px;
        width: 98%;
        margin: 4px;
        border: 1px solid var(--L300);
        float: left;
        padding: 4px;
    }

        #divBusSchedule .train .tabTrain {
            width: 100%;
            font-size: 4vw;
        }

            #divBusSchedule .train .tabTrain thead {
                display: none;
            }


            #divBusSchedule .train .tabTrain td {
                padding: 8px;
                color: rgba(0, 0, 0, 0.87);
                font-family: HeaderFont2;
            }

            #divBusSchedule .train .tabTrain .td1 {
                width: 50%;
            }

            #divBusSchedule .train .tabTrain .td2 {
                width: 25%;
            }

            #divBusSchedule .train .tabTrain .td3 {
                width: 25%;
                text-align: right;
            }

                #divBusSchedule .train .tabTrain .td3 button {
                    color: white;
                }

            /*#divBusSchedule .train .tabTrain .showmore i {
                    display: none;
                }

                #divBusSchedule .train .tabTrain .showmore span {
                    display: inline-block;
                }*/



            #divBusSchedule .train .tabTrain .showmore {
                color: white;
                background-color: var(--P700);
                padding: 0;
                border-radius: 8px;
                width: 100%;
            }

                #divBusSchedule .train .tabTrain .showmore .title {
                    color: white;
                }


        #divBusSchedule .train .trainName {
            padding: 4px;
            color: var(--P700);
            border-bottom: 1px solid var(--L300);
            /*color: rgba(0,0,0, 0.54)*/
        }


        #divBusSchedule .train .trainDates {
            color: rgba(0,0,0,0.54);
            margin-top: 4px;
        }


            #divBusSchedule .train .trainDates b {
                color: white;
                background-color: var(--P700);
                padding: 4px;
                -moz-border-radius: 3px;
                -webkit-border-radius: 3px;
                -khtml-border-radius: 3px;
                border-radius: 3px;
                font-size: 3.5vw;
            }

#divOrderEurobusTickets .HTMLForm .field {
    border-right-width: 0;
    border-left-width: 0;
}

#divOrderEurobusTickets .HTMLForm .icon, #divOrderRailwayTickets .HTMLForm .icon {
    position: absolute;
    left: 16px;
    top: 18px;
    color: var(--P500);
}

#divOrderRailwayTickets .HTMLForm .icon {
    left: 16px;
    top: 14px;
}

#divOrderEurobusTickets .HTMLForm .dis {
    color: rgba(0,0,0,0.54);
}

/*#divEventInfo div.divTrailer {
    display: none;
}*/

#divOrderRailwayTicketsAd {
    display: none;
}

#divCheckBarcode {
    background-color: var(--L100);
}

    #divCheckBarcode .msgBlk {
        margin-left: 1%;
        margin-right: 1%;
        width: 98%;
    }

    #divCheckBarcode div {
        width: 100%;
        padding: 4px;
    }

    #divCheckBarcode table {
        width: 100%;
        margin-bottom: 16px;
    }

        #divCheckBarcode table td {
            border: 1px solid rgba(0,0,0,0.06);
            padding: 1%;
            vertical-align: top;
            background-color: white;
        }



        #divCheckBarcode table.active td {
            color: var(--P700);
            /*font-weight:bold;*/
            /*border: 1px solid rgba(0,0,0,0.12);*/
        }

        #divCheckBarcode table .header td {
            color: black;
            background-color: var(--L300);
        }

        #divCheckBarcode table.active .header td {
            color: black;
            background-color: var(--A100);
        }


        #divCheckBarcode table tr td:nth-child(1) {
            width: 40%;
        }



    #divCheckBarcode button, #divCheckBarcode input {
        width: 98%;
        margin: 1%;
    }

    #divCheckBarcode table td button {
        width: 100%;
        margin: 0;
    }

    #divCheckBarcode input {
        border: 1px solid var(--L300);
        padding: 8px;
        font-size: 12pt;
        font-weight: bold;
    }


.svgSecActive {
    fill: lightblue;
    cursor: pointer;
}

.svgSecDisabled {
    fill: lightgray;
}

.svgSeatActive {
    fill: lightgreen;
    cursor: pointer;
}

.svgSeatDisabled {
    fill: lightgray;
}


.svgSecActive:hover {
    fill: red;
    /*transform: scale(2);
    transform-style:flat ;
    transition: all 0.5s;
    transform-origin:center;*/
}

/*.svgSecActive {
    fill:black;
    transform: scale(1,1,1);
    transform-origin: center;
}*/


.spaHoliday {
    color: red;
}

#divCinemas h2 .spaHoliday {
    color: #ffb3b3;
}


#divOrderRailwayTickets .showAll button {
    background-image: none;
    background-color: transparent;
    min-height: 12pt;
    height: auto;
    text-indent: 0;
    margin-top: 0px;
    margin-bottom: 2px;
    width: auto;
    color: var(--P700);
    border: 0px solid var(--P700);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    font-size: 14px;
    padding: 0;
    padding-left: 4px;
}

#divOrderRailwayTickets .HTMLForm {
    background-color: var(--L100);
    border-width: 0;
    padding: 0;
}

#ConfirmVisit select {
    border: 1px solid rgba(0,0,0,0.38);
    -webkit-appearance: menulist;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    width: 100%;
    max-width: 640px;
    padding: 2px;
}


#divIframeDoc {
    position: absolute;
    top: 128px;
    left: 8px;
    right: 8px;
    bottom: 8px;
    border: 1px solid rgba(0,0,0,0.12);
}

#iframeDoc {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    border-width: 0;
    background-color: white;
}



#divIdentifyTicket h3 {
    padding-left: 8px;
    padding-top: 8px;
    color: rgba(0,0,0, 0.87);
}

#divIdentifyTicket a {
    color: var(--P700);
}

#divIdentifyTicket #divCheckPhoneEmail {
    width: 100%;
}


    #divIdentifyTicket #divCheckPhoneEmail h3, #divIdentifyTicket h3 {
        margin-top: 8px;
        margin-block-start: 0;
        margin-block-end: 0;
        font-weight: normal;
    }


#divIdentifyTicket .cmdPanel button {
    background-color: var(--L50);
    color: rgba(0,0,0,0.87);
    border: 1px solid var(--L300);
    width: 98%;
    margin: 1%;
}


#divIdentifyTicket #btnCheckPhoneEmail, #divIdentifyTicket #btnLoginAndCheckout {
    background-color: var(--P500);
    color: white;
    border-width: 0;
}


#divIdentifyTicket #fblogin {
    float: left;
    width: 100%;
    text-align: center;
}

    #divIdentifyTicket #fblogin img {
        top: 16px;
        /*left: 50%;
        right: 50%;*/
        position: relative;
    }


#divPlanVisitInterview {
    min-height: 100%;
    height: auto;
}

    #divPlanVisitInterview .HTMLForm .intro {
        padding-bottom: 0;
    }

    #divPlanVisitInterview .HTMLForm {
        float: none;
    }

    #divPlanVisitInterview .vaOptions {
        /*max-height:160px;*/
        /*overflow-y: scroll;*/
        background-color: white;
        /*border: 1px solid var(--L300);*/
    }

    /*#divPlanVisitInterview #divVAPri .vaOptions {
        max-height: 108px;
    }*/


    #divPlanVisitInterview .field {
        padding-bottom: 0px;
    }


    #divPlanVisitInterview div.vaOptions {
        padding: 0;
    }


    #divPlanVisitInterview .vaOptions label {
        border: 1px solid #E0E0E0;
        color: rgba(0,0,0,0.86);
        margin-top: -1px;
    }

    #divPlanVisitInterview h1 {
        margin-top: 8px;
        margin-bottom: 0;
        margin-left: 2px;
        margin-right: 2px;
        padding: 0;
        color: VAR(--P700);
    }

    #divPlanVisitInterview h3 {
        font-size: 12px;
        font-weight: normal;
        margin: 0;
        margin-top: 4px;
        padding: 4px;
        text-align: center;
        color: rgba(0,0,0, 0.54);
        background-color: #FAFAFA;
        border-left: 1px solid rgba(0, 0, 0, 0.06);
        border-right: 1px solid rgba(0, 0, 0, 0.06);
        border-top: 1px solid rgba(0, 0, 0, 0.06);
    }

/*#divExtraInfo .fa-star {
        color: #d21972
    }*/

#divExtraInfo #divComments, #divEventInfo #divComments {
    /*background-color: white;*/
    margin-top: -8px;
}

#divExtraInfo .divComment, #divEventInfo .divComment {
    /*background-color: #FAFAFA;*/
    padding: 8px;
    margin-top: 8px;
    margin-left: 4px;
    margin-right: 4px;
    /*border: 1px solid rgba(0,0,0,0.38);*/
    /*-moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;*/
    /*color: rgba(0, 0, 0, 0.87);*/
    /*background-color: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(0,0,0,0.22);*/
    border-bottom: 1px solid rgba(0,0,0,0.12);
}

#divEventInfo .hrEval {
    display: none;
}

#divExtraInfo div, #divExtraInfo b {
    white-space: normal;
    word-break: normal;
}




div.vaOptions .divVAOption {
    display: inline-block;
    line-height: 20px;
    margin-top: 8px;
    margin-bottom: 8px;
}

div.vaOptions .labelCheck {
    line-height: 20px;
}

    div.vaOptions .labelCheck input {
        margin-top: 2px!important;
    }

#divExtraInfo {
    height: 80%;
    z-index: 100;
    position: fixed;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: 1vw;
    margin-right: 1vw;
    margin-bottom: -9px;
    padding: 16px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    -khtml-border-radius: 9px;
    border-radius: 9px;
    border: 1px solid rgba(0,0,0, 0.12);
    background-color: #3d3d3d;
    color: rgba(255, 255, 255, 0.8);
    display: none;
    overflow-y: scroll;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.34);
}

#divPlanVisitInterview #aMoreInfo {
    display: none;
    line-height: 28px;
    margin-left: 8px;
    color: var(--P500);
}

#divPlanVisitInterview #divAddToCart {
    border-bottom-width: 0;
    margin-top: 8px;
}

#divExtraInfo #btnClose {
    white-space: normal;
    z-index: 2;
    /*position: absolute;
    right: 16px;*/
    float: right;
}

#divExtraInfo iframe {
    border: 1px solid #EEEEEE;
    width: 100%;
    height: 400px;
}

#divExtraInfo #imgLogo {
    float: right;
    margin-right: 16px;
    margin-bottom: 16px;
}

#divExtraInfo p {
    margin-top: 0;
}

#divExtraInfo li {
    /*margin-left:16px;
    float:none*/
}

#frmPaymentTypes {
    float: left;
}

#divSmartLogin #txtPwd, #divSmartLogin #txtPwd2, #divSmartLogin #txtPhone, #divSmartLogin .HTMLForm .text {
    font-size: 16px;
    padding-top: 2px;
    padding-bottom: 2px;
}

#divSmartLogin .HTMLForm .txt {
    font-size: 12px;
    padding: 4px;
}

#divSmartLogin .HTMLForm label {
    font-size: 12px;
    line-height: 16px;
    margin-top: 8px;
}

#divSmartLogin .HTMLForm .labelCheck {
    padding-left: 2px;
    padding-right: 2px;
    line-height: 16px;
    font-size: 16px;
}

#divSmartLogin .HTMLForm input, #divSmartLogin .HTMLForm select {
    height: 36px;
}


#divToolstrip div.cinemaBtn {
    /*padding-left: 32px*/
}

    #divToolstrip div.cinemaBtn img {
        position: relative;
        float: left;
        left: 0;
        top: 4px;
    }


@media print {
    .ticketsToolbar {
        display: none;
    }
}


.mm-search input {
    font-size: 16px;
}

#ConfirmVisit {
    margin: 4px;
}

    #ConfirmVisit input {
        border: 1px solid rgba(0,0,0,0.12);
    }

    #ConfirmVisit #hid {
        width: 50px;
    }

    #ConfirmVisit #vid {
        width: 40px;
    }

    #ConfirmVisit #ciid {
        width: 75px;
    }

    #ConfirmVisit #aiid {
        width: 75px;
    }

    #ConfirmVisit #cmd {
        margin-top: 8px;
        margin-bottom: 16px;
    }

    #ConfirmVisit div {
        margin: 2px;
    }

    #ConfirmVisit #cmd button {
        width: 128px;
    }

    #ConfirmVisit table {
        margin-top: 8px;
    }

        #ConfirmVisit table th {
            background-color: var(--P100);
            padding: 2px;
        }

        #ConfirmVisit table td {
            border: 1px solid rgba(0,0,0,0.12);
            text-align: left;
            padding: 2px;
        }

#divPlanVisitInterviewFooter {
    width: 100%;
    background-color: var(--L50);
    border-top: 1px solid rgba(0,0,0,0.06);
    height: 48px;
    padding: 2px;
    display: block;
    margin-top: 4px;
    float: right;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.38);
}

    #divPlanVisitInterviewFooter ul {
        list-style: none;
        /*line-height: 12px;*/
    }



#divContactMethod .para {
    padding-left: 8px;
    color: rgba(0, 0, 0, 0.87);
}

#divUsers div {
    /*border: 1px solid rgba(0, 0, 0, 0.12);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    padding:4px;
    width:100%;
    margin-bottom: 8px*/
}


#tabMatOrders {
    margin-top: 16px;
    float: left;
    width: 100%;
    max-width: 100%;
}

    #tabMatOrders td {
        border: 1px solid rgba(0, 0, 0, 0.06);
        background-color: white;
        padding: 2px;
        vertical-align: top;
    }

    #tabMatOrders th {
        border: 1px solid rgba(0, 0, 0, 0.06);
        background-color: transparent;
        font-size: 8pt;
        padding: 2px;
    }

.spaClosed {
    background-color: red;
    color: white;
    padding-left: 4px;
    padding-right: 4px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}

#divWaybillDetail {
    padding: 2px;
}

    #divWaybillDetail table {
        width: 100%;
    }

        #divWaybillDetail table td, #divWaybillDetail table th {
            padding: 2px;
            border: 1px solid rgba(0, 0, 0,0.06);
        }

        #divWaybillDetail table td {
            background-color: white;
        }


#divWaybill {
    float: left;
}


#divPlanVisitInterview #divUsers div, #divPlanVisitInterview #divOrderPresets div {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 6px;
    font-weight: bold;
}

#divPlanVisitInterview #divOrderPresets #aMoreInfo {
    display: block;
}

#divPlanVisitInterview #divOrderPresets div {
    font-weight: normal;
}

#divPlanVisitInterview #divUsers p {
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 6px;
    float: left;
}

#divPlanVisitInterview #divUsers a {
    color: var(--P500);
    font-weight: bold;
    cursor: pointer;
}


#divPlanVisitInterview .cmdPanel {
    border-bottom-width: 0px;
    text-align: center;
}

    #divPlanVisitInterview .cmdPanel button {
        width: 96%;
        margin: 2%;
    }

#divPlanVisitInterview .divExpandEl {
    text-align: center;
    padding: 4px;
    cursor: pointer;
    background-color: #FAFAFA;
    border-left: 1px solid rgba(0, 0, 0, 0.06);
    border-right: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

#divPlanVisitInterview .HTMLForm .intro {
    padding: 4px;
}

#divAddUser label {
    font-size: 10pt;
    line-height: 16pt;
}

#divPlanVisitInterview #divPlusMinus button {
    width: auto;
    margin: 2px;
    width: 42px;
    padding-left: 0;
    padding-right: 0;
}

.divApps {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    background-color: rgba(40,48,54,0.92);
    padding: 8px;
    text-align: center;
    z-index: 1000000;
}


    .divApps #divAppsClose, #divRequestExtraInfo #divDiagClose, #dlgShippingAddress #divDiagClose {
        float: right;
        color: rgba(255,255,255,0.70);
        font-size: 16px;
        cursor: pointer;
    }

#divRequestExtraInfo h2, dlgShippingAddress h2 {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 8px;
}

#divRequestExtraInfo label {
    line-height: 22px;
}

#divRequestExtraInfo #divDiagClose, #dlgShippingAddress #divDiagClose {
    color: rgba(0,0,0,0.87);
}

#divRequestExtraInfo #txtExtraInfo {
    border-width: 3px;
    border-color: darkred;
}

.divApps #divText {
    color: rgba(255,255,255,0.87);
    font-weight: normal;
    margin-bottom: 4px;
}

#tabPersonnelSchedule {
    margin: 8px;
}

    #tabPersonnelSchedule td {
        padding: 2px;
        border: 1px solid rgba(0,0,0,0.06);
    }

#divPRatingsGuide {
    margin-top: 60px;
}


#btnImgCmd {
    position: absolute;
    left: 8px;
    top: 8px;
}

#divVASec .divUpDown {
    width: auto;
    float: right;
    margin-top: 6px;
    margin-bottom: 6px;
}


    #divVASec .divUpDown div {
        border: 0px solid var(--P700);
        background-color: rgba(0,0,0,0.12);
        color: rgba(0,0,0,0.87);
    }

    #divVASec .divUpDown div, #divVASec .divUpDown input {
        text-align: center;
        border-radius: 16px;
        height: 32px;
        width: 32px;
        margin: 2px;
        padding: 8px;
        font-weight: bold;
        font-size: 16px;
        font-family: Arial;
        line-height: normal;
        color: var(--P700);
        user-select: none;
        cursor: pointer;
    }

div.vaOptions .divVAOptionNameSec {
    width: 42%;
}

div.vaOptions .divVAOptionName {
    width: 64%;
}

div.vaOptions .divVAOptionRadio {
    width: 10%;
    background-color: transparent;
}

    div.vaOptions .divVAOptionRadio input {
        margin-top: 0!important;
        height: 20px;
    }

div.vaOptions .divVAOptionPriceSec, div.vaOptions .divVAOptionPrice {
    width: 25%;
}


#divPresetR labelCheck {
    margin-bottom: 0;
}

#divPlanVisitInterview #divPresetR .cmdPanel {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    bottom: 0;
    right: 0;
    margin-top: 16px;
    border-top: 1px solid rgba(0,0,0,0.12);
    text-align: left;
    background-color: #F5F5F5;
    z-index: 10;
}

#divPlanVisitInterview #btnAddToCart {
    background-color: var(--A400);
    color: white;
}


@keyframes highlightRule {
    0% {
    }

    50% {
        background: rgba(255, 236, 179, 0.03);
    }

    100% {
    }
    /*to {
        background: white;
        border: 2px solid red
        background: rgba(255, 236, 179, 0.03);
    }

    from {
        background: #ffff66;
        border: 1px solid darkred;
        box-shadow: inset 0 0 10px darkred;
    }*/
}

.highlight {
    animation: highlightRule 200ms;
}


#antarctida {
    height: 32px;
}

/*#divPlanVisitInterview .field {
      position: -webkit-sticky;
      position: sticky;
      top: -3px;
}*/

@keyframes dockRule {
    0% {
        background-color: #F5F5F5;
        margin-top: 8px;
    }

    30% {
        background-color: rgba(0, 0, 0, 0.36);
    }

    100% {
        /*background-color: rgba(240, 240, 240, 0.76);*/
        background-color: rgba(120, 120, 120, 0.32);
        margin-top: 0;
        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
    }
}

.optDisabled {
    color: rgba(0, 0, 0, 0.38);
}

#divPlanVisitInterview .selectedVA {
    background-color: #F5F5F5;
    font-weight: bold;
}

#divPlanVisitInterview #divVisitHours {
    padding-bottom: 8px;
    margin-top: -1px;
}

#divPlanVisitInterview .dock {
    animation: dockRule 500ms;
    background-color: rgba(120, 120, 120, 0.32);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(6px);
    /*filter: blur(2px);
    -webkit-filter: blur(2px);*/
}

#divAnalysisResults {
    padding: 8px;
    font-size: 11pt;
}

    #divAnalysisResults button {
        width: 100%;
    }


#tabfindorder .cmd button, #tabfindorder .cmd input {
    width: 100%;
    margin-bottom: 4px;
}

#tabfindorder .cmd {
    margin-bottom: 8px;
}

#dlgShippingAddress {
    overflow-y: scroll;
}

#divMap {
    width: 100%;
    height: 200px;
}

#tabShippingEvents {
    width: 100%;
    max-width: 640px;
}

    #tabShippingEvents td {
        padding: 4px;
        background-color: #F5F5F5;
    }

    #tabShippingEvents .card {
        border: 1px solid rgba(0,0,0, 0.12);
        /*-moz-border-radius: 9px;
        -webkit-border-radius: 9px;
        -khtml-border-radius: 9px;*/
        border-radius: 9px;
        margin: 0;
        width: 100%;
        padding: 4px;
        background-color: white;
    }

        #tabShippingEvents .card h3 {
            margin: 4px;
        }

        #tabShippingEvents .card div {
            padding: 4px;
        }

        #tabShippingEvents .card button {
            width: 100px;
            margin-right: 4px;
        }

#profHome #header {
    min-height: 160px;
    height: auto;
    background-color: var(--P700);
    width: 100%;
    background-image: url(/images/eqimtan_pat2.png);
    background-repeat: repeat-x;
}

    #profHome #header img {
        max-width: 100%;
        position: absolute;
        left: 0;
        top: 0;
    }

    #profHome #header #headerText {
        max-width: 100%;
        position: relative;
        left: 0px;
        top: 0px;
        /*height:236px;*/
        font-size: 11pt;
        color: rgba(0, 0, 0, 0.87);
        color: white;
        padding: 16px;
        text-shadow: 2px 2px 8px #f5f5f5;
        max-width: 640px;
        /*backdrop-filter: blur(4px);
   -webkit-backdrop-filter: blur(4px);*/
    }

        #profHome #header #headerText a {
            color: yellow;
        }

#divMenu2D {
    /*position:absolute*/
    padding-left: 8px;
    padding-right: 8px;
}

    #divMenu2D, #divMenu2D table {
        width: 100%;
    }

        #divMenu2D tr {
            border-bottom-width: 0;
        }

        #divMenu2D td {
            height: 126px;
            overflow-x: hidden;
            overflow-y: hidden;
            display: block;
            /*position:relative;*/
            padding: 0;
            /*border-bottom: 1px solid rgba(0, 0, 0, 0.12);
        border-top: 1px solid rgba(0, 0, 0, 0.12);*/
        }


        #divMenu2D .tdCatDivider {
            height: 16px;
        }


        #divMenu2D .tdCatTitle {
            height: 32px;
            background-color: white;
            border-top: 1px solid rgba(0, 0, 0, 0.12);
            font-family: HeaderFont2;
            font-weight: normal;
            color: VAR(--P700);
            padding: 4px;
            margin-bottom: -1px;
            font-size: 18px;
            border-radius: 8px 8px 0 0;
        }

            #divMenu2D .tdCatTitle span {
                color: rgba(0, 0, 0, 0.54);
                font-family: MainFont;
                /*font-weight: normal;*/
                font-size: 14px;
                position: relative;
                top: -2px;
            }

        #divMenu2D .tdCatFooter {
            height: 8px;
            border-radius: 0 0 0 8px;
            background-color: white;
            margin-bottom: -1px;
        }

        #divMenu2D .tdCatCmds {
            height: 33px;
            background-color: white;
            border-radius: 0 0 8px 0px;
            margin-top: -1px;
            /*padding-top: 8px*/
            /*box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.06)*/
        }

        #divMenu2D .divCatCmds {
            height: 34px;
            position: relative;
            width: fit-content;
        }

            #divMenu2D .divCatCmds div {
                display: table-cell;
                height: 34px;
                line-height: 34px;
                font-size: 14px;
                /*background-color: #E5E5E5;*/
                background-color: #3d3d3d;
                padding-left: 8px;
                /*color: rgba(0, 0, 0, 0.54);*/
                color: rgba(255, 255, 255, 0.54);
                white-space: nowrap;
            }

            #divMenu2D .divCatCmds button {
                background-color: transparent;
                color: rgba(255, 255, 255, 0.54);
                padding: 0;
                /*width: initial*/
            }

                #divMenu2D .divCatCmds button:hover {
                    color: VAR(--P500);
                }

            #divMenu2D .divCatCmds .divStart {
                max-width: 90vw;
                margin: 0;
                padding: 0;
                overflow-x: scroll;
                height: 34px;
                position: relative;
            }

                #divMenu2D .divCatCmds .divStart .divPH {
                    width: 48px;
                }

            #divMenu2D .divCatCmds img {
                position: absolute;
                right: -1px;
                top: -1px;
                /*z-index:1000;*/
                -webkit-transform: translate3d(0,0,0);
            }

        /*#divMenu2D .divCatCmds .divAfterEnd {
            *width: 100%;
            background-color: white;
            box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.06)
        }*/

        /*#divMenu2D .divCatCmds div:hover {
                color: var(--P500);
                cursor: pointer;
            }*/


        #divMenu2D .cards .catTitle {
            position: relative;
            left: 0px;
            top: 0px;
            height: 28px;
            padding-left: 8px;
            padding-top: 4px;
            font-weight: bold;
            color: var(--P700);
            /*background-color: blanchedalmond;
        z-index: 10000*/
        }

        #divMenu2D .cards, #divMenu2D .subCards {
            overflow-x: scroll;
            overflow-y: hidden;
            height: 144px;
            background-color: white;
            width: 100%;
            white-space: nowrap;
            border-top: 0px solid rgba(0, 0, 0, 0.12);
            border-bottom: 0px solid rgba(0, 0, 0, 0.12);
            /*padding-right: 16px;*/
        }
        /**/

        /*/*-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;

       
    }

.subCardsExp {
    display:inline-block
}*/

        #divMenu2D .subCards {
            margin-top: 0;
            width: auto;
            display: inline-block;
            height: 117px;
            overflow-x: hidden;
        }

        /*#divMenu2D .divCatCmds {
        position:absolute;
        left:0;
        top:0;
        z-index:100;
        background-color: #E6E6E6
    }*/



        #divMenu2D .card {
            width: 132px;
            height: 144px;
            float: none;
            text-align: center;
            display: inline-block;
            white-space: normal;
            overflow-x: hidden;
            overflow-y: hidden;
            text-overflow: ellipsis;
            padding-top: 8px;
            vertical-align: top;
            font-size: 14px;
            line-height: 22px;
            margin-left: -1px;
            background-color: white;
        }

            #divMenu2D .card a {
                color: rgba(0, 0, 0, 0.54);
            }

            #divMenu2D .card img {
                height: 64px;
                width: 64px;
                border-radius: 32px;
                border: 0px solid rgba(0, 0, 0, 0.36);
                /*filter: grayscale(75%);*/
                transition: transform .2s;
                /*object-fit: cover;*/
            }

            #divMenu2D .card .dis {
                -webkit-filter: grayscale(100%);
                filter: grayscale(100%);
            }

            #divMenu2D .card img:hover {
                /*-webkit-filter: grayscale(0);
            filter: grayscale(0);
            transform: scale(1.1);*/
            }

            #divMenu2D .card .dis:hover {
                filter: grayscale(100%);
            }

        #divMenu2D .headerCard {
            font-weight: bold;
            color: rgba(0,0, 0, 0.87);
            background-color: #f5f5f5;
            padding-left: 4px;
            padding-right: 4px;
            width: 132px;
            height: 144px;
            border: 1px solid white;
            /*border-right: 1px solid #E5E5E5;
        border-left: 1px solid #E5E5E5;*/
            /*margin-left: 0px*/
        }

        #divMenu2D .headerCardCat {
            background-color: var(--L50);
            /*position: -webkit-sticky;
            position: sticky;*/
            left: 0;
            z-index: 1;
        }

            #divMenu2D .headerCardCat img {
                -webkit-filter: grayscale(0);
                filter: grayscale(0);
            }

#story {
    padding: 8px;
    font-size: 11pt;
}

    #story img {
        max-width: 90%;
    }

.popupEventInfo {
    display: none;
}

.PassCardQRs {
    width: 100%;
    overflow-x: auto;
    background-color: white;
    border-radius: 16px;
    padding: 8px;
}

    .PassCardQRs Table TD {
        min-width: 200px;
        text-align: center;
    }

    .PassCardQRs Table div {
        font-size: 12px;
        padding: 8px;
    }

#divRequestNamePID {
    margin: auto;
    max-width: 480px;
    width: 100%;
    /*border: 1px solid rgba(0, 0, 0, 0.12);*/
    border-radius: 8px;
    margin-top: 8px;
    /*background-color: rgba(0, 0, 0, 0.06);*/
    padding: 4px;
}

    #divRequestNamePID table {
        width: 100%;
        margin-top: 16px;
    }

        #divRequestNamePID table td {
            padding: 4px;
        }

    #divRequestNamePID input {
        border-width: 1px;
        border-radius: 3px;
        border: 1px solid rgba(0, 0, 0, 0.12);
        padding: 4px;
        width: 100%;
    }

    #divRequestNamePID button {
        padding: 8px;
    }









#divMenu2D .tdCatBody {
    /*height: 372px;*/
    height: 151px;
    margin-top: -1px;
    margin-bottom: -1px;
}

    #divMenu2D .tdCatBody .cards {
        /*height: 389px;*/
        height: 168px;
    }

    #divMenu2D .tdCatBody .card {
        width: 168px;
        /*height: 389px;*/
        height: 168px;
        font-size: 14px;
        line-height: 22px;
    }

        #divMenu2D .tdCatBody .card img {
            height: 96px;
            width: 96px;
            border-radius: 48px;
        }

#divMenu2D .subCards {
    height: 150px;
}



#divMenu2D .tdEvents {
    height: 372px;
}

    #divMenu2D .tdEvents .cards {
        height: 389px;
    }

    #divMenu2D .tdEvents .card {
        width: 176px;
        height: 389px;
        font-size: 14px;
        line-height: 22px;
        position: relative;
    }


        #divMenu2D .tdEvents .card img {
            width: 160px;
            height: 237px;
            border-radius: 8px;
        }


#divMenu2D .card .title {
    margin-top: 10px;
    font-size: 14px;
    height: 36px;
    line-height: 18px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.64);
    overflow: hidden;
}

#divMenu2D .cards .headerCard {
    padding-left: 8px;
    padding-right: 8px;
    width: 168px;
    height: 152px;
    /*height: 370px;*/
    border-radius: 16px;
    margin-left: 8px;
    font-weight: normal;
}



#divMenu2D .tdCatBody .cards .title {
    margin-top: 4px;
}

#divMenu2D .card .price, .popupEventInfo .price {
    color: darkred;
    font-weight: bold;
    position: absolute;
    top: 210px;
    left: 16px;
    background-color: white;
    border-radius: 16px;
    padding: 2px;
    padding-left: 8px;
    padding-right: 8px;
    display: inline;
    z-index: 1;
}

.popupEventInfo .price {
    top: 242px;
}

/*#divMenu2D .cards .headerCard .title {
        margin-top: 220px;
    }*/



#divMenu2D .card .menuItemExtraInfo {
    display: block;
}

    /*.popupEventInfo .date {
        display: none
    }*/

    #divMenu2D .card .menuItemExtraInfo .org {
        margin-top: 4px;
        color: rgba(0, 0, 0, 0.54);
        font-weight: normal;
        height: 16px;
        line-height: 16px;
        overflow: hidden;
        font-size: 12px;
    }

    #divMenu2D .card .menuItemExtraInfo .date {
        display: none;
    }



    #divMenu2D .card .menuItemExtraInfo .status {
        margin-top: 4px;
        height: 16px;
        color: rgba(0, 0, 0, 0.54);
        font-size: 12px;
    }


    #divMenu2D .card .menuItemExtraInfo button {
        margin-top: 8px;
        margin-bottom: 0px;
        width: 160px;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 8px;
        padding-right: 8px;
        border-radius: 8px;
        cursor: pointer;
        font-size: 12px;
        border: 2px solid var(--L200);
        background-color: white;
        background-color: var(--P500);
        color: rgba(0, 0, 0, 0.87);
        color: white;
        line-height: 28px;
        border-width: 0;
        filter: grayscale(75%);
    }

        #divMenu2D .card .menuItemExtraInfo button:hover {
            color: white;
            background-color: var(--P700);
        }

/*#divMenu2D .card .title {
            background-color: var(--L100);
            height: 43px;
            margin-top: 4px;
            border: 1px solid #E5E5E5;
        }*/


#divMenu2D .scrollArrow {
    position: absolute;
    /*background-color: var(--L100);*/
    background-color: #3d3d3d;
    width: 32px;
    text-align: center;
    height: 152px;
    line-height: 152px;
    display: inline-block;
    cursor: pointer;
    /*color: rgba(0, 0, 0, 0.54);*/
    color: rgba(255, 255, 255, 0.70);
    z-index: 103;
    border: 0px solid rgba(255, 255, 255, 0.12);
    opacity: 0.01;
}

#divMenu2D .tdEvents .scrollArrow {
    height: 152px;
    line-height: 152px;
    margin-top: 49px;
}



#divMenu2D .scrollArrow:hover {
    /*opacity: 1;*/
    /*background-color: var(--A100);*/
}

#divMenu2D .SARight {
    right: 8px;
    border-radius: 32px 0px 0px 32px;
}

#divMenu2D .SALeft {
    left: 8px;
    border-radius: 0px 32px 32px 0px;
    /*opacity: 0.01;*/
}

#divMenu2D .act {
    opacity: 0.92;
}

#divMenu2D .scrollArrow i {
    line-height: 150px;
    font-size: 16px;
}

#divMenu2D .scrollArrow .collapse, #divMenu2D .scrollArrow .ff, #divMenu2D .scrollArrow .rwind {
    position: absolute;
    left: 0;
    top: 2px;
    width: 32px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    display: block;
    cursor: pointer;
    /*color: rgba(0, 0, 0, 0.54);*/
    z-index: 102;
}



#divMenu2D .scrollArrow .ff, #divMenu2D .scrollArrow .rwind {
    top: 96px;
    position: absolute;
}

    #divMenu2D .scrollArrow .collapse i, #divMenu2D .scrollArrow .ff i, #divMenu2D .scrollArrow .rwind i {
        line-height: 50px;
    }

.popupEventInfo {
    display: none;
    /*z-index: 101;
    background-color: var(--P100);
    background-color: var(--L100);
    height: auto;
    width: 176px;
    box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    border-radius: 8px;
    padding: 8px;
    color: white;*/
}

/*.popupEventInfo img {
        width: 160px;
        height: 237px;
        margin-top: 32px;
        border-radius: 8px;
    }

.popupOrgInfo img {
    width: 96px;
    height: 96px;
    margin-top: 32px;
    margin-left: 32px;
    border-radius: 48px;
}

.popupEventInfo .date {
    position: absolute;
    left: 8px;
    top: 8px;
    width: 160px;
    height: 32px;
    text-align: center;
    background-color: var(--P100);
    background-color: var(--L100);
    padding: 4px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 0px;
    color: black;
}

.popupEventInfo .title {
    margin-top: 8px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.87);
}

.popupEventInfo .org {
    margin-top: 4px;
    color: rgba(0, 0, 0, 0.54);
    font-weight: bold;
}

.popupEventInfo .status {
    margin-top: 4px;
    color: rgba(0, 0, 0, 0.54);
}


.popupEventInfo button {
    margin-top: 4px;
    margin-bottom: 0px;
    width: 160px;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 8px;
    padding-right: 8px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 12px;
    border: 2px solid var(--L200);
    background-color: white;
    background-color: var(--P500);
    color: rgba(0, 0, 0, 0.87);
    color: white;
}

    .popupEventInfo button:hover {
        color: white;
        background-color: var(--P700);
    }*/

.owl-carousel .owl-item img {
    border-radius: 8px;
}

#carousel-wr {
    padding: 8px;
}

.owl-carousel {
    background-color: #3d3d3d;
}


iframe {
    border-radius: 8px;
}

.cards, .subCards {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#divMyFiles .HTMLForm {
    background-color: #3d3d3d;
}

    #divMyFiles .HTMLForm label {
        color: rgba(255, 255, 255, 0.65);
        margin-bottom: 4px;
    }

    #divMyFiles .HTMLForm select {
        border: 1px solid rgba(0,0,0,0.80);
        background-color: #303030;
        color: white;
        -webkit-appearance: auto;
    }

#divMenu2D a:hover, .popupEventInfo a:hover {
    text-decoration: none;
}

#divFooter {
    display: none;
}

#divFooterMob {
    margin: 8px;
    display: block;
}

.dialog {
    color: rgba(0,0,0,0.87);
}

    .dialog h1, .dialog h2, dialog h3 {
        color: rgba(0,0,0,0.87);
    }

#PayErr {
    text-align: center;
}

    #PayErr button {
        margin-top: 12px;
        /*background-color: VAR(--A100);
    color: rgba(0, 0, 0, 0.87)*/
        background-color: transparent;
        border: 2px solid white;
        color: white;
    }

#skiCards, #skiCardsNote {
    padding: 8px;
}

    #skiCards .skiCard {
        background-color: white;
        border-radius: 8px;
        margin-bottom: 16px;
        padding: 8px;
        color: rgba(0, 0, 0, 0.87);
    }

        #skiCards .skiCard label {
            color: rgba(0, 0, 0, 0.87);
        }


        #skiCards .skiCard .cardholder {
            color: rgba(0, 0, 0, 0.87);
            font-weight: bold;
            margin-bottom: 4px;
        }

        #skiCards .skiCard .cardNo img {
            display: none;
        }


        #skiCards .skiCard .cardNo input, #skiCards .skiCard .cardNo select {
            border: 1px solid rgba(0, 0, 0, 0.36);
            border-radius: 4px;
            padding: 2px;
            text-align: center;
        }

        #skiCards .skiCard .cardNo select {
            text-align: left;
            -webkit-appearance: listbox;
        }

        #skiCards .skiCard .cardNo input:nth-of-type(1) {
            width: 32px;
        }

        #skiCards .skiCard .cardNo input:nth-of-type(2) {
            width: 190px;
            text-align: left;
        }

        #skiCards .skiCard .cardNo input:nth-of-type(3) {
            width: 32px;
        }

        #skiCards .skiCard .cardNo input:nth-of-type(4), #skiCards .skiCard .cardNo select {
            width: 282px;
            text-align: left;
        }

        #skiCards .skiCard .cmd {
            margin-top: 8px;
        }

            #skiCards .skiCard .cmd button {
                background-color: VAR(--P500);
                filter: grayscale(75%);
                border-radius: 8px;
            }

                #skiCards .skiCard .cmd button:hover {
                    filter: grayscale(0);
                }

#divMTAAddToCart #imgUserPhoto {
    width: 110px;
    height: 163px;
    margin-top:8px;
    margin-bottom:8px
}

#divMTAAddToCart #divPhoto {
    color: darkred
}

#divMTAAddToCart select {
    border: 1px solid rgba(0, 0, 0, 0.36);
    border-radius: 4px;
    padding: 4px;
    text-align: center;
    -webkit-appearance: listbox;
    width: 100%;
    text-align: left;
    font-size: 14px;
}

#divMTAAddToCart div {
    padding-top: 8px;
    padding-bottom: 8px;
}

#divMTAAddToCart label {
    padding-bottom: 4px;
}

#divToolstrip #btnCheckout {
    background-color: purple;
}

#frmRegisterUser a {
    color: VAR(--P700);
}

/*#divEvaluatePersonnel label {
    line-height: 32px;
    padding: 4px;
   background-color: yellow;
   display:table-cell ;
   vertical-align:central
}*/

#divEvaluatePersonnel input[TYPE=RADIO] {
    -webkit-appearance: radio;
    margin: 0;
    display: inline-block;
}

#divEvaluatePersonnel td {
    padding: 4px;
}

    #divEvaluatePersonnel td:first-child {
        width: 8px;
        text-align: center;
        padding-left: 8px;
        /*background-color:red*/
    }

#divEvaluatePersonnel label {
    font-size: 16px;
    padding: 0;
}

#divEvaluatePersonnel input[type=TEXT] {
    font-size: 16px;
}

#divEvaluatePersonnel {
    padding: 8px;
}

.prodInfo {
    margin-bottom: 4px;
    z-index: 202;
}


.divOptOutLabNote {
    color: rgba(0, 0, 0, 0.87);
    background-color: white;
    border-radius: 8px;
    margin: 8px;
    padding: 8px;
    line-height: 24px;
}

    .divOptOutLabNote h1 {
        color: var(--P700);
        font-size: 16px;
        padding-left: 0;
    }

    .divOptOutLabNote .intro {
        margin-bottom: 12px;
    }

#divFBLoginDisc button {
    width: 240px;
    margin-top: 12px;
}

.tabMyClasses {
    width: 100%;
    max-width: 800px
}

  

    .tabMyClasses tr td:nth-child(1) {
        width: 70%;
        padding-left : 8px;
        padding-top : 4px
    }

    .tabMyClasses tr td:nth-child(2) {
        width: 30%;
    }

    .tabMyClasses tr.attends {
        color: lightgreen 
    }

    .tabMyClasses tr.misses {
        color: var(--A100)   
    }

    .tabMyClasses tr.waits {
        color: pink  
    }