/* css tong hop */
/*@font-face {
    font-family: MerriweatherSans-Regular;
    src: url('../font/MerriweatherSans-Regular.ttf') format('truetype');
}

@font-face {
    font-family: MerriweatherSans-Bold;
    src: url('../font/MerriweatherSans-Regular.ttf') format('truetype');
}*/

@font-face {
    font-family: 'MerriweatherSans-Bold';
    src: url('../font/MerriweatherSans-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'MerriweatherSans-Regular';
    src: url('../font/MerriweatherSans-Regular.ttf') format('truetype');
}

html {
    font-size: 10px;
    min-height: 100vh;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: MerriweatherSans-Regular;
}

@media only screen and (min-width: 991px) {
    .branch-detail .list-report::-webkit-scrollbar, .noti-content::-webkit-scrollbar, .category-report-detail::-webkit-scrollbar, .account-report-content::-webkit-scrollbar, .search-results::-webkit-scrollbar {
        display: block;
    }

    .branch-detail .list-report, .noti-content, .category-report-detail, .account-report-content, .search-results {
        scrollbar-color: #F7F7F7 !important;
        scrollbar-track-color: #F7F7F7;
        scrollbar-width: thin !important;
    }

        .branch-detail .list-report::-webkit-scrollbar-track, .search-results::-webkit-scrollbar-track, .noti-content::-webkit-scrollbar-track, .category-report-detail::-webkit-scrollbar-track, .account-report-content::-webkit-scrollbar-track {
            border-radius: 50px;
            background-color: #F7F7F7;
        }

        .branch-detail .list-report::-webkit-scrollbar, .search-results::-webkit-scrollbar, .noti-content::-webkit-scrollbar, .category-report-detail::-webkit-scrollbar {
            width: 16px;
            border-radius: 50px;
            background-color: #F7F7F7;
        }

        .branch-detail .list-report::-webkit-scrollbar-thumb, .search-results::-webkit-scrollbar-thumb, .noti-content::-webkit-scrollbar-thumb, .category-report-detail::-webkit-scrollbar-thumb, .account-report-content ::-webkit-scrollbar-thumb {
            border-radius: 50px;
            background-color: #23395D;
            border: 4px solid #F7F7F7;
        }
}

.one-line {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipse;
    overflow: hidden;
}

.two-line {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipse;
    overflow: hidden;
}

.three-line {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipse;
    overflow: hidden;
}


.danger::placeholder {
    color: #E31937;
    opacity: 1; /* Firefox */
}

.danger:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #E31937;
}

.danger::-ms-input-placeholder { /* Microsoft Edge */
    color: #E31937;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 0px;
    padding-left: 0px;
}

span {
    display: inline-block;
}

a {
    text-decoration: none;
}

.button-close-modal {
    display: none;
}

a:hover {
    text-decoration: none;
}

.row {
    margin-right: 0px;
    margin-left: 0px;
}

.container {
    max-width: 80%;
}

.menu-header {
    flex-grow: 1 !important;
    max-width: unset !important;
}

.search-results h3.text-center.text-danger {
    font-size: 24px;
}

.main-menu {
    padding-left: 0px;
    margin: 0px;
}

#home-search {
    margin-top: 48px;
}

.menu-header .main-menu li {
    display: inline-block;
    line-height: 65px;
    padding-right: 15px;
}

    .menu-header .main-menu li a {
        color: #2F4152;
        font-family: MerriweatherSans-Regular;
        font-size: 18px;
        font-weight: 600;
    }

.input > img {
    height: 23px;
    width: 23px;
    margin: auto 0;
}

.logo-header {
    padding-left: 34px;
    padding-right: 0px;
    flex: 0 0 10.666667%;
    max-width: 10.666667%;
}
    /*a.item.icon-block{
    height: unset;
}*/
    .logo-header img {
        margin: 0 auto;
        height: 100%;
        width: 70px;
        padding: 14px;
    }

.button-header {
    line-height: 65px;
    max-width: fit-content;
    margin-right: 10px;
    font-family: MerriweatherSans-Regular;
    font-size: 18px;
    font-weight: 600;
    margin-left: auto;
    max-width: -moz-fit-content;
}

    .button-header span {
        padding: 0 10px;
        cursor: pointer;
        color: #585858;
    }
        /*    .button-header > a:last-child {
        display: flex;
    }*/

        .button-header span.user-name {
            padding-left: 0px;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 170px;
            overflow: hidden;
        }

    .button-header .register-btn {
        line-height: 37px;
        border: 1px solid #D3141A;
        padding: 0 14px;
        color: #E31937;
        border-radius: 5px;
    }

    .button-header .switch-language {
        position: relative;
    }

        .button-header .switch-language ul {
            position: absolute;
            background: #fff;
            border-radius: 5px;
            margin-left: -10px;
            display: none;
        }

            .button-header .switch-language ul li {
                list-style: none;
                padding: 10px;
            }

                .button-header .switch-language ul li a {
                    display: flex;
                    line-height: 15px;
                    font-size: 15px;
                }

.list-search {
    margin-top: 16px;
    position: absolute;
    background: #FFFFFF;
    border: 0.75px solid #E31937;
    box-shadow: 0px 12px 25px rgba(227, 25, 55, 0.05);
    border-radius: 10px;
    padding: 24px 16px;
    width: 350px;
    max-width: 100%;
    z-index: 1000;
    display: none;
}

.list-search-content li:not(:last-child) {
    margin-bottom: 16px;
}

.search-date-time {
    flex: 0 0 200px;
    max-width: 200px;
}

.list-search-content li a {
    color: #23395D;
    font-size: 14px;
    line-height: 28px;
    font-family: MerriweatherSans-Bold;
    text-decoration: none;
    word-break: break-word;
}

.product-ssi:not(#product-package) {
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.list-search-content li h6 {
    font-size: 12px;
    line-height: 16px;
    color: #596875;
    word-break: break-word;
}

.list-search-content {
    list-style-type: none;
    margin-bottom: 0px;
}

    .list-search-content li {
        line-height: 21px;
        height: fit-content;
        height: -moz-fit-content;
    }

        .list-search-content li.text-danger {
            font-size: 16px;
            font-family: MerriweatherSans-Regular;
        }

.mcp {
    font-family: MerriweatherSans-Bold;
    line-height: 36px;
    color: #2F4152;
    font-size: 36px;
    margin-bottom: 12px;
    word-break: break-word;
}

.header-banner {
    position: relative;
    margin-top: 68px;
}

.header-top.row {
    position: fixed;
    top: 0px;
    z-index: 2;
    width: 100%;
    background-color: white;
    box-shadow: 0px 2px 4px rgba(47, 65, 82, 0.25);
}

.login-button.register-button {
    display: none;
}

.banner-content-box {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 33%;
    margin-right: 160px;
    font-family: MerriweatherSans-Regular;
    text-align: center;
}

.banner-content {
    margin: auto;
}

    .banner-content h1 {
        color: #E31937;
        font-weight: 700;
        margin-bottom: 30px;
        font-family: MerriweatherSans-Bold;
    }

    .banner-content h6 {
        color: #23395D;
        font-size: 24px;
        font-weight: 400;
        text-align: center;
        line-height: 32px;
        margin-bottom: 30px;
    }

    .banner-content h5 {
        color: #23395D;
        font-size: 24px;
        font-weight: 700;
        text-align: center;
        line-height: 32px;
    }

.header-banner img {
    width: 100%;
    height: 34.722222222vw;
}

.header-banner > img {
    height: 20.833333333vw;
    min-height: 140px;
    object-fit: cover;
    object-position: center;
}

.header-banner .play-btn {
    width: 130px;
    height: 130px;
    position: absolute;
    top: calc(50% - 65px);
    left: calc(33.5% - 130px);
}

.noti-header {
    position: relative;
    height: fit-content;
    display: inline-block;
    margin-right: 28px;
    height: -moz-fit-content;
}

.button-header .noti-count {
    position: absolute;
    top: 15px;
    left: 1px;
    color: white;
    height: 20px;
    line-height: 10px;
    padding: 6px;
    text-align: center;
    background: #E31937;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 600;
    transform: translateX(10px);
    width: fit-content;
}

.header-banner .slick-slide {
    position: relative;
}

.header-banner .slick-dots {
    bottom: 20px;
}

.slick-dots > li button {
    background-image: url("../icon/dot.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
}

.slick-dots > li.slick-active button {
    background-image: url("../icon/dot-active.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}

.slick-dots > li button::before {
    content: unset;
}

.search-type:not(.choose-type) {
    width: 230px;
    border: 0.75px solid #E31937;
    box-shadow: 0px 12px 25px rgba(227, 25, 55, 0.05);
    border-radius: 10px;
}

    .search-type:not(.choose-type):lang(en-US) {
        width: 240px;
    }

.choose-type {
    margin: auto;
}

.search-type > span {
    font-size: 14px;
    font-weight: 400;
    font-family: MerriweatherSans-Regular;
    padding: 26px 20px;
    color: #2F4152;
}



.switch {
    position: relative;
    display: inline-block;
    width: 33px;
    height: 7px;
    line-height: 9px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #DBDBDB;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 15px;
        width: 15px;
        left: 0px;
        bottom: -4px;
        background-color: #E31937;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #DBDBDB;
}

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

input:checked + .slider:before {
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
}

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

    .slider.round:before {
        border-radius: 50%;
    }

label {
    margin-bottom: 0px;
}

.search-nav {
    margin: auto;
    display: flex;
    width: fit-content;
    width: -moz-fit-content;
}

input[type='checkbox'] {
    opacity: 0;
}

.search-form {
    width: 760px;
    line-height: 73px;
    border-radius: 10px;
    box-shadow: 0px 12px 25px rgba(227, 25, 55, 0.05);
    border: 0.75px solid #E31937;
    background: #FFFFFF;
    margin-left: 20px;
}

.search-input {
    flex-grow: 1 !important;
    max-width: unset;
}

.search-form input, .search-form select {
    border: unset;
    outline: unset;
    overflow: hidden;
    text-overflow: ellipsis;
}

.search-form img {
    padding-bottom: 3px;
    padding-left: 20px;
}

.search-input img {
    padding-right: 15px;
}

button, input, optgroup, select, textarea {
    line-height: 34px;
}

.search-input input {
    width: calc(100% - 60px);
    font-size: 14px;
    font-weight: 400;
    color: #2F4152;
    border-right: 0.5px solid #E31937;
}

.search-form .search-type-report, .search-form .search-date-time, #report-search .search-recommendations, .branch-detail {
    font-size: 14px;
    font-weight: 400;
    color: #2F4152;
    appearance: none;
    width: calc(100% - 50px);
    position: relative;
    cursor: pointer;
    height: fit-content;
    height: -moz-fit-content;
}

.branch-detail {
    display: none;
}

.search-type-report > span {
    width: calc(100% - 50px);
    padding-left: 5px;
}

.search-date-time > span {
    width: calc(100% - 90px);
    padding-left: 5px;
}

.search-type-report, .search-date-time {
    position: relative;
}

    .search-type-report i, .search-date-time i {
        position: absolute;
        top: 23px;
        right: 5px;
    }

.search-button button {
    background: #D3141A;
    border-radius: 5px;
    border: unset;
    outline: unset;
    color: white;
    font-weight: 600;
    font-size: 14px;
    line-height: 31px;
    padding: 0 25px;
    cursor: pointer;
}

.list-report li {
    line-height: 25px;
    list-style: none;
    margin-left: 10px;
    margin-right: 15px;
    min-width: 200px;
    margin-top: 7px;
    position: relative;
}

span.text {
    padding-left: 18px;
}

@-moz-document url-prefix() {
    span.text {
        padding-left: 8px;
    }
}

.list-report li:first-child {
    margin-top: 0px;
}

.search-form span span input {
    cursor: pointer;
    width: 100%;
    color: #2F4152;
}

.list-report li.report-type-active {
    color: #E31937;
    font-weight: 600;
    background: #F1F1F1;
    border-radius: 5px;
}

.list-report {
    position: absolute;
    border: 0.75px solid #E31937;
    box-shadow: 0px 12px 25px rgb(47 65 82 / 10%);
    border-radius: 10px;
    padding: 18px 0;
    top: 80px;
    left: 0px;
    display: none;
    background-color: white;
    z-index: 1;
}

    .list-report img {
        padding-bottom: 3px;
        padding-left: 10px;
        padding-right: 5px;
    }

.login-btn:hover {
    color: #E31937;
}

.info-footer {
    max-width: 1000px;
    margin: auto;
}

    .info-footer > div > div:first-child {
        /*margin-right: 10px;*/
    }

    .info-footer > div > div:last-child {
        /*margin-left: 10px;*/
    }

.register-btn:hover {
    background-color: #E31937;
    color: white;
}

.list-report-img-active {
    display: none;
}

.report-type-active .list-report-img-active {
    display: inline-block;
}

.report-type-active .list-report-img {
    display: none;
}

#year-public li {
    min-width: 104px;
    padding: 0 5px;
}

.search-type:not(.choose-type) {
    display: flex;
}

.category-report-detail .report-item-title {
    color: #23395D;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    padding: 10px;
    padding-bottom: 45px;
}

.report-item-title a {
    color: #23395D;
    cursor: pointer;
}

    .report-item-title a:hover {
        text-decoration: none;
    }

.category-report-detail img {
    width: 100%;
}

.list-report li:hover {
    color: #E31937;
}

    .list-report li:hover .list-report-img {
        display: none;
    }

    .list-report li:hover .list-report-img-active {
        display: inline-block;
    }

.report-item-button {
    font-size: 16px;
    font-weight: 600;
    color: #23395D;
    padding: 0 10px;
    position: absolute;
    bottom: 15px;
    width: calc(100% - 20px);
}

.search-results .report-item-button {
    position: unset;
}

.report-item-button > div > div:not(:last-child) {
    border: 1px solid;
    margin-left: 5px;
    border-radius: 5px;
    padding: 0 !important;
    cursor: default;
}

    .report-item-button > div > div:not(:last-child) a {
        padding: 0 3px;
        display: block;
        height: 100%;
        line-height: 20px;
    }

.report-item-button > div > div {
    height: 22px;
    line-height: 18px;
    ;
}

    .report-item-button > div > div:last-child a {
        color: #B2B2B2;
        font-size: 12px;
    }

        .report-item-button > div > div:last-child a:hover {
            color: #E31937;
        }

.category-report-detail > div {
    margin-bottom: 5rem;
    padding: 0 10px;
}

    .category-report-detail > div > div {
        border: 1px solid #D9D9D9;
        border-radius: 13px;
        overflow: hidden;
        padding-bottom: 16px;
        height: 100%;
    }

.category-report-detail .see-all {
    margin: auto;
    font-weight: 600;
    font-size: 16px;
    line-height: 21px;
    padding: 5px 20px;
    color: #E31937;
    border: 1px solid #D3141A;
    border-radius: 5px;
    margin-bottom: 11rem;
}

    .category-report-detail .see-all:hover {
        background-color: #D3141A;
    }

        .category-report-detail .see-all:hover a {
            color: white;
        }

    .category-report-detail .see-all a {
        text-decoration: none;
        color: #E31937;
    }

.category-report .category-report-title {
    text-align: center;
    margin: 6.8rem 0 3.6rem 0;
    font-weight: 700;
    line-height: 72px;
    color: #E31937;
    font-family: MerriweatherSans-Bold;
    font-size: 40px;
}

.category-report-content ul {
    margin-bottom: 6.5rem;
}

    .category-report-content ul a {
        color: #B2B2B2;
        font-size: 19px;
        font-weight: 600;
    }

.tab-content > .category-report-detail.active {
    display: flex;
}

.nav-tabs {
    border-bottom: unset;
}

.category-report-content .nav a.nav-link.active {
    color: #E31937;
    border-bottom: 1px solid #E31937;
}

.nav-tabs .nav-link {
    border: unset;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
}

.item-image-content ul li {
    list-style: none;
    color: white;
    font-size: 14px;
    padding-top: 10px;
}

.item-image-content ul img {
    width: 21px;
    height: 21px;
}

.category-report-item-image {
    position: relative;
    cursor: pointer;
}

.item-image-content {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #041736e0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    opacity: 0;
}

    .item-image-content ul {
        margin-bottom: 0px;
        position: absolute;
        bottom: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }

        .item-image-content ul li span span {
            font-weight: 600;
        }

.checkmark, .checkmark-active {
    width: 14px;
    height: 14px;
    border: 1px solid #E31937;
    border-radius: 3px;
    position: absolute;
    top: 5.5px;
    left: 7px;
}

img.checkmark-active {
    padding: 0px;
    border: unset;
}

.checkmark-active {
    display: none;
}

.list-report .report-type-active .checkmark-active {
    display: block;
}

.category-report-item-image:hover .item-image-content {
    opacity: 1;
}

.report-item-button a {
    color: inherit;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

.pro-tag {
    border: 1px solid;
    border-color: #27AE60;
    color: #27AE60;
    width: fit-content;
    border-radius: 5px;
    width: -moz-fit-content;
}

.basic-tag {
    border: 1px solid;
    border-color: #E31937;
    color: #E31937;
    width: fit-content;
    border-radius: 5px;
    width: fit-content;
    width: -moz-fit-content;
}

.free-tag {
    border: 1px solid;
    border-color: #23395D;
    color: #23395D;
    width: fit-content;
    border-radius: 5px;
    width: -moz-fit-content;
}

.supreme-tag {
    border: 1px solid;
    border-color: #9B51E0;
    color: #9B51E0;
    width: fit-content;
    border-radius: 5px;
    width: -moz-fit-content;
}

.pro-tag:hover {
    background: #27AE60;
    border-color: #27AE60;
    color: white;
}

.supreme-tag:hover {
    background: #9B51E0;
    border-color: #9B51E0;
    color: white;
}

.basic-tag:hover {
    background: #E31937;
    border-color: #E31937;
    color: white;
}

.free-tag:hover {
    background: #23395D;
    border-color: #23395D;
    color: white;
}

    .pro-tag:hover a, .supreme-tag:hover a, .basic-tag:hover a, .free-tag:hover a {
        color: white;
    }

.nav-tabs .nav-item {
    margin-bottom: -1px;
    margin: auto;
}

.advantages {
    background-image: url("../image/bg-avan.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

    .advantages .row {
        padding: 50px 0;
    }

    .advantages h3 {
        font-size: 24px;
        font-weight: 400;
        text-align: center;
        line-height: 26px;
        max-width: 260px;
        margin: auto;
        margin-top: 25px;
    }

    .advantages img {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        max-width: 100%;
    }

    .advantages .row > div:first-child h3 {
        width: 203px;
    }

.product-ssi-list .row > div {
    padding: 10px;
}

.product-ssi-item {
    /*border-radius: 8px;
    border: 1px solid #23395D;*/
    height: 100%;
    padding: 35px 15px 44px 15px;
    position: relative;
    background-color: transparent;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.2s ease 0s;
}

    .product-ssi-item:before {
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        content: "";
        border-radius: 8px;
        border: 1px solid #23395D;
        position: absolute;
        z-index: -1;
    }

.free .product-ssi-item:hover:before {
    border: 2px solid #23395D;
}

.basic .product-ssi-item:hover:before {
    border: 2px solid #E31937;
}

.pro .product-ssi-item:hover:before {
    border: 2px solid #27AE60;
}

.supreme .product-ssi-item:hover:before {
    border: 2px solid #9B51E0;
}

.product-ssi-list .product-ssi-item:hover {
    /*padding: 34px 15px 43px 15px;*/
}

.free .product-ssi-item:hover h1 {
    color: #23395D;
}

.basic .product-ssi-item:hover h1 {
    color: #E31937;
}

.pro .product-ssi-item:hover h1 {
    color: #27AE60;
}

.supreme .product-ssi-item:hover h1 {
    color: #9B51E0;
}

.free .product-ssi-item:hover a, .free .product-ssi-item:hover button {
    color: white;
    background-color: #23395D;
    border-color: #23395D;
}

.basic .product-ssi-item:hover a, .basic .product-ssi-item:hover button {
    color: white;
    background-color: #E31937;
    border-color: #E31937;
}

.pro .product-ssi-item:hover a, .pro .product-ssi-item:hover button {
    color: white;
    background-color: #27AE60;
    border-color: #27AE60;
}

.supreme .product-ssi-item:hover a, .supreme .product-ssi-item:hover button {
    color: white;
    background-color: #9B51E0;
    border-color: #9B51E0;
}

.product-ssi-item li {
    list-style-type: none;
}

.product-ssi-item h3 {
    color: #23395D;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    font-family: MerriweatherSans-Bold;
    margin-bottom: 20px;
    text-align: center;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    margin-top: 20px;
}

.product-ssi-item h1 span {
    font-size: 15.75px;
    font-family: MerriweatherSans-Regular;
    font-weight: 400;
    line-height: 20px;
    margin-right: 3px;
    padding-bottom: 3px;
    transform: translateY(-2px);
}

.product-ssi-item h6 {
    color: #3E3E3E;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    margin-top: 20px;
    min-height: 80px;
    border-bottom: 1px solid #EAEAEA;
}

.product-ssi-item > span {
    color: #3E3E3E;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    margin-top: 20px;
    min-height: 80px;
    border-bottom: 1px solid #EAEAEA;
}

.product-ssi-item .price {
    display: none;
}

    .product-ssi-item .price.active {
        display: block;
    }

.product-ssi-item ul {
    padding-top: 25px;
    margin-bottom: 70px;
}

    .product-ssi-item ul li {
        font-size: 16px;
        font-weight: 400;
        color: #3E3E3E;
        padding-bottom: 18px;
        display: flex;
    }

        .product-ssi-item ul li img {
            width: 21px;
            height: 21px;
            margin-right: 5px;
        }

        .product-ssi-item ul li span {
            width: calc(100% - 30px);
        }

.product-child {
    display: flex;
}

    .product-child span {
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        text-align: center;
        margin: auto;
        color: #23395D;
    }

        .product-child span span {
            font-size: 16px;
            font-weight: 600;
            padding: 2px 3px;
            border: 1px solid #23395D;
            border-radius: 5px;
            margin-left: 5px;
        }

.product-ssi-list .row > div:first-child h3 {
    margin-bottom: 64px;
}

.product-ssi-list .row > div:first-child .month {
    padding: 0px;
    margin-top: -3px;
}

.button-choose-product {
    display: flex;
    width: 100%;
    position: absolute;
    bottom: 55px;
    left: 0px;
}

    .button-choose-product button {
        background: white;
        border-radius: 5px;
        font-weight: 700;
        font-size: 18px;
        line-height: 20px;
        padding: 12px 44px;
        color: #23395D;
        border: 0.75px solid #23395D;
        outline: unset;
        margin: auto;
        cursor: pointer;
        -webkit-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }

    .button-choose-product a {
        background: white;
        border-radius: 5px;
        font-weight: 700;
        font-size: 18px;
        line-height: 20px;
        padding: 12px 44px;
        color: #23395D;
        border: 0.75px solid #23395D;
        outline: unset;
        margin: auto;
        cursor: pointer;
        -webkit-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }

.free .button-choose-product a {
    padding: 12px 10px;
}

.button-choose-product button:hover {
    color: white;
}

.product-ssi-title {
    color: #E31937;
    line-height: 56px;
    text-align: center;
    font-family: MerriweatherSans-Bold;
    font-weight: 700;
    padding-top: 5.9rem;
    margin-bottom: 5.4rem;
    font-size: 40px;
}

#product-package .product-ssi-title {
    padding-top: 6.7rem;
    margin-bottom: 4.9rem;
}

.product-ssi-item.active .button-choose-product button {
    color: white;
}

.product-ssi-list {
    padding-bottom: 11.7rem;
}

#product-package .product-ssi-list {
    padding: 0px;
    padding-bottom: 8.9rem;
    max-width: calc(77% + 30px);
}

.product-package-detail
.product-ssi {
    background-image: url("../image/Frame\ 445.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.outstanding-award-title {
    font-weight: 700;
    font-family: MerriweatherSans-Bold;
    line-height: 56px;
    color: #E31937;
    padding-top: 7.1rem;
    padding-bottom: 15px;
    text-align: center;
    font-size: 40px;
}

.outstanding-award-description {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    max-width: 900px;
    margin-left: calc(50% - 450px);
    padding-bottom: 50px;
    color: #585858;
    font-weight: 600;
    margin-bottom: 0px;
}

.list-outstanding-award span {
    margin: auto;
    padding-bottom: 9rem;
}

.outstanding-award {
    background-image: url("../image/banner-award.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/*.footer {
    padding: 4rem 0 10px 0;
}*/

.terms {
    margin-left: auto;
    margin-bottom: 30px;
}

.info-footer span {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #585858;
}

.terms a {
    color: #585858;
}

.terms h6 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    padding: 12px;
    margin-bottom: 0px;
}

.info-footer img {
    width: 20px;
    height: 25px;
    padding-bottom: 5px;
}

.copyright h3 {
    color: #585858;
    font-size: 16px;
    font-weight: 600;
    font-family: MerriweatherSans-Bold;
    text-align: center;
    padding: 12px;
    padding-left: 45px;
    margin-bottom: 0px;
    line-height: 20px;
}

    .copyright h3:first-child {
        padding-left: 0px;
    }

.list-outstanding-award .outstanding-award-item {
    max-width: 20%;
    flex: 0 0 20%;
    margin: 0px;
    display: flex;
}

.outstanding-award-item img {
    margin: auto;
    max-width: 100%;
}

.open-main-menu, .close-main-menu {
    width: 35px;
    height: 35px;
    display: none;
}

.footer span {
    margin-left: 5px;
}

.slick-prev, .slick-next {
    display: none !important;
}

.outstanding-award .slick-dots {
    display: none !important;
}

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

.list-outstanding-award-mobile {
    display: none;
}

.nav-tabs-mobile {
    display: none;
}

.list-language {
    list-style: none;
    padding-left: 10px;
    width: 110px;
    border: 1px solid #3E3E3E;
    background-color: white;
}

.list-language-choose {
    display: none;
    position: absolute;
    right: 5px;
}

.list-language li {
    padding: 8px 0;
}

.list-language img {
    width: 24px;
    height: 24px;
}

.list-language .active {
    color: #E31937;
    margin-bottom: 0;
}

.button-header li {
    line-height: 30px;
}

.language-choose {
    cursor: pointer;
}

.menu-header li a:hover {
    color: #E31937;
}

.nav-item a:hover p {
    color: #E31937;
}

.report-item-button > div > div:first-child {
    margin-left: 0px;
    cursor: default
}

.free button:hover {
    background-color: #23395D;
    border-color: #23395D;
}

.basic button:hover {
    background-color: #E31937;
    border-color: #E31937;
}

.pro button:hover {
    background-color: #27AE60;
    border-color: #27AE60;
}

.supreme button:hover {
    background-color: #9B51E0;
    border-color: #9B51E0;
}

.contact {
    padding: 33px 0 37px 0;
    background: linear-gradient(281.83deg, #EC1C3C 0.77%, #920D10 98.28%);
    ;
}

.contact-label {
    font-size: 20px;
    padding-right: 50px;
    line-height: 40px;
    color: white;
    font-family: MerriweatherSans-Bold;
    width: fit-content;
    width: -moz-fit-content;
}

.contact-email {
    max-width: 22%;
    flex: 0 0 22%;
    margin-right: 10px;
}

    .contact-email input {
        width: 100%;
        padding-left: 18px;
        height: 40px;
        background: #FFFFFF;
        border: 1px solid rgba(255, 255, 255, 0.25);
        border-radius: 5px;
        outline: unset;
        font-size: 12px;
        font-weight: 600;
        color: #585858;
    }

.contact-content {
    margin-right: 10px;
    flex-grow: 1;
}
    /* placehoder custom */
    .contact-section input::placeholder, .contact-content textarea::placeholder {
        color: #B2B2B2;
    }

    .contact-section input:-ms-input-placeholder, .contact-content textarea:-ms-input-placeholder {
        color: #B2B2B2;
    }

    .contact-section input::-ms-input-placeholder, .contact-content textarea:-ms-input-placeholder {
        color: #B2B2B2;
    }

.search-form input::placeholder {
    color: #2F4152;
}

.search-form input:-ms-input-placeholder {
    color: #2F4152;
}

.search-input input::placeholder {
    color: #2F4152;
}

.search-form input::placeholder {
    color: #2F4152;
}

.report-search-form input:not(#input-search)::placeholder {
    color: #2F4152;
}

.report-search-form input:not(#input-search):-ms-input-placeholder {
    color: #2F4152;
}

.report-search-form #input-search::placeholder {
    color: #B3B3B3;
}

.report-search-form #input-search:-ms-input-placeholder {
    color: #B3B3B3;
}
/* placehoder custom */

.contact-submit {
    max-width: 108px;
    flex: 0 0 108px;
}

    .contact-submit button {
        width: 100%;
        border: unset;
        outline: unset;
        height: 40px;
        border-radius: 5px;
        background-color: white;
        color: #E31937;
        font-size: 12px;
        font-weight: 600;
        cursor: pointer;
    }

.info-footer > div > div {
    margin: auto;
    margin-bottom: 15px;
    padding: 0 10px;
}

.terms > div {
    margin: auto;
}

.img-chatbot {
    width: 45px;
    height: 45px;
    position: fixed;
    bottom: 110px;
    right: 26px;
    z-index: 1;
    cursor: pointer;
}

#back-to-top {
    bottom: 26px;
}

.language-cancel {
    display: none;
    width: 21px;
    height: 21px;
}

.menu-header .main-menu .active a {
    color: #E31937;
}

.login-mobile {
    display: none;
}

.modal-show {
    display: none;
}

.login-form {
    width: 400px;
    padding: 20px;
    max-width: 100vw;
}

    .login-form h1 {
        font-weight: 600;
        font-size: 26px;
        line-height: 40px;
        color: #23395D;
        font-family: MerriweatherSans-Bold;
        margin-bottom: 15px;
    }

    .login-form label {
        font-size: 16px;
        line-height: 24px;
        color: #6D6D6D;
        font-family: MerriweatherSans-Regular;
        margin-bottom: 5px;
    }

.login-form-input > div {
    padding: 12px 16px;
    height: 48px;
    background-color: #F8F8F8;
    display: flex;
    border: 1px solid #B3B3B3;
    border-radius: 5px;
}

    .login-form-input > div input {
        width: 100%;
        background-color: #F8F8F8;
        border: unset;
        outline: unset;
        line-height: 30px;
        padding-left: 10px;
        font-size: 16px;
        color: #23395D;
    }

.login-form-input {
    margin-bottom: 15px;
}

.forgot-password {
    color: #6D6D6D;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.login-form-button {
    margin-top: 15px;
    margin-bottom: 20px;
}

.login {
    padding-right: 8px;
}

.register {
    padding-left: 8px;
}

.login-form-button button {
    width: 100%;
    border: unset;
    outline: unset;
    font-size: 16px;
    font-weight: 700;
    font-family: MerriweatherSans-Bold;
    height: 48px;
    border: 1px solid #6D6D6D;
    border-radius: 5px;
}

.login button {
    background: #FFFFFF;
    border: 1px solid #6D6D6D;
    color: #6D6D6D;
}

    .login button:hover {
        background: #23395D;
        border: 1px solid #23395D;
        color: white;
    }

.register button {
    background: #FFFFFF;
    border: 1px solid #E31937;
    color: #E31937;
}

    .register button:hover {
        background: #E31937;
        border: 1px solid #E31937;
        color: white;
    }

.login-form {
    display: none;
    position: fixed;
    top: 47px;
    z-index: 20;
    border: 1px solid #EAEAEA;
    background: white;
    box-shadow: 0px 2px 4px rgba(47, 65, 82, 0.1);
}

.down-icon {
    padding-left: 0px !important;
}

.search-type-right, .search-type-left {
    display: inline-block;
}

.search-type-right-mobile, .search-type-left-mobile {
    display: none;
}

.choose-type .active {
    font-size: 14px;
    font-weight: 700;
}

.about-us {
    width: 1000px;
    max-width: 100%;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

    .about-us .title-user-guide {
        color: #E31937;
        line-height: 56px;
        font-family: MerriweatherSans-Bold;
        margin: 53px 0 18px;
        font-size: 40px;
    }

    .about-us p {
        color: #585858;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 6.3rem;
    }

.intro {
    position: relative;
}

.intro-content {
    width: 50%;
    min-height: 38vw;
}

    .intro-content > div {
        margin: auto;
        width: 60%;
        margin-left: 22.5%;
    }

    .intro-content h2 {
        color: #E31937;
        line-height: 56px;
        font-family: MerriweatherSans-Bold;
        font-weight: 700;
        margin-bottom: 20px;
        font-size: 40px;
    }

    .intro-content p {
        color: #585858;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
    }

.intro img {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    z-index: -1;
    object-fit: cover;
}

.leadership {
    padding-top: 8.1rem;
    padding-bottom: 8.5rem;
    background-image: url(../image/bg-lanhdao.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.leadership-item {
    margin: auto;
    box-shadow: 0px 12px 25px rgba(227, 25, 55, 0.05);
    border-radius: 10px;
    width: 21vw;
    background-color: white;
}

    .leadership-item img {
        width: 100%;
    }

.leadership h2 {
    color: #E31937;
    line-height: 56px;
    font-family: MerriweatherSans-Bold;
    font-weight: 700;
    max-width: 592px;
    margin: auto;
    margin-bottom: 5.5rem;
    font-size: 40px;
}

.leadership-item .leadership-content {
    padding: 0 17px;
    background-color: white;
}

.leadership-item h2 {
    margin-top: 16px;
    margin-bottom: 8px;
    color: #23395D;
    font-size: 20px;
    line-height: 32px;
    word-break: break-word;
    font-family: MerriweatherSans-Bold;
}

.leadership-item p {
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 24px;
    color: #585858;
    font-weight: 400;
}

h1 {
    font-size: 40px;
}

#product-package .product-ssi-item {
    /*padding: 35px 15px 44px 15px;*/
    background-color: transparent;
}

    #product-package .product-ssi-item:hover {
        /*padding: 34px 14px 43px 14px;*/
    }

.month span {
    padding: 0 3px;
    cursor: pointer;
    font-size: 14px;
    line-height: 16px;
    font-family: MerriweatherSans-Bold;
    font-weight: 700;
    color: #585858;
    margin: auto;
    text-align: center;
}

    .month span p {
        margin: 0px;
        padding: 2px 5px;
        line-height: 18px;
        border-radius: 5px;
        padding-bottom: 3px;
    }

    .month span.active p {
        border: 1px solid;
    }

.basic .month span.active p {
    border-color: #E31937;
    color: #E31937;
}

.pro .month span.active p {
    border-color: #27AE60;
    color: #27AE60;
}

.supreme .month span.active p {
    border-color: #9B51E0;
    color: #9B51E0;
}

.month-1 span {
    padding: 0 8px;
    font-size: 12px;
    line-height: 16px;
    color: #B3B3B3;
    cursor: pointer;
    display: none;
}

.month span:nth-child(2) {
    border-right: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
}

.month-1 span:nth-child(2) {
    border-right: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
}

.month-1 span.active {
    font-size: 16px;
    line-height: 16px;
    font-family: MerriweatherSans-Bold;
    font-weight: 700;
    color: #585858;
    margin: auto;
    text-align: center;
    display: block;
}

.month span.active {
    line-height: 16px;
    font-family: MerriweatherSans-Bold;
    font-weight: 700;
    color: #585858;
}

.product-ssi-item h6.month {
    min-height: unset;
    padding-bottom: 24px;
}

.free .price {
    margin-bottom: 67px !important;
}

.free h6.month {
    padding-bottom: 0px;
}

#product-package .product-ssi-title {
}

#product-package {
    background-image: unset;
}

.product-package-detail .product-ssi-title {
    padding-top: 0;
    margin-bottom: 4rem;
}

.report .category-report, .tran-history-content, .noti-page-content, .account-report-page, .user-info-page {
    margin-top: 70px;
}

#link-modal .modal-content {
    width: 635px;
    max-width: 90%;
    background: #FFFFFF;
    border: 2px solid #23395D;
    padding: 24px 24px 40px;
    height: 620px;
    max-height: 90%;
    margin: auto;
    box-shadow: 0px 12px 25px rgba(227, 25, 55, 0.05);
    border-radius: 8px;
    overflow: auto;
}

#link-modal .modal-dialog {
    max-width: unset;
    height: 100%;
    display: flex;
    margin: 0px;
}

.menu-item {
    padding: 0px 20px 0px 18px;
    list-style: none;
}

.menu-left .menu-item:not(:last-child) > div {
    padding: 18.5px 0;
    border-bottom: 1px solid #EAEAEA;
}

.menu-left .menu-item:last-child > div {
    padding: 18.5px 0;
}

.menu-item .menu-item-lv1 a {
    color: #23395D !important;
    font-size: 17px;
    line-height: 24px;
    font-family: MerriweatherSans-Bold;
    display: flex;
    width: 100%;
    padding: 3px 0;
    cursor: pointer;
    margin-right: 10px;
    margin-left: 10px;
}

.category-report .menu-item .menu-item-lv1 a {
    text-transform: uppercase;
}

.account-info .menu-item .menu-item-lv1 a {
    margin-left: 0px;
}

.menu-item-lv1 {
    display: flex;
}

    .menu-item-lv1 img {
        height: 28px;
        margin: auto;
        /* margin-bottom: 1px; */
        padding-bottom: 2px;
    }

#accordionExample ul li {
    list-style: none;
    margin-bottom: 4px;
}

.ten p {
    margin-bottom: 0px;
}

#accordionExample ul li a {
    color: #23395D;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    text-decoration: none;
}

#accordionExample {
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
}

.menu-item ul li:first-child {
    margin-top: 12px;
}

.menu-item ul li {
    padding: 2px 0;
    padding-left: 32px;
    cursor: pointer;
}

.menu-item ul .active {
    background: #F1F1F1;
    border-radius: 5px;
}

.menu-item ul li:hover a {
    color: #E31937 !important;
    font-weight: 700 !important;
    font-family: MerriweatherSans-Bold;
}

.menu-item ul .active a {
    color: #E31937 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-family: MerriweatherSans-Bold;
}

.menu-item .main-menu .active a {
    color: #E31937 !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-family: MerriweatherSans-Bold;
}

.menu-item .icon-arrow {
    margin-left: auto;
    height: 20px;
    cursor: pointer
}

.menu-item .main-menu li:hover a {
    color: #E31937 !important;
    font-weight: 700 !important;
    font-family: MerriweatherSans-Bold;
}

.menu-item-lv1.parent-active {
    margin-left: -18px;
    padding-left: 13px;
    width: calc(100% + 23px);
    border-left: 4px solid #E31937;
}

.menu-item .icon-arrow:not(.collapsed) {
    transform: rotate(90deg);
}

.menu-left {
    flex: 0 0 320px;
    max-width: 320px;
    margin-left: 30px;
    margin-bottom: 20px;
}

#category-report {
    flex: 0 0 calc(100% - 365px);
    max-width: calc(100% - 365px);
    margin-right: 10px;
    padding-left: 20px;
}

.category-report-item-image {
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    aspect-ratio: 483 / 303;
}

    .category-report-item-image img {
        min-height: 100% !important;
    }

    .category-report-item-image > img {
        width: unset;
        min-width: 100% !important;
    }

.see, .like {
    line-height: 23px;
}

    .see img {
        width: 22px;
        height: 22px;
        margin: 0 4px;
    }

    .like img {
        width: 21px;
        height: 21px;
        margin: auto;
        margin-left: 8px;
        margin-right: 4px;
    }

#category-report .category-report-detail > div {
    margin-bottom: 20px;
    padding: 0 10px;
}

    #category-report .category-report-detail > div > div {
        border: 1px solid #D9D9D9;
        padding-bottom: 16px;
        border-radius: 12px;
    }
/* .tab-content.category-report-list>div>div{
    border: 1px solid #D9D9D9;
    padding-bottom: 16px;
    border-radius: 8px;
} */
#report-search {
    margin-top: 70px;
}

    #report-search .search-form {
        width: 100vw;
        margin-left: 0px;
        border-radius: 0px;
        box-shadow: unset;
        border: unset;
        background: unset;
        line-height: 32px;
        padding: 0 52px;
    }

.search-results-img div {
    width: 350px;
    aspect-ratio: 350/221;
    cursor: pointer;
    object-fit: cover;
}

.search-results-img img {
    /*max-width: 100%;*/
    height: 100%;
    object-fit: cover;
    aspect-ratio: 33/22;
    width: 292px
}

@media only screen and (max-width:991px) {
    .content-section .search-results-img {
        width: 100%;
    }

        .content-section .search-results-img img {
            width: 100%;
        }
}

#report-search .search-form .search-type-report, #report-search .search-form .search-date-time, #report-search .search-recommendations, #report-search .branch-detail {
    width: 170px;
    background: #FFFFFF;
    border: 0.75px solid #E31937;
    border-radius: 8px;
    padding: 10px 0;
    margin-right: 22px;
    box-shadow: 0px 12px 25px rgba(227, 25, 55, 0.05);
}

#report-search .search-input input {
    width: calc(100% - 190px);
    font-size: 14px;
    font-weight: 400;
    border-right: unset;
    line-height: 35px;
}

#report-search .search-input {
    background: #FFFFFF;
    border: 0.75px solid #E31937;
    border-radius: 8px;
    padding: 10px 0;
    flex-grow: 1;
    box-shadow: 0px 12px 25px rgba(227, 25, 55, 0.05);
}

.search-form .ico-filter, .search-form .ico-date {
    height: 24px;
    padding-left: 15px;
}

#report-search .search-type-report > span, #report-search .search-date-time > span, #report-search .search-recommendations > span,
#report-search .branch-detail > span {
    width: calc(100% - 65px);
    padding-left: 5px;
}

#report-search .list-report {
    width: max-content;
    width: -moz-available;
    left: 0px;
    top: 65px;
    max-height: 245px;
    overflow: auto;
}

.report-search-form > span:nth-child(4) .list-report {
    width: 200px !important;
}

.report-search-form > span:nth-child(5) .list-report {
    width: 160px !important;
}

.report-search-form > span:nth-child(3) .list-report {
    width: 220px !important;
}

.report-search-form > span:nth-child(2) .list-report {
    width: 180px !important;
}

#list-report li {
    padding-right: 5px;
}

#report-search .list-report li {
    min-width: unset;
    padding-left: 8px;
}

#report-search .list-report li {
    margin-left: 8px;
    margin-right: 8px;
}

.search-recommendations {
    display: none;
}

.search-results {
    padding: 31px 52px;
    padding-top: 0px;
    margin-top: 31px;
    height: calc(100vh - 223px);
    overflow: auto;
    position: relative;
}

    .search-results .search-results-item {
        background: #FFFFFF;
        border: 1px solid #D9D9D9;
        border-radius: 8px;
        margin-bottom: 30px;
        overflow: hidden;
    }

.search-results-content h2 a {
    cursor: pointer;
}

.search-results .search-results-item:last-child {
    margin-bottom: 0px;
}

.search-results-content {
    margin: auto 32px;
    width: 100%;
}

.search-results .report-item-button .ml-auto {
    margin-left: 13px !important;
}

.search-results-content h2 a, .search-results-content h2 {
    color: #23395D;
    font-size: 20px;
    line-height: 28px;
    font-family: MerriweatherSans-Bold;
}

.search-results-content h2 {
    margin-bottom: 17px;
}

.like span {
    line-height: 21px;
}

.search-results .report-item-button {
    padding: 0;
}

.search-result-detail-item {
    color: #585858;
    font-size: 14px;
    line-height: 21px;
    margin-top: 11px;
}

.search-result-detail-row {
    width: 65%;
}

@media only screen and (max-width: 1680px) {
    .search-result-detail-row {
        width: 75%;
    }
}

@media only screen and (max-width: 1440px) {
    .search-result-detail-row {
        width: 100%;
    }
}

.search-result-detail li {
    list-style: none;
    color: #585858;
    font-size: 14px;
    line-height: 18px;
    margin-top: 11px;
}

    .search-result-detail li strong {
        font-weight: 700;
        font-family: MerriweatherSans-Bold;
    }

.search-result-detail-left {
    padding-right: 40px;
}

.modal-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(70, 70, 70, 0.25);
    backdrop-filter: blur(7px);
    top: 0px;
}

/*.modal-backdrop.show {
    display: none !important;
}*/

.modal-open {
    overflow: unset !important;
}

.modal-popup-content {
    width: 436px;
    height: 150px;
    background: #FFFFFF;
    border: 2px solid #23395D;
    box-shadow: 0px 12px 25px rgba(227, 25, 55, 0.05);
    border-radius: 8px;
    width: 470px;
}

.modal-popup-content {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    top: 130px;
}

    .modal-popup-content > div {
        width: 340px;
        margin: auto;
        text-align: center;
    }

    .modal-popup-content div {
        width: 340px;
        margin: auto;
        text-align: left;
    }

    .modal-popup-content > div p {
        margin-bottom: 0px;
    }

    .modal-popup-content > div button {
        width: 125px;
        height: 30px;
        border: unset;
        outline: none;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        background-color: #E31937;
        border-radius: 5px;
        cursor: pointer;
        margin-top: 10px;
    }

    .modal-popup-content p {
        color: #23395D;
        font-size: 20px;
        line-height: 26px;
        font-family: MerriweatherSans-Bold;
        margin-bottom: 16px;
    }

        .modal-popup-content p span {
            color: #27AE60;
            font-size: 20px;
            line-height: 26px;
            font-family: MerriweatherSans-Bold;
        }

            .modal-popup-content p span.supreme {
                color: #9B51E0;
            }

            .modal-popup-content p span.pro {
                color: #27AE60;
            }

            .modal-popup-content p span.basic {
                color: #E31937;
                font-size: 20px;
                line-height: 26px;
                font-family: MerriweatherSans-Bold;
            }



.info-popup {
    position: absolute;
    top: 27px;
    left: 19px;
}

.info-popup {
    position: absolute;
    top: 10px;
    left: 12px;
}

.close-popup {
    position: absolute;
    top: 27px;
    right: 19px;
    cursor: pointer;
}

.close-popup {
    position: absolute;
    top: 10px;
    right: 12px;
    cursor: pointer;
}

@media only screen and (max-width: 767px) {
    .other-account-close {
        display: none;
    }
}

.modal-popup {
    display: none;
}

.report-pdf iframe {
    width: 100%;
    height: calc(100vh - 80px);
    border: unset;
    margin-top: 68px;
}

.account-info {
    flex: 0 0 325px;
    max-width: 325px;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    box-sizing: border-box;
    border-radius: 8px;
    height: fit-content;
    height: -moz-fit-content;
}

    .account-info .menu-item {
        padding: 0px 18px 0px 18pxpx;
    }

        .account-info .menu-item a span:first-child {
            margin-left: 0px;
            margin-right: 8px;
        }

        .account-info .menu-item > div {
            border-top: 1px solid #EAEAEA;
            border-bottom: unset;
        }

    .account-info #accordionExample {
        border: unset;
        margin-bottom: 5px;
    }

    .account-info .avatar img {
        margin: auto;
        width: 64px;
        height: 64px;
        border-radius: 50%;
        object-fit: cover;
    }

    .account-info .bd-highlight {
        padding: 0px 3px !important;
        margin: auto;
    }

        .account-info .bd-highlight a {
            font-weight: 600;
            font-size: 16px;
            line-height: 20px;
        }

    .account-info .user-name {
        color: #585858;
        font-size: 20px;
        line-height: 30px;
        font-family: MerriweatherSans-Bold;
        margin: 8px 0 4px 0;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        width: 100%;
        padding: 0 20px;
    }

.grecaptcha-badge {
    visibility: hidden;
}

.account-info h5 {
    color: #23395D;
    font-size: 14px;
    line-height: 20px;
    font-family: MerriweatherSans-Bold;
    margin: 6px 0 4px 0;
}

.account-info h6 {
    color: #B3B3B3;
    font-size: 14px;
    line-height: 20px;
}

.user-info-menu {
    margin: 24px 0;
}

#user-info {
    flex: 0 0 calc(100% - 375px);
    max-width: calc(100% - 375px);
}

.menu-item .img-active {
    display: none;
}

.account-info .menu-item .parent-active img {
    display: none;
}

.account-info .menu-item .parent-active .img-active {
    display: inline-block;
}

.account-info .menu-item .parent-active span {
    color: #E31937;
}

.account-info .menu-item span {
    font-family: inherit;
}

.input-link {
    max-width: 338px;
    background: #FFFFFF;
    border-radius: 5px;
    line-height: 48px;
    margin: auto;
    margin-bottom: 10px;
}

.form-link .user {
    width: 380px;
    max-width: 95%;
    margin: auto;
}

.input-link img {
    margin: 0 8px 8px 16px;
}

.input-link input {
    border: unset;
    outline: none;
    font-size: 14px;
    line-height: 24px;
    color: #23395D;
    font-weight: 600;
    width: calc(100% - 70px);
}

.form-link label {
    font-size: 14px;
    font-family: MerriweatherSans-Bold;
    color: #23395D;
}

.input-link label {
    font-size: 14px;
}

.account-link > img {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 93px;
    height: 100px;
}

.account-link h1 {
    color: #E31937;
    line-height: 56px;
    font-family: MerriweatherSans-Bold;
    padding: 0 20px;
}

.account-link > p {
    max-width: 668px;
    margin: 20px auto;
    font-size: 14px;
    line-height: 20px;
    color: #23395D;
    padding: 0 20px;
}

.account-link .btn-account-link {
    width: fit-content;
    padding: 13px 23.5px;
    background: #E31937;
    border-radius: 5px;
    margin: auto;
    cursor: pointer;
    width: -moz-fit-content;
}

    .account-link .btn-account-link p {
        color: #FFFFFF;
        font-size: 18px;
        line-height: 24px;
        font-family: MerriweatherSans-Bold;
        margin-bottom: 0px;
        cursor: pointer;
    }

.form-link h2 {
    color: #23395D;
    font-size: 20px;
    line-height: 26px;
    font-family: MerriweatherSans-Bold;
    margin-bottom: 8px;
    padding: 0 20px;
}

.button-link {
    width: fit-content;
    margin: auto;
    margin-top: 9px;
    width: -moz-fit-content;
}

    .button-link button {
        padding: 5px 20px;
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        border: unset;
        outline: none;
        border-radius: 5px;
        cursor: pointer;
    }

.submit-link {
    background: #E31937;
    color: white;
    margin-right: 8px;
}

.button-link .cancle-link {
    color: #B3B3B3;
    border: 1px solid #B3B3B3;
    background-color: unset;
}


.link-result {
    width: fit-content;
    background: #FFFFFF;
    border: 2px solid #27AE60;
    border-radius: 8px;
    margin: auto;
    display: none;
    width: -moz-fit-content;
}

    .link-result img {
        width: 26px;
        margin: 0 19.25px;
    }

    .link-result span {
        font-size: 20px;
        line-height: 24px;
        font-family: MerriweatherSans-Bold;
        color: #27AE60;
        padding: 24px 35px 26px 0;
    }

.account-noti, .account-report {
    padding-left: 31px;
}

.noti-item {
    padding: 16px 24px;
    border: 1px solid #D9D9D9;
    border-radius: 8px;
    position: relative;
    margin-top: 16px;
    color: #585858;
}

    .noti-item a {
        cursor: pointer;
    }

        .noti-item a:not([href]):not([tabindex]) {
            cursor: default;
        }

    .noti-item * {
        color: inherit;
    }

.account-report-content, .noti-content {
    padding-right: 30px;
    overflow: auto;
    margin-right: 13px;
}

.noti-content {
    height: calc(100vh - 180px);
}

.account-report-content {
    height: calc(100vh - 230px);
}

.noti-item h2 {
    color: inherit;
    font-size: 16px;
    line-height: 28px;
    font-family: MerriweatherSans-Bold;
    margin-bottom: 16px;
    padding-right: 66px;
}

.noti-item.active h2 {
    cursor: pointer;
}

.noti-item div span {
    color: inherit;
    font-size: 14px;
    line-height: 21px;
    font-family: MerriweatherSans-Bold;
    margin-left: 10px;
}

.noti-item a > img {
    position: absolute;
    right: 29px;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}

.noti-item .active {
    display: none;
}

.noti-item.active {
    color: #23395D;
    border: 2px solid #23395D;
    padding-right: 70px;
}

    .noti-item.active a > img {
        display: block;
        cursor: pointer;
    }

    .noti-item.active div img {
        display: none;
    }

        .noti-item.active div img.active {
            display: block;
        }

#noti, #account-report {
    flex: 0 0 calc(100% - 355px);
    max-width: calc(100% - 355px);
}

.account-report-content .search-results {
    height: unset;
    padding: 0px;
    margin: 0px;
    margin-top: 23px;
}

.account-report-content .pager {
    margin: 23px 0;
}

.title-account-report a {
    padding: 0 16px;
    padding-bottom: 14px;
}

    .title-account-report a p {
        color: #585858;
        font-size: 20px;
        line-height: 28px;
        font-family: MerriweatherSans-Bold;
        margin-left: 3px;
        margin-bottom: 0px;
    }

.title-account-report .nav-tabs a.nav-link.active p {
    color: #E31937;
}

.title-account-report .nav-tabs a.nav-link.active {
    border-bottom: 2px solid #E31937;
}

.title-account-report .nav-tabs {
    width: fit-content;
    margin: auto;
    width: -moz-fit-content;
}

    .title-account-report .nav-tabs .nav-item {
        margin: 0 50px;
    }

.not-found-report {
    width: fit-content;
    margin: auto;
    margin-top: 70px;
    width: -moz-fit-content;
}

    .not-found-report h2 {
        color: #23395D;
        text-align: center;
        font-size: 24px;
        line-height: 36px;
        margin: 24px 0 8px 0;
        font-family: MerriweatherSans-Bold;
    }

    .not-found-report img {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .not-found-report p {
        color: #23395D;
        text-align: center;
        font-size: 16px;
        line-height: 20px;
    }

.language-choose span {
    padding: 0 7px;
}

.register-btn a, .login-btn a {
    color: inherit;
}

.contact-content textarea {
    width: 100%;
    border-radius: 5px;
    padding-left: 18px;
    height: 40px;
    border: unset;
    line-height: 40px;
    outline: unset;
    color: #585858;
    font-weight: 600;
    font-size: 12px;
    resize: none;
}

.free-tag-check, .pro-tag-check, .basic-tag-check, .supreme-tag-check {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    color: transparent;
}

.free-tag-check {
    background-color: #23395D;
}

.pro-tag-check {
    background-color: #27AE60;
}

.basic-tag-check {
    background-color: #E31937;
}

.supreme-tag-check {
    background-color: #9B51E0;
}

.product-content-name {
    color: #585858;
    font-size: 14px;
    line-height: 20px;
    font-family: MerriweatherSans-Bold;
}

    .product-content-name span {
        font-family: MerriweatherSans-Bold;
    }

.menu-header .menu-left {
    display: none;
    width: 375px;
    max-width: 100vw;
}

.account-title {
    font-size: 32px;
    margin-bottom: 10px;
    font-family: MerriweatherSans-Bold;
    color: #23395D;
}

.account-noti span.see-all {
    color: #E31937;
    cursor: pointer;
    font-size: 16px;
    text-transform: initial;
    margin-left: auto;
    margin-right: 40px;
    padding: 5px 16px;
    border-radius: 5px;
    border: 1px solid #E31937;
    line-height: 20px;
    height: 32px;
}

    .account-noti span.see-all:hover {
        color: white;
        background: #E31937;
    }

.noti-item p {
    font-size: 14px;
}

.account-report .account-title {
    padding-bottom: 18px;
    margin-bottom: 23px;
    margin-right: 20px;
    border-bottom: 1px solid #EAEAEA;
}

.img-menu {
    display: none;
}

/* a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: #E31937;
} */
.table-product-package {
    padding: 0;
}

.title-pages {
    font-size: 32px;
    line-height: 40px;
    color: #23395D;
    margin-bottom: 20px;
    padding-left: 15px;
    font-family: MerriweatherSans-Bold;
}

.category-report .account-title {
    padding-bottom: 16px;
    border-bottom: 1px solid #EAEAEA;
}

.search-result-detail ul li {
    display: flex;
    line-height: 21px;
}

.register-content-box input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #F8F8F8 inset;
}

.login-content input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #F8F8F8 inset;
}

.user-input input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

#category-report .category-report-detail {
    padding-right: 20px;
    overflow: auto;
}

.search-result-detail-right ul li > span:last-child, .search-result-detail-left ul li > span:last-child {
    padding-left: 5px;
}

.menu-item-lv2 a {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: MerriweatherSans-Regular !important;
    color: #23395D;
}
/* Huong dan su dung page */
.user-guide {
    margin-bottom: 83px;
    padding: 0px;
}

.user-guide-item > div:first-child {
    display: flex;
}

.user-guide-item-img {
    margin: auto;
}

    .user-guide-item-img img {
        width: 100%;
    }

.user-guide-item-content {
    width: 77%;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto 0;
    margin-left: auto;
}

.user-guide-item-title {
    font-family: MerriweatherSans-Bold;
    font-size: 40px;
    line-height: 56px;
    color: #23395D;
    margin-bottom: 24px;
}

.user-guide-item-description {
    font-size: 14px;
    line-height: 20px;
    color: #6D6D6D;
    padding-left: 15px;
}

    .user-guide-item-description span {
        display: inline;
        font-size: 14px !important;
        line-height: 20px !important;
        font-family: MerriweatherSans-Regular !important;
    }

    .user-guide-item-description p {
        margin-left: 0px !important;
    }

.user-guide-button span {
    display: inline-block;
    cursor: pointer;
}

.user-guide-item-description span strong {
    font-family: MerriweatherSans-Bold !important;
}

.user-guide-item-description li:not(:last-child) {
    margin-bottom: 15px;
}

.user-guide .user-guide-item:nth-child(2n) {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
}

.user-guide-item {
    margin-top: 20px;
}

.user-guide .user-guide-item:nth-child(2n) .user-guide-item-content {
    margin: auto;
    margin-left: 0px;
    margin-right: auto;
}

.user-guide .link {
    font-family: MerriweatherSans-Bold;
    color: #E31937;
    text-decoration: underline;
}

.user-guide .text-red {
    font-family: MerriweatherSans-Bold;
    color: #E31937;
}

.user-guide .text-black {
    font-family: MerriweatherSans-Bold;
    color: #585858;
}

.user-guide .free-text {
    margin-bottom: 15px;
}

.modal-hdsd .modal-dialog {
    width: 100vw;
    max-width: 1440px;
    height: 700px;
    max-height: 100vh;
    margin: 0px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) !important;
}

    .modal-hdsd .modal-dialog .modal-content {
        border: unset;
        height: 100%;
        overflow: auto;
    }

.user-guide-button span {
    font-size: 12px;
    line-height: 20px;
    padding: 12px 23px;
    color: #23395D;
    border: 1px solid #23395D;
    border-radius: 5px;
    margin-top: 25px;
    margin-left: -15px;
    font-weight: 600;
}

    .user-guide-button span:hover {
        background-color: #23395D;
        color: white;
    }

.modal-content .close-popup {
    top: 41px;
    right: 51px;
    z-index: 1;
}

.list-modal .modal-hdsd:last-child .user-guide-item-content {
    width: 100%;
    margin: auto 0;
    margin-left: 0px;
    margin-right: auto;
}

.list-modal .modal-hdsd:last-child .user-guide-item > div:first-child {
    display: none;
}

.list-modal .modal-hdsd:last-child .user-guide-item > div:last-child {
    max-width: 100%;
    flex: 0 0 100%;
}

.modal-body.user-guide {
    margin-bottom: 0px;
}

.modal-body .user-guide-item {
    margin-top: 0px;
    height: 100%;
}

.modal-body.user-guide .free-text {
    font-style: italic;
}
/* Huong dan su dung page */
/* Thanh toan page */
.buy-report-package-content {
    padding-bottom: 48px;
}

.buy-report-package {
    margin-top: 65px;
    padding: 0px;
}

.buy-report-package-title h1 {
    color: #E31937;
    font-family: MerriweatherSans-Bold;
    padding: 48px 0 32px 0;
}

.buy-left {
    max-width: 69%;
    flex: 0 0 69%;
    padding-bottom: 12px;
}

.buy-right {
    max-width: calc(31% - 30px);
    flex: 0 0 calc(31% - 30px);
    padding-left: 37px;
    margin-left: 20px;
    border-left: 1px solid #D9D9D9;
}

.package-buy-content {
    padding: 38px 0;
    background: #FFFFFF;
    border: 2.5px solid #23395D;
    box-sizing: border-box;
    border-radius: 8px;
}

.package-buy-lable h5 {
    color: #23395D;
    font-size: 18px;
    line-height: 24px;
    font-family: MerriweatherSans-Bold;
    margin-bottom: 8px;
}

.package-buy-content > div {
    display: flex;
}

    .package-buy-content > div:first-child {
        flex: 0 0 32%;
        max-width: 32%;
    }

    .package-buy-content > div:last-child {
        flex: 0 0 34.666666%;
        max-width: 34.666666%;
    }

    .package-buy-content > div:not(:last-child) {
        border-right: 1px solid #EAEAEA;
    }

.package-buy-name {
    color: #23395D;
    font-size: 32px;
    line-height: 48px;
    font-family: MerriweatherSans-Bold;
}

.package-buy-content-left {
    padding: 0px 0px;
    margin: auto;
}

    .package-buy-content-left .product-child span {
        color: #585858;
    }

        .package-buy-content-left .product-child span span {
            border-color: #585858;
        }

    .package-buy-content-left h6 {
        font-size: 14px;
        line-height: 20px;
        color: #585858;
        text-align: center;
        margin-top: 19px;
    }

.package-buy-content-center h1 {
    font-size: 32px;
    line-height: 32px;
    font-family: MerriweatherSans-Bold;
    color: #23395D;
    text-align: center;
    margin-bottom: 8.5px;
}

.package-buy-content-center {
    margin: auto;
}

    .package-buy-content-center h1 span {
        font-size: 15.75px;
    }

.package-buy-content-right {
    margin: auto;
    padding: 0 12px;
}

    .package-buy-content-right ul {
        margin-bottom: 0px;
    }

        .package-buy-content-right ul li {
            position: relative;
            list-style: none;
            color: #585858;
            font-size: 16px;
            line-height: 22px;
            margin-bottom: 16px;
        }

            .package-buy-content-right ul li h6 {
                color: #585858;
                font-size: 16px;
                line-height: 22px;
                margin: 0px;
            }

            .package-buy-content-right ul li:last-child {
                margin-bottom: 0px;
            }

            .package-buy-content-right ul li img {
                position: absolute;
                left: 0px;
                top: 0px;
            }

            .package-buy-content-right ul li span {
                width: 100%;
                padding-left: 30px;
            }

.payment-input-date {
    background: #FFFFFF;
    border: 1px solid #B3B3B3;
    border-radius: 5px;
    padding: 12px 8px 12px 16px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .payment-input-date img {
        width: 21px;
    }

    .payment-input-date input {
        border: unset;
        outline: none;
        font-size: 14px;
        line-height: 21px;
        color: #585858;
        margin-left: 12px;
        width: 100%;
        flex-grow: 1;
        cursor: pointer;
    }

.date-start {
    padding-right: 10px;
}

.date-end {
    padding-left: 10px;
}

.label-form-payment {
    font-size: 18px;
    line-height: 24px;
    color: #23395D;
    font-family: MerriweatherSans-Bold;
    margin-bottom: 4px;
    margin-top: 24px;
}

.input-voucher {
    position: relative;
}

    .input-voucher span {
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
        color: #FFFFFF;
        font-size: 14px;
        line-height: 20px;
        font-family: MerriweatherSans-Bold;
        padding: 8px 20px;
        background: #23395D;
        border-radius: 5px;
        cursor: pointer;
    }

        .input-voucher span:last-child {
            display: none;
            background: #E31937;
        }

.form-discount input, .form-voucher input {
    width: 100%;
    line-height: 24px;
    font-size: 16px;
    padding: 12px 8px 12px 16px;
    color: #23395D;
    font-family: MerriweatherSans-Bold;
    border: 1px solid #B3B3B3;
    border-radius: 5px;
    outline: none;
}

.payment-note {
    margin-top: 24px;
    padding-bottom: 0px;
}

    .payment-note h6 {
        color: #23395D;
        font-size: 14px;
        line-height: 20px;
        font-style: italic;
        margin-bottom: 4px;
    }

        .payment-note h6 a {
            color: #23395D;
            font-size: 14px;
            line-height: 20px;
            font-style: italic;
            text-decoration: underline;
        }

.buy-right-title {
    color: #23395D;
    font-size: 18px;
    line-height: 24px;
    font-family: MerriweatherSans-Bold;
    margin-bottom: 20px;
}

.label-caculator {
    color: #23395D;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    margin-right: auto;
}

.value-caculator {
    color: #23395D;
    font-size: 20px;
    line-height: 20px;
    font-family: MerriweatherSans-Bold;
}

div .price-caculator:nth-child(2) {
    margin-bottom: 20px;
}

div .price-caculator:nth-child(3) {
    margin-bottom: 28px;
}

div .price-caculator:nth-child(4) {
    padding-top: 21px;
    margin-bottom: 37px;
    border-top: 1px solid #ABABAB;
}

div .price-caculator:nth-child(5) {
    margin-bottom: 37px;
}


div .price-caculator:nth-child(6) {
    padding-top: 21px;
    margin-bottom: 37px;
    border-top: 1px solid #ABABAB;
}


.checkbox-apcept-term span {
    font-size: 11px;
    line-height: 20px;
    color: #585858;
}

    .checkbox-apcept-term span a {
        font-family: MerriweatherSans-Bold;
        text-decoration: underline;
        color: #585858;
    }

.checkbox {
    line-height: 20px;
    margin-right: 5px;
}

    .checkbox input {
        display: none;
    }

.checkbox-arround-active {
    display: none;
}

.submit-payment {
    margin-top: 17px;
    margin-bottom: 7px;
    width: 100%;
    color: white;
    font-size: 14px;
    line-height: 21px;
    font-family: MerriweatherSans-Bold;
    background-color: #E31937;
    border-radius: 5px;
    border: unset;
    outline: none;
    padding: 10px 20px;
}

.buy-right h6 {
    font-style: italic;
    color: #000000;
    font-size: 10px;
    line-height: 20px;
}

.check-voucher {
    color: #E31937;
    font-size: 12px;
    line-height: 20px;
    margin-top: 4px;
    display: none;
}

#payment {
    position: relative;
    margin-top: 68px;
}

.modal-payment, .modal-payment-redirect {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(4px);
    background: rgba(5, 5, 5, 0.25);
    top: 0;
}

    .modal-payment.active-modal, .modal-payment-redirect.active-modal {
        display: flex;
    }

.modal-payment-content {
    width: 578px;
    max-width: 90vw;
    height: fit-content;
    padding: 24px 37px 28px 37px;
    margin: auto;
    margin-top: 243px;
    background: #FFFFFF;
    border: 2px solid #23395D;
    box-shadow: 0px 12px 25px rgba(227, 25, 55, 0.05);
    border-radius: 8px;
    height: -moz-fit-content;
}

    .modal-payment-content modal-payment-content {
        width: fit-content;
        width: -moz-fit-content;
    }

    .modal-payment-content p {
        color: #23395D;
        text-align: justify;
        font-family: MerriweatherSans-Bold;
        font-size: 20px;
        line-height: 26px;
    }

    .modal-payment-content a {
        margin-top: 21px;
        width: fit-content;
        display: block;
        color: #FFFFFF;
        font-weight: 600;
        font-size: 16px;
        line-height: 30px;
        padding: 0px 31px;
        background: #E31937;
        border-radius: 5px;
        margin: auto;
        width: -moz-fit-content;
    }
/* payment-page */
@media only screen and (max-width: 1400px) {
    .product-ssi-item h3 {
        font-size: 22px;
    }

    .menu-header .main-menu li a {
        font-size: 16.5px;
    }

    .button-header span.user-name {
        font-size: 16.5px;
    }

    .package-buy-content-center h1 {
        font-size: 28px;
    }

    .package-buy-name {
        font-size: 28px;
        line-height: 35px;
    }
}

@media only screen and (max-width: 1366px) {
    .container {
        max-width: 90%;
    }


    html {
        font-size: 7px;
    }

    /*.menu-header {
        flex: 0 0 calc(89.3333% - 323px);
        max-width: calc(89.3333% - 323px);
    }*/

    .button-header {
        line-height: 65px;
    }

    .menu-header .main-menu li {
        padding-right: 15px;
    }

    .product-ssi-item {
        padding: 20px 15px 30px 15px;
    }

    .product-ssi-list .product-ssi-item:hover {
        /*padding: 19px 14px 29px 14px;*/
    }

    .button-choose-product {
        bottom: 30px;
    }

    .product-ssi-list .row > div {
        padding: 7.5px;
    }

    .banner-content-box {
        margin-right: 100px;
    }

    .contact-label {
        font-size: 20px;
        line-height: 40px;
        color: white;
        font-family: MerriweatherSans-Bold;
    }

    .contact-email {
        max-width: 22%;
        flex: 0 0 22%;
        margin-right: 10px;
    }

    .contact-content {
        margin-right: 10px;
    }

    .contact-submit {
        max-width: calc(13% - 20px);
        flex: 0 0 calc(13% - 20px);
    }
    /* #category-report .category-report-detail>div {
        max-width: calc(50%);
        flex: 0 0 calc(50%);
    } */
    #product-package .product-ssi-list {
        max-width: 90%;
    }

    .table-package-product {
        max-width: 90%;
    }
}

@media only screen and (min-width: 1300px) {
    #category-report .category-report-detail > div {
        max-width: 33.3333333%;
        flex: 0 0 33.3333333%;
    }
}

@media only screen and (max-width: 1300px) {
    .menu-header {
        /* flex: 0 0 calc(89.3333% - 270px);
        max-width: calc(89.3333% - 270px);*/
    }

    .login-form {
        right: 0px;
    }

    .menu-header .main-menu li {
        padding-right: 15px;
    }

        .menu-header .main-menu li a {
            font-size: 15.5px;
        }

    .search-results-content {
        margin: auto 15px;
    }

    .search-result-detail-left {
        padding-right: 20px;
    }

    .user-guide-item-content {
        width: 38vw;
    }

    .buy-right {
        max-width: calc(31% - 20px);
        flex: 0 0 calc(31% - 20px);
        padding-left: 20px;
        margin-left: 20px;
        border-left: 1px solid #D9D9D9;
    }
}

@media only screen and (max-width: 1200px) {
    .login-mobile {
        display: none;
    }

    .login-btn, .register-btn {
        display: inline-block;
    }

    .container {
        max-width: 90%;
    }

    .search-form {
        width: 700px;
    }

    .menu-header {
        width: 375px;
        max-width: 100vw;
        display: none;
        position: absolute;
        top: 65px;
        z-index: 100;
        background-color: white;
        border-radius: 0 0 10px 0;
        box-shadow: 0px 12px 25px rgb(47 65 82 / 10%);
    }

        .menu-header ul {
            padding-left: 15px;
            padding-right: 12px;
        }

    .menu-item ul {
        padding: 0px;
    }

    .menu-header .main-menu li {
        display: block;
        line-height: 45px;
        padding-left: 5px;
        cursor: pointer;
    }

    .menu-header ul li:last-child {
        border-bottom: unset;
    }

    .button-header {
        line-height: 65px;
    }

    .logo-header {
        padding-right: 0px;
        flex: 0 0 70px;
        max-width: 70px;
        padding-left: 0px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .open-main-menu, .close-main-menu {
        display: block;
        position: absolute;
        top: 15px;
        left: 15px;
    }

    .close-main-menu {
        display: none;
    }

    .category-report-content ul a {
        font-size: 18px;
    }

    .info-footer > div:last-child > div:last-child {
        max-width: 100%;
        flex: 100%;
        justify-content: center !important;
    }

    .category-report-title, .product-ssi-title, .outstanding-award-title {
        font-size: 35px;
        line-height: 40px;
    }

    .intro-content > div {
        margin: auto;
        width: 80%;
        margin-left: 30px;
        padding: 20px 0;
    }

    .header-banner {
        margin-top: 65px;
    }

    .leadership-item {
        width: 26vw;
    }

    .title-noti .nav-tabs .nav-item {
        margin: 0 20px;
    }

    .account-report-content .search-results-item {
        flex-wrap: wrap;
    }

    .account-report-content .search-results-img {
        width: 100%;
    }

        .account-report-content .search-results-img img {
            width: 100%;
        }

    .account-report-content .search-results-content {
        margin: auto 16px;
        padding: 16px 0;
    }
    /* payment-page */
    .package-buy-content-left h6 {
        display: none;
    }

    .package-buy-content-right ul li {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 991px) {
    #noti, #account-report {
        flex: 100%;
        max-width: 100%;
    }

    #category-report .category-report-detail {
        padding-right: 20px;
        overflow: auto;
        padding-right: 0px;
        height: fit-content;
        max-height: calc(100vh - 155px);
        height: -moz-fit-content;
    }

    .parent-active {
        margin-left: -15px !important;
        padding-left: 11px !important;
        padding-right: 4px !important;
    }

    .menu-item-lv1.parent-active {
        width: calc(100% + 18px);
    }

    .noti-item {
        padding-left: 15px;
    }

        .noti-item.active {
            padding-right: 0;
        }

            .noti-item.active h4 {
                padding-right: 60px;
            }

        .noti-item a > img {
            right: 15px;
        }

        .noti-item > img {
            position: absolute;
            right: 11px;
            top: 15px;
            transform: unset;
            display: none;
        }

    #user-info {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .user-info-menu {
        margin-top: 0;
    }

    .menu-left-title {
        background: #F7F7F7;
        margin-bottom: 24px;
        position: relative;
        border-bottom: 1px solid #EAEAEA;
    }

        .menu-left-title p {
            color: #23395D;
            font-size: 16px;
            font-family: MerriweatherSans-Bold;
            padding: 16px;
            line-height: 16px !important;
            text-align: center;
            width: 100%;
            padding: 14px 40px;
            margin-bottom: 0px;
        }

    .menu-item > div {
        padding: 17.5px 0;
    }

    .menu-left-title img {
        width: 61px;
        height: 47px;
        padding: 13px 20px 13px 18px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        border-right: 1px solid #EAEAEA;
    }

    .menu-left-mobile {
        margin-left: 0px;
        max-width: 575px;
        max-height: calc(100vh - 47px);
        overflow-x: hidden;
        overflow-y: auto;
        border-radius: 0px;
        border: unset;
        margin-bottom: 0;
    }

    .menu-header .main-menu li {
        position: relative;
    }

    .img-menu {
        display: block;
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        width: 21px;
    }

    .search-date-time > span {
        width: calc(100% - 60px);
        padding-left: 5px;
    }

    .search-form input, .search-form select {
        background-color: transparent !important;
    }

    .category-report-content .nav-tabs {
        display: none;
    }

    .category-report-content .nav-tabs-mobile {
        display: flex;
    }

    .nav-link {
        text-align: center;
    }

    .search-nav {
        flex-wrap: wrap;
        position: relative;
        padding: 0 15px;
    }

    .nav-tabs-mobile .slick-prev, .nav-tabs-mobile .slick-next {
        display: block !important;
    }

        .nav-tabs-mobile .slick-prev::before, .nav-tabs-mobile .slick-next::before {
            content: "";
        }

        .nav-tabs-mobile .slick-prev.slick-disabled, .nav-tabs-mobile .slick-next.slick-disabled {
            display: none !important;
        }

    .category-report-content ul {
        max-width: calc(100% - 50px);
        margin-left: 25px;
    }

    .nav-tabs-mobile .slick-prev {
        background-image: url('../icon/prev.png');
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .nav-tabs-mobile .slick-next {
        background-image: url("../icon/skip.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .search-form {
        margin-left: 15px;
        margin-top: 20px;
        width: 100%;
    }

    #home-search .search-form {
        max-width: calc(50% - 5px);
        flex: 0 0 calc(50% - 5px);
    }

    .button-header {
        font-size: 16px;
        font-weight: 600;
    }

    .advantages .row > div {
        flex: 0 0 50%;
        max-width: 50%;
    }

        .advantages .row > div:last-child {
            flex: 0 0 100%;
            max-width: 100%;
        }

    #report-search .search-nav {
        padding: 0;
    }

    #report-search {
        margin-top: 65px;
    }

    .menu-left {
        display: none;
    }

    .title-noti .nav-tabs {
        display: inline-flex;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .account-report-content, .noti-content {
        height: unset;
        padding: 0 15px 30px 15px;
    }

    .account-report-content, .noti-content {
        margin-right: 0px;
    }

    #noti {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .report .category-report {
        height: unset;
        margin-right: 0px;
    }

    .account-noti {
        padding-left: 0px;
    }

    .report .category-report {
        margin-top: 70px;
    }

    .account-title {
        text-align: center;
    }

    .title-noti a {
        color: #585858;
        font-size: 16px;
        line-height: 20px;
        font-family: MerriweatherSans-Bold;
    }

    .report .category-report, .tran-history-content, .noti-page-content, .account-report-page, .user-info-page, .link-account-page {
        margin-top: 65px;
    }

    .account-title {
        padding: 16px 0;
        margin-bottom: 10px;
        margin-right: 0px !important;
        border-top: 1px solid #EAEAEA;
        border-bottom: 1px solid #EAEAEA;
        font-size: 28px;
    }

    .account-noti div .account-title {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .account-noti span.see-all {
        padding-left: 15px;
    }

    .menu-item {
        padding: 0px;
    }

    .account-noti, .account-report {
        padding-left: 0px;
    }
}

@media only screen and (max-width: 991px) {
    .contact {
        padding: 22px 0 33px 0;
    }

    .contact-label {
        max-width: 100%;
        flex: 0 0 100%;
        text-align: center;
        padding-right: 0px;
        margin-bottom: 10px;
    }

    .modal-popup {
        width: 100%;
    }

    #danh-muc-bao-cao .user-info-menu {
        margin-bottom: 0px;
    }

        #danh-muc-bao-cao .user-info-menu h1 {
            margin-bottom: 0px;
        }

    #danh-muc-bao-cao .menu-item ul li {
        line-height: 15px;
        margin-bottom: 10px;
        padding-left: 36px;
        list-style: none;
    }

        #danh-muc-bao-cao .menu-item ul li:first-child {
            margin-top: 15px;
            margin-bottom: 10px;
        }

    .title-pages {
        font-size: 18px;
        line-height: 18px;
        text-align: center;
        padding-left: 0px;
        font-family: MerriweatherSans-Bold;
        margin-top: 20px;
        box-shadow: 0px 2px 4px rgb(47 65 82 / 25%);
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    #category-report {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0px;
        padding-bottom: 10px;
        margin-right: 0px;
    }

    .search-results-content {
        padding: 16px;
        margin: 0;
    }

    .search-results-item, .search-result-detail {
        flex-wrap: wrap;
    }

    .search-results-item {
        margin-bottom: 20px;
    }

    .search-results-img img {
        width: 100%;
        object-fit: cover;
    }

    .search-results-img {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .search-results {
        margin-top: 20px;
        margin-right: 0px;
        padding-right: 52px;
    }

    #report-search .list-report {
        top: 52px;
    }

    #report-search .search-form .search-type-report, #report-search .search-form .search-date-time, #report-search .branch-detail {
        width: 165px;
        background: #FFFFFF;
        border: 0.75px solid #E31937;
        border-radius: 8px;
        padding: 3px 0;
        margin-right: 0px;
        margin-bottom: 13px;
    }

        #report-search .search-form .search-type-report.margin {
            margin-bottom: 65px;
        }

    #report-search .branch-detail {
        position: absolute;
        top: 74px;
        width: calc(100% - 104px);
    }

    #report-search .search-form .search-type-report {
        margin-right: 15px;
    }

    #report-search .search-form {
        flex-wrap: wrap;
    }

    #report-search .search-button button {
        height: 42px;
        width: 100px;
    }

    #report-search .search-input {
        padding: 0;
        max-width: 100%;
        flex: 0 0 100%;
    }

        #report-search .search-input input {
            width: calc(100% - 156px);
            padding-right: 10px;
        }

    .search-type:not(.choose-type) {
        width: calc(50% - 5px);
    }

    #home-search .search-input {
        flex: 0 0 calc(100% - 30px);
        max-width: calc(100% - 30px);
        position: absolute;
        top: 61px;
        left: 15px;
        border: 0.75px solid #E31937;
        box-sizing: border-box;
        box-shadow: 0px 12px 25px rgba(227, 25, 55, 0.05);
        border-radius: 5px;
        height: 47px;
    }

    .search-form {
        border-radius: unset;
        box-shadow: unset;
        background: unset;
    }

    .search-input img {
        margin-bottom: 6px;
    }

    .search-input input {
        border-right: unset;
        border-radius: 10px;
        padding-right: 110px;
        line-height: 43px;
    }

    .search-form {
        line-height: 45px;
        border: unset;
        background-color: unset;
    }

    .search-type-report i, .search-date-time i {
        position: absolute;
        top: 10px;
        right: 30px;
    }

    .search-type-report, .search-date-time {
        flex: 0 0 calc(50% - 7.5px);
        max-width: calc(50% - 7.5px);
        margin-bottom: 15px;
        border: 0.75px solid #E31937;
        box-shadow: 0px 12px 25px rgba(227, 25, 55, 0.05);
        border-radius: 5px;
    }

    #home-search .search-date-time {
        margin-bottom: 0px;
        flex: 0 0 100%;
        max-width: 100%;
    }

    #home-search {
        margin-bottom: 90px;
    }

    .search-type-report {
        margin-right: 15px;
    }

    .search-type:not(.choose-type) {
        border-radius: 5px;
    }

    .search-button button {
        width: 100%;
        padding: 0;
        height: 47px;
        border-radius: 0px 5px 5px 0px;
    }

    .search-button {
        flex: 0 0 100px;
        max-width: 100px;
        margin-left: auto;
        width: 100px;
    }

    #home-search .search-button {
        position: absolute;
        top: 61px;
        right: 15px;
    }

    #home-search .search-form {
        margin: 0;
        margin-left: 10px;
    }

    .search-type-report > span {
        width: calc(100% - 60px);
    }

    .search-type > span {
        padding: 10px 15px;
    }

    .list-report {
        top: 50px;
        padding: 10px 0
    }

    .search-form img {
        padding-left: 20px;
    }

    .list-report img {
        padding-left: 0px;
    }

    .outstanding-award-description {
        max-width: 100%;
        margin: auto;
        padding: 0 15px 50px 15px;
    }

    .banner-content-box {
        margin-right: 50px;
        width: 40%;
    }

    .banner-content h1 {
        font-size: 35px;
        margin-bottom: 15px;
    }

    .banner-content h6 {
        font-size: 22px;
        margin-bottom: 15px;
    }

    .banner-content h5 {
        font-size: 22px;
    }

    .search-type-right-mobile, .search-type-left-mobile {
        display: inline-block;
    }

    .category-report-content ul a.active {
        width: fit-content;
        margin: auto;
        width: -moz-fit-content;
    }

    .info-footer > div > div:last-child {
        margin-left: unset;
        margin: auto;
    }

    .info-footer > div > div:first-child {
        margin-right: unset;
        margin: auto;
    }

    .info-footer > div > div {
        margin: auto;
    }

    .search-result-detail-left ul {
        margin-bottom: 0px;
    }

    .category-report-detail > div {
        padding: 0 10px;
    }
    /* huong dan su dung */
    .user-guide-item > div:first-child {
        max-width: 550px;
        flex: 0 0 550px;
        margin: auto;
    }

    .user-guide-item > div:last-child {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .user-guide-item-content {
        width: 80%;
        margin: auto;
    }

    .modal-body.user-guide {
        margin-top: 60px;
    }

    .modal-body .user-guide-item-content {
        width: 100%;
    }

    .modal-content .close-popup {
        top: 15px;
        right: 15px;
        z-index: 1;
    }

    .user-guide .user-guide-item:nth-child(2n) .user-guide-item-content {
        width: 80%;
        margin: auto;
    }

    .user-guide-item-title {
        font-family: MerriweatherSans-Bold;
        font-size: 35px;
        line-height: 40px;
        color: #23395D;
        margin-bottom: 18px;
        margin-top: 24px;
        text-align: center;
    }

    .list-modal .modal-hdsd:last-child .modal-body .user-guide-item-title {
        margin-top: -10px;
    }

    .user-guide-item {
        margin-top: 20px;
    }

    .user-guide-button {
        text-align: center;
    }

    .about-us h1 {
        line-height: 35px;
    }

    .user-guide-item-description {
        padding-left: 15px;
    }

    .modal-body.user-guide {
        padding-bottom: 20px;
    }

    /* payment-page */
    .package-buy-content > div:last-child {
        display: none;
    }

    .package-buy-content > div:first-child {
        flex: 0 0 35%;
        max-width: 35%;
    }

    .package-buy-content > div:nth-child(2) {
        flex: 0 0 65%;
        max-width: 65%;
    }

    .package-buy-content-left {
        padding: 0px 10px;
    }

    .buy-right {
        max-width: calc(31% - 15px);
        flex: 0 0 calc(31% - 15px);
        padding-left: 20px;
        margin-left: 15px;
        border-left: 1px solid #D9D9D9;
    }

    .package-buy-content > div:nth-child(2) {
        border: unset;
    }
}

@media only screen and (max-width: 767px) {
    .report-pdf iframe {
        padding: 0;
        margin-top: 65px;
    }

    .account-title {
        padding: 9px 0;
    }

    .search-results {
        height: unset;
        margin-right: 0;
        padding-right: 52px;
    }

    .category-report-detail > div {
        padding: 0px;
    }

    .contact-email {
        max-width: 100%;
        flex: 0 0 100%;
        margin-right: 0px;
    }

    .contact-content {
        max-width: 100%;
        flex: 0 0 100%;
        margin-right: 0px;
        margin-top: 10px;
    }

    .contact-submit {
        margin: auto;
        margin-top: 10px;
        max-width: 100%;
        flex: 0 0 100%;
        min-width: 108px;
    }

    .outstanding-award {
        padding-bottom: 10px;
    }

    .search-button button {
        /*        padding: 0 15px;
*/
    }

    .product-ssi-title, .outstanding-award-title, .category-report .category-report-title {
        font-size: 28px;
        line-height: 40px;
    }

    .info-footer {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .banner-content-box {
        margin-right: 20px;
        width: 50%;
    }

    .banner-content h1 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .banner-content h6 {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 22px;
    }

    .banner-content h5 {
        font-size: 20px;
    }

    .play-btn {
        width: 100px;
        height: 100px;
        position: absolute;
        top: calc(50% - 50px);
        left: calc(33.5% - 115px);
        min-width: unset;
    }

    .terms h3:first-child {
        padding-left: 20px;
    }

    .terms h3:last-child {
        max-width: 100%;
        flex: 0 0 100%;
        text-align: center;
        padding: 0px;
    }

    .terms {
        margin-bottom: 10px;
    }

        .terms h6 {
            margin: auto;
        }

    .contact {
        padding: 20px 0 20px 0;
        background: linear-gradient(281.83deg, #EC1C3C 0.77%, #920D10 98.28%);
    }

    .switch {
        line-height: 13px;
    }

    .about-us {
        width: 100%;
        margin-left: 0;
        padding: 0 10px;
    }

        .about-us p {
            margin-bottom: 50px;
            text-align: justify !important;
        }

    .leadership {
        background-image: unset;
    }

    .leadership-list {
        display: block !important;
    }

    .leadership-item {
        width: 292px;
        padding-bottom: 24px;
        margin-bottom: 20px;
    }

        .leadership-item p {
            margin-bottom: 0px;
        }

    .leadership h2 {
        padding: 0 15px;
        line-height: 40px;
        font-size: 28px;
    }

    .about-us h2 {
        font-size: 29px;
    }

    .intro-content {
        width: 100%;
        min-height: unset;
        padding-top: 90vw;
    }

        .intro-content h2 {
            text-align: center;
            line-height: 40px;
            font-size: 28px;
        }

    .intro img {
        position: absolute;
        height: 90vw;
        object-fit: cover;
        object-position: right;
    }

    .intro {
        background: linear-gradient(to bottom, #FFFFFF 0.83%, rgba(255, 255, 255, 0) 8.3%, rgba(255, 255, 255, 0) calc(86vw - 8.3%), #FFFFFF 86vw, #F8F8F8 99.89%);
    }

    .intro-content > div {
        padding: 40px 10px;
        padding-top: 0px;
        width: 100%;
        margin: 0;
    }

    .about-us .title-user-guide {
        margin: 32px 0 18px;
        line-height: 40px;
        font-size: 28px;
    }

    .modal-popup {
        width: 100%;
    }

    .title-account-report .nav-tabs .nav-item {
        margin: 0 10px;
    }

    #home-search {
        margin-top: 30px;
    }

    .account-link > p {
        text-align: justify !important;
    }

    .account-link {
        padding: 10px 0px;
    }

    .user-guide-item > div:first-child {
        max-width: 100%;
        flex: 0 0 100%;
        margin: auto;
    }

    .modal-body .user-guide-item > div:first-child {
        display: none;
    }

    .user-guide-item-content {
        width: unset;
        margin-top: 0px;
        padding: 0 15px;
    }

    .user-guide .user-guide-item:nth-child(2n) .user-guide-item-content {
        width: unset;
    }
    /* payment-page */
    .buy-report-package-title h1 {
        padding: 15px 0 32px 0;
        text-align: center;
    }

    .buy-right {
        max-width: 100%;
        flex: 100%;
        padding-left: 0px;
        margin-left: 0;
        border-left: unset;
    }

    .buy-left {
        max-width: 100%;
        flex: 0 0 100%;
        padding-bottom: 12px;
    }

    .buy-report-package {
        padding: 0 10px;
    }

    .checkbox-apcept-term {
        width: fit-content;
        margin: auto;
        width: -moz-fit-content;
    }

    .buy-right-title {
        margin-top: 18px;
        padding-top: 37px;
        border-top: 1px solid #D9D9D9;
    }

    .modal-payment {
        position: fixed;
        z-index: 1;
    }

    div .price-caculator:nth-child(2) {
        margin-bottom: 16px;
    }

    div .price-caculator:nth-child(3) {
        margin-bottom: 16px;
    }

    div .price-caculator:nth-child(4) {
        padding-top: 16px;
        margin-bottom: 27px;
        border-top: 1px solid #ABABAB;
    }
}

@media only screen and (max-width: 575px) {
    .button-header .switch-language ul {
        margin-left: -30px;
    }

    .btn-logout {
        position: absolute;
        right: -10px;
        top: 36px;
        width: 160px;
        height: 44px;
        line-height: 44px;
        background: #FFFFFF;
        box-shadow: 0px 2px 4px rgba(47, 65, 82, 0.25);
        display: none;
    }

    .search-input.flex-grow-1 {
        position: relative;
        height: 42px;
    }

        .search-input.flex-grow-1 input {
            height: 40px;
        }

        .search-input.flex-grow-1 .search-button {
            position: absolute;
            right: 0px;
            top: -1px;
        }

            .search-input.flex-grow-1 .search-button button {
                height: 42px !important;
            }

    .outstanding-award-description {
        text-align: justify;
    }

    .product-ssi-list .row > div {
        padding: 10px 0px;
    }

    .modal-popup {
        width: 100%;
        height: 100vh;
        position: fixed;
        top: 43px;
    }

    .modal-popup-content {
        width: 343px;
    }

        .modal-popup-content > div {
            width: 250px;
        }

    .search-results {
        overflow: unset;
    }

    .modal-popup-content > div button {
        height: 40px;
        line-height: 40px;
    }


    .search-results {
        padding: 0 16px 20px 16px;
    }

    .search-results-item {
        margin-bottom: 20px;
    }

    .search-results .report-item-button .ml-auto {
        margin-left: auto !important;
    }

    #report-search .search-input input {
        width: calc(100% - 154px);
    }

    #report-search .search-form {
        padding: 0 16px;
    }

    #report-search .branch-detail {
        width: calc(100% - 32px);
        top: 64px;
    }

    .category-report-content .item-image-content ul {
        width: calc(100% - 20px);
        margin-left: 10px;
        bottom: 10px;
        padding: 0px;
    }

    .language-choose span {
        padding: 0 0 0 4px;
    }

    .logo-header {
        margin: auto;
        margin-left: calc(50vw - 15px);
        position: relative;
        left: unset;
        transform: unset;
    }
    /* .button-header {
        flex: 0 0 80px;
        max-width: 80px;
        margin-left: 0
    } */
    .login-btn, .register-btn {
        display: none;
    }

    .login-mobile {
        display: inline-block;
    }

    .button-header > span > img {
        width: 22px;
        height: 15px;
    }

    .language-choose .language {
        display: none;
    }

    .language-choose .dropdown {
        display: none;
    }

    .logo-header img {
        margin: 0 auto;
        height: 30px;
        width: 30px;
        padding: 0px;
    }

    .header-banner {
        position: relative;
        margin-top: 47px;
    }

    .container {
        max-width: 100%;
    }

    /* .footer {
            padding: 25px 10px 0 10px;
        }
*/
    html {
        font-size: 4px;
    }

    .search-input input {
        line-height: 45px;
    }

    .search-form {
        margin-top: 10px;
    }

    .info-footer > div {
        padding-bottom: 20px;
    }

    .advantages .row {
        padding: 65px 0 17px 0;
    }

        .advantages .row > div {
            flex: 0 0 100%;
            max-width: 100%;
            margin-bottom: 48px;
        }

    .advantages h3 {
        padding: 0px;
        margin-top: 10px;
    }

    .header-banner img {
        min-width: 100%;
        object-fit: cover;
    }

    .header-banner > img {
        width: 100%;
        height: 34.722222222vw;
        object-fit: cover;
    }

    .banner-content-box {
        margin-right: 0px;
        position: relative;
        width: 100%;
        background-image: url('../image/white-bg.png');
        background-size: 100% 100%;
        top: -160px;
        padding: 10px;
        padding-top: 0;
        margin-bottom: -160px;
        padding-bottom: 45px;
    }

    .banner-content {
        margin-top: 90px;
    }

    .header-banner .play-btn {
        position: absolute;
        top: calc(33.5vw - 80px);
        left: 50%;
        transform: translateX(-50%);
        min-width: unset;
    }

    .header-banner .slick-dots {
        bottom: 10px;
    }

    .button-header {
        font-size: 12px;
        font-weight: 600;
    }

    .header-top.row {
        height: 47px;
    }

    .button-header {
        line-height: 20px;
        margin: auto;
    }

        .button-header .register-btn {
            line-height: 25px;
            padding: 0 10px;
        }

    .open-main-menu, .close-main-menu {
        top: 7px;
        left: 7px;
    }

    #list-report {
        width: fit-content;
        width: -moz-fit-content;
    }

    .search-input input {
        padding-right: 100px;
    }

    .logo-header {
        flex: 0 0 30px;
        max-width: 30px;
    }

    .menu-header {
        top: 47px;
    }

    .info-footer > div > div {
        margin: unset !important;
        margin-bottom: 10px;
        padding: 0px;
    }

    .info-footer > div:last-child > div:last-child {
        justify-content: flex-start !important;
    }

    .terms h3:first-child {
        max-width: 100%;
        flex: 0 0 100%;
        padding-bottom: 8px;
        padding-top: 0px;
    }

    .terms h3:last-child {
        padding-top: 16px;
    }

    .list-language-choose {
        top: 35px;
        right: 0px;
        width: 100vw;
    }

    .button-header {
        margin: auto 0;
        max-width: fit-content;
    }

    .list-language {
        border: 1px solid #EAEAEA;
        box-shadow: 0px 2px 4px rgba(47, 65, 82, 0.1);
        display: flex;
        width: 100%;
    }

        .list-language li {
            margin: auto;
        }

    .modal-show-active {
        display: block;
        position: fixed;
        top: 0px;
        left: 0px;
        background: rgba(0, 0, 0, 0.25);
        color: transparent;
        width: 100%;
        height: 100%;
        z-index: 10;
    }

    .header-top.row {
        z-index: 20;
    }

    .body-modal-show {
        height: 100vh;
        overflow: hidden;
    }

    .menu-header {
        width: 100vw;
        border-radius: 0;
    }

        .menu-header > ul {
            width: 100vw;
        }

        .menu-header .main-menu li {
            border-bottom: 1px solid #EAEAEA;
            line-height: unset;
            padding: 20px 0;
        }

        .menu-header ul li a {
            font-family: MerriweatherSans-Bold;
        }


    .choose-type {
        margin: auto;
    }

    .search-type > span {
        padding: 10px 7.5px;
    }

    .account-title {
        text-align: center;
        font-size: 16px;
        line-height: 16px !important;
        padding: 16px;
        border-bottom: 1px solid #EAEAEA;
        text-transform: inherit !important;
    }

    .report .category-report {
        margin-top: 47px;
    }

    .menu-header .accordion {
        width: 100vw;
    }

    .menu-header .menu-left {
        width: 100vw;
    }

    .contact-content textarea {
        height: 100px;
    }

    .title-account-report #tab-1 {
        width: calc(50% - 10px);
    }

    .title-account-report #tab-2 {
        width: calc(50% - 10px);
    }

    .title-account-report .nav-tabs {
        width: 100%;
    }

    .title-account-report {
        width: calc(100vw - 20px);
        overflow: auto;
        margin: 0 10px;
    }

        .title-account-report a {
            font-size: 16px;
            line-height: 20px;
        }

        .title-account-report::-webkit-scrollbar {
            display: none;
        }

    .title-account-report {
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    .account-link h1 {
        font-size: 24px;
        line-height: 28.8px;
    }

    .account-link > p {
        padding: 0;
    }

    .account-link .btn-account-link {
        padding: 13px 33.5px;
    }

    .link-result span {
        font-size: 16px;
        line-height: 24px;
        padding: 13px 16px 13px 0;
    }

    .search-results-content h2 a, .search-results-content h2 {
        font-family: MerriweatherSans-Regular;
        font-weight: 600;
    }

    .report-pdf iframe {
        margin-top: 47px;
    }

    .report-pdf iframe {
        height: calc(100vh - 45px);
    }

    .button-header .noti-count {
        top: -9px;
        right: 1px;
    }

    .product-ssi-list {
        padding-bottom: 30px;
    }

    .account-link > img {
        margin-top: 15px;
    }

    .product-ssi-list .row > div:first-child h1 {
        margin-bottom: 0px;
    }

    .free .price {
        margin-bottom: 24px !important;
        margin-top: 20px;
    }

    .login-form {
        width: 100vw;
    }

    .close-popup, .info-popup {
        top: 24px;
    }

    .modal-popup-content h2 {
        font-size: 16px;
        line-height: 20px;
        padding: 0 20px;
    }

        .modal-popup-content h2 span.pro {
            font-size: 16px;
            line-height: 20px;
        }

    .noti-item h2 {
        font-size: 16px;
        line-height: 20px;
        padding-right: 16px;
    }

    .report-search-form .down-icon {
        transform: rotate(90deg);
    }

    .terms > div {
        width: 280px;
    }

    .terms h6 {
        padding: 0px;
    }

    .report .category-report, .tran-history-content, .noti-page-content, .account-report-page, .user-info-page, .link-account-page {
        margin-top: 47px;
    }

    .link-account-page {
        margin-top: -20px;
    }

    #link {
        width: 100%;
    }

    .noti-content .noti-item:first-child {
        margin-top: 0px;
    }

    #noti .noti-content .noti-item:first-child {
        margin-top: 10px;
    }

    .account-noti span.see-all {
        margin-right: 15px;
    }

    #product-package .product-ssi-list {
        max-width: 100%;
        padding-right: 16px;
        padding-left: 16px;
    }

    .advantages img {
        width: 75px;
        height: 75px;
    }

    .advantages {
        background-image: url("../image/bg-3.svg");
        display: none;
    }

    /* huong dan su dung */
    .user-guide-item-title {
        font-size: 28px;
    }

    .user-guide-item {
        margin-top: 20px;
    }

    .user-guide {
        margin-bottom: 20px;
    }

    .user-guide-item-description li:not(:last-child) {
        margin-bottom: 10px;
    }

    .user-guide-item-title {
        margin-bottom: 10px;
    }

    .modal-body .user-guide-item .user-guide-item-content {
        margin-top: 0px;
    }

    .user-guide {
        padding: 0px 15px;
    }

    .user-guide-item-description ul li {
        text-align: justify;
    }

    .modal-content .close-popup img {
        width: 20px;
        height: 20px;
    }

    .modal-body .user-guide-item-title {
        margin-top: -35px;
    }

    .user-guide-button span {
        position: relative;
        margin-left: -7.5px;
    }
    /* payment-page */
    .product-child span {
        display: none;
    }

    .product-ssi-list .product-child span {
        display: inline-block;
    }

    .package-buy-name {
        font-size: 18px;
        line-height: 24px;
    }

    .package-buy-content-center h1 {
        font-size: 21px;
        line-height: 24px;
    }

    .buy-report-package-content {
        padding-bottom: 37px;
    }

    .modal-payment-content {
        padding: 16px;
    }

        .modal-payment-content p {
            font-size: 16px;
            line-height: 20px;
        }

    .label-form-payment {
        margin-top: 16px;
    }

    .payment-input-date {
        padding: 12px 8px;
    }

        .payment-input-date input {
            margin-left: 8px;
        }

    .buy-report-package-title h1 {
        font-size: 28px;
        padding: 8px 0 18px 0;
    }

    .row-small {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

        .row-small b {
            width: 100%;
            text-align: center
        }

        .row-small span {
            width: 100%;
            text-align: center
        }
}

@media only screen and (max-width: 400px) {
    .product-ssi .product-ssi-title {
        margin: auto;
        padding-bottom: 10px;
    }

    .modal-payment-content {
        width: 290px;
    }

    .switch {
        width: 23px;
    }

    input:checked + .slider:before {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}

@media only screen and (max-width: 350px) {
    .modal-popup-content {
        width: 310px;
    }

    .package-buy-content > div:first-child {
        flex: 0 0 35%;
        max-width: 35%;
    }

    .package-buy-content > div:nth-child(2) {
        flex: 0 0 65%;
        max-width: 65%;
    }

    .search-nav {
        padding: 0;
    }

    #home-search .search-input {
        flex: 0 0 100%;
        max-width: 100%;
        left: 0px;
    }

    #home-search .search-button {
        right: 0px;
    }
}


/*style nguyen*/

/* Login */
.login-box-form {
    position: relative;
    margin-top: 65px;
    font-family: MerriweatherSans-Regular;
}

    .login-box-form .img-login-bg {
        width: 100%;
        height: 100%;
        object-fit: cover;
        padding: 0px;
        position: absolute;
        top: 0px;
        left: 0px;
    }

    .login-box-form .login-content-box {
        top: 0px;
        right: 0px;
        height: 100%;
        font-family: MerriweatherSans-Regular;
        margin-left: auto;
        padding: 7rem 0 4rem 0;
    }

    .login-box-form .login-content {
        margin-left: 5%;
        margin-right: 20%;
    }

    .login-box-form h1 {
        color: #23395D;
        font-weight: 700;
        font-size: 38px;
        margin-bottom: 30px;
        font-family: MerriweatherSans-Bold;
    }

    .login-box-form .login-content .form-user {
        height: 50px;
        margin-bottom: 32px;
    }

.login-form-input .field-validation-error, .login-form-input .field-validation-valid, .validate-input {
    position: absolute;
    transform: translateY(-31px);
}

.login-box-form .login-form-input .input-login {
    width: 100%;
    background-color: #F8F8F8;
    border: unset;
    outline: unset;
    line-height: 24px;
    padding-left: 11px;
    font-size: 18px;
    color: #585858;
    font-family: MerriweatherSans-Regular;
    font-style: normal;
    font-weight: bold;
}

.login-box-form .login-form-input label {
    margin-bottom: 4px;
    color: #23395D;
    font-weight: 700;
    font-size: 18px;
    font-family: MerriweatherSans-Regular;
}

.login-box-form .form-check-label, .login-box-form .text-body {
    font-weight: 400;
    font-size: 14px;
    font-family: MerriweatherSans-Regular;
    color: #585858 !important;
    cursor: pointer;
}

.login-box-form .form-check-label {
    padding: 0px 8px;
}

.login-box-form .form-check-input {
    width: 16px;
    height: 16px;
}

.login-box-form .login-button-form {
    margin-top: 34px;
}

.login-box-form .login-button button {
    background-color: #E31937;
    color: white;
    font-size: 18px;
    font-family: MerriweatherSans-Regular;
    width: 100%;
    border: unset;
    outline: unset;
    font-weight: 700;
    height: 50px;
    border-radius: 5px;
    cursor: pointer;
}

.login-box-form .form-check-input {
    border-radius: 3.42857px;
}

.login-box-form .login-note {
    font-size: 14px;
    line-height: 20px;
    font-style: italic;
    font-weight: normal;
    text-align: justify;
    width: 35.833333vw;
    max-width: 516px;
    color: #6D6D6D;
    margin: 24px 0;
    font-family: MerriweatherSans-Regular;
    font-weight: 400;
}

.login-box-form .login-note-box {
    margin: 10px 0;
}

    .login-box-form .login-note-box .note-hight {
        font-weight: 700;
        color: #23395D;
    }

        .login-box-form .login-note-box .note-hight a {
            font-weight: 700;
            color: #E31937;
        }

.login-box-form .login-error-input {
    background-color: rgba(242, 153, 74, 0.08);
    border: 1px solid #F2994A;
    border-radius: 5px;
}

    .login-box-form .login-error-input .input-login::placeholder {
        color: #F2994A;
        font-weight: bold;
        font-size: 14px;
        background-color: rgb(254 247 241);
    }

    .login-box-form .login-error-input .input-login {
        background-color: rgb(254 247 241);
    }

.login-box-form .text-body {
    cursor: pointer;
}

.login-box-form .form-check-box input {
    width: 100%;
    border: unset;
    outline: unset;
    cursor: pointer;
    background-color: transparent;
}

    .login-box-form .form-check-box input:checked ~ .checkmark-active {
        display: block;
        border: none;
    }

.login-box-form .form-check-box .checkmark, .login-box-form .form-check-box .checkmark-active {
    width: 16px;
    height: 16px;
    border: 1px solid #23395D;
    top: 2px;
    left: 0px;
    position: absolute;
    border-radius: 3.42857px;
    cursor: pointer;
}

/* Login popup */
#login_msg .modal-dialog {
    width: 33.1944444%;
    max-width: 478px;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: 0.8s;
    transform: translate(-50%, -50%);
}

#login_msg .modal-content {
    width: 100%;
    padding: 24px 16px 28px;
    border: 2px solid #23395D;
    background-color: #FFFFFF;
    box-shadow: 0px 12px 25px rgba(227, 25, 55, 0.05);
    border-radius: 8px;
    margin: auto;
}

.confirm-pop {
    text-align: center;
}

#login_msg .button-sendMail button {
    background-color: #E31937;
    color: white;
    font-size: 16px;
    font-family: MerriweatherSans-Regular;
    border: unset;
    outline: unset;
    font-weight: 700;
    width: 60%;
    margin: auto;
    border-radius: 5px;
    height: 100%;
    cursor: pointer;
}

#login_msg .button-sendMail {
    text-align: right;
    padding-right: 12px;
}

#login_msg .button-closeMail button {
    background-color: #FFFFFF;
    font-size: 16px;
    font-family: MerriweatherSans-Regular;
    border: unset;
    outline: unset;
    font-weight: 600;
    width: 60%;
    border-radius: 5px;
    border: 1px solid #23395D;
    color: #23395D;
    margin-left: 0;
    height: 100%;
    cursor: pointer;
}

#login_msg .button-closeMail {
    text-align: left;
    padding-left: 12px;
}

#login_msg .confirm-pop-text {
    font-family: MerriweatherSans-Regular;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 26px;
    text-align: center;
    color: #23395D;
    margin-bottom: 16px;
    width: 100%;
}


/* Change pass popup */
#change_pass_msg .modal-dialog {
    width: 24.965278%;
    max-width: 359.5px;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: 0.8s;
    transform: translate(-50%, -50%);
}

#change_pass_msg .modal-content {
    width: 100%;
    padding: 24px 16px 28px;
    border: 2px solid #23395D;
    background-color: #FFFFFF;
    box-shadow: 0px 12px 25px rgba(227, 25, 55, 0.05);
    border-radius: 8px;
    margin: auto;
}


#change_pass_msg .button-sendMail button {
    background-color: #23395D;
    color: white;
    font-size: 16px;
    font-family: MerriweatherSans-Regular;
    border: unset;
    outline: unset;
    font-weight: 700;
    width: 100%;
    margin: auto;
    border-radius: 5px;
    padding: 0 8px;
    cursor: pointer;
}

#change_pass_msg .button-sendMail {
    text-align: right;
    padding-right: 12px;
    cursor: pointer;
}

#change_pass_msg .button-closeMail button {
    background-color: #FFFFFF;
    font-size: 16px;
    font-family: MerriweatherSans-Regular;
    border: unset;
    outline: unset;
    font-weight: 600;
    width: 100%;
    border-radius: 5px;
    border: 1px solid #23395D;
    color: #23395D;
    margin-left: 0;
    padding: 0 8px;
    cursor: pointer;
}

#change_pass_msg .button-closeMail {
    text-align: left;
    padding-left: 12px;
    cursor: pointer;
}

#change_pass_msg label {
    font-family: MerriweatherSans-Regular;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    margin: 4px 0;
    color: #243F6C;
}

#change_pass_msg input {
    width: 100%;
    border: unset;
    outline: unset;
    height: 50px;
    background: #FFFFFF;
    border: 1px solid #B3B3B3;
    border-radius: 5px;
    font-size: 16px;
    font-family: MerriweatherSans-Regular;
    padding: 0 8px;
}

#change_pass_msg .box-input {
    margin-bottom: 16px;
}

#change_pass_msg .box-button {
    margin-top: 16px;
}

#change_pass_msg .modal-body {
    padding: 0;
}

/* change pass suss popup */

#change_pass_suss .modal-dialog, #register_fal .modal-dialog, #contact_fal .modal-dialog {
    width: 27.986111%;
    max-width: 570px;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: 0.8s;
    transform: translate(-50%, -50%);
}

#change_pass_suss .modal-content {
    width: 100%;
    padding: 24px 16px 28px;
    border: 2px solid #27AE60;
    background-color: #FFFFFF;
    box-shadow: 0px 12px 25px rgba(227, 25, 55, 0.05);
    border-radius: 8px;
    margin: auto;
}

#change_pass_suss .confirm-pop h1 {
    text-align: left;
    width: 100%;
    color: #23395D;
    font-family: MerriweatherSans-Regular;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px !important;
    text-align: center;
    padding: 0 16px;
}

/* Register popup */
#modalContact .modal-dialog,
#register_suss .modal-dialog,
#register_fal .modal-dialog, #contact_fal .modal-dialog {
    width: 560px;
    max-width: 570px;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: 0.8s;
    transform: translate(-50%, -50%);
}

#modalContact .modal-content,
#register_suss .modal-content {
    width: 100%;
    padding: 24px 16px 28px;
    border: 2px solid #27AE60;
    background-color: #FFFFFF;
    box-shadow: 0px 12px 25px rgba(227, 25, 55, 0.05);
    border-radius: 8px;
    margin: auto;
}

#register_fal .modal-content, #contact_fal .modal-content {
    width: 100%;
    padding: 24px 16px 28px;
    border: 2px solid #EDBF31;
    background-color: #FFFFFF;
    box-shadow: 0px 12px 25px rgba(227, 25, 55, 0.05);
    border-radius: 8px;
    margin: auto;
}

#modalContact .confirm-pop,
#register_suss .confirm-pop,
#register_fal .confirm-pop, #contact_fal .confirm-pop {
    text-align: left;
}


    #modalContact .confirm-pop h3,
    #register_suss .confirm-pop h3,
    #register_fal .confirm-pop h3, #contact_fal .confirm-pop h3 {
        text-align: left;
        width: 100%;
        color: #23395D;
        font-family: MerriweatherSans-Regular;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 24px !important;
    }

    #modalContact .confirm-pop h1,
    #register_suss .confirm-pop h1,
    #register_fal .confirm-pop h1, #contact_fal .confirm-pop h1 {
        text-align: left;
        width: 100%;
        color: #23395D;
        font-family: MerriweatherSans-Regular;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 24px !important;
    }

    #modalContact .confirm-pop .register-text,
    #register_suss .confirm-pop .register-text,
    #register_fal .confirm-pop .register-text, #contact_fal .confirm-pop .register-text {
        font-family: MerriweatherSans-Regular;
        font-style: normal;
        font-weight: bold;
        font-size: 16px;
        line-height: 22px;
        color: #585858;
        cursor: pointer;
    }

#modalContact .register-close,
#register_suss .register-close,
#register_fal .register-close, #contact_fal .register-close {
    text-align: right;
}


/* Register */
.register-box-form {
    min-height: 600px;
    position: relative;
    margin-top: 65px;
    font-family: MerriweatherSans-Regular;
}

    .register-box-form .img-register-bg {
        width: 100%;
        height: 100%;
        object-fit: cover;
        padding: 0px;
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: -1;
    }

    .register-box-form .register-content-box {
        /* position: absolute;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 45.097222%;
    margin-right: 165px;
    font-family: MerriweatherSans-Regular; */

        top: 0px;
        right: 0px;
        height: 100%;
        font-family: MerriweatherSans-Regular;
        margin-left: auto;
        padding: 7rem 0 4rem 0;
    }

    .register-box-form .register-content {
        margin-right: 10%;
    }

        .register-box-form .register-content h1 {
            color: #23395D;
            font-weight: 700;
            font-size: 24px;
            margin-bottom: 30px;
            font-family: MerriweatherSans-Bold;
        }

        .register-box-form .register-content .form-user {
            height: 50px;
            margin-bottom: 15px;
        }

.register-content-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
}

@media (min-width: 991px) {
    .register-content-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75.333333%;
        flex: 0 0 75.333333%;
        max-width: 75.333333%;
    }
}

@media (min-width: 1023px) {
    .register-content-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 62.333333%;
        flex: 0 0 62.333333%;
        max-width: 62.333333%;
    }
}

@media (min-width: 1365px) {
    .register-content-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58%;
        flex: 0 0 58%;
        max-width: 58%;
    }
}

.package-buy-content-right * {
    font-size: 14px;
}

.package-buy-content-center .price {
    font-size: 24px;
}

@media (min-width: 1500px) {
    .package-buy-content-right * {
        font-size: 16px;
    }

    .package-buy-content-center .price {
        font-size: 34px;
    }
}

.input-register .field-validation-error, .input-register .field-validation-valid {
    position: absolute;
    transform: translateY(-20px);
}

.register-form-input > div {
    padding: 12px 16px;
    height: 48px;
    background-color: #F8F8F8;
    display: flex;
    border: 1px solid #B3B3B3;
    border-radius: 5px;
}

    .register-form-input > div input {
        background-color: #F8F8F8;
        border: unset;
        outline: unset;
        line-height: 30px;
        padding-left: 10px;
        font-size: 18px;
        color: #585858;
        font-family: MerriweatherSans-Regular;
        font-style: normal;
        font-weight: bold;
        width: 100%;
    }

.register-box-form .register-form-input label {
    margin-bottom: 4px;
    color: #23395D;
    font-weight: 700;
    font-size: 18px;
    font-family: MerriweatherSans-Regular;
}

.register-box-form .register-button-form {
    margin: 16px 0;
}

.register-box-form .register-button button {
    background-color: #E31937;
    color: white;
    font-size: 18px;
    font-family: MerriweatherSans-Regular;
    width: 100%;
    border: unset;
    outline: unset;
    font-weight: 700;
    height: 50px;
    border-radius: 5px;
    cursor: pointer;
}

.register-box-form .input-register {
    padding: 0 10px;
    margin-bottom: 16px;
}

.register-box-form .register-note {
    font-size: 14px;
    line-height: 20px;
    font-style: normal;
    font-weight: normal;
    text-align: justify;
    color: #585858;
    font-family: MerriweatherSans-Regular;
    font-weight: 400;
}

    .register-box-form .register-note .note-hight {
        font-weight: 700;
        color: #23395D;
    }

/* user info */
.user-info {
    padding: 0 265px 0 147px;
}

    .user-info .avatar img {
        margin: auto;
        width: 98px;
        height: 96.25px;
        border-radius: 100px;
        object-fit: cover;
    }

    .user-info .bd-highlight {
        padding: 0px 12.3636px 0px !important;
        margin: auto;
        border-radius: 5px;
        margin-top: 8px;
        margin-bottom: 8px;
    }

        .user-info .bd-highlight a {
            font-weight: 600;
            font-size: 24.7273px;
            line-height: 31px;
        }

    .user-info .time-info {
        color: #23395D;
        font-family: MerriweatherSans-Regular;
        font-style: normal;
        font-weight: bold;
        font-size: 20px;
        line-height: 20px;
    }

    .user-info .input {
        background-color: #FFFFFF;
        border: 1px solid #B2B2B2;
        height: 50px;
        box-sizing: border-box;
        border-radius: 5px;
        margin: 4px 0;
        padding: 6px 8px;
    }

        .user-info .input input {
            cursor: default;
        }

.time-info {
    color: #B3B3B3;
    font-size: 14px;
    line-height: 20px;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

#company, #time, #asset, #date {
    cursor: pointer;
}

.user-info .input .icon-iput {
    margin: auto;
    margin-left: 8px;
    margin-right: 8px;
    width: 23.95px;
    height: 23.95px;
    justify-content: left;
}

.user-info .input .button-edit {
    justify-content: right;
    background-color: #23395D;
    width: 36.8px;
    height: 36px;
    border-radius: 5px;
    cursor: pointer;
}


.user-info .input input {
    background-color: #FFFFFF;
    border: unset;
    outline: unset;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    font-family: MerriweatherSans-Regular;
    width: 100%;
    text-indent: 10px;
    text-overflow: ellipsis;
}

.user-info .input button {
    background-color: #FFFFFF;
    border: unset;
    outline: unset;
}

.user-info .user-input {
    margin: 8px 0;
    padding: 0;
}

.modal-body {
    padding: 0;
}

.user-info .user-input label {
    font-family: MerriweatherSans-Regular;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #23395D;
}

.user-info .user-input span {
    color: #E31937;
}

.user-info .user-form {
    padding: 20px 0;
}

.user-info .change-pass {
    margin: 20px 0 40px 0;
    display: flex;
}

    .user-info .change-pass button {
        cursor: pointer;
        background-color: #23395D;
        color: white;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        font-family: MerriweatherSans-Regular;
        border: unset;
        outline: unset;
        height: 40px;
        border-radius: 5px;
        max-width: 22.518519%;
        flex: 0 0 22.518519%;
        margin-right: 32px;
    }

    .user-info .change-pass .user-save {
        background-color: #E31937;
        margin: 30px 0 110px;
    }

    .user-info .change-pass p {
        font-style: italic;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        text-align: justify;
        color: #6D6D6D;
        font-family: MerriweatherSans-Regular;
    }

    .user-info .change-pass span {
        font-weight: bold;
    }

.user-info .dropdown-menu {
    position: absolute;
    border: 0.75px solid #E31937;
    box-shadow: 0px 12px 25px rgb(47 65 82 / 10%);
    border-radius: 10px;
    padding: 18px 0;
    top: 80px;
    left: 20px;
    background-color: white;
}

.user-info .user-input .dropdown-user {
    position: absolute;
    border: 1px solid #B3B3B3;
    box-shadow: 0px 12px 25px rgb(47 65 82 / 10%);
    border-radius: 5px;
    padding-top: 14px;
    top: 80px;
    display: none;
    background-color: white;
    z-index: 1;
    width: calc(100% - (16px * .6));
    left: 0;
    list-style-type: none;
}

.user-info .user-input:nth-child(2n+1) .dropdown-user {
    left: 10px;
}

.user-info .dropdown-user li span {
    color: #585858;
    font-family: MerriweatherSans-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    padding: 0;
}

.user-info .dropdown-user li {
    margin: 0 16px 14px 16px;
    padding: 4px;
    border-radius: 5px;
    cursor: pointer;
}

.user-info .dropdown-user .active {
    background-color: #F1F1F1;
}

    .user-info .dropdown-user .active span {
        color: #E31937;
    }

.user-info .avatar {
    position: relative;
}

.user-info .change-avt {
    border: unset;
    outline: unset;
    background-color: transparent;
    position: absolute;
    top: 70%;
    left: 51.75%;
}

    .user-info .change-avt img {
        width: 32px;
        height: 32px;
        cursor: pointer;
    }

.user-info input.userinfo-email, .user-info button.userinfo-email, .user-info div.userinfo-email, .user-info div.userinfo-user, .user-info div.userinfo-user input, .user-info div.userinfo-phone, .user-info input.userinfo-phone {
    background-color: #EAEAEA;
}

.user-info .button-link-user .input {
    border: unset;
    padding-left: 0px;
}

    .user-info .button-link-user .input span {
        color: white;
        background: #23395D;
        padding: 10px 36px;
        font-size: 14px;
        line-height: 21px;
        border-radius: 5px;
        margin: auto 0;
        font-weight: 600;
    }

#time_drop, #company_drop, #asset_drop {
    cursor: pointer;
}

/* date picker */
.datepicker.dropdown-menu {
    font-size: 16px !important;
}

/* transaction history */
.tran-history {
    margin: 0 30px;
}

    .tran-history .tran-history-mobile {
        display: none;
    }
    /* 
.tran-history h1{
    color: #23395D;
    line-height: 40px;
} */

    .tran-history .bd-highlight a {
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
    }

    .tran-history .bd-highlight {
        padding: 2px 8px !important;
    }


#table_tran_his .table-bordered td, #table_tran_his .table-bordered th, #table_tran_his thead th {
    border-bottom-width: 1px;
    padding: 5px 0 15px 0;
    border-bottom: none;
}

#table_tran_his .table-bordered td, .table-bordered th {
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
}

#table_tran_his tbody tr td {
    border-top: 1px solid #EAEAEA;
}

#table_tran_his .table-bordered tr:last-child > td {
    border-bottom: none;
}

#table_tran_his .bootstrap-table .fixed-table-container .table thead th .th-inner {
    padding: 1.75rem 1.75rem 1.75rem 0.75rem;
}

#table_tran_his .bootstrap-table .fixed-table-container .table thead th .both {
    margin-right: 13px;
    background-image: url(../image/filer-table.svg);
}

#table_tran_his {
    border-collapse: separate;
    width: 100%;
}

.table-tran-history-pc {
    border-radius: 8px;
    border-collapse: separate;
    border: 1px solid #D9D9D9;
    border-spacing: 0;
    padding: 1rem;
    width: 100%;
    height: calc(100vh - 230px);
    overflow: auto;
}

    .table-tran-history-pc::-webkit-scrollbar {
        background-color: #fff;
        width: 16px
    }

    .table-tran-history-pc::-webkit-scrollbar-button {
        display: none
    }

    .table-tran-history-pc::-webkit-scrollbar-track {
        background-color: #fff
    }

        .table-tran-history-pc::-webkit-scrollbar-track:hover {
            background-color: #f4f4f4
        }

    /* scrollbar itself */
    .table-tran-history-pc::-webkit-scrollbar-thumb {
        background-color: #babac0;
        border-radius: 16px;
        border: 5px solid #fff
    }

        .table-tran-history-pc::-webkit-scrollbar-thumb:hover {
            background-color: #a0a0a5;
            border: 4px solid #f4f4f4
        }

#table_tran_his thead {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: #B2B2B2;
    font-family: MerriweatherSans-Regular;
    text-align: left;
}

#table_tran_his tr td {
    padding-right: 13px;
    font-family: MerriweatherSans-Regular;
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    color: #585858;
    border-left: none;
    border-right: none;
    border-bottom: none;
    padding: 1rem;
}

#table_tran_his .table-bordered tr td:last-child {
    text-align: right;
}


#table_tran_his .bootstrap-table .fixed-table-container .table thead th .asc {
    background-image: url(../image/filer-table.svg);
}

#table_tran_his .th-inner {
    width: fit-content;
    width: -moz-fit-content;
}

.bootstrap-table .fixed-table-container .table thead th .both {
    background-image: url(../icon/sort.svg);
}

.bootstrap-table .fixed-table-container .table thead th .desc {
    background-image: url(../icon/sort-down.svg);
}

.bootstrap-table .fixed-table-container .table thead th .asc {
    background-image: url(../icon/sort-up.svg);
}
/* .bootstrap-table .fixed-table-container .table thead th .both {
    
} */
/* table product package */

.package-free {
    font-size: 16px;
    font-weight: 600;
    padding: 1px 8px;
    border-radius: 5px;
    background-color: #FFFFFF;
    color: #23395D;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.package-basic {
    font-size: 16px;
    font-weight: 600;
    padding: 1px 8px;
    border-radius: 5px;
    background-color: #E31937;
    color: #FFFFFF;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.package-pro {
    font-size: 16px;
    font-weight: 600;
    padding: 1px 8px;
    border-radius: 5px;
    background-color: #27AE60;
    color: #FFFFFF;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.package-superme {
    font-size: 16px;
    font-weight: 600;
    padding: 1px 8px;
    border-radius: 5px;
    background-color: #9B51E0;
    color: #FFFFFF;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.dot {
    height: 10px;
    width: 10px;
    border-radius: 50%;
    display: block !important;
    margin: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.dot-green {
    background-color: #27AE60;
}

.dot-red {
    background-color: #EB5757;
}

.dot-blue {
    background-color: #23395D;
}

.dot-purple {
    background-color: #9B51E0;
}

.table-content-item .stt {
    text-align: center;
}

.table-package-product-content {
    border: 1px solid #B3B3B3;
    border-top: unset;
    border-bottom: unset;
}

.table-content-item .name, .table-content-item .stt {
    color: #585858;
    font-size: 14px;
    line-height: 20px;
    font-family: MerriweatherSans-Bold;
    padding: 9px 16px;
    border-right: 1px solid #B3B3B3;
    border-bottom: 1px solid #B3B3B3;
    margin-bottom: 0px;
}

.table-content-item .name {
    display: flex;
    flex-wrap: wrap;
}

    .table-content-item .name p:first-child {
        margin-right: 3px;
    }

    .table-content-item .name p {
        color: #585858;
        font-size: 14px;
        line-height: 20px;
        font-family: MerriweatherSans-Bold;
        margin-bottom: 0px;
    }

.table-package-product-header {
    background: linear-gradient(173.87deg, #EC1C3C -0.91%, #920D10 138.29%);
    border: 1px solid #B3B3B3;
    border-right: unset;
}

    .table-package-product-header div, .table-package-product-content .table-content-title {
        color: #FFFFFF;
        font-size: 14px;
        line-height: 20px;
        font-family: MerriweatherSans-Bold;
        padding: 9px 16px;
        border-right: 1px solid #B3B3B3;
    }

.table-content-header {
    background: linear-gradient(180deg, #23395D -22.37%, #244A88 114.47%);
    border-bottom: 1px solid #B3B3B3;
}

.table-content-item .col-6 {
    border-bottom: 1px solid #B3B3B3;
}

.stt {
    max-width: 82px;
    flex: 0 0 82px;
}

.package-name, .name {
    max-width: calc(50% - 82px);
    flex: 0 0 calc(50% - 82px);
}

.table-package-product {
    padding: 0;
    margin-bottom: 58px;
}

.table-package-product-item .table-content-item:nth-child(2n+1) {
    background: #F7F7F7;
}

.register-box-form .register-content {
    width: 100%;
}

@media only screen and (max-width: 1366px) {
    .login-box-form .form-check-label {
        padding: 0px 15px;
    }

    .user-info {
        padding: 0 50px;
    }

    #change_pass_msg .modal-dialog, #change_pass_suss .modal-dialog, #register_fal .modal-dialog {
        width: 50%;
    }

    .register-box-form .register-content {
        margin-right: 1%;
    }

        .register-box-form .register-content h1 {
            font-size: 24px;
        }

    .login-box-form h1 {
        font-size: 35px;
    }
}

@media only screen and (max-width: 1200px) {
    #modalContact .modal-dialog,
    #register_suss .modal-dialog,
    #register_fal .modal-dialog {
        width: 80%;
    }

    #login_msg .modal-dialog {
        width: 80%;
    }

    .register-box-form .register-content h1 {
        font-size: 23px;
        margin-bottom: 13px;
    }

    .login-box-form h1 {
        font-size: 28px;
        margin-bottom: 13px;
    }

    .title-account-report .nav-tabs .nav-item {
        margin: 0 20px;
    }
}

@media only screen and (max-width: 991px) {
    /* login */
    .login-box-form .img-login-bg {
        display: none;
    }

    .login-box-form .login-content-box {
        display: inline-block !important;
        padding: 4% 0;
    }

    .login-box-form .login-content {
        margin: 0;
    }

        .login-box-form .login-content form, .login-box-form .login-content .login-note {
            margin: 5% 5%;
        }

    .login-box-form .login-note {
        width: auto;
        max-width: 100%;
    }

    .login-box-form h1 {
        text-align: center;
    }

    /* register */
    .register-box-form .img-register-bg {
        display: none;
    }

    .register-box-form .register-content-box {
        display: inline-block !important;
        padding: 0;
        padding-top: 4%;
    }

    .register-box-form .register-content {
        margin: 0;
    }

        .register-box-form .register-content form {
            margin: 5% 5%;
        }

    .register-box-form .register-note {
        width: auto;
        max-width: 100%;
    }

    .register-box-form h1 {
        text-align: center;
    }

    #table_product_package tbody tr td:nth-child(2) > span {
        width: 25vw;
    }

    /* user info */
    .user-info {
        padding: 50px;
    }

        .user-info .user-input .dropdown-user {
            width: 100%;
            left: 0;
        }

        .user-info .user-input:nth-child(2n+1) .dropdown-user {
            left: 0px;
        }
    /* tran history */
    .tran-history {
        margin: 0
    }

        .tran-history .bootstrap-table {
            padding: 25px;
            padding-top: 0px;
        }

    .user-info .change-pass {
        margin: 20px 0 40px 0;
        display: flex;
    }
}

@media only screen and (max-width: 767px) {
    .user-info .change-pass .user-save {
        margin-bottom: 0px;
    }

    .stt {
        display: none;
    }

    .package-name, .name {
        max-width: 200px;
        flex: 0 0 200px;
    }

    .table-content-title {
        max-width: 200px;
        flex: 0 0 200px;
    }

    .package-type, .table-content-header .col-6:last-child, .table-content-item .col-6 {
        max-width: calc(100% - 200px);
        flex: 0 0 calc(100% - 200px);
    }
}

@media only screen and (max-width: 575px) {
    /* login */
    .login-box-form {
        margin-top: 47px;
    }

    .login-button.register-button {
        display: block;
    }

        .login-button.register-button a {
            display: inline-block;
            background-color: #23395D;
            color: white;
            font-size: 18px;
            font-family: MerriweatherSans-Regular;
            width: 100%;
            border: unset;
            outline: unset;
            font-weight: 700;
            height: 50px;
            line-height: 50px;
            border-radius: 5px;
            cursor: pointer;
            text-align: center;
        }

    .login-button {
        max-width: calc(50% - 10px);
        margin-right: 10px;
    }

        .login-button.register-button {
            margin-right: 0px;
            margin-left: 10px;
        }

    .login-box-form h1 {
        font-size: 20px;
        line-height: 100% !important;
        margin-bottom: 0;
    }

    .login-box-form .login-content-box {
        padding: 0;
    }

    .login-box-form .header-form {
        padding: 14px 0;
        border-bottom: 1px solid #EAEAEA;
    }

    /* register */
    .register-box-form {
        margin-top: 47px;
    }

        .register-box-form .header-form {
            padding: 14px 15px;
            border-bottom: 1px solid #EAEAEA;
        }

    .info-bank ul li > span:last-child {
        width: calc(100% - 140px);
    }

    .register-box-form .register-content h1 {
        font-size: 16px;
        line-height: 100% !important;
        margin-bottom: 0;
    }

    .register-box-form .register-content-box {
        padding: 0;
    }

    /* register pop up */

    #modalContact .modal-dialog,
    #register_suss .modal-dialog,
    #register_fal .modal-dialog, #contact_fal .modal-dialog {
        width: 90%;
    }

    #modalContact .content-aleart,
    #register_suss .content-aleart,
    #register_fal .content-aleart, #contact_fal .content-aleart {
        padding: 0 15px;
    }

        #modalContact .content-aleart p,
        #register_suss .content-aleart p {
            margin-bottom: 10px;
            font-size: 40px;
        }


    /* login popup */
    #login_msg .modal-dialog {
        width: 90%;
    }

    #login_msg .button-closeMail button {
        width: 100%;
    }

    #login_msg .button-sendMail button {
        width: 100%;
    }

    #login_msg .confirm-pop-text {
        text-align: justify;
    }

    /* user info */
    .user-info {
        padding: 30px 16px;
    }

        .user-info .change-pass button {
            max-width: 50%;
            flex: 0 0 50%;
            width: 160px;
            min-width: 160px;
        }

        .user-info .change-pass {
            margin: 10px 0 40px 0;
            display: block;
        }

            .user-info .change-pass p {
                margin-top: 16px;
            }

        .user-info .change-pass {
            margin: 20px 0 28px 0;
        }
    /* pop up user info */
    #change_pass_msg .modal-dialog {
        width: 90%;
        max-width: 550px;
    }

    #change_pass_suss .modal-dialog, #register_fal .modal-dialog, #contact_fal .modal-dialog {
        width: 90%;
    }

    /* tran history */
    #table_tran_his, .table-tran-history-pc {
        display: none;
    }

    .tran-history .tran-history-mobile {
        display: block;
    }

    .tran-history {
        padding: 0;
    }

        .tran-history .tran-history-mobile {
            margin: 7px 16px;
            padding: 24px 16px;
            border: 1px solid #D9D9D9;
            border-radius: 8px;
        }

            .tran-history .tran-history-mobile .tran-price {
                color: #585858;
                font-family: MerriweatherSans-Regular;
                font-style: normal;
                font-weight: bold;
                font-size: 18px;
                text-align: right;
            }

            .tran-history .tran-history-mobile .tran-date {
                color: #585858;
                font-family: MerriweatherSans-Regular;
                font-style: normal;
                font-weight: bold;
                font-size: 12px;
                text-align: left;
            }

            .tran-history .tran-history-mobile .line:not(:first-child) {
                height: 1px;
                background-color: #EAEAEA;
                margin: 16px 0;
            }

        .tran-history .bootstrap-table {
            display: none;
        }
    /* chi tiet goi san pham */
    .table-package-product {
        padding: 16px;
    }

    .package-name, .name {
        max-width: 165px;
    }

    .table-content-title {
        max-width: 165px;
        flex: 0 0 165px;
    }

    .package-type, .table-content-header .col-6:last-child, .table-content-item .col-6 {
        max-width: calc(100% - 165px);
        flex: 0 0 calc(100% - 165px);
    }

    .table-package-product-header div, .table-package-product-content .table-content-title {
        font-size: 12px;
    }

    .table-content-item .name, .table-content-item .stt {
        font-size: 12px;
    }

    .package-free, .package-pro, .package-superme, .package-basic {
        font-size: 10px;
        padding: 1px 4px;
    }

    .table-package-product .free {
        max-width: 27px;
        margin: auto;
    }

    .table-package-product .basic {
        max-width: 31px;
        margin: auto;
    }

    .table-package-product .pro {
        max-width: 23px;
        margin: auto;
    }

    .table-package-product .supreme {
        max-width: 46px;
        margin: auto;
    }

    .package-free {
        top: 0%;
        transform: translateY(0%);
    }

    .package-basic {
        top: 0%;
        transform: translateY(0%);
    }

    .package-pro {
        top: 0%;
        transform: translateY(0%);
    }

    .package-superme {
        top: 0%;
        transform: translateY(0%);
    }

    .dot {
        top: 0%;
        transform: translateY(0%);
    }
    /* footer */
    .footer .footer-respon {
        display: inline !important;
        text-align: center;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .footer img {
        display: none;
    }

    .footer .text-bold {
        font-weight: bold;
    }

    /*    .footer span {
        margin-bottom: 8px;
    }
*/
    .copyright {
        padding-bottom: 35px;
    }

    #table_product_package tbody tr td:nth-child(2) > span {
        width: 10px;
    }

    #table_product_package {
        display: none;
    }

    .mobile #table_product_package {
        display: table;
        width: calc(100vw - 32px);
        overflow: hidden;
    }

    .button-header span.user-name {
        display: none;
    }

    span.user-header.d-flex {
        display: none !important;
    }

    span.user-header.d-none {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
    }

    .info-footer span {
        margin: auto;
    }

    .dia-chi span {
        max-width: 250px !important;
        margin: auto;
        text-align: center
    }

    .info-footer > div > div {
        width: 100%;
        padding-bottom: 6px;
    }

    .button-close-modal {
        display: block;
        margin: auto;
    }

    .user-guide-item-content {
        margin-bottom: 30px;
    }

    .modal-hdsd .modal-dialog .modal-content {
        border: unset;
        height: fit-content;
        overflow: auto;
        height: -moz-fit-content;
    }

    .modal-hdsd .modal-dialog {
        display: flex;
    }

    .modal-hdsd .modal-content {
        margin: auto;
    }

    .button-close-modal button {
        font-size: 14px;
        font-weight: 600;
        border: unset;
        background: #E31937;
        color: white;
        padding: 0px 20px;
        border-radius: 5px;
        margin-bottom: 10px;
    }

    .table-content-item .name {
        display: block;
    }

        .table-content-item .name p:nth-child(2) {
            margin-left: 0px;
        }

    .ten p, .ten b {
        margin: auto
    }
}

@media only screen and (max-width: 330px) {
    .package-name, .name {
        max-width: 155px;
    }

    .table-content-title {
        max-width: 155px;
        flex: 0 0 155px;
    }

    .package-type, .table-content-header .col-6:last-child, .table-content-item .col-6 {
        max-width: calc(100% - 155px);
        flex: 0 0 calc(100% - 155px);
    }

    .table-package-product-header div, .table-package-product-content .table-content-title {
        padding: 6px 10px;
    }

    .table-content-item .name, .table-content-item .stt {
        padding: 6px 10px;
    }
}


.button-see-all {
    width: 100%;
    margin-bottom: 0px !important;
}

.card {
    margin: 80px 0;
    border-radius: 5px;
    border: 1px solid #B3B3B3;
}

.card-header {
    border-bottom: 1px solid #B3B3B3;
    background-color: rgb(207 23 46);
    height: 55px;
}

.btn-success {
    color: #fff;
    background-color: #23395D;
    border-color: #23395D;
    font-size: 18px;
    font-family: MerriweatherSans-Regular;
    font-style: normal;
}

    .btn-success:hover {
        background-color: rgb(207 23 46);
        border-color: rgb(207 23 46);
    }


.card-header h3 {
    font-family: MerriweatherSans-Regular;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    color: #FFFFFF;
}

.form-control {
    height: 48px;
    font-size: 18px;
    font-weight: 400;
    font-family: MerriweatherSans-Regular;
    font-style: normal;
    border-radius: 5px;
    border: 1px solid #B3B3B3;
}

.card-body form {
    margin: 20px;
}

.change-pass-suss {
    margin: 150px 50px 45vh 50px;
    font-size: 19px;
    font-family: MerriweatherSans-Regular;
    font-style: normal;
    font-weight: 500;
    text-align: center;
}

    .change-pass-suss a {
        color: #23395D;
        font-family: MerriweatherSans-Regular;
        font-style: normal;
        font-weight: 600;
    }

.validate-input {
    padding: 5px 0;
    font-size: 14px;
    color: #E31937;
    font-weight: 500;
    font-family: MerriweatherSans-Regular;
    margin: 0;
    display: none;
    z-index: 100;
    background: white;
}

.package-buy-content-center .price {
    display: none;
}

    .package-buy-content-center .price.active {
        display: block;
        margin-bottom: 13px;
    }

.account-link .btn-account-disable {
    width: fit-content;
    padding: 13px 23.5px;
    background: #E31937;
    border-radius: 5px;
    margin: auto;
    width: -moz-fit-content;
}

    .account-link .btn-account-disable p {
        color: #FFFFFF;
        font-size: 18px;
        line-height: 24px;
        font-family: MerriweatherSans-Bold;
        margin-bottom: 0px;
        cursor: pointer;
    }

.user-form .field-validation-error {
    font-size: 14px;
}

.field-validation-error span {
    font-size: 14px;
    color: #E31937;
    font-weight: 500;
    font-family: MerriweatherSans-Regular;
    margin: 0;
    padding: 5px 0px;
}

@media only screen and (min-width: 576px) {
    #body_contact {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}

/*.pager ul {
    list-style-type: none;
    display: flex;
    margin: auto;
}

    .pager ul li {
        line-height: 20px;
        padding: 10px;
        background-color: #FFFFFF;
        border: 1px solid #EAEAEA;
        border-radius: 5px;
        margin: 0 4px;
        padding: 4px 8px;
        height: 30px;
        text-align: center;
        position: relative;
    }

        .pager ul li:not(:first-child,:last-child).active {
            background-color: #E31937;
        }



        .pager ul li a {
            font-family: MerriweatherSans-Regular;
            font-style: normal;
            font-weight: 600;
            font-size: 18px;
            color: #23395D;
        }

    .pager ul .active span {
        font-family: MerriweatherSans-Regular;
        font-style: normal;
        font-weight: 600;
        font-size: 18px;
        color: #FFFFFF;
    }
*/


.pre:before, .next:before, .double-next:before {
    content: "pre";
    visibility: hidden;
}

/*.previous i {
    background-image: url(/Content/themes/web/image/pre.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 35%;
    left: 40%;
}

.next i {
    background-image: url(/Content/themes/web/image/next.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 35%;
    left: 40%;
}*/

.box-page {
    margin-top: 40px;
    max-width: 100% !important;
    flex: 0 0 100% !important;
}

    .box-page .pager {
        border: none !important;
    }

.remember-box {
    margin-top: 20px;
}

.contact-submit {
    margin-right: 10px;
}

.register-box-form .register-content .title-bank-transfer {
    font-size: 32px;
    line-height: 35px;
    color: #23395D;
    font-family: MerriweatherSans-Bold;
    margin-bottom: 20px;
}

.info-bank {
    background: #FFFFFF;
    border: 1px solid #B3B3B3;
    border-radius: 5px;
    padding: 22px;
    margin-bottom: 10px;
}

.content-bank {
    margin: 15px 0px;
}

.info-bank ul {
    margin-bottom: 5px;
}

    .info-bank ul li {
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
    }

        .info-bank ul li:not(:last-child) {
            margin-bottom: 16px;
        }

        .info-bank ul li > span:first-child {
            width: 200px;
        }

        .info-bank ul li span {
            font-size: 15px;
            line-height: 20px;
        }

            .info-bank ul li span img {
                margin-right: 6px;
                margin-bottom: 3px;
            }

        .info-bank ul li > span:last-child {
            margin-left: auto;
            text-align: right;
            width: calc(100% - 200px);
        }

.banktransfer-description {
    margin-bottom: 24px;
}

    .banktransfer-description span {
        font-size: 18px;
        line-height: 24px;
        color: #23395D;
    }

        .banktransfer-description span span {
            font-family: MerriweatherSans-Bold
        }

.info-bank .bank-number {
    color: #23395D;
    font-size: 20px;
    line-height: 20px;
    font-family: MerriweatherSans-Bold;
}

.content-bank h5 {
    font-style: italic;
    font-size: 14px;
    line-height: 20px;
    color: #23395D;
    margin-bottom: 0px;
}

    .content-bank h5 span {
        font-family: MerriweatherSans-Bold;
    }

.transfer-bank-button span, .transfer-bank-button button {
    cursor: pointer;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 21px;
    font-family: MerriweatherSans-Bold;
    padding: 11.5px 36px;
    border-radius: 5px;
    margin-top: 23px;
    margin-bottom: 30px;
    outline: unset;
    border: none;
}

.button-success button {
    background: #E31937;
    margin-right: 20px;
}

.button-return span {
    background: #23395D;
}

    .button-return span a {
        color: #FFFFFF;
        font-size: 16px;
        line-height: 21px;
        font-family: MerriweatherSans-Bold;
    }

#bank-success .modal-dialog {
    height: 100%;
    display: flex;
    max-width: 512px;
}

#bank-success .modal-content {
    padding: 24px 24px 28px;
    background: #FFFFFF;
    border: 2px solid #23395D;
    box-shadow: 0px 12px 25px rgba(227, 25, 55, 0.05);
    border-radius: 8px;
    width: 512px;
    max-width: 90vw;
    margin: auto;
}

#bank-success .register-text {
    font-family: MerriweatherSans-Bold;
    font-size: 16px;
    line-height: 24px;
    text-align: left;
    color: #23395D;
}

#bank-success .confirm-pop > div {
    width: 100%;
}

#bank-success a {
    width: fit-content;
    color: white;
    padding: 0px 24px;
    margin: auto;
    margin-top: 16px;
    background: #E31937;
    border-radius: 5px;
    border: unset;
    outline: unset;
    font-size: 16px;
    line-height: 30px;
    display: block;
    width: -moz-fit-content;
}

a.bank-transfer-a {
    padding: 10px 0px;
    color: white;
    display: block;
    width: 100%;
    text-align: center;
    background: #23395D;
    border-radius: 5px;
    font-size: 14px;
    line-height: 21px;
    font-family: MerriweatherSans-Bold;
    cursor: default;
}

.comfirm-sale .bank-transfer-a {
    cursor: pointer !important;
}

a.vnpay-a {
    padding: 10px 0px;
    color: white;
    display: block;
    width: 100%;
    text-align: center;
    background: #E31937;
    border-radius: 5px;
    font-size: 14px;
    line-height: 21px;
    font-family: MerriweatherSans-Bold;
    cursor: default;
}

.comfirm-sale .vnpay-a {
    cursor: pointer !important;
}

.button-active {
    cursor: pointer !important;
}

.error {
    margin: 25vh 0 20vh 0;
    text-align: center;
}

    .error .list-header {
        font-size: 27px;
        color: #E31937;
        font-weight: 700;
        font-family: MerriweatherSans-Bold;
    }


    .error .list-sfs-holder {
        font-size: 16px;
        font-family: MerriweatherSans-Regular;
    }

.ui-pnotify-text p {
    font-size: 14px;
    font-family: MerriweatherSans-Regular;
    color: #585858;
    line-height: initial;
}

.ui-pnotify-title {
    font-family: MerriweatherSans-Bold;
    font-size: 18px;
    color: #23395D;
}

.ui-pnotify-text p:first-child {
    margin-bottom: -20px;
    display: inline-block;
    width: 100%;
}

.alert-info {
    padding: 20px 20px 0 20px;
    width: 500px;
    max-width: 90vw;
}

.header-banner-slider .slick-slide img.banner-mobile {
    display: none !important;
}

.header-banner-slider .slick-slide img.banner {
    display: block !important;
}

.ui-pnotify-icon .icon-info-sign {
    background-image: url('../icon/Info.svg');
    background-size: 100% 100%;
    background-position: 0;
    height: 20px;
    width: 20px;
    transform: translateY(-2px);
}

@media only screen and (max-width: 575px) {
    .header-banner img {
        height: auto;
    }

    /*    .header-banner-slider .slick-slide img.banner {
        display: none !important;
    }*/

    .header-banner-slider .slick-slide img.banner-mobile {
        display: block !important;
    }

    body {
        overflow-x: hidden;
    }

    .register-box-form .register-content .title-bank-transfer {
        font-size: 24px;
        line-height: 32px;
    }

    .info-bank {
        background: #FFFFFF;
        border: 1px solid #B3B3B3;
        border-radius: 5px;
        padding: 10px;
        margin-bottom: 10px;
    }
}

/*.active.previous {
    display: none;
}

.active.next {
    display: none;
}*/

#button-link {
    cursor: pointer;
}

.like img {
    display: none;
}

    .like img.active {
        display: inline-block;
    }

.like-report, .un-like {
    cursor: pointer;
}

.btn-logout {
    position: absolute;
    right: -10px;
    top: 100%;
    width: 160px;
    height: 44px;
    line-height: 44px;
    background: #FFFFFF;
    box-shadow: 0px 2px 4px rgba(47, 65, 82, 0.25);
    display: none;
}

    .btn-logout span:first-child {
        padding-right: 0px;
    }

        .btn-logout span:first-child img {
            transform: translateY(-1px);
        }

    .btn-logout span:last-child {
        font-size: 14px;
        font-family: MerriweatherSans-Regular;
        padding-left: 8px;
    }

.user-header {
    padding: 0px !important;
}

    .user-header:hover .btn-logout {
        display: block;
    }

#logout {
    z-index: 100000;
}

.content-section .intro:first-child .intro-content {
    margin-left: 50%;
}

.user-avatar.user-name {
    cursor: default;
}

#logout .modal-popup-content > div {
    width: 320px;
}

.alert-info {
    background-color: white;
    border-color: 2px solid #23395D;
    box-shadow: 0px 12px 25px rgba(227, 25, 55, 0.05);
    border-radius: 8px;
}

.list-report > li > span {
    display: flex;
    width: 100%;
}

    .list-report > li > span .text {
        width: calc(100% - 5px);
    }

@media only screen and (max-width: 767px) {
    .content-section .intro:first-child .intro-content {
        margin-left: 0;
        padding-top: 90vw;
    }

    .content-section .intro:first-child img {
        object-position: left;
    }
}

@media only screen and (max-width:575px) {
    .info-bank ul li > span:last-child {
        width: 100%;
        text-align: left;
        padding-left: 30px;
    }

    .register-box-form .register-content form {
        margin: 0;
    }

    .transfer-bank-button span, .transfer-bank-button button {
        margin: 0px 0 10px 0;
        width: 100%;
    }

    .button-return {
        width: 100%;
        text-align: center;
    }

    #logout .info-popup {
        display: none
    }

    .title-account-report .nav-tabs a.nav-link {
        flex-wrap: wrap;
        text-align: center;
    }

    .title-account-report .nav-tabs .nav-item a.nav-link p {
        margin: auto;
        font-size: 16px;
        line-height: 20px;
        width: 100%;
    }

    .title-account-report a {
        padding: 0;
        padding-bottom: 5px;
    }

    .title-account-report .nav-tabs .nav-item {
        margin: 0 5px;
    }
}

.main-avt {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    object-fit: cover;
}

/*style footer ver 2*/
.footer {
    background: #FFFFFF;
}

.footer__contact {
    padding: 30px 0;
    background-image: url(/Content/themes/web/images/banner-contac.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.footer__contact-flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .footer__contact-flex .footer__social {
        width: 255px;
        border-left: 1px solid #FFFFFF;
        padding-left: 79px;
    }

@media (max-width: 1199px) {
    .footer__contact-flex .footer__social {
        padding-left: 15px;
        width: 155px;
    }
}

@media (max-width: 997px) {
    .footer__contact-flex .footer__social {
        display: none;
    }
}

.footer__contact-flex .footer__social .title-box {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;
    font-family: 'MerriweatherSans-Regular';
    margin-bottom: 16px;
}

.footer__contact-flex .footer-cform {
    width: calc(100% - 255px);
    padding-right: 95px;
}

@media (max-width: 1199px) {
    .footer__contact-flex .footer-cform {
        padding-right: 15px;
        width: calc(100% - 155px);
    }
}

@media (max-width: 997px) {
    .footer__contact-flex .footer-cform {
        width: 100%;
        padding-right: 0;
    }
}

.footer__contact-flex .footer-cform .title-box {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;
    font-family: 'MerriweatherSans-Regular';
    margin-bottom: 16px;
}



@media (max-width: 575px) {
    .footer__contact-flex .footer-cform .title-box {
        margin-bottom: 28px;
        text-align: center;
    }
}

.footer__contact-flex .footer-cform .footer-cform-flex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .footer__contact-flex .footer-cform .footer-cform-flex .footer-cform-row {
        width: 13vw;
        margin-right: 8px;
        background: #FFFFFF;
        border: 1px solid rgba(89, 104, 117, 0.25);
        box-sizing: border-box;
        border-radius: 5px;
        position: relative;
    }

        .footer__contact-flex .footer-cform .footer-cform-flex .footer-cform-row:not(:first-child, :last-child) {
            width: 28vw;
        }

        .footer__contact-flex .footer-cform .footer-cform-flex .footer-cform-row:last-child {
            margin-right: 0;
        }

@media (max-width: 767px) {
    .footer__contact-flex .footer-cform .footer-cform-flex .footer-cform-row {
        width: 100% !important;
        margin: 0 0 20px 0;
    }

        .footer__contact-flex .footer-cform .footer-cform-flex .footer-cform-row.submit .btn-submit {
            width: 100% !important;
        }

        .footer__contact-flex .footer-cform .footer-cform-flex .footer-cform-row:nth-child(2) {
            margin-right: 0;
        }
}

@media (max-width: 575px) {
    .footer__contact-flex .footer-cform .footer-cform-flex .footer-cform-row {
        margin-bottom: 8px;
    }
}

.footer__contact-flex .footer-cform .footer-cform-flex .footer-cform-row.submit {
    width: fit-content;
    background: transparent;
    border: none;
}

@media (max-width: 575px) {
    .footer__contact-flex .footer-cform .footer-cform-flex .footer-cform-row.submit {
        width: 100%;
    }
}

.footer__contact-flex .footer-cform .footer-cform-flex .footer-cform-row.submit .btn-submit {
    width: 144px;
    font-style: normal;
    font-size: 12px;
    line-height: 20px;
    color: #FFFFFF;
    font-family: 'MerriweatherSans-Regular';
    display: flex;
    height: 40px;
    align-items: center;
    justify-content: center;
    background: #E31937;
    border: none;
    margin: 0 auto;
    border-radius: 5px;
    outline: none;
    cursor: pointer;
}

.footer__contact-flex .footer-cform .footer-cform-flex .footer-cform-row.select {
    flex: 1;
    display: flex;
}

@media (max-width: 575px) {
    .footer__contact-flex .footer-cform .footer-cform-flex .footer-cform-row.select {
        width: 100%;
        margin-right: 0;
    }
}

.footer__contact-flex .footer-cform .footer-cform-flex .footer-cform-row.select .text {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #B3B3B3;
    padding: 0 16px;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.footer__contact-flex .footer-cform .footer-cform-flex .footer-cform-row.select .form-btn-select {
    position: relative;
    flex: 1;
}

    .footer__contact-flex .footer-cform .footer-cform-flex .footer-cform-row.select .form-btn-select input {
        width: 100%;
        font-size: 12px;
        line-height: 16px;
        text-align: right;
        color: #23395D;
        padding-left: 0;
        padding-right: 30px;
    }

.footer__contact-flex .footer-cform .footer-cform-flex .footer-cform-row input {
    height: 40px;
    padding: 0 12px;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #B3B3B3;
    border: 0;
    width: 100%;
    border-radius: 5px;
    outline: none;
}

.footer__social-list ul {
    display: flex;
    align-items: center;
}

    .footer__social-list ul li .icon-block {
        display: block !important;
    }

    .footer__social-list ul li .icon-hover {
        display: none !important;
    }

    .footer__social-list ul li:hover .icon-block {
        display: none !important;
    }

    .footer__social-list ul li:hover .icon-hover {
        display: block !important;
    }


    .footer__social-list ul li:last-child .item {
        margin-right: 0;
    }

    .footer__social-list ul li .item {
        display: inline-flex;
        margin-right: 22px;
    }

        .footer__social-list ul li .item img {
            width: 26.5px;
            cursor: pointer;
            display: block;
        }

@media (max-width: 1199px) {
    .footer__social-list ul li .item {
        margin-right: 5px;
    }
}

.footer__social-list ul li .item svg {
    width: 32px;
    height: 32px;
}

.footer__menu {
    padding: 20px 0 10px 0;
}

@media (max-width: 767px) {
    .footer__menu {
        display: none;
    }

    .footer__social-list ul li .item img {
        filter: invert(0.7);
    }
}

.footer__menu-list {
    display: flex;
}

    .footer__menu-list .footer-item {
        width: 20%;
    }

        .footer__menu-list .footer-item .text-uppercase a {
            font-size: 12px;
            line-height: 20px;
            text-transform: uppercase;
            display: block;
            font-family: 'MerriweatherSans-Regular';
            font-weight: bold;
            color: #585858;
            /*margin-bottom: 16px;*/
        }

        .footer__menu-list .footer-item a {
            font-style: normal;
            font-weight: normal;
            font-size: 12px;
            line-height: 16px;
            color: #6D6D6D;
            display: block;
            margin-bottom: 8px;
        }

.footer ul li {
    list-style: none;
}

.footer__social-mb {
    display: none;
}

@media (max-width: 767px) {
    .footer__social-mb {
        display: block;
        padding: 32px 0 36px;
        text-align: center;
    }

        .footer__social-mb .title-box {
            font-size: 20px;
            line-height: 28px;
            color: #2F4152;
            font-family: 'MerriweatherSans-Regular';
            margin-bottom: 20px;
        }

        .footer__social-mb .footer__social-list ul {
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .footer__social-mb .footer__social-list ul a {
                display: flex;
                margin: 0 11px;
            }
}

.footer__bottom {
    background: #F9F9F9;
    padding: 15px 0;
}

@media (max-width: 575px) {
    .footer__bottom {
        background: #fff;
    }
}

.footer__bottom .footer-bottom-flex {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

@media (max-width: 575px) {
    .footer__bottom .footer-bottom-flex {
        display: block;
        text-align: center;
    }
}

@media (max-width: 575px) {
    .footer__bottom .footer-bottom-flex .temp {
        width: 100%;
        margin-bottom: 32px;
    }
}

.footer__bottom .footer-bottom-flex .temp .text {
    font-size: 12px;
    line-height: 20px;
    text-transform: uppercase;
    font-family: 'MerriweatherSans-Regular';
    font-weight: bold;
    color: #585858;
    margin-bottom: 16px;
}

.footer__bottom .footer-bottom-flex .temp .temp-list ul {
    display: flex;
}

@media (max-width: 575px) {
    .footer__bottom .footer-bottom-flex .temp .temp-list ul {
        justify-content: center;
    }
}

.footer__bottom .footer-bottom-flex .temp .temp-list ul a {
    font-size: 12px;
    line-height: 16px;
    margin-right: 24px;
    display: block;
    color: #585858;
    font-family: 'MerriweatherSans-Regular';
}

.footer__bottom .footer-bottom-flex .coppy-right {
    font-size: 12px;
    line-height: 16px;
    color: #585858;
    font-family: 'MerriweatherSans-Regular';
}

@media (max-width: 575px) {
    .footer__bottom .footer-bottom-flex .coppy-right {
        margin-bottom: 34px;
    }
}

@media (max-width: 575px) {
    .footer__bottom .footer-bottom-flex .coppy-right {
        margin-bottom: 34px;
    }
}


/*   Loading*/
.loading-parent {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    display: none;
}

.loading {
    position: absolute;
    display: flex;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.loading-parent.loading-active {
    display: flex;
    z-index: 1000;
    background-color: #ffffffad;
}

.loading div {
    margin: 10px;
    width: 30px;
    height: 30px;
    background-color: #f44336;
    border-radius: 50%;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
}

.one {
    animation-name: load-one;
}

@keyframes load-one {
    30% {
        transform: translateY(-50%);
    }
}

.two {
    animation-name: load-two;
}

@keyframes load-two {
    50% {
        transform: translateY(-50%);
    }
}

.three {
    animation-name: load-three;
}

@keyframes load-three {
    70% {
        transform: translateY(-50%);
    }
}
/*.noti-item.active h4{
    padding-right:40px;
}
.ui-pnotify-closer, .ui-pnotify-sticker {
    display: none;
}*/
.switch-language img {
    height: 15px;
    width: 22px;
    margin-right: 4px;
}

.ui-pnotify {
    transform: translateY(-40px);
}

@media (max-width: 575px) {
    .ui-pnotify {
        transform: translateY(0px);
    }

    .ui-pnotify-icon {
        display: none !important;
    }

    .ui-pnotify-sticker {
        display: none !important;
    }
}

.ui-pnotify-title {
    line-height: 20px !important;
}

.ui-pnotify-container {
    padding: 10px !important;
    padding-top: 5px !important;
}

#btnBoxComp.blink {
    z-index: 1;
}

.modal-popup-content > div a {
    display: block;
    width: 100%;
}

    .modal-popup-content > div a button {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

.register-btn-modal button {
    background-color: #23395D !important;
}

.button-modal.d-flex {
    width: 270px;
}

.pagination {
    max-width: 100%;
}

.footer-top {
    background-image: url('../../../images/bg-ft.png');
    padding: 31px 0;
}

    .footer-top h3 {
        font-size: 32px;
        line-height: 48px;
        color: #E31937;
        font-weight: MerriweatherSans-Bold !important;
        font-weight: 700;
    }

    .footer-top div p {
        font-size: 16px;
        line-height: 24px;
        color: #585858;
        margin-bottom: 0px;
    }

    .footer-top a {
        padding: 18px 50.5px;
        color: white;
        font-size: 18px;
        line-height: 22px;
        font-weight: 700;
        background: linear-gradient(281.83deg, #EC1C3C 0.77%, #920D10 98.28%);
        border: 2px solid #E31937;
        box-shadow: 0px 0px 24px rgb(84 8 8 / 45%);
        border-radius: 10px;
        display: block;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }

        .footer-top a:hover {
            background: #E31937;
        }

@media (max-width: 992px) {
    .footer-top a {
        padding: 10px 17.5px;
    }
}

@media (max-width: 768px) {
    .footer-top h3 {
        text-align: center;
        font-size: 22px;
        line-height: 32px;
    }

    .footer-top .container {
        flex-wrap: wrap;
    }

        .footer-top .container > div {
            width: 100%;
        }

        .footer-top .container > div {
            width: 100%;
        }

            .footer-top .container > div div {
                flex-wrap: wrap;
                justify-content: center;
            }

    .footer-top a {
        padding: 18px 36px;
        margin: auto;
        width: fit-content;
    }

    .footer-top .container > div:last-child {
        margin-top: 20px;
    }

    .footer-top {
        background-image: url('../../../images/bg-ft-mobile.png');
        background-size: 100% 100%;
        padding: 48px 0;
    }
}

.general-terms-content {
    font-family: MerriweatherSans-Regular;
    font-style: normal;
    /*font-weight: 600;*/
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    /*color: #585858;*/
    margin-bottom: 89px;
}

.title-general-terms {
    font-weight: 700;
    font-size: 40px;
    line-height: 56px;
    color: #E31937;
    margin: 56px 0 24px;
}

@media only screen and (max-width: 767px) {
    .title-general-terms {
        margin: 32px 0 18px;
        line-height: 40px;
        font-size: 28px;
    }
}

#ReportDisableNotice .message {
    padding: 0px 20px 10px 20px;
    font-family: 'MerriweatherSans-Regular';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #23395D;
}

#ReportDisableNotice .btn-red {
    background: #E31937;
    border-radius: 5px;
    padding: 0px 20px;
    outline: none;
    margin: auto;
    border: none;
    color: #fff;
    font-size: 15px;
    cursor: pointer;
}

#ReportDisableNotice .modal-content {
    border: 2px solid #23395D;
    box-shadow: 0px 12px 25px rgba(227, 25, 55, 0.05);
    border-radius: 8px;
}

#ReportDisableNotice .icon-closes {
    font-size: 20px;
    font-weight: bold;
}

.breadcrumb_ssi ul {
    display: flex;
    list-style: none;
    padding: 20px 0;
    margin-left: 10.2vw;
}

    .breadcrumb_ssi ul li {
        font-family: 'MerriweatherSans-Regular';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 100%;
        margin: 0 0.2ch;
    }

        .breadcrumb_ssi ul li a {
            color: #B3B3B3;
        }

        .breadcrumb_ssi ul li.active a {
            color: #23395D;
        }

.breadcrumb_ssi ul {
    display: flex;
    list-style: none;
    padding: 20px 0;
    margin-left: 10.2vw;
    margin-bottom: 0;
}

.breadcrumb-aboutus {
    margin-top: 70px;
}

.breadcrumb_ssi ul li {
    font-family: 'MerriweatherSans-Regular';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 100%;
    margin: 0 0.2ch;
}

    .breadcrumb_ssi ul li a {
        color: #B3B3B3;
    }

    .breadcrumb_ssi ul li.active a {
        color: #23395D;
    }

@media (max-width: 576px) {
    .breadcrumb_ssi ul li {
        font-weight: 500;
        font-size: 13px;
    }

    .breadcrumb_ssi ul {
        display: flex;
        list-style: none;
        margin-left: 0;
        justify-content: center;
    }
}

.page-not-found.error svg {
    max-width: 100%;
}

.page-not-found.error .title {
    margin: 32px 0 16px 0;
    font-family: 'MerriweatherSans-Regular';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 150%;
    text-align: center;
    color: #23395D;
}

.page-not-found.error .backhome {
    font-family: 'MerriweatherSans-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #23395D;
}

    .page-not-found.error .backhome a {
        color: #E31937;
        text-decoration-line: underline;
        font-weight: bold;
    }

@media (max-width: 768px) {
    .page-not-found.error .title {
        font-size: 22px;
    }

    .page-not-found.error .backhome {
        line-height: 16px;
    }
}


#loginForm img {
    width: auto;
}

.order-text img {
    height: 20px;
}

.order-text {
    font-size: 17px;
    color: #23395D;
}


.paymentconfirm-subtitle h5 {
    color: #23395D;
    font-size: 14px;
    line-height: 24px;
    font-family: MerriweatherSans-Bold;
    margin-bottom: 8px;
}

.paymentconfirm fieldset h5.paymentlabel {
    float: left;
    width: 200px;
}

.paymentconfirm fieldset h5 {
    color: #23395D;
    font-size: 14px;
    line-height: 24px;
    font-family: MerriweatherSans-Bold;
    margin-bottom: 8px;
    margin-left: 10px;
}

fieldset {
    border: 1px groove #ddd !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.9em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #000;
    box-shadow: 0px 0px 0px 0px #000;
    min-height: 131px;
}

    fieldset legend {
        font-size: 14px !important;
        font-weight: bold !important;
        text-align: left !important;
        width: auto !important;
        padding: 0 10px;
        border-bottom: none;
        color: #23395D;
    }

.paymentconfirm-subtitle-section {
    display: flex;
    margin-bottom: 20px;
}

.paypmentconfirm-section2 {
    margin-bottom: 20px;
}

.paypmentconfirm-section3 {
    margin-bottom: 0px;
}

.paypmentconfirm-section2 .paypmentconfirm-section2-left {
    padding-right: 20px;
}

.paypmentconfirm-section2 .paypmentconfirm-section2-right {
    padding-left: 20px;
}

.paymentconfirm label {
    color: #23395D;
    font-size: 14px;
    line-height: 24px;
    font-family: MerriweatherSans-Bold;
    margin-bottom: 10px;
    margin-left: 10px;
}

.paymentconfirm input {
    opacity: 1;
}

.required {
    color: red;
}

.VAT-row {
    display: flex;
}

.paypmentconfirm-section4 .input input {
    background-color: #FFFFFF;
    border: unset;
    outline: unset;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    font-family: MerriweatherSans-Regular;
    width: 100%;
    text-indent: 10px;
    text-overflow: ellipsis;
}

.paypmentconfirm-section4 {
    margin-bottom: 5px;
}

    .paypmentconfirm-section4 .input {
        background-color: #FFFFFF;
        border: 1px solid #B2B2B2;
        box-sizing: border-box;
        border-radius: 5px;
        margin: 4px 0;
        padding: 6px 8px;
    }

        .paypmentconfirm-section4 .input input {
            cursor: default;
        }

.VAT-row {
    width: 100%
}

    .VAT-row div.label {
        line-height: 34px;
        min-width: 175px;
    }

        .VAT-row div.label span {
            line-height: 34px;
            font-size: 14px;
        }

    .VAT-row .input {
        width: 100%;
        margin-right: 5em;
    }

    .VAT-row input {
        width: 100%;
    }

.paypmentconfirm-section5 .text {
    color: #585858;
    font-size: 14px;
    line-height: 20px;
    font-family: MerriweatherSans-Bold;
    padding: 9px 16px;
    border-right: 1px solid #B3B3B3;
    border-bottom: 1px solid #B3B3B3;
    margin-bottom: 0px;
}

.paypmentconfirm-section5 .table-package-product {
    max-width: unset;
    margin-top: 5px;
}

.even-row {
    background-color: #fff !important;
}

.paymentconfirm button {
    background-color: #E31937;
    color: white;
    font-size: 18px;
    font-family: MerriweatherSans-Regular;
    width: 100%;
    max-width: 150px;
    border: unset;
    outline: unset;
    font-weight: 700;
    height: 50px;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: 50px;
    float: right;
    margin-top: 15px;
}

.submit-button {
    display: block;
    /* width: 100% !important; */
    height: 110px
}

.paypmentconfirm-section3 input {
    cursor: pointer;
}

.info-left {
    padding-right: 10px;
}

.info-right {
    padding-left: 10px;
}

@media only screen and (max-width: 991px) {
    .info-left {
        padding-right: 0px;
    }

    .info-right {
        padding-left: 0px;
    }
}


.paypmentconfirm-section5 .table-bordered th {
    border: 1px solid #dee2e6 !important;
    background: #e72743;
    color: #fff;
    font-size: 14px;
    text-align: center;
}

.paypmentconfirm-section5 .table-bordered td, .table-bordered th {
    font-size: 14px;
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto;
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 600px;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}