@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&display=swap');


.cartdetails {
    margin: 20px;
    margin-top: -15px;
    /* margin-bottom: 40px; */
    padding: 5px;
    padding-top: 10px;
    text-align: center;
    margin-bottom: 40px;
    background-color: #cdcdcd;
    color: var(--main-color);
    line-height: 14px;
    border-radius: 3px;
    font-family: open sans condensed;
    font-weight: 900;
    letter-spacing: -.5px;
    font-size: 12px;
}

a.cartdetail-link {
    text-decoration: underline;
    text-transform: uppercase;
}

.moreparking-header {
    font-size: 22px;
    font-weight: 900;
}

.moreparking{
    width: 60%;
    text-align: center;
    margin: 10px auto;
    font-family: open sans condensed;
    font-size: 17px;
    opacity: 0;
    display: none;
    pointer-events: none;
    transition: opacity .3s;
}
.moreparking.active{
    opacity: 1;
    display: block;
}

.moreparking-text {
}

.yourtickets-ticketlist.moonlite .yourtickets-ticketlist-ticketdetails, .yourtickets-ticketlist.moonlite .yourtickets-ticketlist-ticketprice{
    padding-right: 15px;
}

.moonlite .yourtickets-ticketlist-ticketcontainer-remove, .moonlite .yourtickets-ticketlist-ticketprice{
    display:none;
}

.yourtickets-ticketlist .showschedule-img{
    margin-bottom:0px !important;
}
.yourtickets-subticket-container{
    font-family:open sans condensed;
    padding-bottom:10px;
}

.yourtickets-subticket-container:last-of-type{
    font-family:open sans condensed;
    padding-bottom:45px;
}
.subticket-item{
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* padding: 8px; */
    margin: 5px 15px;
    /* background-color: #fff; */
    border-bottom: 1px solid #ececec;
    /* margin-top: 5px;*/
}
.subticket-type{
    font-weight:900;
}
.subticket-subtype{
    font-size: 9px;
    line-height: 1px;
    position: relative;
    font-weight: 900;
    text-transform: uppercase;
    top: 2px;

}
.subticket-subtype.standard{

    color:#E5BD17;
}
.subticket-subtype.premium{
color:#872030;
}
.subticket-subtype.economy{
    color:#2E2EAA;
}
.subticket-age{

}
.subticket-amount{
    display: flex;
}
.subticket-value{
    font-weight:900;
}
.subticket-plusfees{
    font-size:12px;
    color:#555;
    margin-left:1px;
}
.subticket-remove{

    /* padding: 0px 5px; */
    color: var(--main-color);
    /* background-color: var(--main-color); */
    cursor: pointer;
    /* border: 1px solid var(--main-color); */
    transition: color .2s, background-color .2s;
    /* margin-left: 5px; */
    right: -5px;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 10px;
    position: relative;
}
.subticket-remove:hover{
    color:#ccc;
}



.choose-ticketlist-ticketcontainer.slidingoptions {
    background-color: #fff;
    border: #cdcdcd solid 1px;
    /* margin: 10px 10px; */
    position: relative;
    /* padding: 5px 10px; */
    width: 200px;
    border-radius: 5px;
}

.slidingoptions .choose-ticketlist-choose {
    text-align: center;
    width: 94%;
    margin: 3%;
    font-family: open sans condensed;
    font-weight: 900;
    box-sizing: border-box;
    pointer-events: auto;
}
.slideconfirm.disabled {
    background-color: gray;
    pointer-events: none;
}
.choose-ticketlist-slide {
    width: 100%;
}
.choose-ticketlist-ticketslide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    letter-spacing: 0px;
    font-size: 10px;
    text-align: left;
    padding: 10px 10px;
    /* font-family: open sans condensed; */
    font-family: Open Sans;
}

.choose-ticketlist-ticketslide.child {
    padding-bottom: 11px;
}
.choose-ticketlist-ticketslide.adult {
    border-bottom: #cecccc solid 1px;
}

.choose-ticketlist-ticketslide-type {
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}
.choose-ticketlist-ticketslide-price {
    font-size: 11px;
    font-weight: 900;
}
.plusfees {
    font-size: 9px;
    font-weight: 600;
}

.choose-slidevalue {
    display: block;
    font-family: open sans condensed;
    font-weight: 900;
    font-size: 20px;
    padding: 0;
    margin: 0;
    line-height: 30px;

    text-align: center;
}

.choose-slider {
    width: 100%;
    display: block;
    position: relative;
}
.choose-slider input {
    cursor: pointer;
    opacity: 0;
    z-index: 2;
    width: 100%;
    height: 6px;
    position: absolute;
    vertical-align: middle;
    border-radius: 20px;
    background: white;
}
.choose-slider input:focus {
    outline: none;
}

.numberSlider {
    width: 100%;
    position: relative;
}
.numberSlider__display {
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
    height: 6px;
    margin: 0 7px;
    background: gray;
    position: absolute;
    border-radius: 3px;
}
.numberSlider__path {
    width: 25%;
    height: 6px;
    background: var(--main-color);
    border-radius: 10px;
}
.numberSlider__nob {
    top: -6px;
    left: -1px;
    width: 18px;
    height: 18px;
    transform: translateX(-50%);
    background: var(--main-color);
    position: absolute;
    border-radius: 50px;
    border: 2px solid #fff;
}





















.seatselect-stepholder{
    margin-bottom:0px;
}
.entire-seating2, .entire-seating{
    margin-bottom:8px;
}
.section-seats {
    overflow-x: hidden;
}
.yourtickets-summary-login{
    text-align: center;
    width: 100%;
    border: 2px solid #fff;
    padding: 10px;
    color: var(--main-color);
    background-color: #ffffff;
    text-transform: uppercase;
    font-family: Open Sans Condensed;
    border-radius: 3px;
    font-weight: 600;
    font-size: 16px;
    cursor: pointer;
    transition:background-color .3s, color .3s;
}
.yourtickets-summary-login:hover{
    background-color:var(--main-color);
    color:#f9a639;
}

.controlHolder {
    border-radius: 5px;
    background: rgba(0,0,0,.4);
    position: absolute;
    right: 10px;
    bottom: 0px;
    top: auto !important;
    padding: 5px;
    z-index: 100;
}

.yourtickets-ticketlist-img:after {
    content: 'You have no tickets';
    text-align: center;
    width: 100%;
    /* padding: 0 0 0 59px; */
    top: 140px;
    position: absolute;
    font-weight: 900;
    font-family: open sans condensed;
    color: #c9c9c9;
    text-transform: uppercase;
}

.yourtickets-ticketlist-img.active:after{
    content:'';
}
.svgarea{
    fill:#ffffff;
    z-index:-1;
    cursor:move;

}
.svgarea2{
    fill:#ffffff;
    z-index:-1;
    cursor:move;

}
.svgarea3{
    fill:#ffffff !important;
    z-index:-1;
    cursor:move;
    opacity:0;

}
.venue_smith{
    height:600px;
}
.venue_gilliam{
    height:600px;
}
.venue_moonlight{
    height:600px;
}
.companion{


}


.accessibleremove.on{
    opacity: 0;
    pointer-events: none;
}
.accessibleremove.alwayson{
    opacity: 0;
    pointer-events: none;
}

.fullscreenToggle {
    display: none;
}

.yourtickets-ticketlist-img .showschedule-img{
    border-radius:5px 5px 0 0 !important;
}

.yourtickets-ticketlist {
    padding-bottom: 65px;
    overflow-y: auto;
    height: 100%;
    max-height: 525px;
    overflow-x: hidden;
}


.yourtickets-ticketlist::-webkit-scrollbar {
    width: .5em;
}

.yourtickets-ticketlist::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

.yourtickets-ticketlist::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
    border-radius:20px;
}

.yourtickets-ticketlist-dateholder{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    font-size: 11px;
    font-weight: 600;
    background-color: #ddd;
    /* font-family: open sans condensed; */
}
.yourtickets-ticketlist-date{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
}
.yourtickets-ticketlist-time{
    -webkit-box-flex:1;
    -ms-flex-positive:1;
    flex-grow:1;
}



.priceandseats{

}
.seatselect-steptexttoggle{
    text-align: left;
    position: absolute;
    left: -61px;
    top: 169px;
}
.yourtickets-ticketholder-button{
    display:none;
}

.yourtickets-title-holder{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 14px;
}

.stepholder .step{
    padding:8px 0 !important;
}
.priceandseats{
    position: relative;
    width: 100%;
    height: 100%;
    position: relative;
}
.stepholder{
    background-color:transparent !important;
}

.steptext{
    font-size:10px !important;
}
.stepheader{
    font-size:12px !important;
}
.steptext{
    font-size:12px !important;
}
.entire-seating2{
    position: relative;
    width:100%;
    height:100%;
    min-height:320px;
    margin-bottom:0px;
}

.entire-seating1{
    position: relative;
    width:100%;
    height:100%;
    min-height:450px;
    margin-bottom:0px;
}
.yourtickets-holder{
    background-color: #f9f9f9;
    width:240px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    margin: 0px auto;
    position: relative;
}
.yourtickets-title{
    text-align:center;
    padding-top:10px;
    font-weight:900;
}

.yourtickets-ticketlist-ticketcontainer{
    background-color:#fff;
    border:#cdcdcd solid 1px;

    position:relative;
    margin: 10px 10px 10px 10px;
    border-radius:5px;
}
.yourtickets-ticketlist-ticketcontainer-remove{
    position: absolute;
    /* top: 23px; */
    right: 0px;
    /* font-size: 18px !important; */
    cursor: pointer;
    background-color: var(--main-color);
    color: #ffffff;
    width: 25px;
    vertical-align: middle;
    /* padding-top: 10%; */
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    height: 78px;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 4px 4px 0;
    /* padding: 9px 3px 13px 1px; */
    text-align: center;
    text-transform: uppercase;
    font-family: open sans condensed;
    font-weight: 900;
    -webkit-transition: background-color .2s, color .2s;
    -o-transition: background-color .2s, color .2s;
    transition: background-color .2s, color .2s;

}
.yourtickets-ticketlist-ticketcontainer-remove:hover{
    color:var(--main-color);
    background-color:#fff;
    border:1px solid var(--main-color);
}

.yourtickets-ticketlist-ticketdetails{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom:1px solid #cecece;
    padding-bottom:10px;
    padding-top:2px;
    line-height:14px;
    padding: 10px;
    padding-right: 36px;

}
.yourtickets-ticketlist-ticketdetails-section{
    text-align:left;


}
.yourtickets-ticketlist-ticketdetails-section-title{
    color:#888888;
    font-size:10px;
    font-weight:400;

    letter-spacing:0px;
}
.yourtickets-ticketlist-ticketdetails-section-value{
    font-weight:900;
    font-size:18px;
    font-family: open sans condensed;
    text-transform:uppercase;
}
.yourtickets-ticketlist-ticketdetails-row{
    text-align:center;
}
.yourtickets-ticketlist-ticketdetails-row-title{
    color:#888888;
    font-size:10px;
    letter-spacing:0px;
    font-weight:400;
}
.yourtickets-ticketlist-ticketdetails-row-value{
    font-weight:900;
    font-size:18px;
    font-family: open sans condensed;
    text-transform:uppercase;
}
.yourtickets-ticketlist-ticketdetails-seat{
    text-align:right;
}
.yourtickets-ticketlist-ticketdetails-seat-title{
    color:#888888;
    font-size:10px;
    letter-spacing:0px;
    font-weight:400;
}
.yourtickets-ticketlist-ticketdetails-seat-value{
    font-weight:900;
    font-size:18px;
    text-transform:uppercase;
    font-family: open sans condensed;

}
.yourtickets-ticketlist-ticketprice{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    letter-spacing: 0px;
    font-size: 10px;
    background-color: #eee;
    /* font-family: open sans condensed; */
    font-family: Open Sans;
    padding: 0 10px 2px 10px;
    padding-right: 36px;
}
.yourtickets-ticketlist-ticketprice-type{
    font-weight: 900;
    color: var(--main-color);
    font-size: 12px;
    font-family: open sans condensed;

}
.yourtickets-ticketlist-ticketprice-price{
    font-weight: 900;
    font-size: 12px;
    font-family: open sans condensed;

}
.yourtickets-summary{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0px;
    padding: 10px 10px;
    border-top: 1px solid #fff;
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: open sans condensed;
    width: 100%;
    bottom: 0px;
    background-color: var(--main-color);
    line-height: 17px;
    border-radius: 0 0 5px 5px;
    letter-spacing: 0px;
    color: white;
}
.yourtickets-summary-number{

    font-size:12px;
}
.yourtickets-summary-number-price{
    font-weight:900;
    font-size:14px;
}
.yourtickets-summary-complete{
    padding:9px 10px;
    font-weight:900;
    border: 1px solid #fff;
    background-color:#cacaca;
    color:#fff;
    text-transform: uppercase;
    border-radius:5px;
    cursor:pointer;
    -webkit-transition: color .3s, background-color .2s;
    -o-transition: color .3s, background-color .2s;
    transition: color .3s, background-color .2s;

}
.yourtickets-summary-complete:hover{
    font-weight:900;
    background-color:#fff !important;
    color:var(--main-color);
    border-radius:5px;
    border:1px solid var(--main-color);
    cursor:pointer;

}











.choose-holder{
    background-color: #f9f9f9;
    max-width: 300px;
    border-left: 1px solid #dcdcdc;
    min-width: 240px;
    border-radius: 5px;
    margin: 0px auto;
    position: relative;
}
.choose-title{
    text-align:center;
    padding-top:10px;
    font-weight:900;
}
.choose-ticketlist{

}
.choose-ticketlist-ticketcontainer{
    background-color: #fff;
    border: #cdcdcd solid 1px;
    /* margin: 10px 10px; */
    position: relative;
    /* padding: 5px 10px; */
    width: 145px;
    border-radius: 5px;
}

.choose-ticketlist-ticketdetails{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #cecece;
    padding-bottom: 10px;
    margin-bottom: 5px;
    /* padding-top: 2px; */
    border-radius: 5px 5px 0 0;
    padding: 10px 10px 15px 10px;
    line-height: 14px;
    background-color: var(--main-color);
    color: #fff !important;

}
.choose-ticketlist-ticketdetails-section{
    text-align:left;


}
.choose-ticketlist-ticketdetails-section-title{
    color:#fff;
    font-size:10px;
    font-weight:400;

    letter-spacing:0px;
}
.choose-ticketlist-ticketdetails-section-value{
    font-weight:900;
    font-size:18px;
    font-family: open sans condensed;
    text-transform:uppercase;
}
.choose-ticketlist-ticketdetails-row{
    text-align:center;
}
.choose-ticketlist-ticketdetails-row-title{
    color:#fff;
    font-size:10px;
    letter-spacing:0px;
    font-weight:400;
}
.choose-ticketlist-ticketdetails-row-value{
    font-weight:900;
    font-size:18px;
    font-family: open sans condensed;
    text-transform:uppercase;
}
.choose-ticketlist-ticketdetails-seat{
    text-align:right;
}
.choose-ticketlist-ticketdetails-seat-title{
    color:#fff;
    font-size:10px;
    letter-spacing:0px;
    font-weight:400;
}
.choose-ticketlist-ticketdetails-seat-value{
    font-weight:900;
    font-size:18px;
    font-family: open sans condensed;
    text-transform:uppercase;

}
.choose-ticketlist-ticketprice{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    letter-spacing: 0px;
    font-size: 10px;
    text-align: left;
    padding: 10px 10px;
    /* font-family: open sans condensed; */
    font-family: Open Sans;
}

.choose-ticketlist-ticketprice.child{
    padding-bottom:11px;
}
.choose-ticketlist-ticketprice.adult{
    border-bottom: #cecccc solid 1px;
}

.choose-ticketlist-ticketprice-type{
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}
.choose-ticketlist-ticketprice-price{
    font-size: 11px;
    font-weight: 900;
}
.plusfees{
    font-size: 9px;
    font-weight: 600;
}
.choose-summary{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin:0px;
    padding:10px 10px;
    border-top:1px solid #fff;
    position:absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width:100%;
    bottom:0px;
    letter-spacing:0px;
}
.choose-summary-number{
    padding-top:5px;
    font-size:12px;
}
.choose-summary-number-price{
    font-weight:900;
    font-size:14px;
}
.choose-summary-complete{
    padding:5px 10px;
    font-weight:900;

    background-color:var(--main-color);
    color:#fff;
    text-transform: uppercase;
    border-radius:5px;
    cursor:pointer;
    -webkit-transition: color .3s, background-color .2s;
    -o-transition: color .3s, background-color .2s;
    transition: color .3s, background-color .2s;

}
.choose-summary-complete:hover{
    padding:5px 10px;
    font-weight:900;
    background-color:#fff;
    color:var(--main-color);
    border-radius:5px;
    border:1px solid var(--main-color);
    cursor:pointer;

}


.choose-ticketlist-choose{
    padding: 8px 15px;
    background-color:var(--main-color);
    color:#fff;
    border-radius:5px;
    border: #fff solid 1px;
    cursor: pointer;
    text-transform: uppercase;
    -webkit-transition: background-color .3s, border .3s, color .3s;
    -o-transition: background-color .3s, border .3s, color .3s;
    transition: background-color .3s, border .3s, color .3s;
}
.choose-ticketlist-choose:hover{

    background-color:#fff;
    color:var(--main-color);

    border: var(--main-color) solid 1px;
}








.tippy-tooltip{
    position: relative;
    color: #fff;
    border-radius: 5px;
    font-size: .875rem;
    padding: 0;
    line-height: 1.4;
    text-align: center;
    background-color: #333;
}




.tippy-tooltip.light-theme {
    color: #26323d;
    -webkit-box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
    box-shadow: 0 0 20px 4px rgba(154, 161, 177, .15), 0 4px 80px -8px rgba(36, 40, 47, .25), 0 4px 4px -2px rgba(91, 94, 105, .15);
    background-color: #fff;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 8, 16, .15);
    color: #26323d;
}
.tippy-tooltip.light-theme .tippy-backdrop {
    background-color: #fff
}

.tippy-tooltip.light-theme .tippy-arrow:after,
.tippy-tooltip.light-theme .tippy-arrow:before,
.tippy-tooltip.light-theme .tippy-roundarrow:after,
.tippy-tooltip.light-theme .tippy-roundarrow:before {
    content: "";
    position: absolute;
    z-index: -1
}

.tippy-tooltip.light-theme .tippy-roundarrow {
    fill: #fff;
}

.tippy-tooltip.light-theme .tippy-roundarrow:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjEuNDE0IiB2aWV3Qm94PSIwIDAgMTggNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA3czIuMDIxLS4wMTUgNS4yNTMtNC4yMThDNi41ODQgMS4wNTEgNy43OTcuMDA3IDkgMGMxLjIwMy0uMDA3IDIuNDE2IDEuMDM1IDMuNzYxIDIuNzgyQzE2LjAxMiA3LjAwNSAxOCA3IDE4IDd6IiBmaWxsPSIjMzMzIiBmaWxsLW9wYWNpdHk9Ii4yMzUiIGZpbGwtcnVsZT0ibm9uemVybyIvPjwvc3ZnPg==);
    background-size: 18px 7px;
    width: 18px;
    height: 7px;
    left: 0;
    top: 0;
    fill: #fff;
    stroke: #ccc;
    stroke-width:1px;
}

.tippy-tooltip.light-theme[x-placement^=top] .tippy-roundarrow:after {
    top: 1px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.tippy-tooltip.light-theme[x-placement^=top] .tippy-arrow {
    border-top-color: #fff
}

.tippy-tooltip.light-theme[x-placement^=top] .tippy-arrow:after {
    border-top: 7px solid #fff;
    top: -7px
}

.tippy-tooltip.light-theme[x-placement^=top] .tippy-arrow:before {
    border-top: 7px solid rgba(0, 8, 16, .2);
    bottom: -1px
}

.tippy-tooltip.light-theme[x-placement^=bottom] .tippy-roundarrow:after {
    top: -1px
}

.tippy-tooltip.light-theme[x-placement^=bottom] .tippy-arrow {
    border-bottom-color: #fff
}

.tippy-tooltip.light-theme[x-placement^=bottom] .tippy-arrow:after {
    border-bottom: 7px solid #fff;
    bottom: -7px
}

.tippy-tooltip.light-theme[x-placement^=bottom] .tippy-arrow:before {
    border-bottom: 7px solid rgba(0, 8, 16, .2);
    bottom: -6px
}

.tippy-tooltip.light-theme[x-placement^=left] .tippy-roundarrow:after {
    left: 1px;
    top: 0;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.tippy-tooltip.light-theme[x-placement^=left] .tippy-arrow {
    border-left-color: #fff
}

.tippy-tooltip.light-theme[x-placement^=left] .tippy-arrow:after {
    border-left: 7px solid #fff;
    left: -7px
}

.tippy-tooltip.light-theme[x-placement^=left] .tippy-arrow:before {
    border-left: 7px solid rgba(0, 8, 16, .2);
    left: -6px
}

.tippy-tooltip.light-theme[x-placement^=right] .tippy-roundarrow:after {
    left: -1px;
    top: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.tippy-tooltip.light-theme[x-placement^=right] .tippy-arrow {
    border-right-color: #fff
}

.tippy-tooltip.light-theme[x-placement^=right] .tippy-arrow:after {
    border-right: 7px solid #fff;
    right: -7px
}

.tippy-tooltip.light-theme[x-placement^=right] .tippy-arrow:before {
    border-right: 7px solid rgba(0, 8, 16, .2);
    right: -6px
}

.tippy-tooltip.light-theme[x-placement^=bottom] .tippy-arrow,
.tippy-tooltip.light-theme[x-placement^=bottom] .tippy-roundarrow,
.tippy-tooltip.light-theme[x-placement^=top] .tippy-arrow,
.tippy-tooltip.light-theme[x-placement^=top] .tippy-roundarrow {
    -webkit-transform: translateX(-1px);
    -ms-transform: translateX(-1px);
    transform: translateX(-1px)
}

.tippy-tooltip.light-theme[x-placement^=bottom] .tippy-arrow:after,
.tippy-tooltip.light-theme[x-placement^=bottom] .tippy-arrow:before,
.tippy-tooltip.light-theme[x-placement^=top] .tippy-arrow:after,
.tippy-tooltip.light-theme[x-placement^=top] .tippy-arrow:before {
    left: -7px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent
}

.tippy-tooltip.light-theme[x-placement^=left] .tippy-arrow,
.tippy-tooltip.light-theme[x-placement^=left] .tippy-roundarrow,
.tippy-tooltip.light-theme[x-placement^=right] .tippy-arrow,
.tippy-tooltip.light-theme[x-placement^=right] .tippy-roundarrow {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px)
}

.tippy-tooltip.light-theme[x-placement^=left] .tippy-arrow:after,
.tippy-tooltip.light-theme[x-placement^=left] .tippy-arrow:before,
.tippy-tooltip.light-theme[x-placement^=right] .tippy-arrow:after,
.tippy-tooltip.light-theme[x-placement^=right] .tippy-arrow:before {
    top: -7px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent
}

.stepholder{
    background-color:#ececec;
}

.switch {
    position: relative;
    display: inline-block;
    width: 54px;
    height: 27px;
    margin-top: 0px;
    display:none;
}

/* Hide default HTML checkbox */
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.seatselect{
    outline:none;
}
.moonliteselect{
    outline:none;
}
/* The slider */
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #aaa;
    -webkit-transition: transform .4s;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
}

.slider:before {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f193";
    height: 20px;
    width: 20px;
    line-height: 20px;
    left: 4px;
    font-size: 13px;
    text-align: center;
    bottom: 4px;
    color: #acacac;
    background-color: white;
    -webkit-transition: transform .4s;
    -webkit-transition: -webkit-transform .4s;
    transition: -webkit-transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;
    transition: transform .4s, -webkit-transform .4s;
}

input:checked + .slider {
    background-color: var(--main-color);
}

input:focus + .slider {
    -webkit-box-shadow: 0 0 1px #2196F3;
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    color: var(--main-color);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}
.seatcell.text{
    color: #e8e8e8;
}

.seatrow.active .seatcell.text{
    color: #cacaca;
}



body{

    padding:0;
    margin:0;
}

.slider.round {

}


.seatselect-stepholder{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    font-family: open sans condensed;
    letter-spacing: 0px;
    font-family: 'Source Sans Pro', sans-serif;
    text-transform: lowercase;

    border-radius: 5px 5px 0 0;
    background: #fff;
}
.seatselect-stepholder .seatselect-step{

    margin: 0 1px;
}
.seatselect-stepheader{
    font-size:14px;
    font-weight:900;
    color:#7a7a7a;
    padding: 2px 4px;
    line-height: 10px;
    text-align: center;
    border-radius: 5px;
    color: #fff;
}

.seatselect-stepprice-adult{
    font-weight:900;
    font-size:11px;
}

.seatselect-stepheader.active{
    font-size:18px;
    font-weight:900;
    color:var(--main-color);
}
.seatselect-steptext{
    font-size: 11px;
    font-weight: 900;
    color: #fff;
    display:none;
    text-align: center;
    line-height: 16px;
    /* padding-left: 4px; */

}
.seatselect-step.seatselect-step1{
    padding-top:20px;
}
.seatselect-step.seatselect-step4 .seatselect-stepheader {

    padding:4px;
    color:#fff;
}
.seatselect-step.seatselect-step3 .seatselect-stepheader {

    padding:4px;
    color:#fff;
}
.seatselect-step.seatselect-step2 {
    background-color:var(--main-color);
}
.seatselect-step.seatselect-step4 {
    background-color:#e5bd17;
}
.seatselect-step.seatselect-step3 {
    background-color:#2e2eaa;
}
.seatselect-step.seatselect-na {
    background-color:#f1f1f1;
}
.seatselect-step.seatselect-step2 .seatselect-stepheader {

    padding:4px;
    color:#fff;
}

.seatselect-step.seatselect-na .seatselect-stepheader {

    padding:4px;
    color:#acacac;
}
.seatselect-step.seatselect-sold .seatselect-stepheader {

    padding:4px;
    color:#cecece;
}


.seatselect-step.seatselect-step4 {

    border: 2px solid #e5bd17;
}
.seatselect-step.seatselect-step3 {

    border: 2px solid #2e2eaa;
}
.seatselect-step.seatselect-step2 {

    border-radius:5px 0 0 5px;
    border: 2px solid #872030;
}
.seatselect-step.seatselect-na {

    border: 2px solid #acacac;
}
.seatselect-step.seatselect-sold {

    border: 2px solid #cecece;
    border-radius:0 5px 5px 0;
}


.seat-question{
    background-color: rgba(138, 35, 50, 0.85);
    color:#fff;
    text-align:center;
    z-index:100000000;
    font-size:18px;
    position:absolute;
    padding:200px 0 0 0;
    width:100%;
    font-weight:900;
    height:100%;
    opacity:0;
    -webkit-transition: opacity .3s;
    -o-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.seat-question.active{
    opacity:1;
}
.seat-answer{
    padding:10px;
    background-color:#fff;
    width:300px;
    margin:10px auto 20px auto;
    font-size:34px;
    color:var(--main-color);
    border:var(--main-color) solid 1px;
    border-radius:5px;

    cursor:pointer;
    text-transform:uppercase;

}
.seat-answer:hover{
    background-color: rgba(138, 35, 50, 0.94);
    color:#fff;
    border:1px solid #fff;
}
.seat-answer.less{
    font-size:16px;
    font-weight:400;
}
.seat-container{

    font-size:14px;
    letter-spacing: 2px;
    font-family: 'Source Sans Pro', sans-serif;
}
.seatinglabel{
    position:absolute;
    width:100px;
    font-size: 9px;
    font-weight:900;
    color: #cacaca;
    z-index:10000;
    text-transform:uppercase;
    top: -2px;
}

/*.seatrow-line{*/
/*width: 50%;*/
/*background-color: #f1f1f1;*/
/*height: 0px;*/
/*left: 0;*/
/*position: absolute;*/
/*z-index: -1;*/
/*margin-top: 6px;*/
/*position: absolute;*/

/*}*/
/*.seatrow.active .seatrow-line{*/
/*width: 96%;*/
/*background-color: #c5c5c5;*/
/*height: 1px;*/
/*left: 1%;*/
/*position: absolute;*/
/*z-index: -1;*/
/*margin-top: 6px;*/
/*}*/






.moonliteextras{
    fill:#f3f3f3 !important;
}
.moonlitetext{
    fill:#333333;
}
.moonlitesections{
    fill:#f3f3f3;
}
.moonlitelines {
    fill: transparent;
    stroke: #fcfcfc;
    stroke-width: 12px;
}

.moonliteselect.premium{
    background-color:#872030;
    cursor:pointer;
    pointer-events:auto;

}
.moonliteselect.unavailable{
    background-color: #d4d4d4;
    cursor: pointer;
    pointer-events: auto;
    cursor:pointer;


}
.moonliteselect.standard{

    cursor:pointer;
    pointer-events:auto;
    background-color:#e5bd17;

}
.moonliteselect.economy{
    background-color:#2e2eaa;
    cursor:pointer;
    pointer-events:auto;


}



.moonliteselect.premium.active{
    background-color:#fff;
}
.moonliteselect.standard.active{
    background-color:#fff;

}
.moonliteselect.economy.active{
    background-color:#fff;
}






.accessible.on .moonliteselect{
    stroke: #fff;
    background-color:#fff;
}



.accessible.alwayson .moonliteselect.active.premium{
    stroke:var(--main-color) ;
}
.accessible.alwayson .moonliteselect.active.standard{

    stroke:#e5bd17;
}

.accessible.alwayson .moonliteselect.active.economy{
    stroke:#2e2eaa ;
}


.accessible.alwayson .moonliteselect{
    border: solid #fff;
    background-color:#fff;
}


.moonliteselect.active.mybasket{
    background-color:#b2ffd3;
}
.moonliteselect.otherbasket{
    background-color:#ededed;
    pointer-events:none;

}
.moonliteselect.locked{
    background-color:#ececec;
    pointer-events:none;

}
.moonliteselect.masked{
    opacity:.4;
    pointer-events:none;

}
.moonliteselect.sold{
    background-color: #ffffff;
    pointer-events: none;
    border: solid #dddddd;
}

























.seatselect.premium{
    background-color:#872030;
    cursor:pointer;
    pointer-events:auto;

}
.seatselect.unavailable{
    background-color: #d4d4d4;
    cursor: pointer;
    pointer-events: auto;
    cursor:pointer;


}
.seatselect.standard{

    cursor:pointer;
    pointer-events:auto;
    background-color:#e5bd17;

}
.seatselect.economy{
    background-color:#2e2eaa;
    cursor:pointer;
    pointer-events:auto;


}



.seatselect.premium.active{
    background-color:#fff;
}
.seatselect.standard.active{
    background-color:#fff;

}
.seatselect.economy.active{
    background-color:#fff;
}






.accessible.on .seatselect{
    stroke: #fff;
    background-color:#fff;
}



.accessible.alwayson .seatselect.active.premium{
    stroke:var(--main-color) ;
}
.accessible.alwayson .seatselect.active.standard{

    stroke:#e5bd17;
}

.accessible.alwayson .seatselect.active.economy{
    stroke:#2e2eaa ;
}


.accessible.alwayson .seatselect{
    border: solid #fff;
    background-color:#fff;
}


.seatselect.active.mybasket{
    background-color:#b2ffd3;
}
.seatselect.otherbasket{
    background-color:#ededed;
    pointer-events:none;

}
.seatselect.locked{
    background-color:#ececec;
    pointer-events:none;

}
.seatselect.masked{
    opacity:.4;
    pointer-events:none;

}
.seatselect.sold{
    background-color: #ffffff;
    pointer-events: none;
    border: solid #dddddd;
}







.yourtickets-holder{
    background-color: #f9f9f9;
    width:240px;
    border: 1px solid #dcdcdc;
    border-radius: 5px;
    margin: 0px auto;
    position: absolute;
    right:0px;
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    -webkit-box-shadow:  0 0 6px 0px #fff;
    box-shadow:  0 0 6px 0px #fff;
    will-change: transform;
    -webkit-transition: -webkit-transform .5s, -webkit-box-shadow .3s;
    transition: -webkit-transform .5s, -webkit-box-shadow .3s;
    -o-transition: transform .5s, box-shadow .3s;
    transition: transform .5s, box-shadow .3s;
    transition: transform .5s, box-shadow .3s, -webkit-transform .5s, -webkit-box-shadow .3s;
    top: 0px;
    height:auto;
    max-height: 650px;
    min-height: 300px;

}
.yourtickets-holder.active{
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-box-shadow:  0 0 62px 48px #fff;
    box-shadow:  0 0 62px 48px #fff;
}



.yourtickets-ticketholder-button {
    content: 'REVIEW';
    position: absolute;
    display: block;
    width: 78px;
    left: -66px;
    /* background-color: transparent; */
    /* color: var(--main-color); */
    background-color: var(--main-color);
    padding: 9px;
    font-size: 14px;
    border-radius: 0 0 5px 5px;
    line-height: 19px;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    top: 41px;
    font-family: open sans condensed;
    color: #fff;
    background-color: transparent;
    cursor:pointer;
    color: var(--main-color);
    font-weight: 900;
    -webkit-transition: border-radius .3s, -webkit-transform .3s;
    transition: border-radius .3s, -webkit-transform .3s;
    -o-transition: transform .3s, border-radius .3s;
    transition: transform .3s, border-radius .3s;
    transition: transform .3s, border-radius .3s, -webkit-transform .3s;
}


.yourtickets-ticketholder-button:after {
    content: '';
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    padding: 7px;
    content: "\f0d7";
    /* transform: rotate(90deg); */
    position: relative;
}
.yourtickets-holder.active .yourtickets-ticketholder-button {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    border-radius: 5px 5px 0 0;
    background-color: var(--main-color);
    color: #fff;
    left: -58px;
}
.yourtickets-ticketlist{
    height: 100%;
}

@media only screen and (max-width: 800px) {
    .venue_smith {
        height: 450px;

    }
    .yourtickets-ticketlist {
        max-height: 450px;
    }

}

@media only screen and (max-width: 600px) {

    .yourtickets-holder{
        -webkit-transform: translateX(105%);
        -ms-transform: translateX(105%);
        transform: translateX(105%);
    }
    .venue_smith {
        height: 400px;

    }

    .venue_gilliam{
        height:500px;
    }
    .venue_moonlight{
        height:500px;
    }
}



@media only screen and (max-width: 520px) {

    .venue_smith {
        height: 350px;

    }

    .venue_gilliam{
        height:460px;
    }
    .venue_moonlight{
        height:460px;
    }

    .yourtickets-ticketlist {
        max-height: 370px;
    }




}

.seatselect.tippy-active{
    border-radius:20px;
}
.moonliteselect.tippy-active{
    border-radius:20px;
}
.controlHolder{
    border-radius: 5px;
    background: rgb(138, 35, 50) !important;
    position: absolute;
    right: 24px !important;
    bottom: -8px;
    padding: 2px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    z-index: 100;
}
.fullscreenToggle, .zoomIn, .zoomOut{
    width: 30px;
    height: 30px;
    margin:10px 0;
}
.zoomOut{
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.fullscreenToggle{
    display:none !important;
}


.seat-contain-holder{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}



.non-interactive{
    pointer-events:none;
}


.non-interactive::-moz-selection { background: transparent; }


.non-interactive::selection { background: transparent; }
.non-interactive::-moz-selection { background: transparent; }
.non-interactive *{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none;
    pointer-events:none;
}

.checkicon, .noneicon{
    opacity:0;
    pointer-events:none;
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition:opacity .3s, -webkit-transform .3s;
    transition:opacity .3s, -webkit-transform .3s;
    -o-transition:opacity .3s, transform .3s;
    transition:opacity .3s, transform .3s;
    transition:opacity .3s, transform .3s, -webkit-transform .3s;
}

svg {
    -webkit-transform:scale(1);
    -ms-transform:scale(1);
    transform:scale(1);
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}
svg.zoomed {
    -webkit-transform:scale(2);
    -ms-transform:scale(2);
    transform:scale(2);
}





#non-interactive polygon, #non-interactive path{
    fill:#cccccc;
}

#stage{
    fill:#c2c1c0;
}
#floor{
    fill:#f7f7f7;
}
#stairs{
    fill:#ececec;
}
#sectionlines{
    fill:#ececec;
}

.seatselect .seaticon{
    stroke-width: 1px !important;
    stroke:#fff;
    pointer-events:none;
    -webkit-transition:fill .3s, stroke .3s, stroke-width .8s, -webkit-transform .3s, -webkit-filter .3s;
    transition:fill .3s, stroke .3s, stroke-width .8s, -webkit-transform .3s, -webkit-filter .3s;
    -o-transition:fill .3s, stroke .3s, stroke-width .8s, transform .3s, filter .3s;
    transition:fill .3s, stroke .3s, stroke-width .8s, transform .3s, filter .3s;
    transition:fill .3s, stroke .3s, stroke-width .8s, transform .3s, filter .3s, -webkit-transform .3s, -webkit-filter .3s;
}
.moonliteselect .seaticon{
    stroke-width: 1px !important;
    fill:rgb(194, 193, 192);
    stroke:#fff;
    pointer-events:none;
    -webkit-transition:fill .3s, stroke .3s, stroke-width .8s, -webkit-transform .3s, -webkit-filter .3s;
    transition:fill .3s, stroke .3s, stroke-width .8s, -webkit-transform .3s, -webkit-filter .3s;
    -o-transition:fill .3s, stroke .3s, stroke-width .8s, transform .3s, filter .3s;
    transition:fill .3s, stroke .3s, stroke-width .8s, transform .3s, filter .3s;
    transition:fill .3s, stroke .3s, stroke-width .8s, transform .3s, filter .3s, -webkit-transform .3s, -webkit-filter .3s;
}
.notpicked{
    -webkit-filter: url(#filtershadow);
    filter: url(#filtershadow);
    -webkit-filter: url(#filtershadow2);
    filter: url(#filtershadow2);
    -webkit-filter: url(#filtershadow3);
    filter: url(#filtershadow3);
}
.picked{
    -webkit-filter: none;
    filter: none;
}
.venue_smith .seatselect.active .seaticon{
    stroke-width: 2px !important;
    z-index: 100;
    -webkit-transform: translate(0px, -2px);
    -ms-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
    fill:#872030;
    stroke-radius: 3px;
    -webkit-filter: url(#filtershadow2);
    filter: url(#filtershadow2);
}

.venue_gilliam .seatselect.active .seaticon{
    stroke-width: 2px !important;
    z-index: 100;
    -webkit-transform: translate(0px, -2px);
    -ms-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
    fill:#872030;
    stroke-radius: 3px;
    -webkit-filter: url(#filtershadow);
    filter: url(#filtershadow);

}

.venue_moonlight .moonliteselect.active .seaticon{
    stroke-width: 3px !important;
    z-index: 100;
    /*-webkit-transform: translate(0px, -2px);*/
    /*-ms-transform: translate(0px, -2px);*/
    /*transform: translate(0px, -2px);*/
    fill:#872030;
    stroke-radius: 3px;
    -webkit-filter: url(#filtershadow3);
    filter: url(#filtershadow3);

}

.seatselect.premium .seaticon{
    fill:#872030;
    cursor:pointer;
    pointer-events:auto;
    stroke: #872030;

}
.seatselect.unavailable .seaticon{
    fill: #d4d4d4;
    cursor: pointer;
    stroke: #fff ;
    pointer-events: auto;
    cursor:pointer;
    pointer-events:auto;

}
.seatselect.standard .seaticon{

    cursor:pointer;
    pointer-events:auto;
    fill:#e5bd17;
    stroke:#e5bd17;

}
.seatselect.economy .seaticon{
    fill:#2e2eaa;
    stroke:#2e2eaa;
    cursor:pointer;
    pointer-events:auto;


}


.seatselect.premium.active .seaticon{
    fill:#fff;
    stroke: #872030;
}
.seatselect.standard .seaticon{
    fill:#e5bd17;

}
.seatselect.standard.active .seaticon{
    fill:#fff;
    stroke: #e5bd17;
    stroke-width:10px;
}
.seatselect.economy.active .seaticon{
    fill:#fff;
    stroke: #2e2eaa;
}



.accessible.on .seatselect.active.premium{
    stroke-color:var(--main-color) !important;
}
.accessible.on .seatselect.active.standard{

    stroke-color:#e5bd17 !important;
}

.accessible.on .seatselect.active.economy{
    stroke-color:#2e2eaa !important;
}


.accessible.on .seatselect{
    stroke: #fff;
    fill:#fff;
}




.accessible.alwayson .seatselect.active.premium{
    stroke-color:var(--main-color) !important;
}
.accessible.alwayson .seatselect.active.standard{

    stroke-color:#e5bd17 !important;
}

.accessible.alwayson .seatselect.active.economy{
    stroke-color:#2e2eaa !important;
}


.accessible.alwayson .seatselect{
    stroke: #fff;
    fill:#fff;
}


.seatselect.active.mybasket .seaticon{
    fill:#b2ffd3;
}
.seatselect.otherbasket .seaticon{
    fill:#ededed;
    pointer-events:none;

}
.seatselect.locked .seaticon{
    fill:#ececec;
    pointer-events:none;

}
.seatselect.masked .seaticon{
    opacity:.4;
    pointer-events:none;

}
.seatselect.sold .seaticon{
    fill: #787878;
    pointer-events: none;
    stroke:#cccccc;
}
.seatselect.sold .noneicon{
    opacity:1;
}

.seatselect.seatchosen .checkicon{
    opacity:1;
    -webkit-transform: translate(0px, -3px);
    -ms-transform: translate(0px, -3px);
    transform: translate(0px, -3px);
}

.venue_smith .seatselect.seatchosen .seaticon{
    stroke-width: 2px !important;
    z-index: 100;
    -webkit-transform: translate(0px, -2px);
    -ms-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
    fill:#fff;
    -webkit-filter: url(#filtershadow2);
    filter: url(#filtershadow2);
}
.venue_gilliam .seatselect.seatchosen .seaticon{
    stroke-width: 2px !important;
    z-index: 100;
    -webkit-transform: translate(0px, -2px);
    -ms-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
    fill:#fff;
    -webkit-filter: url(#filtershadow);
    filter: url(#filtershadow);
}
.venue_moonlight .seatselect.seatchosen .seaticon{
    stroke-width: 2px !important;
    z-index: 100;
    /*-webkit-transform: translate(0px, -2px);*/
    /*-ms-transform: translate(0px, -2px);*/
    /*transform: translate(0px, -2px);*/
    fill:#fff;
    -webkit-filter: url(#filtershadow3);
    filter: url(#filtershadow3);
}

.seatselect{
    outline:none !important;
}









.moonliteselect.premium .seaticon{
    fill:#872030;
    cursor:pointer;
    pointer-events:auto;
    stroke: #872030;

}
.moonliteselect.unavailable .seaticon{
    fill: #d4d4d4;
    cursor: pointer;
    stroke: #fff ;
    pointer-events: auto;
    cursor:pointer;
    pointer-events:auto;

}
.moonliteselect.standard .seaticon{

    cursor:pointer;
    pointer-events:auto;
    fill:#e5bd17;
    stroke:#e5bd17;

}
.moonliteselect.economy .seaticon{
    fill:#2e2eaa;
    stroke:#2e2eaa;
    cursor:pointer;
    pointer-events:auto;


}


.moonliteselect.premium.active .seaticon{
    fill:#fff;
    stroke: #872030;
}
.moonliteselect.standard .seaticon{
    fill:#e5bd17;

}
.moonliteselect.standard.active .seaticon{
    fill:#fff;
    stroke: #e5bd17;
    stroke-width:10px;
}
.moonliteselect.economy.active .seaticon{
    fill:#fff;
    stroke: #2e2eaa;
}



.accessible.on .moonliteselect.active.premium{
    stroke-color:var(--main-color) !important;
}
.accessible.on .moonliteselect.active.standard{

    stroke-color:#e5bd17 !important;
}

.accessible.on .moonliteselect.active.economy{
    stroke-color:#2e2eaa !important;
}


.accessible.on .moonliteselect{
    stroke: #fff;
    fill:#fff;
}




.accessible.alwayson .moonliteselect.active.premium{
    stroke-color:var(--main-color) !important;
}
.accessible.alwayson .moonliteselect.active.standard{

    stroke-color:#e5bd17 !important;
}

.accessible.alwayson .moonliteselect.active.economy{
    stroke-color:#2e2eaa !important;
}


.accessible.alwayson .moonliteselect{
    stroke: #fff;
    fill:#fff;
}


.moonliteselect.active.mybasket .seaticon{
    fill:#b2ffd3;
}
.moonliteselect.otherbasket .seaticon{
    fill:#ededed;
    pointer-events:none;

}
.moonliteselect.locked .seaticon{
    fill:#ececec;
    pointer-events:none;

}
.moonliteselect.masked .seaticon{
    opacity:.4;
    pointer-events:none;

}
.moonliteselect.sold .seaticon{
    fill: #787878;
    pointer-events: none;
    stroke:#cccccc;
}
.moonliteselect.sold .noneicon{
    opacity:1;
}

.moonliteselect.seatchosen .checkicon{
    opacity:1;
    -webkit-transform: translate(0px, -3px);
    -ms-transform: translate(0px, -3px);
    transform: translate(0px, -3px);
    fill: #138e24;
}

.venue_smith .moonliteselect.seatchosen .seaticon{
    stroke-width: 2px !important;
    z-index: 100;
    -webkit-transform: translate(0px, -2px);
    -ms-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
    fill:#fff;
    -webkit-filter: url(#filtershadow2);
    filter: url(#filtershadow2);
}
.venue_gilliam .moonliteselect.seatchosen .seaticon{
    stroke-width: 2px !important;
    z-index: 100;
    -webkit-transform: translate(0px, -2px);
    -ms-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
    fill:#fff;
    -webkit-filter: url(#filtershadow);
    filter: url(#filtershadow);
}
.venue_moonlight .moonliteselect.seatchosen .seaticon{
    stroke-width: 4px !important;
    z-index: 100;
    /*-webkit-transform: translate(0px, -2px);*/
    /*-ms-transform: translate(0px, -2px);*/
    /*transform: translate(0px, -2px);*/
    fill:#fff;
    -webkit-filter: url(#filtershadow3);
    filter: url(#filtershadow3);
}

.moonliteselect{
    outline:none !important;
}












.zoomedsmithorchleft {
    -webkit-transform:scale(1.3) translateX(-25%) translateY(-8%);
    -ms-transform:scale(1.3) translateX(-25%) translateY(-8%);
    transform:scale(1.3) translateX(-25%) translateY(-8%);
}
.zoomedsmithorchcenter {
    -webkit-transform:scale(1.3) translateX(0%) translateY(-8%);
    -ms-transform:scale(1.3) translateX(0%) translateY(-8%);
    transform:scale(1.3) translateX(0%) translateY(-8%);
}
.zoomedsmithorchright {
    -webkit-transform:scale(1.3) translateX(25%) translateY(-8%);
    -ms-transform:scale(1.3) translateX(25%) translateY(-8%);
    transform:scale(1.3) translateX(25%) translateY(-8%);
}

.zoomedgilliamorchleft {
    -webkit-transform:scale(1.3) translateX(-25%) translateY(25%);
    -ms-transform:scale(1.3) translateX(-25%) translateY(25%);
    transform:scale(1.3) translateX(-25%) translateY(25%);
}
.zoomedgilliamorchcenter {
    -webkit-transform:scale(1.3) translateX(0%) translateY(25%);
    -ms-transform:scale(1.3) translateX(0%) translateY(25%);
    transform:scale(1.3) translateX(0%) translateY(25%);
}
.zoomedgilliamorchright {
    -webkit-transform:scale(1.3) translateX(25%) translateY(25%);
    -ms-transform:scale(1.3) translateX(25%) translateY(25%);
    transform:scale(1.3) translateX(25%) translateY(25%);
}
.zoomedgilliambalcleft {
    -webkit-transform:scale(1.3) translateX(-25%);
    -ms-transform:scale(1.3) translateX(-25%);
    transform:scale(1.3) translateX(-25%);
}
.zoomedgilliambalccenter {
    -webkit-transform:scale(1.3) translateX(0%);
    -ms-transform:scale(1.3) translateX(0%);
    transform:scale(1.3) translateX(0%);
}
.zoomedgilliambalcright {
    -webkit-transform:scale(1.3) translateX(25%);
    -ms-transform:scale(1.3) translateX(25%);
    transform:scale(1.3) translateX(25%);
}

 .yourtickets-ticketlist.moonlite {
    padding-bottom: 10px;
    border-bottom: 1px solid #cecece;
    margin-bottom: 10px;
}