.header .nav > li > a::after {
    background-color: #FED3DD;
}

.header .navbar-nav > li > a {
    line-height: 1.4;
}

.header-mobile .navbar-header,
.header-mobile .navbar {
    background-color: #F7EAE2;
}

@media only screen and (min-width: 1200px) {
    .header-desktop .navbar-collapse,
    .header.scroll .navbar-collapse {
        padding: 0;
    }

    .wrap-header {
        height: 100px;
    }

    .dropdown.lang .dropdown-menu .lang-list {
        padding: 10px;
        gap: 5px;
    }

    .dropdown.lang .dropdown-menu {
        width: 85px;
    }

    .header-desktop .top-desktop {
        background-color: #FED3DD;
    }

    .header-desktop .lang {
        margin-right: 0;
    }

    .header-desktop .navbar-collapse {
        background-color: #F7EAE2;
    }

    .header .nav > li > a {
        font-size: 20px !important;
    }

    .header-desktop .navbar-collapse .flex .nav > li {
        padding-left: 30px;
        padding-right: 30px;
    }

        .header-desktop .navbar-collapse .flex .nav > li.wrap-btn {
            padding-top: 0;
            padding-bottom: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 60px;
            padding-right: 15px !important;
        }

            .header-desktop .navbar-collapse .flex .nav > li.wrap-btn .dropdown.lang img, .header-desktop .navbar-collapse .flex .nav > li.wrap-btn .dropdown.lang a {
                height: 20px;
                width: auto;
                display: block;
                margin: 0;
            }

            .header-desktop .navbar-collapse .flex .nav > li.wrap-btn .btnLogin {
                font-size: 22px;
                cursor: pointer;
                transition: 0.5s;
                -webkit-transition: 0.5s;
                -moz-transition: 0.5s;
                -ms-transition: 0.5s;
                -o-transition: 0.5s;
                color: #D10363;
            }

                .header-desktop .navbar-collapse .flex .nav > li.wrap-btn .btnLogin:hover {
                    color: #FFBF01;
                }

    .header-desktop .navbar-collapse .flex .logo {
        padding: 10px 0;
    }

    .header-desktop .navbar-collapse .flex .logo {
        height: 100px;
    }

    .header-desktop .navbar-collapse .flex {
        width: 100%;
        padding: 0 60px;
    }

    .header-desktop .nav {
        align-items: center;
    }

    .header-desktop .btnBookNow {
        font-size: 18px;
        display: block;
        background-color: #FFBF01 !important;
        font-weight: 600 !important;
        line-height: 48px !important;
        padding: 0 30px !important;
        color: white !important;
    }

        .header-desktop .btnBookNow:hover {
            color: black !important;
            background-color: #FED3DD !important;
            border-color: #FED3DD !important;
        }

    .header.scroll .navbar-collapse {
        background-color: #F7EAE2;
    }

    .header-desktop.scroll .navbar-collapse .flex .nav > li {
        padding-left: 30px;
        padding-right: 30px;
    }

    .header-desktop.scroll .navbar-collapse .flex .logo {
        height: 100px;
    }
}

@media only screen and (min-width: 1800px) {
    .header-desktop .navbar-collapse .flex {
        padding: 0 90px;
    }
}

@media only screen and (max-width: 1199px) {
    .header-mobile .nav > li.wrap-btn {
        display: none;
    }

    .header .top-mobile .right {
        gap: 15px;
        margin-left: 15px;
    }

    .top-mobile .btnBookNow {
        font-size: 12px;
        height: 38px;
        line-height: 38px;
        padding: 0 12px;
    }
}

.header .btn-cumulative-points svg {
    display: block;
    height: 25px;
    width: 25px;
    transform: translate(0, -2px);
    -webkit-transform: translate(0, -2px);
    -moz-transform: translate(0, -2px);
    -ms-transform: translate(0, -2px);
    -o-transform: translate(0, -2px);
    z-index: 0;
    fill: #FFBF01;
}

.header .btn-cumulative-points .cart-count {
    font-size: 10px;
    top: -13px;
    right: -7px;
}

.header .btn-cart .fa {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.header .btn-cart:hover {
    color: #FFBF01;
}

    .header .btn-cart:hover .fa {
        color: #FFBF01;
    }

.header .btn-cart-voucher svg {
    display: block;
    height: 30px;
    width: 20px;
    transform: translate(0, -2px);
    -webkit-transform: translate(0, -2px);
    -moz-transform: translate(0, -2px);
    -ms-transform: translate(0, -2px);
    -o-transform: translate(0, -2px);
    z-index: 0;
}

.footer .footer-main .link-icon li::before {
    background-color: #D10363;
}

.footer .footer-main .link a .fa {
    color: #D10363;
}

.footer .wrapMap {
    position: relative;
}

@media only screen and (max-width: 991px) {
    .footer .wrapMap {
        margin-top: 30px;
    }
}

.footer .wrapMap iframe {
    display: block;
    border: none;
    height: 457px;
    width: 100%;
    opacity: 0.8;
    mix-blend-mode: luminosity;
}

@media only screen and (max-width: 991px) {
    .footer .wrapMap iframe {
        height: 300px;
    }
}

.copyright {
    background-color: #FED3DD;
}

.footer {
    background-color: #f7f3ec;
    padding-top: 60px;
}

    .footer .nav-social {
        margin-top: 30px;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: 20px;
    }

        .footer .nav-social a {
            font-size: 24px;
            display: inline-flex;
        }

@media only screen and (max-width: 1199px) {
    .footer {
        padding-bottom: 60px;
    }
}

@media only screen and (max-width: 575px) {
    .footer {
        padding-top: 10px;
    }
}

.footer .footer-main .link li {
    margin: 15px 0 0 0;
}

    .footer .footer-main .link li:first-child {
        margin-top: 0;
    }

.footer .footer-main {
    margin-bottom: 60px;
    padding-bottom: 0;
}

@media only screen and (max-width: 575px) {
    .footer .footer-main {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 991px) {
    .footer .footer-main .logo img {
        max-width: 100px;
        height: auto;
        display: inline-block;
    }
}

.btn2 {
    color: white;
    background: #FFBF01;
    border-color: #FFBF01;
}

    .btn2:hover,
    .btn2:focus {
        color: black;
        background: #FED3DD;
        border-color: #FED3DD;
    }

.scroll-top .btn:focus, .scroll-top .btn:hover {
    color: #FED3DD !important;
    border-color: #FED3DD;
}

.btn-text::after {
    background-color: #FFBF01;
}

.slick-dots li button:before {
    color: #FFBF01;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    background-color: #FFBF01;
    width: 15px;
    height: 15px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.slick-dots li.slick-active button:before {
    color: #FFBF01;
}

.slick-dotted.slick-slider {
    margin-bottom: 50px;
}

.slick-dots {
    bottom: -54px;
}

.wrapBtnBottom {
    display: none;
}

@media only screen and (max-width: 1199px) {
    .wrapBtnBottom {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 991;
        box-shadow: 5px 0px 6px #ccc;
        -webkit-box-shadow: 5px 0px 6px #ccc;
        -moz-box-shadow: 5px 0px 6px #ccc;
        -ms-box-shadow: 5px 0px 6px #ccc;
        -o-box-shadow: 5px 0px 6px #ccc;
    }
}

.wrapBtnBottom .listItem {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: white;
}

.wrapBtnBottom .cart-count {
    position: absolute;
    top: 7px;
    left: 50%;
    width: 20px;
    height: 20px;
    background-color: white;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    margin-left: 5px;
    font-weight: 400;
}

.wrapBtnBottom a {
    display: inline-flex;
    height: 60px;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    color: #D10363;
    background-color: #F7EAE2;
    position: relative;
}

    .wrapBtnBottom a svg {
        height: 18px;
        width: auto;
        display: block;
        fill: currentColor;
    }

.wrapBtnBottom li {
    flex: 0 0 25%;
    -webkit-flex: 0 0 25%;
    -moz-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    -o-flex: 0 0 25%;
    max-width: 25%;
}

    .wrapBtnBottom li:nth-child(1) {
        border-right: 1px solid white;
    }

    .wrapBtnBottom li:nth-child(3) {
        flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
        -moz-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        -o-flex: 0 0 50%;
        max-width: 50%;
    }

        .wrapBtnBottom li:nth-child(3) a {
            font-size: 20px;
            font-weight: 700;
            color: white;
            background-color: #FFBF01;
        }

body:has(.wrapBtnBottom.payment) .cart-footer .wrap-btn .btn {
    display: none;
}

body:has(.wrapBtnBottom.payment) .wrapBtnBottom {
    display: none;
}

    body:has(.wrapBtnBottom.payment) .wrapBtnBottom.payment {
        display: block;
        width: 100%;
    }

        body:has(.wrapBtnBottom.payment) .wrapBtnBottom.payment li {
            flex-basis: 0;
            flex-grow: 1;
            max-width: 100%;
            border-left: 1px solid white;
            border-right: none;
        }

            body:has(.wrapBtnBottom.payment) .wrapBtnBottom.payment li:first-child {
                border-left: none;
            }

        body:has(.wrapBtnBottom.payment) .wrapBtnBottom.payment a {
            background-color: #FFBF01;
            color: white;
        }

.sec-title .separator {
    background-color: #FFBF01;
}

.sec-text-light .separator {
    background-color: #FFBF01;
}

.sec-text-light .title {
    color: black;
}

@media only screen and (min-width: 1200px) {
    .sec-title .title {
        font-size: 48px;
    }
}

.bg-color1 {
    background-color: white;
}

.bg-color2 {
    background-color: #F7EAE2;
}

.bg-color3 {
    background-color: #f7f3ec;
}

a:hover, a:focus {
    color: initial;
}

.container {
    width: 100%;
}

@media only screen and (min-width: 1200px) {
    .container {
        padding: 0 60px;
    }
}

@media only screen and (min-width: 1800px) {
    .container {
        padding: 0 90px;
    }
}

@media only screen and (min-width: 1200px) {
    .sec {
        padding: 60px 0;
    }
}

@media only screen and (min-width: 1800px) {
    .sec {
        padding: 120px 0;
    }
}

.wrapImgResize {
    overflow: hidden;
    position: relative;
    display: block;
}

    .wrapImgResize video,
    .wrapImgResize iframe,
    .wrapImgResize img {
        -o-object-fit: cover;
        object-fit: cover;
        width: 101%;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        min-height: 101%;
        max-height: 101%;
    }

    .wrapImgResize.img16And9 {
        padding-top: 56.25%;
    }

    .wrapImgResize.imgSquare {
        padding-top: 100%;
    }

    .wrapImgResize.img9And16 {
        padding-top: 177%;
    }

    .wrapImgResize.img3And4 {
        padding-top: 133.33333333%;
    }

    .wrapImgResize.img4And3 {
        padding-top: 75%;
    }

.loader .loader-icon .wrap-line .line {
    background-color: #FFBF01;
}

.home-slide-img .item {
    height: 100vw;
}

    .home-slide-img .item .content .title {
        color: #FFBF01;
        font-weight: 700;
    }

    .home-slide-img .item .content .desc {
        color: white;
    }

    .home-slide-img .item::before {
        background-color: rgba(0, 0, 0, 0.3);
    }

.home-slide-img.slick-dotted.slick-slider {
    margin-bottom: 0;
}

@media only screen and (min-width: 768px) {
    .home-slide-img .item {
        height: calc(100vh - 100px);
        height: -ms-calc(100vh - 100px);
        height: -o-calc(100vh - 100px);
        display: flex;
        align-items: center;
    }
}

@media only screen and (min-width: 1200px) {
    .home-slide-img .item .content .desc {
        font-size: 24px;
    }

    .home-slide-img .item .content .title {
        font-size: 48px;
    }
}

.wrapStaff .testi .item .content .author::after {
    background-color: #FFBF01;
}

.wrapStaff .testi .item .content {
    width: calc(70% + 30px);
    width: -ms-calc(70% + 30px);
    width: -o-calc(70% + 30px);
    position: relative;
    z-index: 1;
}

.wrapStaff .testi .item .wrap-img-cover {
    z-index: 2;
}

.wrapStaff .testi .item .content .desc {
    margin: 5px 0 0 0;
}

.wrapStaff .btnMore {
    font-weight: 700;
    color: #D10363;
    margin-top: 0px;
    text-transform: uppercase;
    cursor: pointer;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

    .wrapStaff .btnMore:hover {
        color: #FFBF01;
    }

.wrap-services {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

    .wrap-services .news-list {
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        max-width: 767px;
    }

        .wrap-services .news-list .col {
            flex: 0 0 100%;
            -webkit-flex: 0 0 100%;
            -moz-flex: 0 0 100%;
            -ms-flex: 0 0 100%;
            -o-flex: 0 0 100%;
            max-width: 100%;
            margin-top: 30px;
        }

@media only screen and (max-width: 991px) {
    .wrap-services .news-list .col {
        margin-top: 15px;
    }
}

.wrap-services .news-list .col:nth-child(1) {
    margin-top: 0;
}

.wrap-services .news-list .desc {
    padding: 0 15px;
}

.wrap-services .itemDesServ {
    color: #979797;
    font-size: 14px;
    margin: 0;
}

.wrap-services .news .item .item-content {
    border-left-color: #F7EAE2;
    height: 100%;
    padding: 0;
}

.wrap-services .news .item:hover .item-content,
.wrap-services .news .item:focus .item-content {
    border-left-color: #FFBF01;
}

.wrap-services .news .item {
    height: 100%;
    background-color: white;
    margin: 0;
}

    .wrap-services .news .item .linkItem {
        height: 100%;
    }

    .wrap-services .news .item .title {
        height: auto;
        font-size: 36px;
        font-weight: 700;
        color: #D10363;
        margin: 0;
    }

@media only screen and (max-width: 1199px) {
    .wrap-services .news .item .title {
        font-size: 24px;
    }
}

.wrap-services .titleAndBtn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    -webkit-user-select: none; /* Safari */ /* IE 10 and IE 11 */
    -moz-user-select: none;
    user-select: none; /* Standard syntax */
    padding: 20px 15px;
    gap: 15px;
}

@media only screen and (max-width: 991px) {
    .wrap-services .titleAndBtn {
        padding: 15px;
    }
}

.wrap-services .itemSubServ {
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px dashed black;
    position: relative;
}

    .wrap-services .itemSubServ:first-child {
        padding-top: 0;
        border-top: none;
    }

    .wrap-services .itemSubServ .titleAndPrice {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
    }

    .wrap-services .itemSubServ .txtPag {
        font-size: 14px;
        margin: 0;
    }

    .wrap-services .itemSubServ .txtPrice {
        font-size: 24px;
        font-weight: 700;
        margin-left: auto;
    }

@media only screen and (max-width: 1199px) {
    .wrap-services .itemSubServ .txtPrice {
        font-size: 14px;
    }
}

.wrap-services .itemSubServ .titleItem {
    font-size: 22px;
    font-weight: 700;
    margin: 0;
}

@media only screen and (max-width: 1199px) {
    .wrap-services .itemSubServ .titleItem {
        font-size: 16px;
        flex: 1;
    }
}

.wrap-services .btnMore {
    color: black;
}

    .wrap-services .btnMore svg {
        display: block;
        width: 30px;
        height: auto;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
    }

@media only screen and (max-width: 991px) {
    .wrap-services .btnMore svg {
        width: 20px;
    }
}

.wrap-services .showItem .btnMore svg {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.wrap-services .addToCart {
    font-size: 12px;
    font-weight: 600;
    color: white;
    background-color: #FFBF01;
    padding: 2px 5px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    cursor: pointer;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    text-transform: capitalize;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 15px;
    margin-top: -5px;
}

    .wrap-services .addToCart svg {
        width: 25px;
        height: auto;
        fill: currentColor;
    }

@media only screen and (max-width: 1199px) {
    .wrap-services .addToCart {
        width: 30px;
        height: 30px;
        margin-left: 5px;
    }

        .wrap-services .addToCart svg {
            width: 15px;
        }
}

.wrap-services .addToCart:hover {
    background-color: #D10363;
}

.wrap-img-gallery .news .item {
    margin: 0;
}

    .wrap-img-gallery .news .item .item-content {
        padding: 0;
        border: none;
        background-color: transparent;
    }

.wrap-img-gallery .slick-list {
    padding: 0 20%;
}

@media only screen and (max-width: 991px) {
    .wrap-img-gallery .slick-list {
        padding: 0 15%;
    }
}

.wrap-news-big .news .item {
    margin: 0 -15px;
}

@media only screen and (min-width: 768px) {
    .wrap-news-big .colItem .left {
        float: right;
    }
}

@media only screen and (min-width: 1200px) {
    .wrap-news-big .news .item .title {
        font-size: 36px;
        line-height: 46px;
        max-height: 92px;
        height: 92px;
    }

    .wrap-news-big .des {
        margin: 15px 0 0 0;
        font-size: 20px;
        font-weight: 400;
    }
}

.sec-intro .wrapText {
    font-size: 24px;
    font-weight: 400;
    margin-top: 15px;
}

    .sec-intro .wrapText > * {
        margin: 0 0 20px 0;
    }

        .sec-intro .wrapText > *:last-child {
            margin-bottom: 0 !important;
        }

@media only screen and (max-width: 1199px) {
    .sec-intro .wrapText {
        font-size: 18px;
    }
}

.sec-intro .wrapBtnBook {
    text-align: center;
    margin-top: 60px;
}

@media only screen and (max-width: 991px) {
    .sec-intro .wrapBtnBook {
        margin-top: 30px;
    }
}

.sec-intro .btnBookNow {
    font-size: 36px;
    line-height: 70px;
    height: 70px;
    font-weight: 700;
    padding: 0 50px;
}

@media only screen and (max-width: 991px) {
    .sec-intro .btnBookNow {
        font-size: 24px;
        padding: 0 30px;
        line-height: 50px;
        height: 50px;
    }
}

.sec-intro .sec-title {
    margin-bottom: 0;
}

@media only screen and (min-width: 1200px) {
    .sec-intro .sec-title .title {
        font-size: 48px;
    }
}

@media screen and (max-width: 1220px) {
    .wrap-voucher .container:has(.slick-slider) {
        padding: 0;
    }
}

.voucher-list {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}

    .voucher-list .col-item {
        padding: 0 15px;
    }

@media screen and (max-width: 575px) {
    .voucher-list .col-item:not(:first-child) {
        margin-top: 30px;
    }
}

@media screen and (min-width: 575px) {
    .voucher-list .col-item {
        flex: 0 0 50%;
        -webkit-flex: 0 0 50%;
        -moz-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        -o-flex: 0 0 50%;
        max-width: 50%;
    }

        .voucher-list .col-item:nth-child(n+3) {
            margin-top: 30px;
        }
}

@media screen and (min-width: 1220px) {
    .voucher-list .col-item {
        flex: 0 0 33.333333%;
        -webkit-flex: 0 0 33.333333%;
        -moz-flex: 0 0 33.333333%;
        -ms-flex: 0 0 33.333333%;
        -o-flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

        .voucher-list .col-item:nth-child(n+3) {
            margin-top: 0;
        }

        .voucher-list .col-item:nth-child(n+4) {
            margin-top: 30px;
        }
}

.voucher-list.slick-slider {
    overflow: hidden;
    margin: 0;
}

    .voucher-list.slick-slider .col-item {
        padding: 100px 60px;
    }

@media screen and (min-width: 575px) {
    .voucher-list.slick-slider .col-item:nth-child(n+3) {
        margin-top: 0;
    }
}

@media screen and (min-width: 1220px) {
    .voucher-list.slick-slider .col-item:nth-child(n+4) {
        margin-top: 0;
    }
}

.voucher-list.slick-slider .slick-slide {
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.voucher-list.slick-slider .slick-center {
    transform: scale(1.25);
    -webkit-transform: scale(1.25);
    -moz-transform: scale(1.25);
    -ms-transform: scale(1.25);
    -o-transform: scale(1.25);
}

.voucher-list.slick-slider .slick-dots {
    bottom: 0;
}

.voucher-list.slick-slider.slick-dotted {
    padding-bottom: 30px;
    margin: 0;
}

.voucher-list.slick-slider .slick-list {
    margin: 0 -60px;
}

@media screen and (max-width: 1800px) {
    .voucher-list.slick-slider .col-item {
        margin-top: 0;
        padding: 80px 40px;
    }

    .voucher-list.slick-slider .slick-list {
        margin: 0 -40px;
    }
}

@media screen and (max-width: 1220px) {
    .voucher-list.slick-slider .col-item {
        margin-top: 0;
        padding: 0 7px;
    }

    .voucher-list.slick-slider .slick-list {
        padding: 0 200px !important;
        margin: 0 -7px;
    }

    .voucher-list.slick-slider.slick-dotted {
        padding-bottom: 50px;
    }

    .voucher-list.slick-slider .slick-center {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
    }
}

@media screen and (max-width: 991px) {
    .voucher-list.slick-slider .slick-list {
        padding: 0 100px !important;
    }
}

@media screen and (max-width: 575px) {
    .voucher-list.slick-slider .col-item {
        padding: 0 2px;
    }

    .voucher-list.slick-slider .slick-list {
        padding: 0 40px !important;
        margin: 0 -2px;
    }
}

.voucher-list .item {
    background-color: white;
    height: 100%;
    padding: 20px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: block;
}

.voucher-list .wrap-price-item {
    font-weight: 700;
    text-transform: capitalize;
    margin: 0;
    font-size: 36px;
    color: #D10363;
}

@media screen and (max-width: 1800px) {
    .voucher-list .wrap-price-item {
        font-size: 30px;
    }
}

@media screen and (max-width: 575px) {
    .voucher-list .wrap-price-item {
        font-size: 24px;
    }
}

.voucher-list .title-item {
    font-size: 30px;
    font-family: "DancingScript", cursive;
    letter-spacing: 0.5px;
    position: relative;
    z-index: 1;
    padding-bottom: 4px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    line-height: 40px;
    max-height: 40px;
    margin: 5px 0 0 0;
}

    .voucher-list .title-item::after {
        content: "";
        position: absolute;
        left: 0;
        width: 30%;
        background: #FFBF01;
        z-index: -1;
        height: 32%;
        bottom: 3%;
    }

@media screen and (max-width: 1800px) {
    .voucher-list .title-item {
        font-size: 20px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        line-height: 30px;
        max-height: 30px;
    }

        .voucher-list .title-item::after {
            height: 32%;
            bottom: 5%;
        }
}

@media screen and (max-width: 575px) {
    .voucher-list .title-item {
        font-size: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-height: 44px;
        min-height: 44px;
        line-height: 22px;
    }

        .voucher-list .title-item::after {
            height: 24%;
            bottom: 3%;
        }
}

.voucher-list .wrap-des {
    font-size: 18px;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 28px;
    max-height: 84px;
    margin: 0;
    color: #979797;
    margin: 5px 0 0 0;
}

@media screen and (max-width: 1800px) {
    .voucher-list .wrap-des {
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        line-height: 24px;
        max-height: 72px;
    }
}

@media screen and (max-width: 575px) {
    .voucher-list .wrap-des {
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        max-height: 60px;
        min-height: 60px;
        line-height: 20px;
    }
}

.voucher-list .wrap-img-text {
    display: flex;
    position: relative;
    flex-direction: column;
}

    .voucher-list .wrap-img-text .wrap-img {
        padding-bottom: 15px;
        position: relative;
    }

        .voucher-list .wrap-img-text .wrap-img::before {
            position: absolute;
            content: "";
            bottom: -15px;
            left: 0;
            width: 100%;
            border-top: 2px dashed #f7f3ec;
        }

        .voucher-list .wrap-img-text .wrap-img .wrapImgResize {
            border-radius: 10px;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            -ms-border-radius: 10px;
            -o-border-radius: 10px;
        }

@media screen and (max-width: 1800px) {
    .voucher-list .wrap-img-text .wrap-img {
        padding-bottom: 5px;
    }

        .voucher-list .wrap-img-text .wrap-img::before {
            bottom: -10px;
            left: -5px;
            width: calc(100% + 10px);
            width: -ms-calc(100% + 10px);
            width: -o-calc(100% + 10px);
        }
}

.voucher-list .wrap-img-text .wrap-text {
    padding-top: 30px;
    position: relative;
}

    .voucher-list .wrap-img-text .wrap-text::before, .voucher-list .wrap-img-text .wrap-text::after {
        position: absolute;
        top: 0;
        content: "";
        width: 30px;
        height: 30px;
        background-color: #f7f3ec;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
    }

    .voucher-list .wrap-img-text .wrap-text::before {
        left: -30px;
    }

    .voucher-list .wrap-img-text .wrap-text::after {
        right: -30px;
    }

@media screen and (max-width: 1800px) {
    .voucher-list .wrap-img-text .wrap-text::before, .voucher-list .wrap-img-text .wrap-text::after {
        width: 20px;
        height: 20px;
    }

    .voucher-list .wrap-img-text .wrap-text::before {
        left: -28px;
    }

    .voucher-list .wrap-img-text .wrap-text::after {
        right: -28px;
    }
}

.voucher-list .btnAddVoucher {
    color: white;
    width: 40px;
    height: 40px;
    background-color: #FFBF01;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    position: absolute;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-user-select: none;
    /* Safari */
    /* IE 10 and IE 11 */
    -moz-user-select: none;
    user-select: none;
    /* Standard syntax */
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

    .voucher-list .btnAddVoucher svg {
        width: 20px;
        height: 20px;
        display: block;
        fill: currentColor;
    }

    .voucher-list .btnAddVoucher::after {
        position: absolute;
        top: 0;
        right: 0;
        content: "+";
        color: white;
        font-size: 14px;
        font-weight: 700;
        width: 14px;
        height: 14px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        background-color: #D10363;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
    }

    .voucher-list .btnAddVoucher:hover {
        background-color: #FED3DD;
    }

@media screen and (max-width: 1800px) {
    .voucher-list .btnAddVoucher {
        width: 30px;
        height: 30px;
    }

        .voucher-list .btnAddVoucher svg {
            width: 12px;
            height: 12px;
        }

        .voucher-list .btnAddVoucher::after {
            position: absolute;
            font-size: 12px;
            width: 12px;
            height: 12px;
        }
}

.voucher-list .wrap-price-buy {
    padding-top: 30px;
    position: relative;
    margin-top: 15px;
}

    .voucher-list .wrap-price-buy .wrap-icon {
        width: 25px;
        color: #FFBF01;
    }

        .voucher-list .wrap-price-buy .wrap-icon svg {
            height: auto;
            width: 100%;
            display: block;
            fill: currentColor;
        }

    .voucher-list .wrap-price-buy .content-price {
        font-size: 24px;
        line-height: 1;
        text-transform: capitalize;
        margin: 0;
        color: black;
        display: flex;
        align-items: center;
        gap: 5px;
        padding-top: 15px;
        position: relative;
    }

        .voucher-list .wrap-price-buy .content-price::before {
            position: absolute;
            content: "";
            top: -15px;
            left: 0;
            width: 100%;
            border-top: 2px dashed #f7f3ec;
        }

    .voucher-list .wrap-price-buy::before, .voucher-list .wrap-price-buy::after {
        position: absolute;
        top: 0;
        content: "";
        width: 30px;
        height: 30px;
        background-color: #f7f3ec;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
    }

    .voucher-list .wrap-price-buy::before {
        left: -30px;
    }

    .voucher-list .wrap-price-buy::after {
        right: -30px;
    }

@media (max-width: 1800px) {
    .voucher-list .wrap-price-buy {
        margin-top: 10px;
    }

        .voucher-list .wrap-price-buy .wrap-icon {
            width: 20px;
        }

        .voucher-list .wrap-price-buy .content-price {
            padding-top: 5px;
            font-size: 16px;
        }

            .voucher-list .wrap-price-buy .content-price::before {
                top: -20px;
                left: -5px;
                width: calc(100% + 10px);
                width: -ms-calc(100% + 10px);
                width: -o-calc(100% + 10px);
            }

        .voucher-list .wrap-price-buy::before, .voucher-list .wrap-price-buy::after {
            width: 20px;
            height: 20px;
        }

        .voucher-list .wrap-price-buy::before {
            left: -28px;
        }

        .voucher-list .wrap-price-buy::after {
            right: -28px;
        }
}

.voucher-detail .rowSlideImg {
    position: relative;
}

    .voucher-detail .rowSlideImg .colImg {
        z-index: 0;
    }

    .voucher-detail .rowSlideImg .colText {
        z-index: 1;
        position: static;
    }

@media only screen and (min-width: 1220px) {
    .voucher-detail .rowSlideImg .colText {
        order: -1;
    }
}

.voucher-detail .rowSlideImg .colText .wrapInfo {
    font-size: 20px;
    font-weight: 300;
    color: #D10363;
    display: flex;
    row-gap: 10px;
    flex-direction: column;
    margin-top: 20px;
}

    .voucher-detail .rowSlideImg .colText .wrapInfo .itemInfo {
        display: flex;
        align-items: center;
        gap: 10px;
    }

        .voucher-detail .rowSlideImg .colText .wrapInfo .itemInfo svg {
            height: auto;
            width: 14px;
            min-width: 14px;
            display: block;
        }

.voucher-detail .rowSlideImg .colText .contentItem {
    position: absolute;
    top: 50%;
    right: 15px;
    width: calc(33.33333333% + 120px);
    width: -ms-calc(33.33333333% + 120px);
    width: -o-calc(33.33333333% + 120px);
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

    .voucher-detail .rowSlideImg .colText .contentItem .item {
        box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1019607843);
        -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1019607843);
        -moz-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1019607843);
        -ms-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1019607843);
        -o-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.1019607843);
        background-color: rgba(255, 255, 255, 0.85);
        padding: 30px;
    }

@media only screen and (max-width: 1219px) {
    .voucher-detail .rowSlideImg .colText .contentItem .item {
        padding: 15px;
    }
}

@media screen and (max-width: 1800px) {
    .voucher-detail .rowSlideImg .colText .contentItem .wrap-des {
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        line-height: 28px;
        max-height: 84px;
    }
}

@media screen and (max-width: 575px) {
    .voucher-detail .rowSlideImg .colText .contentItem .wrap-des {
        font-size: 18px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        max-height: 140px;
        min-height: 140px;
        line-height: 28px;
    }
}

.voucher-detail .rowSlideImg .colText .contentItem .title-item {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 40px;
    max-height: 120px;
}

    .voucher-detail .rowSlideImg .colText .contentItem .title-item::after {
        bottom: auto;
        top: 26px;
        height: 16px;
    }

@media screen and (max-width: 1800px) {
    .voucher-detail .rowSlideImg .colText .contentItem .title-item {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        line-height: 30px;
        max-height: 90px;
        font-size: 24px;
    }

        .voucher-detail .rowSlideImg .colText .contentItem .title-item::after {
            bottom: auto;
            top: 20px;
            height: 8px;
        }
}

@media screen and (max-width: 575px) {
    .voucher-detail .rowSlideImg .colText .contentItem .title-item {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 10;
        -webkit-box-orient: vertical;
        line-height: 30px;
        max-height: 300px;
        min-height: unset;
        font-size: 24px;
    }

        .voucher-detail .rowSlideImg .colText .contentItem .title-item::after {
            bottom: auto;
            top: 20px;
            height: 8px;
        }
}

.voucher-detail .rowSlideImg .colText .contentItem .wrap-price-buy::after, .voucher-detail .rowSlideImg .colText .contentItem .wrap-price-buy::before {
    display: none;
}

.voucher-detail .rowSlideImg .colText .contentItem .wrap-img-text .wrap-text {
    padding-top: 0;
}

    .voucher-detail .rowSlideImg .colText .contentItem .wrap-img-text .wrap-text::after, .voucher-detail .rowSlideImg .colText .contentItem .wrap-img-text .wrap-text::before {
        display: none;
    }

@media screen and (max-width: 1220px) {
    .voucher-detail .rowSlideImg .colText .contentItem {
        position: static;
        width: 100%;
        border-right: none;
        box-shadow: unset;
        -webkit-box-shadow: unset;
        -moz-box-shadow: unset;
        -ms-box-shadow: unset;
        -o-box-shadow: unset;
        margin-top: 30px;
        margin-right: 0;
        margin-left: 0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
    }
}

@media screen and (min-width: 1220px) {
    .voucher-detail .rowSlideImg .colText .wrapInfoText {
        font-size: 20px;
        margin-top: 20px;
        font-weight: 400;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 10;
        -webkit-box-orient: vertical;
        line-height: 30px;
        max-height: 300px;
    }
}

@media screen and (max-width: 1220px) {
    .voucher-detail .rowSlideImg .colText .wrapInfoText {
        margin-top: 15px;
        font-size: 18px;
    }
}

.voucher-detail .wrapContentDetail {
    margin-top: 60px;
}

@media only screen and (max-width: 1219px) {
    .voucher-detail .wrapContentDetail {
        margin-top: 30px;
    }
}

.voucher-detail .wrapContentDetail .sec-title {
    text-align: left;
    margin-bottom: 15px;
}

    .voucher-detail .wrapContentDetail .sec-title .title {
        font-size: 36px;
    }

@media only screen and (max-width: 1219px) {
    .voucher-detail .wrapContentDetail .sec-title .title {
        font-size: 24px;
    }
}

.voucher-detail .wrapContentDetail .sec-title .separator {
    margin-left: 0;
}

.voucher-detail .wrapContentDetail .contentText {
    padding: 30px;
    background-color: #f7f3ec;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

@media only screen and (max-width: 1219px) {
    .voucher-detail .wrapContentDetail .contentText {
        padding: 15px;
    }
}

.voucher-detail .wrapContentDetail .showTextDetail > *:last-child {
    margin-bottom: 0 !important;
}

.htmlContent:has(.other-voucher) ~ .htmlFooter .footer, .htmlContent:has(.wrap-page-voucher) ~ .htmlFooter .footer {
    background-color: white;
}

.sec-cart .cart-service .service-item .wrap-img-cover {
    display: none;
}

.sec-cart .divContentService {
    width: 100%;
}

@media only screen and (max-width: 1199px) {
    .sec-cart .divContentService .divClassName {
        position: static;
        width: 275px;
    }

        .sec-cart .divContentService .divClassName .objStaffName {
            padding-left: 0;
        }

        .sec-cart .divContentService .divClassName .classIconEdit {
            right: auto;
            left: 275px;
        }
}

@media only screen and (max-width: 575px) {
    .wrapBtnConfirmAndBack .btnBack,
    .wrapBtnConfirmAndBack .btnConfirm {
        width: 100%;
        display: block;
    }

    .wrapBtnConfirmAndBack .btnConfirm {
        padding: 0 10px !important;
        margin-top: 5px;
    }
}

.voucher-cart .cart-service {
    margin-top: 0;
}

    .voucher-cart .cart-service .service-item .content .info > * {
        margin-right: 20px;
    }

    .voucher-cart .cart-service .service-item .content .control {
        justify-content: flex-start;
        align-items: center !important;
    }

@media screen and (max-width: 1220px) {
    .voucher-cart .cart-service .service-item .content .control {
        margin-top: 5px;
    }
}

@media screen and (max-width: 575px) {
    .voucher-cart .cart-service .service-item .content .control {
        position: relative;
    }
}

.voucher-cart .cart-service .service-item .content .control .wrap-btn {
    margin-left: auto;
}

@media screen and (max-width: 575px) {
    .voucher-cart .cart-service .service-item .content .control .wrap-btn {
        position: absolute;
        right: 0;
        bottom: 7px;
    }
}

@media screen and (max-width: 575px) {
    .voucher-cart .cart-service .cart-service-content .service-item .content .control .wrap-btn > .btn:first-child {
        margin-right: 0;
    }
}

.voucher-cart .cart-service .service-item .content .title {
    line-height: 1.2;
}

.voucher-cart .objPriceCost {
    display: inline-block;
}

.voucher-cart .wrapCountItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

    .voucher-cart .wrapCountItem .inputItem {
        font-size: 14px;
        line-height: 30px;
        height: 30px;
        padding: 0 10px;
        border: none;
        width: 50px;
        color: black;
        position: relative;
        z-index: 1;
        background-color: transparent;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        background-color: white;
        border: 1px solid #DDEAF6;
        text-align: center;
    }

        .voucher-cart .wrapCountItem .inputItem:focus-visible {
            outline: unset;
            outline: none;
        }

@media screen and (max-width: 991px) {
    .voucher-cart .wrapCountItem .inputItem {
        width: 50px;
    }
}

.voucher-cart .wrapCountItem .btnSettingNumber {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid #DDEAF6;
    cursor: pointer;
    font-size: 24px;
    font-weight: 500;
    color: black;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-user-select: none;
    /* Safari */
    /* IE 10 and IE 11 */
    -moz-user-select: none;
    user-select: none;
    /* Standard syntax */
}

    .voucher-cart .wrapCountItem .btnSettingNumber:hover {
        background-color: #FFBF01;
        color: white;
    }

    .voucher-cart .wrapCountItem .btnSettingNumber.down {
        border-right: none;
    }

    .voucher-cart .wrapCountItem .btnSettingNumber.up {
        border-left: none;
    }

.alertTimeBookingTour {
    text-align: center;
    padding: 10px 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    color: #255e9f;
    font-size: 14px;
    line-height: 23px;
}

    .alertTimeBookingTour.color1 {
        color: #656565;
        background-color: #DDEAF6;
    }

    .alertTimeBookingTour.color2 {
        color: #255e9f;
        background-color: #D9D9D9;
    }

    .alertTimeBookingTour.color3 {
        color: #F7EAE2;
        background-color: #F0F0F0;
    }

    .alertTimeBookingTour.color4 {
        color: #f7f3ec;
        background-color: rgba(0, 0, 0, 0.8);
    }

.lblInputBooking {
    font-size: 14px;
    line-height: 20px;
    color: #FFBF01;
    margin: 0 0 2px 0;
}

    .lblInputBooking .frmImportant {
        color: #255e9f;
    }

.input-group-booking {
    position: relative;
    border: 1px solid rgba(25, 80, 143, 0.95);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.input-item-booking {
    font-size: 14px;
    line-height: 32px;
    height: 32px;
    padding: 0 10px 0 30px;
    border: none;
    width: 100%;
    color: #FFBF01;
}

    .input-item-booking::-moz-placeholder {
        color: #f9f9f9;
    }

    .input-item-booking::placeholder {
        color: #f9f9f9;
    }

.icon-booking {
    position: absolute;
    top: 50%;
    left: 5px;
    font-size: 14px;
    color: #f9f9f9;
    width: 20px;
    text-align: center;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
}

.form-group-booking {
    margin-bottom: 10px;
}

.select-item-booking.bootstrap-select {
    width: 100% !important;
}

    .select-item-booking.bootstrap-select > .dropdown-toggle {
        padding: 0 10px 0 30px;
        background-color: transparent;
        font-size: 14px;
        line-height: 32px;
        height: 32px;
        color: #f9f9f9;
        border: none;
    }

        .select-item-booking.bootstrap-select > .dropdown-toggle:focus, .select-item-booking.bootstrap-select > .dropdown-toggle.active, .select-item-booking.bootstrap-select > .dropdown-toggle:active {
            background-color: transparent;
            box-shadow: unset;
            -ms-box-shadow: unset;
            -o-box-shadow: unset;
            box-shadow: none;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            -ms-box-shadow: none;
            -o-box-shadow: none;
            border: none;
            outline: unset !important;
            outline: none !important;
        }

    .select-item-booking.bootstrap-select .dropdown-item.active, .select-item-booking.bootstrap-select .dropdown-item:active {
        background-color: #f7f3ec;
        color: white;
    }

.pageProfile {
    padding-bottom: 30px;
}

.rowInfoTourBooking,
.rowFrmSearchTour {
    margin: 0 -7.5px;
}

.colItemSearchTour {
    padding: 0 7.5px;
}

@media (max-width: 991px) {
    .pageProfile {
        padding-bottom: 15px;
    }
}

.contentFrmProfile {
    margin-top: 30px;
}

.wrapBtnCompleteBook {
    margin-top: 15px;
}

@media screen and (max-width: 991px) {
    .wrapBtnCompleteBook {
        margin-top: 0;
    }
}

.BtnCompleteBook {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    padding: 8px 16px;
    color: #F7EAE2;
    font-size: 18px;
    font-weight: 700;
    background-color: #CCA86A;
    text-align: center;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    outline: unset;
    outline: none;
    cursor: pointer;
    display: inline-flex;
    border: 1px solid #CCA86A;
    align-items: center;
    justify-content: center;
    -webkit-user-select: none; /* Safari */ /* IE 10 and IE 11 */
    -moz-user-select: none;
    user-select: none; /* Standard syntax */
}

    .BtnCompleteBook:focus {
        outline: unset;
        outline: none;
    }

    .BtnCompleteBook:hover {
        text-decoration: none;
        color: white;
        outline: unset;
        outline: none;
        background-color: #F7EAE2;
        border-color: #F7EAE2;
    }

    .BtnCompleteBook.reset {
        background-color: white;
        color: #CCA86A;
        border-color: #CCA86A;
        margin-left: 5px;
    }

        .BtnCompleteBook.reset:hover {
            background-color: #F7EAE2;
            color: white;
            border-color: #F7EAE2;
        }

@media screen and (max-width: 1800px) {
    .BtnCompleteBook {
        font-size: 14px;
        padding: 8px 16px;
    }
}

.wrapSearchAndListTour {
    padding: 15px;
    background-color: white;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border: 1px dashed rgba(25, 80, 143, 0.95);
    border-top: none;
}

    .wrapSearchAndListTour .wrapPaging {
        margin: 15px 0 0 0;
    }

@media (max-width: 991px) {
    .contentFrmProfile {
        margin-top: 15px;
    }

    .wrapBtnCompleteBook {
        margin-top: 5px;
    }
}

.titleTourBooking {
    font-size: 20px;
    line-height: 30px;
    color: white;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    background-color: #f7f3ec;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    padding: 10px 15px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

    .titleTourBooking:hover {
        color: #F7EAE2;
    }

.linkTitleTourBooking {
    display: block;
}

.showFormBookingTour {
    padding: 15px;
    border: 1px dashed rgba(25, 80, 143, 0.95);
    border-top: none;
    background-color: white;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
}

@media (max-width: 991px) {
    .titleTourBooking {
        font-size: 16px;
        line-height: 26px;
    }
}

.wrapTblVoucherHistory .table {
    margin: 0;
}

    .wrapTblVoucherHistory .table th {
        border-color: rgba(255, 255, 255, 0.8);
    }

    .wrapTblVoucherHistory .table td,
    .wrapTblVoucherHistory .table th {
        vertical-align: middle;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
    }

@media screen and (min-width: 1200px) {
    .wrapTblVoucherHistory .table tr {
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        cursor: pointer;
    }

        .wrapTblVoucherHistory .table tr:hover {
            background-color: #f2f2f2;
        }
}

.titleHeaderTblPriceTour {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: white;
    white-space: nowrap;
    background-color: #FFBF01;
    text-transform: uppercase;
}

    .titleHeaderTblPriceTour.price {
        text-align: right;
    }

    .titleHeaderTblPriceTour.status, .titleHeaderTblPriceTour.view {
        text-align: center;
    }

@media screen and (min-width: 992px) {
    .titleHeaderTblPriceTour {
        border-bottom: 1px solid #FFBF01 !important;
        border-top: 1px solid #FFBF01 !important;
    }

        .titleHeaderTblPriceTour:first-child {
            border-left: 1px solid #FFBF01 !important;
        }

        .titleHeaderTblPriceTour:last-child {
            border-right: 1px solid #FFBF01 !important;
        }
}

@media screen and (max-width: 1200px) {
    .titleHeaderTblPriceTour {
        font-size: 12px;
    }
}

.titleTblPriceTourMB {
    display: none;
    font-size: 14px;
    font-weight: 700;
    color: black;
    margin-right: 5px;
    line-height: 19px;
}

.colTblPriceTour {
    font-size: 16px;
    color: black;
    font-weight: 500;
}

    .colTblPriceTour.price {
        text-align: right;
    }

    .colTblPriceTour.view {
        text-align: center;
    }

        .colTblPriceTour.view .textView {
            padding: 5px 10px;
            background-color: #FFBF01;
            border: 1px solid #FFBF01;
            display: inline-block;
            color: white;
            font-weight: 700;
            font-size: 14px;
            transition: 0.5s;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
        }

@media screen and (min-width: 1200px) {
    .colTblPriceTour.view .textView:hover {
        background-color: white;
        color: #FFBF01;
    }
}

@media screen and (max-width: 991px) {
    .colTblPriceTour.view .textView {
        padding: 5px 15px;
    }
}

@media screen and (max-width: 991px) {
    .colTblPriceTour.view {
        text-align: left;
    }
}

.colTblPriceTour.dateExpiration .green,
.colTblPriceTour.dateExpiration .red,
.colTblPriceTour.dateExpiration .yellow {
    display: inline-block;
    font-weight: 700;
}

.colTblPriceTour.dateExpiration .green {
    color: green;
}

.colTblPriceTour.dateExpiration .red {
    color: #E12115;
}

.colTblPriceTour.dateExpiration .yellow {
    color: #ffc107;
}

.colTblPriceTour.status {
    text-align: center;
}

    .colTblPriceTour.status .green,
    .colTblPriceTour.status .red,
    .colTblPriceTour.status .yellow {
        padding: 2px 10px;
        border-radius: 20px;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        -o-border-radius: 20px;
        display: inline-block;
        font-weight: 700;
        color: white;
    }

    .colTblPriceTour.status .green {
        background-color: green;
    }

    .colTblPriceTour.status .red {
        background-color: #E12115;
    }

    .colTblPriceTour.status .yellow {
        background-color: #ffc107;
    }

@media screen and (max-width: 1800px) {
    .colTblPriceTour {
        font-size: 14px;
    }
}

@media screen and (max-width: 1200px) {
    .colTblPriceTour {
        font-size: 12px;
    }
}

.titleFrmSearchBooking,
.btnShowFrmSearch {
    display: none;
}

.btnCloseFrmBookingCar {
    position: absolute;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #E12115;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border: 2px solid #E12115;
    padding: 0;
    top: 15px;
    right: 15px;
    align-items: center;
    justify-content: center;
    display: none;
}

    .btnCloseFrmBookingCar svg {
        height: 18px;
        width: auto;
        display: block;
    }

.wrapCloseFrmSearchTour {
    display: none;
    position: fixed;
    right: -100%;
    top: 60px;
    width: 100%;
    z-index: 993;
    display: block;
    background-color: rgba(0, 0, 0, 0.8);
    height: calc(100% - 60px);
    height: -ms-calc(100% - 60px);
    height: -o-calc(100% - 60px);
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.wrapFrmSearchTour {
    margin-bottom: 30px;
}

.txtPriceTour {
    white-space: nowrap;
}

@media (max-width: 1199px) {
    .titleHeaderTblPriceTour.price,
    .titleHeaderTblPriceTour {
        text-align: center;
    }

        .titleHeaderTblPriceTour.price i,
        .titleHeaderTblPriceTour i {
            display: block;
            margin-bottom: 5px;
        }
}

@media (max-width: 991px) {
    .wrapTblVoucherHistory thead {
        display: none;
    }

    .wrapTblVoucherHistory .containerInputCheck {
        margin-left: 0;
        width: 100%;
        padding-left: 25px;
    }

    .wrapTblVoucherHistory .lblInputCheck {
        display: block;
    }

    .wrapTblVoucherHistory tr,
    .wrapTblVoucherHistory td,
    .wrapTblVoucherHistory tbody {
        display: block;
    }

    .wrapTblVoucherHistory .table-bordered {
        border: none;
    }

        .wrapTblVoucherHistory .table-bordered td,
        .wrapTblVoucherHistory .table-bordered th {
            border: none;
            padding: 0;
            margin-top: 5px;
        }

    .wrapTblVoucherHistory tr {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #DDEAF6;
    }

        .wrapTblVoucherHistory tr:first-child {
            padding-top: 0;
            border-top: none;
            margin-top: 0;
        }

        .wrapTblVoucherHistory tr td:first-child,
        .wrapTblVoucherHistory tr th:first-child {
            margin-top: 0;
        }

    .btnCloseFrmBookingCar {
        display: flex;
    }

    .wrapCloseFrmSearchTour {
        display: block;
    }

    .btnShowFrmSearch {
        display: inline-block;
    }

    .titleTblPriceTourMB {
        display: inline-block;
    }

        .titleTblPriceTourMB i {
            width: 20px;
            text-align: center;
        }

    .colTblPriceTour {
        font-size: 14px;
    }

        .colTblPriceTour.status, .colTblPriceTour.price {
            text-align: left;
        }

        .colTblPriceTour.view {
            position: relative;
        }

            .colTblPriceTour.view .textView {
                position: absolute;
                bottom: 5px;
                right: 0;
            }

    .titleFrmSearchBooking {
        display: block;
        padding-right: 35px;
        font-size: 24px;
        color: #F7EAE2;
        font-weight: 700;
        margin: 0;
    }

    .wrapFrmSearchTour {
        position: fixed;
        top: 60px;
        left: -100%;
        width: 90%;
        max-width: 300px;
        border: none;
        border-radius: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        z-index: 993;
        height: calc(100% - 60px);
        height: -ms-calc(100% - 60px);
        height: -o-calc(100% - 60px);
        overflow-y: auto;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        background-color: #979797;
        padding: 15px;
    }

    .showSearchHistoryBooking {
        overflow: hidden;
    }

        .showSearchHistoryBooking .wrapFrmSearchTour {
            left: 0;
        }

    .showSearchDesignAvailable .wrapFrmSearchTour {
        left: 0;
    }

    .showSearchCar .wrapFrmSearchTour {
        left: 0;
    }

    .showSearchHistoryBooking .wrapCloseFrmSearchTour,
    .showSearchDesignAvailable .wrapCloseFrmSearchTour,
    .showSearchCar .wrapCloseFrmSearchTour {
        right: 0;
    }
}

.wrapMenuTabTourBook {
    background-color: white;
}

    .wrapMenuTabTourBook .nav-tabs {
        border-bottom: 1px solid #f7f3ec;
    }

        .wrapMenuTabTourBook .nav-tabs .nav-link {
            font-size: 16px;
            text-transform: uppercase;
            color: #f7f3ec;
            font-weight: 700;
            line-height: 22px;
            border-radius: 0;
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            -o-border-radius: 0;
            border: none;
            padding: 10px 20px;
            position: relative;
            transition: 0.5s;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -ms-transition: 0.5s;
            -o-transition: 0.5s;
        }

            .wrapMenuTabTourBook .nav-tabs .nav-link:hover {
                color: #F7EAE2;
            }

            .wrapMenuTabTourBook .nav-tabs .nav-link::before {
                position: absolute;
                bottom: 100%;
                left: 0;
                width: 100%;
                height: 5px;
                background-color: #f7f3ec;
                content: "";
                transition: 0.5s;
                -webkit-transition: 0.5s;
                -moz-transition: 0.5s;
                -ms-transition: 0.5s;
                -o-transition: 0.5s;
                opacity: 0;
                filter: alpha(opacity=0);
            }

            .wrapMenuTabTourBook .nav-tabs .nav-link.active {
                background-color: #f7f3ec;
                color: white;
            }

                .wrapMenuTabTourBook .nav-tabs .nav-link.active::before {
                    opacity: 1;
                    filter: alpha(opacity=100);
                }

@media (max-width: 575px) {
    .wrapMenuTabTourBook .nav-tabs .nav-link {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: -1px;
    }
}

@media (max-width: 375px) {
    .wrapMenuTabTourBook .nav-tabs .nav-link {
        padding: 10px;
    }
}

.contentItemInfoDetailTour {
    color: #FFBF01;
    font-size: 16px;
    line-height: 26px;
    display: table;
    width: 100%;
    margin-top: 10px;
}

    .contentItemInfoDetailTour i {
        display: table-cell;
        width: 20px;
        color: #f7f3ec;
        text-align: center;
        float: left;
        line-height: 26px;
        height: 26px;
        font-size: 16px;
        vertical-align: middle;
    }

    .contentItemInfoDetailTour b {
        color: black;
        margin-right: 5px;
    }

    .contentItemInfoDetailTour.moneyCurrentTour {
        color: #255e9f;
    }

        .contentItemInfoDetailTour.moneyCurrentTour b,
        .contentItemInfoDetailTour.moneyCurrentTour i {
            color: #255e9f;
        }

.txtItemInfoDetailTour {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    padding-left: 5px;
}

.statusTextBooking.color1 .contentItemInfoDetailTour i,
.statusTextBooking.color1 .contentItemInfoDetailTour b,
.statusTextBooking.color1 .contentItemInfoDetailTour {
    color: #656565;
}

.statusTextBooking.color2 .contentItemInfoDetailTour i,
.statusTextBooking.color2 .contentItemInfoDetailTour b,
.statusTextBooking.color2 .contentItemInfoDetailTour {
    color: #255e9f;
}

.statusTextBooking.color3 .contentItemInfoDetailTour i,
.statusTextBooking.color3 .contentItemInfoDetailTour b,
.statusTextBooking.color3 .contentItemInfoDetailTour {
    color: #F7EAE2;
}

.statusTextBooking.color4 .contentItemInfoDetailTour i,
.statusTextBooking.color4 .contentItemInfoDetailTour b,
.statusTextBooking.color4 .contentItemInfoDetailTour {
    color: #f7f3ec;
}

.modalDetailVoucherHistory .modal-dialog {
    width: 1110px;
}

.modalDetailVoucherHistory .modal-content .btn-close {
    left: auto;
    right: -15px;
}

@media screen and (max-width: 767px) {
    .modalDetailVoucherHistory .modal-content .btn-close {
        top: 12px;
        right: 15px;
    }
}

.modalDetailVoucherHistory .warningDate {
    font-weight: 700 !important;
    color: red;
}

.modalDetailVoucherHistory .listItemForm,
.modalDetailVoucherHistory .wrapTblPriceTour {
    margin-top: 10px;
}

    .modalDetailVoucherHistory .wrapTblPriceTour .table {
        margin: 0;
    }

.modalDetailVoucherHistory .titleTotalPriceTour {
    font-size: 16px;
    font-weight: 700;
    color: #255e9f;
    line-height: 22px;
    text-align: right;
    padding-right: 0.75rem;
}

.modalDetailVoucherHistory .showFormBookingTour {
    border: none;
    padding: 0;
}

.modalDetailVoucherHistory .titleFrmLogin {
    text-align: left;
    margin: 0;
}

.modalDetailVoucherHistory .wrapTblVoucherHistory {
    margin-top: 15px;
}

.modalDetailVoucherHistoryTourAvailable .table {
    margin: 15px 0;
}

    .modalDetailVoucherHistoryTourAvailable .table .priceComplete,
    .modalDetailVoucherHistoryTourAvailable .table .priceList,
    .modalDetailVoucherHistoryTourAvailable .table .sale {
        text-align: right;
    }

    .modalDetailVoucherHistoryTourAvailable .table .number {
        text-align: center;
    }

.modalDetailVoucherHistoryTourAvailable .frmInfoContactUser,
.modalDetailVoucherHistoryTourAvailable .infoPrintRedBill {
    margin-bottom: 15px;
}

.modalDetailVoucherHistoryTourAvailable .wrapInfoTourTourBook .contentItemInfoDetailTour b {
    margin: 0 0 0 5px;
}

.modalDetailVoucherHistoryCar .wrapInfoTourTourBook {
    margin-bottom: 15px;
}

    .modalDetailVoucherHistoryCar .wrapInfoTourTourBook .contentItemInfoDetailTour b {
        margin: 0 0 0 5px;
    }

.modalDetailVoucherHistoryCar .modal-dialog {
    max-width: 600px;
}

.modalDetailVoucherHistoryTourDesign .wrapInfoTourTourBook .contentItemInfoDetailTour b {
    margin: 0 0 0 5px;
}

    .modalDetailVoucherHistoryTourDesign .wrapInfoTourTourBook .contentItemInfoDetailTour b.priceItemInfoDetailTour {
        margin: 0;
    }

.modalDetailVoucherHistoryTourDesign .wrapTblVoucherHistory .table {
    margin: 15px 0 0 0;
}

.modalDetailVoucherHistoryTourDesign .frmInfoContactUser {
    margin-bottom: 15px;
}

.modalDetailVoucherHistoryTourDesign .priceCurrentTour i,
.modalDetailVoucherHistoryTourDesign .priceCurrentTour b,
.modalDetailVoucherHistoryTourDesign .priceCurrentTour .contentItemInfoDetailTour {
    color: #255e9f;
}

.linkTourDetailInfoTour {
    display: block;
}

    .linkTourDetailInfoTour .titleItemBookingTour {
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
    }

    .linkTourDetailInfoTour:hover {
        text-decoration: none;
    }

        .linkTourDetailInfoTour:hover .titleItemBookingTour {
            color: #F7EAE2;
        }

.titlePriceTypePayTour {
    display: inline-block;
    margin-right: 10px;
}

.txtPriceTypePayTour {
    font-weight: 700;
    color: #255e9f;
    white-space: nowrap;
}

.priceItemInfoDetailTour,
.txtPriceComplete,
.txtPriceSale,
.txtPriceList,
.txtTotalPriceTour {
    white-space: nowrap;
}

.titleItemInfoDetailTour {
    margin-right: 5px;
    display: inline-block;
}

@media (max-width: 1199px) {
    .modalDetailVoucherHistory .modal-dialog {
        max-width: 100%;
        padding: 15px;
        margin: auto;
    }
}

@media (max-width: 991px) {
    .modalDetailVoucherHistory .wrapTblVoucherHistory {
        margin-top: 0;
    }

    .modalDetailVoucherHistory .titleFrmLogin {
        font-size: 18px;
        line-height: 24px;
    }

    .modalDetailVoucherHistory .wrapTblVoucherHistory .table tr:hover {
        background-color: rgba(255, 255, 255, 0.85);
    }

    .modalDetailVoucherHistory .frmInfoContactUser {
        margin-top: 15px;
    }

        .modalDetailVoucherHistory .frmInfoContactUser.TypePayTour, .modalDetailVoucherHistory .frmInfoContactUser.howToPay {
            margin-top: 0;
        }

        .modalDetailVoucherHistory .frmInfoContactUser.howToPay {
            margin-bottom: 0;
        }

    .modalDetailVoucherHistoryTourAvailable .wrapTblVoucherHistory {
        margin-top: 15px;
    }

    .modalDetailVoucherHistoryTourAvailable .table {
        margin-top: 0;
    }

        .modalDetailVoucherHistoryTourAvailable .table .priceComplete,
        .modalDetailVoucherHistoryTourAvailable .table .priceList,
        .modalDetailVoucherHistoryTourAvailable .table .sale,
        .modalDetailVoucherHistoryTourAvailable .table .number {
            text-align: left;
        }

    .modalDetailVoucherHistoryTourAvailable .wrapInfoPaymentSuccess {
        margin-bottom: 15px;
    }

    .modalDetailVoucherHistoryTourAvailable .titleTotalPriceTour {
        text-align: left;
    }

    .modalDetailVoucherHistoryTourDesign .frmInfoContactUser {
        margin-top: 0;
    }

    .modalDetailVoucherHistoryTourDesign .wrapTblVoucherHistory .table {
        margin-top: 0;
    }

    .modalDetailVoucherHistoryTourDesign .wrapInfoTourTourBook {
        margin-bottom: 15px;
    }

    .modalDetailVoucherHistoryCar .modal-dialog {
        max-width: 100%;
    }
}

@media (max-width: 575px) {
    .modalDetailVoucherHistory .modal-dialog {
        padding: 5px;
    }

    .modalDetailVoucherHistory .modal-title {
        font-size: 16px;
    }

    .modalDetailVoucherHistory .modal-content {
        border-width: 2px;
    }

    .modalDetailVoucherHistory .modal-header .close {
        font-size: 22px;
    }
}

.historyBooking .contentItem {
    max-width: 100%;
}

.historyBooking .formContent .inputItem {
    padding: 0 15px;
}

@media screen and (max-width: 991px) {
    .historyBooking .containerItem {
        padding: 0;
    }
}

.historyBooking .wrapFrmSearchTour .dateFrom .lblItem,
.historyBooking .wrapFrmSearchTour .priceMax .lblItem {
    opacity: 0;
    filter: alpha(opacity=0);
}

@media screen and (max-width: 991px) {
    .historyBooking .wrapFrmSearchTour .dateFrom .lblItem,
    .historyBooking .wrapFrmSearchTour .priceMax .lblItem {
        display: none;
    }
}

.historyBooking .wrapFrmSearchTour .colItemSearchTour {
    margin-bottom: 15px;
}

@media screen and (min-width: 992px) {
    .historyBooking .wrapFrmSearchTour .colItemSearchTour:nth-child(5), .historyBooking .wrapFrmSearchTour .colItemSearchTour:nth-child(6), .historyBooking .wrapFrmSearchTour .colItemSearchTour:nth-child(7) {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 991px) {
    .historyBooking .wrapFrmSearchTour .priceMin,
    .historyBooking .wrapFrmSearchTour .dateTo {
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 991px) {
    .historyBooking .wrapFrmSearchTour .rowFrmSearchTour {
        margin-top: 15px;
    }
}

.historyBooking .wrapFrmSearchTour .BtnCompleteBook {
    height: 47px;
}

.modalDetailVoucherHistory .modal-body {
    padding: 0;
    background-color: white;
}

.modalDetailVoucherHistory .modal-title {
    font-size: 24px;
    font-weight: 700;
    color: #FFBF01;
    text-transform: capitalize;
    margin: 0;
}

@media only screen and (max-width: 767px) {
    .modalDetailVoucherHistory .modal-title {
        padding-right: 50px;
    }
}

.modalDetailVoucherHistory .status {
    font-weight: 700;
}

    .modalDetailVoucherHistory .status.green {
        color: green;
    }

    .modalDetailVoucherHistory .status.red {
        color: #E12115;
    }

    .modalDetailVoucherHistory .status.yellow {
        color: #ffc107;
    }

.modalDetailVoucherHistory .titleCol {
    position: relative;
    padding-bottom: 5px;
}

    .modalDetailVoucherHistory .titleCol::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 60px;
        height: 2px;
        background-color: #FFBF01;
        content: "";
    }

.modalDetailVoucherHistory .wrapConfirmInfo .listItemForm .formContent {
    margin-top: 5px;
}

    .modalDetailVoucherHistory .wrapConfirmInfo .listItemForm .formContent .inputItem {
        font-weight: 400;
    }

    .modalDetailVoucherHistory .wrapConfirmInfo .listItemForm .formContent .lblItem br {
        display: none;
    }

.modalDetailVoucherHistory .wrapConfirmInfo .colPayment,
.modalDetailVoucherHistory .wrapConfirmInfo .colInfoUser,
.modalDetailVoucherHistory .wrapConfirmInfo .colListService {
    margin-top: 0;
}

@media screen and (max-width: 1220px) {
    .modalDetailVoucherHistory .wrapConfirmInfo .colInfoUser {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media screen and (max-width: 575px) {
    .modalDetailVoucherHistory .wrapConfirmInfo .colInfoUser {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (max-width: 1220px) {
    .modalDetailVoucherHistory .wrapConfirmInfo .colPayment {
        display: block;
    }
}

@media screen and (max-width: 991px) {
    .modalDetailVoucherHistory .wrapTblVoucherHistory {
        margin-top: 15px;
    }
}

.wrapBtnSearchHistoryBooking {
    display: none;
}

@media screen and (max-width: 991px) {
    .wrapBtnSearchHistoryBooking {
        display: block;
        position: fixed;
        z-index: 990;
        bottom: 0;
        right: 0;
        transition: 0.5s;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -ms-transition: 0.5s;
        -o-transition: 0.5s;
        width: 50%;
        box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
        -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
        -ms-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
        -o-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
    }

        .wrapBtnSearchHistoryBooking .linkItem {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 52px;
            width: 100%;
            padding: 5px;
            gap: 5px;
            font-size: 20px;
        }

            .wrapBtnSearchHistoryBooking .linkItem svg {
                height: 18px;
                width: auto;
                display: block;
            }
}

@media screen and (max-width: 991px) {
    .menuLeft {
        width: 50%;
    }

        .menuLeft .btn-item:nth-child(1), .menuLeft .btn-item:nth-child(2), .menuLeft .btn-item:nth-child(3), .menuLeft .btn-item:nth-child(4) {
            display: none;
        }
}

.wrapTbleListService {
    font-size: 16px;
    font-weight: 400;
    color: #3D3935;
    margin-top: 15px;
}

    .wrapTbleListService .table {
        margin: 0;
        color: #3D3935;
    }

    .wrapTbleListService .wrapInfoMB {
        display: none;
    }

@media screen and (max-width: 575px) {
    .wrapTbleListService .wrapInfoMB {
        display: block;
        margin-top: 10px;
    }

        .wrapTbleListService .wrapInfoMB .titleMain {
            font-weight: 600;
        }
}

.wrapTbleListService thead {
    font-weight: 700;
}

    .wrapTbleListService thead td {
        white-space: nowrap;
    }

@media screen and (max-width: 575px) {
    .wrapTbleListService thead {
        display: none;
    }
}

.wrapTbleListService .titleSmall,
.wrapTbleListService .titleBig {
    margin: 0;
}

.wrapTbleListService .titleBig {
    font-weight: 600;
}

.wrapTbleListService .titleSmall {
    font-size: 12px;
    font-weight: 400;
}

.wrapTbleListService .totalPayment,
.wrapTbleListService .adult,
.wrapTbleListService .children,
.wrapTbleListService .total {
    text-align: right;
}

    .wrapTbleListService .totalPayment .titleBig,
    .wrapTbleListService .totalPayment .titleSmall,
    .wrapTbleListService .adult .titleBig,
    .wrapTbleListService .adult .titleSmall,
    .wrapTbleListService .children .titleBig,
    .wrapTbleListService .children .titleSmall,
    .wrapTbleListService .total .titleBig,
    .wrapTbleListService .total .titleSmall {
        white-space: nowrap;
    }

.wrapTbleListService .totalPayment {
    padding: 0.75rem;
    padding-bottom: 0;
}

    .wrapTbleListService .totalPayment .promotion,
    .wrapTbleListService .totalPayment .old {
        font-weight: 600;
    }

    .wrapTbleListService .totalPayment .total,
    .wrapTbleListService .totalPayment .promotion {
        margin-top: 10px;
    }

        .wrapTbleListService .totalPayment .total .textPrice {
            color: #F7EAE2;
        }

        .wrapTbleListService .totalPayment .promotion .textPrice {
            color: #E12115;
        }

    .wrapTbleListService .totalPayment .total {
        font-weight: 700;
    }

        .wrapTbleListService .totalPayment .total .textPrice {
            color: #CCA86A;
        }

@media screen and (max-width: 575px) {
    .wrapTbleListService .totalPayment {
        padding: 20px 0 0 0;
    }
}

@media screen and (max-width: 1800px) {
    .wrapTbleListService {
        font-size: 13px;
    }
}

@media screen and (max-width: 575px) {
    .wrapTbleListService tbody td {
        border: none;
        padding: 20px 0;
        border-bottom: 1px solid #DADADA;
    }

        .wrapTbleListService tbody td.adult, .wrapTbleListService tbody td.children, .wrapTbleListService tbody td.total {
            display: none;
        }

    .wrapTbleListService tbody tr:first-child td {
        padding-top: 0;
    }

    .wrapTbleListService tbody .service > .titleBig {
        font-weight: 700;
    }

    .wrapTbleListService .table {
        border: none;
    }
}

@media screen and (max-width: 575px) {
    .wrapConfirmInfo .contentList .containerItem {
        padding: 0;
    }

    .wrapConfirmInfo .contentList .rowInfo {
        margin: 0;
    }
}

.wrapConfirmInfo .colPayment,
.wrapConfirmInfo .colInfoUser,
.wrapConfirmInfo .colListService {
    margin-top: 30px;
}

    .wrapConfirmInfo .colPayment .titleCol,
    .wrapConfirmInfo .colInfoUser .titleCol,
    .wrapConfirmInfo .colListService .titleCol {
        font-size: 20px;
        color: black;
        font-weight: 700;
        margin: 0;
        text-transform: capitalize;
    }

@media screen and (max-width: 1800px) {
    .wrapConfirmInfo .colPayment .titleCol,
    .wrapConfirmInfo .colInfoUser .titleCol,
    .wrapConfirmInfo .colListService .titleCol {
        font-size: 18px;
    }
}

.wrapConfirmInfo .colPayment .contentCol,
.wrapConfirmInfo .colInfoUser .contentCol,
.wrapConfirmInfo .colListService .contentCol {
    padding: 15px;
}

@media screen and (max-width: 575px) {
    .wrapConfirmInfo .colPayment,
    .wrapConfirmInfo .colInfoUser,
    .wrapConfirmInfo .colListService {
        padding: 0;
    }
}

.wrapConfirmInfo .listItemForm .formContent {
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

    .wrapConfirmInfo .listItemForm .formContent .lblItem {
        white-space: nowrap;
        margin: 0;
        flex: 1;
        font-weight: 700;
        text-transform: capitalize;
    }

    .wrapConfirmInfo .listItemForm .formContent textarea.inputItem,
    .wrapConfirmInfo .listItemForm .formContent .inputGroupItem {
        width: 210px;
    }

    .wrapConfirmInfo .listItemForm .formContent .inputItem {
        padding: 0 10px;
    }

    .wrapConfirmInfo .listItemForm .formContent textarea.inputItem {
        height: 67px;
        padding: 10px;
    }

@media screen and (max-width: 1800px) {
    .wrapConfirmInfo .listItemForm .formContent textarea,
    .wrapConfirmInfo .listItemForm .formContent .inputItem,
    .wrapConfirmInfo .listItemForm .formContent .lblItem {
        font-size: 13px;
    }

    .wrapConfirmInfo .listItemForm .formContent .inputItem {
        line-height: 32px;
        height: 32px;
    }

    .wrapConfirmInfo .listItemForm .formContent textarea.inputItem {
        height: 58px;
        line-height: 1.4;
    }

    .wrapConfirmInfo .listItemForm .formContent textarea.inputItem,
    .wrapConfirmInfo .listItemForm .formContent .inputGroupItem {
        width: 140px;
    }
}

@media screen and (max-width: 1200px) {
    .wrapConfirmInfo .listItemForm .formContent textarea.inputItem,
    .wrapConfirmInfo .listItemForm .formContent .inputGroupItem {
        width: 340px;
    }
}

@media screen and (max-width: 991px) {
    .wrapConfirmInfo .listItemForm .formContent textarea.inputItem,
    .wrapConfirmInfo .listItemForm .formContent .inputGroupItem {
        width: 250px;
    }
}

@media screen and (max-width: 767px) {
    .wrapConfirmInfo .listItemForm .formContent textarea.inputItem,
    .wrapConfirmInfo .listItemForm .formContent .inputGroupItem {
        width: 200px;
    }
}

@media screen and (max-width: 670px) {
    .wrapConfirmInfo .listItemForm .formContent textarea.inputItem,
    .wrapConfirmInfo .listItemForm .formContent .inputGroupItem {
        width: 170px;
    }
}

@media screen and (max-width: 575px) {
    .wrapConfirmInfo .listItemForm .formContent textarea.inputItem,
    .wrapConfirmInfo .listItemForm .formContent .inputGroupItem {
        width: 250px;
    }
}

.wrapConfirmInfo .listItemForm .wrapBtnUpdate {
    justify-content: end;
}

    .wrapConfirmInfo .listItemForm .wrapBtnUpdate .inputGroupItem {
        border: none;
    }

.wrapConfirmInfo .listPayment .contentItemTypePayTour {
    margin-top: 15px;
}

.wrapConfirmInfo .wrapAgreeRulesBooking a {
    color: #F7EAE2;
    text-decoration: underline;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

    .wrapConfirmInfo .wrapAgreeRulesBooking a:hover {
        color: #CCA86A;
    }

.wrapConfirmInfo .wrapBtnActionDS {
    margin-top: 15px;
}

    .wrapConfirmInfo .wrapBtnActionDS .wrapBtnCol {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px;
        margin-top: 15px;
    }

        .wrapConfirmInfo .wrapBtnActionDS .wrapBtnCol .btnBack,
        .wrapConfirmInfo .wrapBtnActionDS .wrapBtnCol .btnWait {
            font-size: 16px;
            padding: 8px 16px;
            flex-basis: 0;
            flex-grow: 1;
            max-width: 100%;
        }

        .wrapConfirmInfo .wrapBtnActionDS .wrapBtnCol .btnWait {
            opacity: 0.4;
            filter: alpha(opacity=40);
        }

            .wrapConfirmInfo .wrapBtnActionDS .wrapBtnCol .btnWait:hover {
                opacity: 1;
                filter: alpha(opacity=100);
            }

    .wrapConfirmInfo .wrapBtnActionDS .btnNext {
        width: 100%;
        font-size: 20px;
    }

@media screen and (max-width: 1800px) {
    .wrapConfirmInfo .wrapBtnActionDS .wrapBtnCol .btnBack,
    .wrapConfirmInfo .wrapBtnActionDS .wrapBtnCol .btnWait {
        font-size: 12px;
    }

    .wrapConfirmInfo .wrapBtnActionDS .btnNext {
        font-size: 16px;
    }
}

@media screen and (max-width: 1220px) {
    .wrapConfirmInfo .wrapBtnActionDS {
        display: none;
    }
}

.wrapConfirmInfo .listItemForm .formContent {
    flex-direction: column;
    gap: 2px;
    align-items: start;
}

    .wrapConfirmInfo .listItemForm .formContent .inputGroupItem {
        border: none;
        width: 100%;
    }

    .wrapConfirmInfo .listItemForm .formContent .lblItem br {
        display: none;
    }

    .wrapConfirmInfo .listItemForm .formContent .inputItem {
        padding: 0;
        line-height: 1.4;
        height: auto;
    }

@media screen and (max-width: 1220px) {
    .wrapConfirmInfo .listItemForm .formContent {
        margin-top: 5px;
    }
}

@media screen and (max-width: 1220px) {
    .wrapConfirmInfo .colInfoUser {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

.wrapConfirmInfo .colPayment .btnDowloadTicket {
    margin-bottom: 5px;
    width: 100%;
}

.wrapConfirmInfo .colPayment .btnNext:hover {
    color: #F7EAE2;
    border-color: #F7EAE2;
}

@media screen and (max-width: 1220px) {
    .wrapConfirmInfo .colPayment {
        display: none;
    }
}

.wrapConfirmInfo .listPayment .contentItemTypePayTour .containerInputCheck {
    padding: 0;
}

.wrapTextPayment {
    text-align: center;
    margin-top: 30px;
}

    .wrapTextPayment .titleMain {
        font-size: 24px;
        font-weight: 700;
        color: #F7EAE2;
        margin: 0;
    }

        .wrapTextPayment .titleMain.red {
            color: #E12115;
        }

        .wrapTextPayment .titleMain.green {
            color: green;
        }

        .wrapTextPayment .titleMain.yellow {
            color: #ffc107;
        }

    .wrapTextPayment .showTextDetail {
        color: #FED3DD;
    }

@media screen and (max-width: 575px) {
    .wrapTextPayment .titleMain {
        font-size: 20px;
    }
}

.wrapConfirmInfo .wrapBtnActionDS {
    margin-top: 0;
}

.wrapConfirmInfo .colPayment .listItemForm .formContent,
.wrapConfirmInfo .colInfoUser .listItemForm .formContent {
    display: block;
}

    .wrapConfirmInfo .colPayment .listItemForm .formContent .inputItem,
    .wrapConfirmInfo .colPayment .listItemForm .formContent .lblItem,
    .wrapConfirmInfo .colPayment .listItemForm .formContent .inputGroupItem,
    .wrapConfirmInfo .colInfoUser .listItemForm .formContent .inputItem,
    .wrapConfirmInfo .colInfoUser .listItemForm .formContent .lblItem,
    .wrapConfirmInfo .colInfoUser .listItemForm .formContent .inputGroupItem {
        display: inline-block;
        width: auto;
        white-space: normal;
    }

    .wrapConfirmInfo .colPayment .listItemForm .formContent .inputItem,
    .wrapConfirmInfo .colPayment .listItemForm .formContent .inputGroupItem,
    .wrapConfirmInfo .colInfoUser .listItemForm .formContent .inputItem,
    .wrapConfirmInfo .colInfoUser .listItemForm .formContent .inputGroupItem {
        display: inline;
    }

    .wrapConfirmInfo .colPayment .listItemForm .formContent .lblItem,
    .wrapConfirmInfo .colInfoUser .listItemForm .formContent .lblItem {
        margin-right: 3px;
    }

        .wrapConfirmInfo .colPayment .listItemForm .formContent .lblItem::after,
        .wrapConfirmInfo .colInfoUser .listItemForm .formContent .lblItem::after {
            content: ":";
        }