.loading2 {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    text-align: center;
    z-index: 1000000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.30);
    text-transform: uppercase;
    display: none;
}
.loading2>div {
    box-shadow: rgba(0, 0, 0,.3) 0px 5px 15px;
    position: fixed;
    top: 50%;
    left: 50%;
    text-align: center;
    width: 380px;
    height: initial;
    margin: -100px -190px;
    color: #000000;
    background: white;
    padding: 30px;
}
.btn,.btn:hover{
    box-shadow: none;
}
.btn:hover{
    background-color:#000!important;
}.btn.reverse {
     border:solid 1px #2ECC71;
     color: #2ECC71;
     background-color: white;
 }
.btn.reverse:hover {
    border:solid 1px #000;
    color: #000;
    background-color: white;
}
.btn.black {
    border:solid 1px #000;
    color: #fff;
    background-color: #000;
}
.btn.black:hover {
    border:solid 1px #2ECC71;
    color: #2ECC71;
    background-color: #000;
}
.steps{border-radius:0px 0 0 0px; font-family: 'Open Sans', sans-serif; overflow: hidden;}
.steps>div{ width:50px; height:45px; line-height:47px;  background:url('../img/step-bar/step-bg.svg'); background-size:18px 45px; float:left; white-space: nowrap; overflow:hidden; color:white; padding-left:5px; position:relative; cursor:pointer;}
.steps>div.stepActive{width: calc(100% - 82px);background:url('../img/step-bar/step-bg-active.svg'); background-size:18px 45px; padding-left:25px; margin-left:-18px;}
.steps>div>span:first-child{z-index:1;display:none; width:18px; height:45px; background:url('../img/step-bar/step-arrow-active-first.svg') no-repeat; background-size:100% 100%; position:absolute; left:0;}
.steps>div.stepActive>span:first-child{display:block;}
.steps>div>span:last-child{width:18px; height:45px; background:url('../img/step-bar/step-arrow-bg.svg') no-repeat; background-size:100% 100%; position:absolute; right:0;}
.steps>div.stepActive>span:last-child{background:url('../img/step-bar/step-arrow-active-bg.svg') no-repeat; background-size:100% 100%; }
.steps div:last-child span{ background:url('../img/step-bar/step-bg.svg'); }
.steps div.stepActive:last-child span:first-child{ background:url('../img/step-bar/step-arrow-active-first.svg') no-repeat; background-size:100% 100%; line-height:26px;}
.steps div.stepActive:last-child span:last-child{ background:#eaeaea;}
.steps a{color:#fff;}
.stepActive a{color: white!important;}
.redtime{display:none; background:#2ECC71; color:white; font-size:12px; width:138px; border-radius:0px 0px 3px 3px; padding:5px;  height:30px; line-height:13px; position:absolute; left:50%; margin:-5px 0px 20px -69px;}
.redtime.fixed{position:fixed; z-index:20; left:50%; top:0; margin:0px 0px 0px -69px; }
.redtime strong{font-size:20px; font-weight:400;}

/* 1. step */
.ticket-table{border-bottom:solid 1px #ddd;}
td.right{text-align:right;}
span.red{color:#a43c31;}
span.gray{color:#6d6d6d;}
span.ultramarine{color:#000000;}
span.strong{ font-weight:bold;}
.ticket-table tbody tr:hover{background-color:#f7f7f7;}
.ticket-table tbody tr.selected{background-color:#f7f7f7;}
.ticket-table>tbody>tr{ margin-top:15px !important; }
.ticket-table button{padding:0px 10px 0px 10px;}
.ticket-table sup{ top:-0.3em; font-size: 10px;}
.ticket-table tbody tr td > a { display:inline; }
.w100 { display:inline-block; width:55px;}
.current-result-data, .current-result-text{display:none; text-transform:uppercase;}
.ses-set{ cursor:pointer; }



/* 2. step */
#scene-wrapper{overflow: initial!important;}
.scene{ padding:0;  margin-top:20px 0px;overflow-x: auto!important;}
.scene-seat{margin:0 auto; margin-top:0px; }
.scene-seat>div.box{float:left; width:27px; height:27px; background:#fff; color:#6d6d6d; padding:5px 0px;  margin:0 5px 5px 0;text-transform:uppercase;}
.scene-seat>div.available{ cursor:pointer;}
.scene-seat>div.available-direct{ cursor:pointer;}
.scene-seat>div.selected{ background:#000000; color:#fff; cursor:pointer;}
.scene-seat>div.full{ background:#2ECC71; color:#fff;}
.scene-seat>div.closed{ background:#eaeaea; color:#cac9c9;}
.scene-seat>div.string{ background:#6d6d6d; color:#fff;}
.scene-seat>div.invisiblex{ background:#eaeaea; color:#eaeaea;}

.scene .bootstrap-select.btn-group .dropdown-toggle.btn-default, .scene .dropdown-menu.open , .scene .dropdown-menu.inner{background:white;}
.scene .dropdown-menu.inner>li:hover, .scene .dropdown-menu.inner>li.selected{background:#f1f1f1;}

.align-right{text-align:right;}
span.red{color:#a43c31;}
span.gray{color:#6d6d6d;}
span.ultramarine{color:#000000;}
span.strong{ font-weight:bold;}
.ticket-table tbody tr:hover{background-color:#f7f7f7;}
.ticket-table tbody tr.selected{background-color:#f7f7f7;}
.ticket-table>tbody>tr{ margin-top:15px !important; }
.ticket-table button{background-color:white; border:solid 1px #6d6d6d; color:#6d6d6d; width:90px; height:30px; font-size:12px; line-height: 11px; font-weight:bold;}
.ticket-table button:hover, .ticket-table tr.selected button{background-color:white; border:solid 1px #000000; color:#000000;}
.ticket-table sup{ top:-0.3em; font-size: 10px;}
.ticket-table tbody tr td > a { display:inline; }


/* 3. step */
sup{top:-4px;}
.ticket-table{border-bottom:solid 1px #ddd;}
td.right{text-align:right;}
span.red, strong.red{color:#2ECC71;}
span.gray, strong.gray{color:#6d6d6d;}
span.ultramarine, strong.ultramarine{color:#000000;}
.strong{ font-weight:bold;}
.ticket-table>tbody>tr{ margin-top:15px !important; }

.ticket-table sup{ top:-0.3em; font-size: 10px;}
.ticket-table tbody tr td > a { display:inline; }
.w65 { display:inline-block; width:65px;}
.w72 { display:inline-block; width:92px;}
.w100 { display:inline-block; width:100px;}
.w120 { display:inline-block; width:115px;}
.current-result-data, .current-result-text{text-transform:uppercase;}


/* 4. step */

.ticket-table{border-bottom:solid 1px #ddd;}
td.right{text-align:right;}
span.red{color:#a43c31;}
span.gray{color:#6d6d6d;}
span.ultramarine{color:#000000;}
span.orange{color:#2ECC71;}
.strong{ font-weight:bold;}
.ticket-table>tbody>tr{ margin-top:15px !important; }
.ticket-table sup{ top:-0.3em; font-size: 10px;}
.ticket-table tbody tr td > a { display:inline; }
.w100 { display:inline-block; width:55px;}
.current-result-data, .current-result-text{text-transform:uppercase;}

.left-detail{
    padding-left: 0 !important;
    background: url('../img/vertical-line.png') right top no-repeat;
}
.left-detail h1{
    padding-bottom:10px; margin-bottom:15px; vertical-align:bottom; display:table-cell;
}
.left-detail img{
    margin-bottom:8px; width:100%; max-width:245px; height:auto;
}
.right-detail-text{
    min-height:75px; margin-top:50px;
}
.footer-logo{
    font-size:10px;
    min-height:80px;
    padding-left:5px !important;
}
.footer-logo img{
    max-width:250px; max-height:60px; width:auto; height:auto; margin:16px 20px 0px -2px;display: inline-block;
}
.footer-secure{
    padding-top:15px;
    padding-right:5px !important;
    font-size:10px;
    min-height:80px;
    text-align:right;
}

@media screen and (max-width:1200px){
    .left-detail{
        padding-left: 15px;
        background: none;
    }
    .left-detail h1{
        height: auto;
    }
    .right-detail-text{
        margin-top:0;
    }
}
@media screen and (max-width:980px){
    .left-detail img{
        max-width:180px;
    }
    .right-detail-text{
        margin-top:20px;
    }
    .footer,.footer-secure{
        text-align:center;
    }
}
.modal{width:30% !important;}
@media (max-width:992px) {
    .modal{width:80% !important;}
}