.mp-stage {

    text-align: center;

    font-size: 25px;

    font-weight: 700;

    margin-top: 0;

    margin-bottom: 25px;

    background: #c0151c;

    color: white;

    padding: 30px;

}

span.mp-stage-title {

    color: white !important;

    font-size: 22px;

    font-weight: normal;

}

.mp-sc-legend-wrapper .sc-legend li p{

    margin-bottom: 0;

}

.seat-container {

    /* display: flex; */

    width: 100%;

    padding-bottom: 60px;

}

.seat-container .map-container {

    width: 100%;

    display: flex;

}

.sc-main-container {

    display: block;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px;

    padding: 25px;

    align-items: flex-start;

}

.mp-sc-map-wrapper {

    border: 2px solid #d2d2d2;

    display: block;

    width: 100%;

    position: relative;

    height: 100%;

    overflow: hidden;

    /* margin-left: 25px; */

}

.booking-time-refresh {

    padding: 20px;

    display: flex

;

    width: 100%;

    justify-content: center;

    align-items: center;

    font-size: 22px;

    flex-direction: column;

    margin-bottom: 15px;

    border: solid 1px #dddddd;

    border-radius: 4px;

    background-color: white;

    z-index: 1;

}

.booking-time-label {

    margin-top: 8px;

    margin-bottom: 8px;

}

.booking-time-coundown {

    font-weight: bold;

    margin-left: 8px;

    color: #000000;

}

.mp-sc-map-wrapper-child {

    width: 100%;

    height: 100%;

    position: relative;

    display: flex

;

    align-items: center;

    justify-content: center;

}

.sc-legend {

    list-style-type: none;

    margin: 0;

    padding: 0;

    position: absolute;

    bottom: 0;

    width: 100%;

    display: flex

;

    flex-wrap: wrap;

    justify-content: center;

    background: white;

}

.sc-legend-item {

    display: flex;

    align-items: center;

    margin-bottom: 0px;

    padding: 10px;

}

.sc-right-container {

    justify-content: center;

    display: flex;

    flex-direction: column;

    align-items: center;

    width: 100%;

}

.sc-cart {

    width: 100%;

}

.sc-cart input[type=text]{

    border-radius: 5px;

    box-shadow: none;

}

.mp-col-input {

    display: flex

;

    flex-direction: column;

    margin-bottom: 22px;

}

.mp-col-input input{

    border: 1px solid #ddd;

    color: #888;

    padding: 8px 10px;

    width: 100%;

    box-sizing: border-box;

}

.mp-input-error {

    font-size: 12px;

    color: red;

    margin-top: -18px;

}

.mp-field-container {

    display: flex;

    width: 100%;

    align-items: center;

    margin-bottom: 10px;

}

.mp-apply-coupon-btn {

    border: solid 1px #dddddd;

    border-radius: 4px;

    color: #000000;

}

.mp-apply-coupon-btn {

    width: 15%;

    margin-left: 12px;

    margin-bottom: 0;

    padding: 0;

    background: #c0151c;

    color: white;

    font-weight: bold;

    cursor: pointer;

}

lable.mp-label {

    font-size: 15px;

}

span#mp-coupon-result {

    color: #c0151c;

    font-size: 14px;

    display: block;

    margin-top: 0;

    font-weight: bold;

}

.sc-cart-footer {

    margin-top: 20px;

    display: flex;

    flex-direction: column;

}

.sc-cart-footer > .mp-field-container{

    align-items: center;

}

.sc-cart-footer input[type=checkbox]{

    margin-bottom: 0;

    margin-top: 0;

    margin-left: 0;

}

.sc-cart-total {

    flex: 1;

    font-size: 14px;

    font-weight: bold;

    margin: 0 ;

    padding: 0;

    text-align: right;

}

.sc-cart-total {

    text-align: left;

    display: flex

;

    flex-direction: column;

    justify-content: space-between;

}

.sc-footer-item {

    width: 100%;

    display: flex

;

    line-height: 1.5;

    justify-content: space-between;

}

p.sc-total-money-label, .sc-total-money, .discount-real-time {

    font-size: 18px;

    color: #000;

    text-align: left;

    font-weight: 600;

    margin-bottom: 0;

}

.mp-notice-field {

    margin-top: 15px;

    margin-bottom: 15px;

    display: flex

;

    flex-direction: column;

    color: grey;

}

.notice-lable, .notice-text {

    font-size: 13px;

    line-height: 1.5;

    letter-spacing: 0.4px;

}

.sc-cart-btn {

    border-radius: 4px;

    transition: background-color 0.15s ease-in-out;

    user-select: none;

    border: none;

    cursor: pointer;

    font-size: 14px;

    height: 35px;

}

.sc-cart-btn-submit {

    width: 100%;

    background-color: #e53c4a;

    color: white;

    text-transform: uppercase;

    font-weight: bold;

    font-size: 18px;

    letter-spacing: 0.2px;

}

.mp-field-container {

    display: flex;

    width: 100%;

    align-items: flex-end;

}

.mp-field-container .mp-coupon-field{

    margin-bottom: 0;

}

.mp-confirm-label {

    font-size: 14px;

    margin-left: 12px;

    margin-bottom: 0;

}

.sc-cart-header {

    display: flex

;

    align-items: center;

    justify-content: space-between;

    margin-top: 8px;

    margin-bottom: 8px;

}

.sc-cart-title {

    font-weight: bold;

    margin: 0;

}

.sc-right-container {

    margin-left: 50px;

    margin-right: 25px;

}

.sc-cart-btn-delete {

    display: flex;

    align-items: center;

    justify-content: center;

    background-color: #e53c4a;

    height: 22px;

    width: 22px;

    margin: 0;

    overflow: hidden;

}

.sc-cart-table-container {

    height: 250px;

    margin-bottom: 25px;

    overflow: auto;

    border: 1px solid #bbb;

    border-radius: 5px;

}

.sc-cart-table{

    border-top: 1px solid #ddd;

    width: 100%;

    margin-bottom: 30px;

    margin-top: 30px;

    font-size: 14px;

}

.seat_sys_disabled{color: transparent;background-color: transparent;cursor: default}.seat_sys_reserved{color: white;background-color: #d2d2d2 !important;cursor: not-allowed;}.seat_action{background-color:#dedede}

.seat_sys_active{

    cursor: pointer;

    opacity: 0.7;

    background-color: #000000 !important;

}

.sc-ticket {

    display: flex

;

    justify-content: center;

    font-size: 14px;

    height: 35px;

    border: 2px solid black;

    box-sizing: border-box;

    border-radius: 4px;

}

.sc-ticket div {

    display: flex

;

    justify-content: center;

    align-items: center;

}

.sc-ticket .sc-ticket-stripes {

    width: 8px;

    background: repeating-linear-gradient(45deg, black, black 3px, transparent 3px, transparent 6px);

}

.sc-ticket .sc-ticket-seat-label {

    border-right: 1px dashed black;

    box-sizing: border-box;

    flex: 1;

}

.sc-ticket .sc-ticket-seat-type {

    flex: 2;

}

.sc-ticket .sc-ticket-stripes {

    width: 8px;

    background: repeating-linear-gradient(45deg, black, black 3px, transparent 3px, transparent 6px);

}

.sc-cart-table td {

    text-align: center;

    vertical-align: middle;

    padding: 15px;

    border: 1px solid #ddd;

}

.sc-cart-btn-icon {

    height: 3px;

    width: 12px;

    border-radius: 5px;

    background-color: white;

    position: relative;

}

.sc-cart-btn-icon::before{

    content: "-";

    display: inline-block;

    font-size: 18px;

    color: #fff;

    line-height: 40px;

}

@media (max-width: 767px) {

    .seat-container{

        display: grid;

        padding-bottom: 40px;

    }

    .mp-sc-map-wrapper{

        width: calc(100% - 30px);

        margin-left: 15px;

        margin-right: 15px;

    }

    .booking-time-label{

        margin-top: 0;

        margin-bottom: 0;

    }

    #refresh-time{

        margin-bottom: 0;

    }

    .sc-right-container{

        width: calc(100% - 30px);

        margin-left: 15px;

        margin-right: 15px;  

        margin-top: 30px;

    }

    .mp-apply-coupon-btn{

        width: 45%;

    }

}