﻿.site-item h2 {
    color: #142550 !important;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    font-size: 30px;
    overflow: hidden;
    font-weight: bold;
    padding: 0.1em 0;
    padding-bottom: 2em;
    background-color: transparent;
}

#account-management, #account-management a, #order-management, #order-management a, #user-management, .code-pay, .thank {
    color: #142550 !important;
}

footer,
.pay-order .head,
.modal-ticket-by-month a.item span,
.md-pri .modal-body .head, .modal-calendar .modal-content, .payment_method .checkmark:after, .home-calendar, .ui-datepicker {
    background-color: #1a9379 !important;
    background: #1a9379 !important;
}

.item-show a, .hotline, .loading-ticket-list p.loading-text, .item-show .ct .bottom .price, .quantity .i-number .n-ctrl, .select-time, .sort-booking {
    color: ' !important;
}

.lds-ripple div {
    border: 4px solid ' !important;
}

/* Main button */
.ez-button,
.cart-fix,
.code-discount button,
.book-ticket,
.filter-booking li.active a,
.button-select-seat,
.modal-select-seat .modal-dialog .nav-tabs li a.active,
.btn-pri.v1,
.md-acount .modal-body .btn-login {
    background: #f4a51d !important;
    color: white !important;
}

.modal-select-seat .modal-dialog .nav-tabs li a.active {
    border-color: #ecdbac !important;
}

.code-discount button {
    border: 1px solid #b2b2b2;
}

/* Main button hover */
.ez-button:hover,
.book-ticket:hover,
.filter-booking li a:hover,
.button-select-seat:hover {
    background: #f4a51d !important;
    color: white !important;
}

/* sub button */
.btn-pri, .btn-calendar button {
    background: #f4a51d !important;
    color: #ffffff !important;
}

    /* sub button hover */
    .btn-pri:hover, .btn-calendar button:hover {
        background: #f4a51d !important;
        color: #ffffff !important;
    }
/* sub text  */
.section-timeout, .day-book, .day-book span {
    color: #E0BF63 !important;
}

.button-detail-popup {
    border: none;
}

/* Màu thanh tiến trình */
.menu-booking {
    background-color: #1a9379 !important;
}

/* Màu text thanh tiến trình */
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum,
.bs-wizard > .bs-wizard-step .bs-wizard-info {
    color: #fcfcfc !important;
}

/* Màu thanh tiến trình khi chưa active */
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot,
.progress {
    background-color: #ffffff !important;
}

/* Màu thanh tiến trình khi active */
.bs-wizard > .bs-wizard-step > .bs-wizard-dot,
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
    background: #f4a51d !important;
    color: #f4a51d !important;
}

.bs-wizard > .bs-wizard-step.active .bs-wizard-stepnum, .bs-wizard > .bs-wizard-step.complete .bs-wizard-stepnum {
    color: #ecdbac !important;
}

a.cart-fix {
    display: none;
}

.cart-fix {
    top: 40vh;
}

.nav-ct .d-none {
    display: block !important;
}

.icon-menu {
    padding: 22px 0;
}

.user-detail-info {
    padding-bottom: 20px;
}

a.cart-fix {
    display: block;
}

.section-timeout {
    font-size: 25px;
    padding: 0 0 15px 0px;
    text-align: center;
}

    .section-timeout #time-remaining {
        font-weight: bold;
    }

.page-contact .wrap-contact .contact-title {
    text-transform: uppercase;
    padding-bottom: 10px;
}

.page-contact .wrap-contact .contact-form {
    padding-top: 50px;
}

@media (max-width: 767px) {

    .page-pri {
        padding-bottom: 0px !important;
    }
}

#cart-total-price, #price-old, #total-price-new, #price-coupon {
    color: #f4a51d !important;
}

.modal-footer ul {
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}

    .modal-footer ul li {
        flex: 1;
        text-align: center;
        white-space: nowrap;
    }

        .modal-footer ul li a {
            text-decoration: none;
            color: inherit;
            font-size: 14px;
            display: inline-block;
            padding-left: 8px;
            padding-right: 8px;
        }

.modal-content {
    border: none;
}

.modal-header {
    background: #1a9379;
    color: white;
}

    .modal-header .close {
        background: #f4a51d;
        color: white;
        opacity: 1;
    }

.modal-body ul {
    display: flex;
    margin: 0px;
    padding: 0px;
    width: 100%;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap; 
    gap: 10px;
}

    .modal-body ul li {
        flex: 0 0 calc(50% - 10px);
        text-align: center;
        white-space: nowrap;
        padding-top: 8px;
        padding-bottom: 8px;
        border: 1px dotted #1a9379;
        box-sizing: border-box;
    }

.modal-body ul li:hover {
    background: #1a9379;
}
.modal-body ul li:hover a {
        color: white !important;
}
