/*** Import *****/
@import url('loading-btn.css');
@import url('loading-group.css');

@import url('mona-alert.css');
@import url('jquery-confirm.min.css');
/*** End ****/

.blog-info-tag span:before {
    content: ',';
    position: absolute;
    bottom: 6px;
    right: 0;
    height: 100%;
    font-size: 16px;
    width: auto;
    padding-right: 5px;
}

.blog-info-tag span {
    position: relative;
    display: inline-block;
    padding-right: 10px;
}

.blog-info-tag span:last-child:before {
    display: none
}

.wpcf7 form .wpcf7-response-output {
    border: 0;
    margin: 15px 0;
    padding: 0;
    font-weight: bold;
    font-size: 12px;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: #46b450;
}

.wpcf7 form.invalid .wpcf7-response-output {
    color: red;
}

#wpadminbar #wp-admin-bar-wp-logo img {
    width: 2rem;
    height: 100%;
}

#wpadminbar #wp-admin-bar-wp-logo {
    padding: 0px 5px 0px 5px;
}

#wpadminbar #wp-admin-bar-wp-logo>.ab-item {
    padding: 0;
    background-color: #FFF;
    border-radius: 100rem;
}

.ft-item .widget .menu .menu-item {
    font-size: 1.5rem;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 0.4rem;
}

.ft-item .widget .menu .menu-item:not(.current-menu-item) a {
    color: #CBD5E1;
    font-weight: 400;
    -webkit-transition: .4s;
    transition: .4s;
}

.is-loading-btn.loading > * {
    opacity: 0;
}

@media screen and (max-width: 575px) {
    .hd-reg-status {
        display: flex;
        gap: 12px;
    }
}

.nav-mb .menu-item span.icon {
    --menu-icon: 2.4rem;
    height: var(--menu-icon);
    width: var(--menu-icon);
}

.nav-mb .menu-item span.title {
    margin-right: auto;
    margin-left: 5px;
}

.nav-mb .mb-information {
    padding: 1rem;
}

.nav-mb .mb-information .ft-tt.mona-contact-title {
    font-size: 2rem;
    font-weight: 700;
    color: #392D79;
    margin-bottom: 1.6rem;
}

.nav-mb .mb-information .menu-link {
    padding: unset;
}

.nav-mb .mb-information .menu-item:not(:first-child),
.nav-mb .mb-information .ft-social {
    margin-top: 1.2rem;
}

.nav-mb .mb-information .social-list .social-link {
    width: 3.2rem;
    height: 3.2rem;
}

@media (max-width:575px) {
    .nav-mb .mb-information .social-list .social-link {
        width: 2.6rem;
        height: 2.6rem;
    }
}

.heading-sect .blog-tab .tab-btn.active {
    background-color: #392D79;
}

.heading-sect .blog-tab .tab-btn.active .txt {
    color: #ffffff;
}

#toc_container {
    display: block !important;
    border-radius: 10px;
    border: 0.1rem solid #EEAF5F !important;
    background: unset !important;
    padding: 2.4rem 3.2rem !important;
}
@media screen and (max-width: 1200px) {
    #toc_container {
        padding: 1.6rem 2rem !important;
    }
}
#toc_container p.toc_title {
    text-align: left !important;
    position: relative;
    display: flex;
    align-items: center;
    color: #000000;
    font-size: 2rem;
    font-weight: 500 !important;
}

#toc_container p.toc_title::before {
    content: "";
    background-image: url(../../../../../template/img/icon-edit-table.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 3.1rem;
    height: 3.1rem;
    display: block;
    margin-right: 1.6rem;
}

#toc_container span.toc_toggle {
    margin-left: auto;
}

/* div#toc_container .toc_toggle a::before {
    content: "";
    background-image: url(../../../../../template/img/vector-right.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 1.4rem;
    height: 2.4rem;
    display: block;
  } */

#toc_container p.toc_title::before {
    display: none;
}

#toc_container p.toc_title + ul.toc_list {
    margin-top: 1em;
    padding: 0.9rem 2rem;
}

.lesson-head .btn-pri {
    margin-bottom: 1em;
}

.lesson-item .product span.onsale,
.lesson-item .product span.price,
.lesson-item .product .add_to_cart_button,
.woocommerce.single-product .woocommerce-breadcrumb,
.woocommerce.single-product span.onsale {
    display: none;
}

.ss-archive-pcat {
    padding-top: 0 !important;
}
@media screen and ( max-width:1200px ){
    .woocommerce .lesson-list .lesson-item {
        width: calc( (6 / 12)* 100% );
    }
}
@media screen and ( max-width:600px ){
    .woocommerce .lesson-list .lesson-item {
        width: calc( (12 / 12)* 100% );
    }
}
.woocommerce.single-product div.product div.images,
.woocommerce.single-product div.product div.summary {
    width: 100%;
    float: unset;
}
.box-price {
    color: #EC3E33;
    font-size: 2rem;
    font-weight: 700;
}
.box-price del {
    color: #475569 !important;
    font-size: 1.5rem !important;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through;
}
.box-price .tag .txt {
    font-size: 1.5rem;
    color:#FFF;
    font-weight: 500;
}
.woocommerce div.product form.cart div.quantity,
.woocommerce div.product .woocommerce-tabs {
    display: none;
}

.woocommerce.single-product .breadcrumbs-list {
    margin-bottom: 2rem;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    margin-bottom: 0 !important;
}
.wpcf7-form-control-wrap {
    position: relative;
    width: 100%;
}
.advise-sign input[type="date"]::-webkit-inner-spin-button,
.advise-sign input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
    -webkit-appearance: none;
}
form .wpcf7-not-valid-tip {
    position: absolute;
    bottom: -25px;
    right: -10px;
    font-size: 10px;
}
.btn-submit-hidden {
    display: none;
}
.btn-submit-group {
    position: relative;
}
.btn-submit-group span.wpcf7-spinner {
    position: absolute;
    right: 0;
    bottom: 6px;
}
.wpcf7 form.invalid .wpcf7-response-output {
    text-align: center;
}
.wpcf7 form.sent .wpcf7-response-output {
    text-align: center;
}
.item.item-onhold,
.item.item-purchasable {
    width: 100% !important;
}
.item.item-onhold .btn.btn-third {
    background-color: #cacaca;
    border: 0.2rem solid #EEAF5F;
}
.item.item-purchasable .btn.btn-third {
    background-color: #392D79;
    border: 0.2rem solid #000;
}
.item.item-purchasable .btn.btn-third .txt {
    color: #FFF;
    /* font-size: 1.6rem; */
    text-align: center;
}
.item.item-onhold .btn.btn-third .txt {
    color: #000000;
    /* font-size: 1.6rem; */
    text-align: center;
}
.item.item-onhold .btn.btn-third::before,
.item.item-purchasable .btn.btn-third::before {
    display: none;
}
.vd .vd-wr::before {
    display: none;
}
.lesson-list .item.active.currentLesson {
    text-decoration: underline;
}
.lesson-mona-group {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 2rem;
}
.lesson-mona-group .btn-pri {
    height: 100%;
}
.lesson-mona-group .btn-pri .txt {
    font-size: 1.6rem;
    padding: 0.4rem 1.2rem;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
    width: 100%;
    float: unset;
}
.dashboard-message {
    margin-bottom: 1rem;
}
.dashboard-message a,
.dashboard-message .highlight {
   color:#392D79;
   text-decoration: underline;
   font-weight: bold;
}
.info-main-wr .box .box-cir .cir img {
    height: 100%;
    width: 100%;
}
.thank-you-sect .thank-you-wr {
    padding: 0;
}
.thank-you-sect .thank-you-wr .box-success {
    margin-bottom: 5rem;
}
.wc-bacs-bank-details-account-name {
    color: #392D79;
}
.wc-bacs-bank-details-heading,
.woocommerce-order-details__title,
.woocommerce-customer-details .woocommerce-column__title,
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    color: #392D79;
    font-weight: 700;
    font-size: 3rem;
}
.woocommerce .woocommerce-bacs-bank-details ul.order_details {
    margin-bottom: 1.6rem !important;
}
@media screen and (max-width: 1200px) { 
    .wc-bacs-bank-details-heading,
    .woocommerce-order-details__title,
    .woocommerce-customer-details .woocommerce-column__title,
    p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received  {
        font-size: 2.4rem;
    }
    .woocommerce ul.order_details {
        display: flex;
        flex-wrap: wrap;
        row-gap: 1rem;
    }
    .woocommerce ul.order_details li {
        width: calc(100%/2 - 2em);
    }
}
.woocommerce table.shop_table th {
    background: #392D79;
}
.woocommerce form .password-input, .woocommerce-page form .password-input {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%;
}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}
p.woocommerce-mini-cart__empty-message {
    margin: 3rem 0 0;
    font-size: 2rem;
    text-align: center;
}
p.woocommerce-mini-cart__buttons.buttons {
    display: none;
}
.mini-cart-btn-group {
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.mini-cart-btn-group .btn {
    min-width: 16rem !important;
    margin-left: unset !important;
}

.woocommerce .col2-set .col-1, 
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2 {
    width: 100%;
    float: unset;
    padding: 0 !important;
}

.woocommerce-additional-fields {
    display: none;
}

p#billing_first_name_field {
    width: 100%;
}
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
    height: 45px;
    border-radius: 0.4rem;
    border: 0.1rem solid #392D79;
    padding: 0.8rem 1.6rem;
    background-color: #ffffff;
}

h3#order_review_heading,
.woocommerce .woocommerce-form-coupon-toggle {
    display: none !important;
}
main.main.page-payment .woocommerce-error, main.main.page-payment .woocommerce-info,  main.main.page-payment .woocommerce-message {
    margin-bottom: 2rem !important;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: unset !important;
}
.form-row.place-order {
    display: none;
}
.btn-pri.proceed-to-checkout {
    margin: 4rem auto 0;
}
.bacs-info-w100 {
    width: 100%;
}

.memb-tt-if-bacs-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: row;
    gap: 1.2rem;
    align-items: center;
    width: calc(100%/2 - 1rem);
}

@media screen and (max-width: 1000px) {
    .memb-tt-if-bacs-item {
        width: 100%;
        flex-direction: column;
    }
}

.memb-bacs .memb-tt-if-bacs-item .qr img {
    width: 20rem;
    height: 20rem;
    border-radius: 10px;
    border: 2px solid #c6342e;
}

.memb-bacs .memb-tt-if.second li {
    align-items: flex-start;
    flex-direction: column;
}

.memb-bacs .memb-tt-if.second .title {
    /* font-weight: bold; */
    /* float: left; */
    margin-right: 2em;
    text-transform: uppercase;
    font-size: .715em;
    line-height: 1;
    /* border-right: 1px dashed #cfc8d8; */
    padding-right: 2em;
    margin-left: 0;
    padding-left: 0;
    list-style-type: none;
}

.memb-bacs .memb-tt-if.second .des {
    display: block;
    font-size: 1.4em;
    text-transform: none;
    line-height: 1.5;
}

.memb-bacs .memb-tt-if.second .qr {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.memb-bacs .memb-tt-if.second .qr .des {
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin: 10px 0;
}

.memb-bacs .memb-tt-if.second ul {
    width: 70%;
}

.memb-tt-if.second.memb-tt-if-bacs {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

@media screen and (max-width:760px) {
    .memb-tt-if.second.memb-tt-if-bacs > * {
        width: calc(100%/1 - 1rem);
    }
    .memb-bacs .memb-tt-if.second ul {
        width: 100%;
    }
}

.monaAffiliateOrder {
    cursor: pointer;
}

.popup-order .popup-wr {
    min-height: 30rem;
}

.mona-mt {
    margin-top: 2.4rem;
}

.btn-ebook .ic i {
    transform: unset !important;
    font-style: normal;
}

body.single-mona_ebook .blog-detail-wr .info-blog {
    flex-wrap: wrap;
    row-gap: 10px;
}
body.single-mona_ebook .blog-detail-wr .info-blog .btn {
    margin-left: auto;
}
@media screen and (min-width:701px){
    .home-courses .lesson-content .box-content {
        padding: 0;
        display: flex;
        gap: 16px;
        align-items: center;
    }
    .home-courses .lesson-content .woocommerce-loop-product__link {
        /* width: 70%; */
        flex: 1;
    }
    .home-courses .lesson-item .btn.btn-sec {
        margin-left: auto;
    }
}
@media screen and (max-width:500px){
    body.single-mona_ebook .blog-detail-wr .info-blog .btn {
        width: 100%;
    }
}
.reason-home .reason-thumb .thumb-list .thumb .inner img {
    object-fit: cover;
}
.box-lesson,
.lesson-list .box-lesson .list .item {
    padding-bottom: 0 !important; 
}
.lesson-list .box-lesson .list .item:last-child .inner {
    border:unset;
}
.exam-for-lesson {
    border: 2px solid #392D79;
    border-radius: 10px;
    margin: 1rem 0 3.2rem;
    height: 100%;
    display: block;
    position: relative;
}
.exam-for-lesson .lesson-item-hd {
    padding: 0.4rem 0.8rem
}
.exam-for-lesson .tt {
    font-size: 15px !important;
}
.exam-for-lesson:last-child {
    margin-bottom: 0;
}
.notReady {
    opacity: 0.6;
}
.advise-sign.no-ab {
    padding-bottom: 6rem;
}
.exam-for-lesson .img img {
    width: 3.2rem;
    height: 3.2rem;
    position: absolute;
    top: -15px;
    left: -15px;
}
.lesson-list .box-lesson .list .item .inner .txt strong {
    background: #392D79;
    border: 1px solid #000;
    color: #FFF;
    padding: 0.3rem 0.8rem;
    text-decoration: unset;
    margin-left: auto;
    font-size: 12px;
    border-radius: 6px;
}
.lesson-excersise-done {
    border: 2px solid;
    padding: 0.2rem 1.2rem;
    border-radius: 10px;
    text-decoration: underline;
    font-size: 12px;
}
p.order-again {
    display: none;
}
.content-main-wr.content-main-exam-wr {
    background-color: #FFF;
}
.content-main-wr.content-main-exam-wr .content {
    background-color: #FFF;
    text-align: center;
    margin: 1.2rem 0;
}
.lesson-list .box-lesson .list .item .inner:hover strong {
    background: #FFF;
    color: #392D79;
}

/* Bài tập */
/*Bài tập*/
.monaQuestion.monaFalse,
.monaQuestion.monaTrue {
    pointer-events: none;
}

.monaQuestionAnswer.monaTrue .cir::before,
.monaQuestionAnswer.monaFalse .cir::before {
    display: block;
}

/* .monaQuestion.monaTrue .exe-head {
    background-color: #7cad2f;
}

.monaQuestion.monaFalse .exe-head {
    background-color: #bf2922;
} */

.monaQuestion .monaQuestionAnswer.monaTrue .cir::before {
    background-color: #7cad2f;
}

.monaQuestion .monaQuestionAnswer.monaTrue .txt {
    color: #7cad2f;
}

.monaQuestion .monaQuestionAnswer.monaFalse .cir::before {
    background-color: #bf2922;
}

.monaQuestion .monaQuestionAnswer.monaFalse .txt {
    color: #bf2922;
}

.monaQuestion .monaQuestionAnswer.monaTrue .txt::after {
    content: "\f00c";
    font-family: "Font Awesome 6 Pro";
    margin-left: 1rem;
    font-weight: bold;
}

.monaQuestion .monaQuestionAnswer.monaFalse .txt::after {
    content: "\f00d";
    font-family: "Font Awesome 6 Pro";
    margin-left: 1rem;
    font-weight: bold;
}

.monaQuestion .monaQuestionAnswer.monaTrue textarea {
    border-color: #7cad2f;
}

.monaQuestion .monaQuestionAnswer.monaFalse textarea {
    border-color: #bf2922;
}
/* end Bài tập */

.monaQuestionNumber {
    font-size: 2rem;
    font-weight: 700;
    color: #EEAF5F;
}

.test-wr .test-content .inner .content .lesson-item {
    width: calc(6/8*100%);
    display: block;
}

.test-wr .test-content .inner .content .lesson-item .box-content * {
    text-align: left;
}

.monaQuestionEssay textarea {
    border: 0.2rem solid #392D79;
    padding: 1.4rem;
    border-radius: 6px;
    width: 100%;
    resize: none;
    min-height: 20rem;
}

/* #formQuestionaire .btn .txt {
    font-size: 2rem;
} */

.exam-for-lesson.doneExcer .tt .ic strong {
    color: green;
    font-weight: bold;
    font-size: 12px;
    text-decoration: underline;
}

.menu-mb .hd-reg-btn {
    display: flex;
    flex-wrap: wrap;
    margin: 1rem;
    gap: 10px;
}

.mona-pri-heading {
    opacity: 0;
    height: 0;
}

.advise-sign-wr.targetBlockDisabled {
    transform: unset !important;
    -webkit-transform: unset !important;
}

.noBgSign {
    background-color: unset;
}

section.related.products {
    display: none;
}

.lesson-cer-mona-group {
    display: flex;
    gap: 10px;
}

.lesson-mona-group.success {
    margin-bottom: 1.6rem;
}

.page-template-entrance-template .advise-sign {
    background-color: unset !important;
}

.advise-sign .form-advise [data-class="wpcf7cf_group"] {
    margin-bottom: 1.6rem;
}

.form-account .select2-container .select2-selection--single {
    display: flex;
}
form.woocommerce-EditAccountForm.edit-account .form-group .input {
    border-radius: unset;
}
.popup-order .inner {
    min-height: 80rem;
    max-height: unset !important;
}
.certi-lf .info-ct-item strong {
    color: #392D79;
    font-weight: 800;
}
.certi .certi-heading .logo img {
    width: 14.2rem !important;
}

.certi.hasImg .certi-down {
    display: block;
}

.certi.hasImg .certi-down {
    display: block;
}
.certi-mona {
    background: #392D79;
    padding: 50px;
}
.certi-wr {
    background: #FFF;
}
.certi-image img {
    width: 100%;
    height: 100%;
}
.certi.hasImg .certi-image iframe {
    width: 100%;
    min-height: 75vh;
}
/* .certi:not(.hasImg) .certi-down,
.certi:not(.hasImg) .certi-wr {
    display: block;
} */
.lesson-cl-item .content-list .content-item span.experience {
    margin-right: auto;
    margin-left: 10px;
    font-weight: bold;
}

main.main.page-lesson-detail.withExperience {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
.side-cart-inner .cart-wr .cart-item {
    position: relative;
}
.side-cart-inner .cart-wr .remove.remove_from_cart_button {
    color: #000;
    padding: 10px;
    font-size: 20px;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
    display: block;
    font-weight: 700;
    height: 100%;
}
.test-qw-lf.disable {
    pointer-events: none;
    opacity: 0.5;
}
.reg-btn-entrance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 1.6rem;
    -moz-column-gap: 1.6rem;
    column-gap: 1.6rem;
    justify-content: center;
}