:root {
    --font-primary: 'Montserrat' !important;
    --font-secondary: 'Montserrat' !important;
}

.font11 {
    font-size: 11px !important
}

.font12 {
    font-size: 12px !important
}

.font13 {
    font-size: 13px !important
}

.font14 {
    font-size: 14px !important
}

.font15 {
    font-size: 15px !important
}

.font16 {
    font-size: 16px !important
}

.font17 {
    font-size: 17px !important
}
.font18 {
    font-size: 18px !important
}
.font19 {
    font-size: 19px !important
}
.font20 {
    font-size: 20px !important
}

.font22 {
    font-size: 22px !important
}

.font40 {
    font-size: 40px !important
}

.color-grey {
    color: RGBA(207,207,207,.24);
}

.color-grey-2 {
    color: #F4F5F7 !important;
}

.color-gray {
    color: #A1A9AC !important;
}

.color-gray-2 {
    color: rgb(108, 117, 125) !important;
}

.color-gray-light {
    color: #F6F6F6 !important;
}

.color-gray-lighter {
    color: #EBEBEB !important;
}

.color-light {
    color: #F5F7FA !important;
}

.color-lighter {
    color: #F2F5F9 !important;
}

.padding20 {
    padding: 20px !important
}

.border-gray-2 {
    border-color: rgb(108 117 125 / 9%);
}

    .border-gray-2:hover {
        background-color: rgb(108 117 125 / 70%);
        color: #fff !important
    }

.rbt-team-modal, .rbt-default-modal {
    background-color: transparent !important
}

    .rbt-default-modal .modal-dialog .modal-content {
        z-index: 9999 !important;
    }

.cursor-pointer {
    cursor: pointer;
}

.rbt-modern-select .bootstrap-select .dropdown-menu li a span.text {
    font-size: 15px;
}

.text-justify {
    text-align: justify
}

textarea:-moz-placeholder, /* Firefox 18- */
textarea::-moz-placeholder, /* Firefox 19+ */
textarea:-ms-input-placeholder, /* IE 10+ */
textarea::-webkit-input-placeholder, /* Webkit based */
textarea::placeholder { /* Modern browsers */
    color: #ddd !important;
}

.rbt-avater .solid-color {
    width: 40px;
    max-width: 40px;
    height: 40px;
    border-radius: 100%;
    border: 2px solid var(--primary-opacity);
    box-shadow: var(--shadow-1);
    padding: 3px;
    object-fit: cover;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 300;
    font-size: 13px
}

.documents-container .documents-list .rbt-cat-box-1.list-style .inner .content .title {
    font-size: 14px;
    font-weight: var(--f-regular);
    min-height: 50px
}

.documents-container .documents-list .rbt-cat-box-1.list-style .inner .content .kind {
    font-size: 12px;
    color: #818181
}

.documents-container .documents-list .rbt-cat-box-1.list-style .inner .content .read-more-btn .rbt-btn-viewer {
    font-size: 13px
}

.documents-container .lesson-top-bar .lesson-top-left .rbt-lesson-toggle .sidebar-hide i::before {
    content: '\e934'
}

.documents-container .documents-list .thumbnail {
    height: auto !important;
    text-align: center
}

.buton-separate::after {
    background: var(--color-border);
    width: 1px;
    height: 30px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    content: "";
}

.register-form .choise-member {
    border: solid 1px #eee;
    border-radius: 5px;
    padding: 20px;
    cursor: pointer;
}

.register-form .rchecked {
    border: 1px solid #696cff
}

.register-form label {
    font-size: 16px !important;
    line-height: 28px !important;
}

.register-form p {
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: justify;
    margin-top: 5px;
}

.register-form .clientside-validation-summary ul li, .forgot-form .clientside-validation-summary ul li {
    font-size: 13px !important;
    color: #dc3545 !important
}

.verify-success .feature-title {
    margin-top: 1rem !important;
    font-size: 3rem !important;
    margin-bottom: 30px !important
}

.verify-success .feature-description {
    font-size: 18px !important
}

small {
    font-size: 12px !important
}

.rbt-avatars .solid-color {
    border-radius: 100%;
    width: 120px;
    height: 120px;
    background: var(--color-white);
    padding: 4px;
    border: 5px solid #ffffff;
    object-fit: cover;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.rbt-admin-profile .admin-thumbnail .solid-color {
    width: 52px;
    min-width: 52px;
    height: 52px;
    border-radius: 100%;
    border: 2px solid var(--primary-opacity);
    box-shadow: var(--shadow-1);
    padding: 3px;
    object-fit: cover;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 300;
}

.author-thumbnail .solid-color {
    width: 44px;
    min-width: 44px;
    height: 44px;
    border-radius: 100%;
    border: 2px solid var(--primary-opacity);
    box-shadow: var(--shadow-1);
    padding: 3px;
    object-fit: cover;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
}

.bg_custom > .bg_image--self {
    background-image: var(--bgcustom)
}

.rbt-modern-select .bootstrap-select button.btn-light {
    height: 46px !important
}

.bootstrap-select:not(.input-group-btn), .bootstrap-select[class*=col-] {
    /*border: 1px solid var(--color-border);*/
    border-radius: 5px
}

.checkout-form label, .rbt-default-form label {
    margin-bottom: 8px !important
}

.rbt-default-form input[type=radio], .rbt-default-form input[type=checkbox] {
    width: auto
}

.checkout-form input, .checkout-form textarea, .rbt-default-form input, .rbt-default-form textarea {
    margin-bottom: 10px !important;
    color: #000;
    border: 1px solid #dacfff !important;
}

    .rbt-default-form input::placeholder {
        color: var(--color-body) !important;
    }

#update-avatar-form .rbt-btn.btn-sm {
    padding: 0px 20px;
    font-size: 14px;
    height: 40px;
    line-height: 38px;
}

.rbt-btn.btn-border {
    border: 1px solid var(--color-border) !important
}

#update-avatar-form #cropsize-cube {
    min-height: 250px
}

#update-avatar-form .cropsize-border::after {
    background: var(--color-border);
    width: 1px;
    min-height: 300px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    content: "";
}
/*magnoific style*/
.white-popup-block {
    background: #FFF;
    padding: 20px 30px;
    text-align: left;
    max-width: 850px;
    margin: 40px auto;
    position: relative;
}

.white-popup-w1305 {
    max-width: 100% !important;
    height: 100vh !important;
    margin: 0 !important;
}

.white-popup-w600 {
    max-width: 600px;
}

.mfp-wrap {
    z-index: 12000
}

.upload-area label span {
    color: #000
}

.spinner-border {
    width: 10rem !important;
    height: 10rem !important
}

.blog-content-wrapper p {
    font-size: 15px;
    color: #000
}
/*custom css*/
.rbt-card .rbt-card-body .rbt-card-title {
    min-height: 56px;
    font-size: 19px !important;
    line-height: unset;
}

.rbt-card.card-list {
    border-radius: 5px !important
}

.rbt-card {
    box-shadow: var(--shadow-3) !important;
}

    .rbt-card.variation-01 {
        padding: 20px !important
    }

        .rbt-card.variation-01 .rbt-card-body .rbt-card-text {
            min-height: 55px;
            margin-bottom: 10px !important;
            color: #50596c
        }

.filter-button-default button, .filter-button-default a, .filter-tab-button button, .filter-tab-button a {
    height: 55px !important;
    line-height: 55px !important;
}

.rbt-price .current-price {
    font-size: 20px;
}

.rbt-price .off-price {
    font-size: 14px;
}

.rbt-header .mainmenu-nav .mainmenu > li > a {
    font-size: 1.5rem !important;
    font-weight: 500;
    line-height: unset;
}

    .rbt-header .mainmenu-nav .mainmenu > li > a span {
        padding: 7px;
    }

        .rbt-header .mainmenu-nav .mainmenu > li > a span:hover {
            background-color: #2f57ef0f;
            border-radius: 5px;
            padding: 7px;
            color: #000;
        }

    .rbt-header .mainmenu-nav .mainmenu > li > a.active span {
        background: #2f57ef0f;
        border-radius: 5px;
    }

.filter-tab-button button {
    height: 45px !important;
    line-height: 45px !important;
    font-size: 16px
}

.rbt-sidebar-widget-wrapper {
    padding: 30px 20px !important;
    box-shadow: var(--shadow-3) !important;
}

.rbt-single-widget .rbt-widget-title {
    font-size: 18px !important;
    padding-bottom: 10px !important;
}

.rating-text i {
    color: var(--color-warning);
}

.rbt-header .mainmenu-nav .mainmenu li.with-megamenu .rbt-megamenu.grid-item-1 {
    width: 350px;
    margin: 0 auto;
}

.courses-loader {
    width: 100%;
    height: 100px;
    display: block;
    background-image: linear-gradient(100deg, transparent, rgb(255 255 255 / 50%) 50%, transparent 80%), linear-gradient(#ededed 100px, transparent 0), linear-gradient(#ededed 20px, transparent 0), linear-gradient(#ededed 20px, transparent 0), linear-gradient(#ededed 20px, transparent 0);
    background-repeat: no-repeat;
    background-size: 75px 100px, 100px 100px, 75% 20px, 100% 20px, 100% 20px;
    background-position: -50% 0, 0 0, 120px 0, 120px 40px, 120px 80px, 120px 120px;
    box-sizing: border-box;
    animation: animloadercourses 1s linear infinite;
}

@keyframes animloadercourses {
    0% {
        background-position: 0% 0, 0 0, 120px 0, 120px 40px, 120px 80px, 120px 120px;
    }

    100% {
        background-position: 100% 0, 0 0, 120px 0, 120px 40px, 120px 80px, 120px 120px;
    }
}

.advance-tab-content-style-2 {
    text-align: left !important
}

.min-height-0 {
    min-height: 0 !important
}

nav ul, nav ol {
    list-style: none !important;
    list-style-image: none !important;
}

.rbt-badge-7 {
    position: absolute;
    bottom: 5px;
    z-index: 1;
    padding: 5px
}

    .rbt-badge-7::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: #ffffffa4;
        left: 0;
        top: 0;
        z-index: -1;
        right: 0;
        bottom: 0;
    }

    .rbt-badge-7 span {
        font-size: var(--font-size-b4);
        line-height: 1.2;
        display: block;
        font-weight: var(--f-bold);
        font-family: var(--font-secondary);
    }
/*end-------*/
/* HTML: <div class="loader"></div> */
.review-loader {
    width: 100%;
    height: 100px;
    display: block;
    background-image: linear-gradient(100deg, transparent, rgb(255 255 255 / 50%) 50%, transparent 80%), radial-gradient(circle 50px at 50px 50px, #ededed 99%, transparent 0), linear-gradient(#ededed 20px, transparent 0), linear-gradient(#ededed 20px, transparent 0), linear-gradient(#ededed 20px, transparent 0);
    background-repeat: no-repeat;
    background-size: 75px 100px, 100px 100px, 70% 20px, 100% 20px, 100% 20px;
    background-position: -50% 0, 0 0, 120px 0, 120px 40px, 120px 80px, 120px 120px;
    box-sizing: border-box;
    animation: reviewanimloader 1s linear infinite;
}

@keyframes reviewanimloader {
    0% {
        background-position: 0% 0, 0 0, 120px 0, 120px 40px, 120px 80px, 120px 120px;
    }

    100% {
        background-position: 100% 0, 0 0, 120px 0, 120px 40px, 120px 80px, 120px 120px;
    }
}

@media only screen and (min-width: 1600px) {
    .rbt-banner-1 .content .inner .title {
        font-size: 57px
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-banner-1 .content .inner .title {
        font-size: 43px;
    }
}
/* sweet alert */
.swal2-popup {
    font-size: 1.594rem !important;
}

.swal2-modal.swal2-popup .swal2-title {
    max-width: 100% !important
}

.swal2-modal.swal2-popup .swal2-actions .btn {
    font-size: 1.5rem !important
}

.swal2-modal.swal2-popup .swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #7066e0;
    color: #fff;
    padding: 8px;
}

.swal2-modal.swal2-popup .swal2-cancel {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #6e7881;
    color: #fff;
    padding: 8px;
}

.swal2-modal.swal2-popup .swal2-deny {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #dc3741;
    color: #fff;
    padding: 8px;
}

    .swal2-modal.swal2-popup .swal2-confirm:hover, .swal2-modal.swal2-popup .swal2-cancel:hover, .swal2-modal.swal2-popup .swal2-deny:hover {
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
    }

.review-popup-class {
    grid-row: 1 !important;
}

.review-title-class {
    margin-top: 0 !important
}

.review-html-class {
    margin-top: 0 !important;
    margin-bottom: 40px !important;
    font-size: 15px;
}

.review-confirm-class {
    padding: 8px 12px !important;
    font-size: 15px !important;
}
/*end --------*/
.filter-text {
    font-weight: 500
}
/*Result*/
.result-helper {
    font-size: 10px;
    font-weight: 500;
    text-align: center
}

.result-youranswer {
    border: solid 1px #2462ae;
    border-radius: 5px;
    color: #2462ae;
    padding: 2px 4px
}

.result-sysanswer {
    background-color: #00ff4359;
    border: solid 1px #ccc;
    border-radius: 15px;
    color: #000;
    padding: 2px 4px
}

.result-correctanswer {
    background-color: #00ff4359;
    border: solid 1px #2462ae;
    border-radius: 15px;
    color: #2462ae;
    padding: 2px 4px
}

.result-answer-choise {
    font-size: 14px;
    font-weight: 600;
    padding: 3px;
    color: #2462ae;
    margin-left: 5px;
    /*  border:solid 1px #000;
    border-radius:3px*/
}

.result-mark {
    font-size: 16px;
    font-weight: 600;
    color: #2462ae;
}

.exercise-vstep-top-bar-finish {
    position: relative;
    z-index: 10
}

.exercise-vstep-inner-result {
    overflow-y: auto;
    overflow-x: hidden;
    margin-top: 10px;
    font-size: 14px;
    color: #000;
    font-weight: 500;
}

    .exercise-vstep-inner-result h5 {
        margin-bottom: 0 !important
    }

    .exercise-vstep-inner-result p {
        font-size: 14px;
        margin-bottom: 3px !important;
        color: #1a1f25 !important
    }

    .exercise-vstep-inner-result .group-question {
        margin-bottom: 25px;
        margin-top: 10px;
    }

    .exercise-vstep-inner-result .question-desc p {
        margin-bottom: 10px;
        font-size: 15px !important;
        line-height: 20px
    }

    .exercise-vstep-inner-result .question-desc b {
        font-weight: 600
    }

    .exercise-vstep-inner-result .question .question-index {
        font-weight: 600;
        font-size: 16px;
        padding-right: 10px
    }

    .exercise-vstep-inner-result .question .question-content {
        font-weight: 500;
        color: #1a1f25 !important
    }

    .exercise-vstep-inner-result .question-desc-select p {
        margin-bottom: 15px !important;
    }

    .exercise-vstep-inner-result .question-select .radio-text-select, .exercise-vstep-inner-result .question-desc-select .radio-text-select {
        background-color: #fff;
        padding: 5px 20px;
        border: solid 1px #2462ae !important;
        border-radius: 5px;
        font-weight: 600;
        color: #2462ae !important
    }

    .exercise-vstep-inner-result .question-select .radio-text-select-correct, .exercise-vstep-inner-result .question-desc-select .radio-text-select-correct {
        background-color: #00ff4359 !important;
        outline: 1px solid #2462ae !important;
        padding: 5px 30px;
        border-radius: 5px;
        font-weight: 600;
        color: #2462ae !important
    }

    .exercise-vstep-inner-result .question-desc-select .radio-text-select-syscorrect {
        background-color: #00ff4359 !important;
        outline: 1px solid #ccc !important;
        padding: 5px 30px;
        border-radius: 5px;
        font-weight: 600;
        color: #2462ae !important
    }

    .exercise-vstep-inner-result .question-select .answers-list {
        padding-left: 0 !important;
        margin-bottom: 0 !important;
    }

    .exercise-vstep-inner-result .question .question-content {
        font-weight: 500;
        color: #1a1f25 !important
    }

    .exercise-vstep-inner-result .answers-list li .sys-correct, .exercise-vstep-inner-result .list-group .sys-correct {
        background-color: #00ff4359 !important;
        font-weight: 600;
    }

    .exercise-vstep-inner-result .answers-list {
        list-style: none;
        padding-left: 20px
    }

        .exercise-vstep-inner-result .answers-list li {
            color: #000;
        }

            .exercise-vstep-inner-result .answers-list li label, .exercise-vstep-inner-result .answers-list li .correct {
                padding: 5px;
                outline: 1px solid #ccc;
                border-radius: 3px;
                overflow-wrap: anywhere;
                cursor: pointer;
                min-width: 30px;
                text-align: center;
                color: #1a1f25;
                background-color: #fff
            }

            .exercise-vstep-inner-result .answers-list li .radio, .exercise-vstep-inner-result .answers-list li .correct-radio {
                border-radius: 50%;
            }

            .exercise-vstep-inner-result .answers-list li .radio-text {
                border-radius: 15px;
            }

            .exercise-vstep-inner-result .answers-list li label:first-child {
                margin-right: 5px
            }

            .exercise-vstep-inner-result .answers-list li label:last-child {
                padding-left: 10px;
                padding-right: 15px;
                text-align: left;
            }

            .exercise-vstep-inner-result .answers-list li .correct{
                outline-color: #2462ae !important;
                font-weight: 600;
                color: #2462ae
            }

    .exercise-vstep-inner-result .list-group .correct {
        border: solid 1px #2462ae !important;
        font-weight: 600;
        color: #2462ae
    }

    .exercise-vstep-inner-result .write-answer {
        outline: 1px solid #deecff;
        border-radius: 5px;
        padding: 5px;
        margin-bottom: 30px;
    }

    .exercise-vstep-inner-result .explain-content {
        margin: 10px 0 0 15px;
    }

        .exercise-vstep-inner-result .explain-content p {
            font-size: 13px;
            color: #183f77 !important
        }

    .exercise-vstep-inner-result .divider {
        display: block;
        text-align: center;
        margin: 1rem 0;
        overflow: hidden;
        white-space: nowrap;
    }

        .exercise-vstep-inner-result .divider .divider-text {
            position: relative;
            display: inline-block;
            font-size: .8rem;
            padding: 0rem 1rem;
            cursor: pointer
        }

        .exercise-vstep-inner-result .divider.text-start .divider-text {
            padding-left: 0;
            color: #752200;
            font-weight: 600;
            font-size: 12px !important;
            text-transform: uppercase
        }

        .exercise-vstep-inner-result .divider .divider-text:after {
            left: 100%;
        }

        .exercise-vstep-inner-result .divider .divider-text:before {
            right: 100%;
        }

        .exercise-vstep-inner-result .divider .divider-text:before, .exercise-vstep-inner-result .divider .divider-text:after {
            content: "";
            position: absolute;
            top: 50%;
            width: 100vw;
            border-top: 1px solid rgba(67, 89, 113, .2);
        }
/*end*/


/* Course */
.course-form input[type=text], .modal-body input[type=text], .course-form input[type=password], .course-form input[type=email],
.course-form input[type=number], .course-form input[type=tel], .course-form input[type=date], .course-form input[type=time], .course-form input[type=datetime-local] {
    height: 45px !important;
    background-color: #fff
}

.course-form .rbt-default-tab .tab-button .tabs__tab .nav-link {
    font-size: 14px !important;
    padding: 24px 25px !important;
    font-weight: 500;
    margin-bottom: -1px;
    background-color: #dddddd21;
}

    .course-form .rbt-default-tab .tab-button .tabs__tab .nav-link.active {
        border-top: solid 1px #d7d7ff;
        border-left: solid 1px #d7d7ff;
        border-right: solid 1px #d7d7ff;
        background: var(--color-extra2) !important;
    }

.course-form .rbt-default-tab .rainbow-tab-content {
    border-top: solid 1px #d7d7ff;
}

.course-form .rbt-modern-select .bootstrap-select button.btn-light, .modal-body .rbt-modern-select .bootstrap-select button.btn-light {
    font-size: 15px;
    height: 45px !important;
    border-color: #dacfff !important;
    box-shadow: var(--shadow-10) !important;
}

.rbt-modern-select.height-45 .bootstrap-select {
    background-color: #fff;
}

.section_item {
    background-color: #e3eaef !important;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
    border: solid 1px #d8dee3
}

    .section_item:last-child {
        margin-bottom: 0
    }

.course-form .statusCourse {
    box-shadow: var(--shadow-10);
    border: 1px solid #dacfff !important;
    border-radius: 5px;
    color: #000;
    font-weight: 500
}

.edu-bg-shade-20 {
    background: var(--color-white);
    box-shadow: var(--shadow-1);
    border-radius: 6px;
    padding: 20px;
}

.btn-section-create, .btn-answer-add, .btn-question-add {
    font-weight: 600;
}

    .btn-section-create:hover, .btn-answer-add:hover, .btn-question-add:hover {
        color: #5024D1 !important
    }

.course-form .checkout-form label, .rbt-default-form label {
    text-transform: uppercase;
    font-size: 11px !important
}

.course-form h6 {
    text-transform: uppercase;
}

#content_4 h6 {
    font-size: 13px
}

.course-form .question_item label {
    margin-bottom: 0 !important
}

.course-form .question_item .answer-list input {
    margin-bottom: 0 !important
}

.course-form .question_item .answer-list {
    list-style: none;
    padding-left: 20px;
    margin-bottom: 0 !important;
}

    .course-form .question_item .answer-list .answer_item label[class=radio],
    .course-form .question_item .answer-list .answer_item label[class=checkbox],
    .course-form .question_item .answer-list .answer_item label[class=delete],
    .course-form .question_item .answer-list .answer_item .correct {
        padding: 10px 17px;
        outline: 1px solid #dacfff;
        overflow-wrap: anywhere;
        cursor: pointer;
        min-width: 30px;
        text-align: center;
        color: #1a1f25 !important;
        font-size: 15px !important;
        margin-right: 3px;
        font-weight: 500;
    }

    .course-form .question_item .answer-list .answer_item input[class*=radio] {
        border-radius: 26px
    }

    .course-form .question_item .answer-list .answer_item label[class=checkbox],
    .course-form .question_item .answer-list .answer_item label[class=delete],
    .course-form .question_item .answer-list .answer_item label[class*=checkbox].correct {
        border-radius: 5px;
    }

    .course-form .question_item .answer-list .answer_item label[class=radio],
    .course-form .question_item .answer-list .answer_item label[class*=radio].correct {
        border-radius: 50%;
    }

    .course-form .question_item .answer-list .answer_item label:hover {
        background-color: #dacfff;
    }

    .course-form .question_item .answer-list .answer_item label:last-child {
        margin-left: 3px
    }

        .course-form .question_item .answer-list .answer_item label:last-child:hover {
            background-color: #e3eaef;
        }

    .course-form .question_item .answer-list .answer_item .correct {
        background-color: #dacfff
    }

.course-form .question_item a[data-type=radio].active {
    background-color: #e3eaef;
    color: #dc3545;
    border-radius: 5px
}

.course-form .question_item a[data-type=checkbox].active {
    background-color: #e3eaef;
    color: #dc3545;
    border-radius: 5px
}

.course-form .upload-area label, .mfp-content .upload-area label {
    margin-bottom: 0px !important
}

    .course-form .upload-area label i, .mfp-content .upload-area label i {
        font-size: 20px;
        margin-bottom: 0px !important;
    }

    .course-form .upload-area label span, .mfp-content .upload-area label span {
        font-size: 15px;
    }
/*.course-form .section_item .section_tool{
    display:none
}
.course-form .section_item .section-title:hover .section_tool {
    display: block;
}*/
.course-form .section_item .lession_container li {
    font-size: 14px;
    background-color: #fff;
    padding: 10px;
    border-radius: 3px;
    margin-bottom: 0 !important;
    margin-top: 3px;
}

    .course-form .section_item .lession_container li:first-child {
        margin-top: 5px
    }

    .course-form .section_item .lession_container li:last-child {
        margin-bottom: 0
    }
/*.course-form .section_item .lession_container .lession_tool {
   display:none
}
.course-form .section_item .lession_container li:hover .lession_tool {
    display: block;
}*/
.course-form .btn-lession-save, .course-form .btn-cerf-save {
    border: solid 1px #2f57ef;
    border-radius: 3px
}

    .course-form .btn-lession-save:hover, .course-form .btn-cerf-save:hover {
        color: #fff !important;
        background-color: #5024D1;
        border-radius: 3px
    }

.course-form .draggable {
    border: 2px dashed #8d8d8d;
    padding: 0px 5px;
    cursor: move;
    background-color: #15b57e33;
    top: 0;
    max-width: 500px;
}

.course-form .hidden-position {
    background-color: #ffd3d3 !important;
}

.course-form .cerfPreviewCourse {
    position: relative;
    overflow: hidden;
}

.course-form .cerfContentList {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    border: solid 1px #ddd;
    padding: 10px;
    border-radius: 4px
}

    .course-form .cerfContentList .cerfContentItem {
        border: 2px dashed #8d8d8d;
        padding: 2px 5px;
        background-color: #15b57e33;
        color: #000;
        font-weight: 600;
        cursor: pointer
    }

        .course-form .cerfContentList .cerfContentItem.active {
            background-color: #b53c1533
        }
/*End*/
/*Rating*/
.ratingControl {
    position: relative;
    display: inline-flex;
    direction: rtl;
}

.ratingControl__radio {
    position: absolute;
    height: 0;
    width: 0;
    opacity: 0;
}

.ratingControl__star {
    position: relative;
    display: block;
    height: 48px;
    width: 24px;
    cursor: pointer;
    overflow: hidden;
}

    .ratingControl__star:nth-last-of-type(odd)::before, .ratingControl__star:nth-last-of-type(odd)::after {
        left: 0 !important;
        -webkit-clip-path: polygon(50% 0%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%) !important;
        clip-path: polygon(50% 0%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%) !important;
    }

    .ratingControl__star:nth-last-of-type(even)::before, .ratingControl__star:nth-last-of-type(even)::after {
        right: 0 !important;
        -webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%) !important;
        clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%) !important;
    }

    .ratingControl__star::before, .ratingControl__star::after {
        content: "" !important;
        position: absolute !important;
        top: 0 !important;
        height: 100% !important;
        width: 0 !important;
        border: unset !important;
        transform: unset !important;
        transition: unset !important;
        opacity: 1 !important;
    }

    .ratingControl__star::before {
        width: 200% !important;
        background-color: #aaa !important;
    }

    .ratingControl__star::after {
        background-color: #f69c08 !important;
    }

    .ratingControl__star:hover::after, .ratingControl__star:hover ~ .ratingControl__star::after, .ratingControl__radio:checked ~ .ratingControl__star::after {
        width: 200% !important;
    }
/*End*/

/*affiliate*/
.copy-to-clipboard {
    background: var(--color-card-4) !important;
}

    .copy-to-clipboard:hover {
        background-color: #d9ecf9 !important;
    }
/*End*/

/*chart*/
.result-chart-container {
    position: relative;
    height: 650px;
    width: 650px;
    margin: 0 auto;
}
/*End*/

/* news */

.rbt-short-item .news-index {
    color: var(--color-heading);
    font-size: 14px;
    font-weight: 500
}


/*End*/

.hoverTransition {
    -webkit-mask-image: linear-gradient(60deg,black 25%,rgba(0,0,0,.2) 50%,black 75%);
    /* mask-image:linear-gradient(60deg,#000 25%,#0003,#000 75%); */
    /* -webkit-mask-size:400%; */
    mask-size: 400%;
    /* -webkit-mask-position:0%; */
    /* mask-position:0%; */
}

    .hoverTransition:hover {
        -webkit-mask-position: 100%;
        mask-position: 100%;
        transition: mask-position 1s ease,-webkit-mask-position 1s ease
    }


/*book progressing*/
.bookshelf_wrapper {
    position: relative;
    top: 400px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.books_list {
    margin: 0 auto;
    width: 300px;
    padding: 0;
}

.book_item {
    position: absolute;
    top: -120px;
    box-sizing: border-box;
    list-style: none;
    width: 40px;
    height: 120px;
    opacity: 0;
    background-color: #1e6cc7;
    border: 5px solid white;
    transform-origin: bottom left;
    transform: translateX(300px);
    -webkit-animation: travel 2500ms linear infinite;
    animation: travel 2500ms linear infinite;
}

    .book_item.first {
        top: -140px;
        height: 140px;
    }

        .book_item.first:before, .book_item.first:after {
            content: "";
            position: absolute;
            top: 10px;
            left: 0;
            width: 100%;
            height: 5px;
            background-color: white;
        }

        .book_item.first:after {
            top: initial;
            bottom: 10px;
        }

    .book_item.second:before, .book_item.second:after, .book_item.fifth:before, .book_item.fifth:after {
        box-sizing: border-box;
        content: "";
        position: absolute;
        top: 10px;
        left: 0;
        width: 100%;
        height: 17.5px;
        border-top: 5px solid white;
        border-bottom: 5px solid white;
    }

    .book_item.second:after, .book_item.fifth:after {
        top: initial;
        bottom: 10px;
    }

    .book_item.third:before, .book_item.third:after {
        box-sizing: border-box;
        content: "";
        position: absolute;
        top: 10px;
        left: 9px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 5px solid white;
    }

    .book_item.third:after {
        top: initial;
        bottom: 10px;
    }

    .book_item.fourth {
        top: -130px;
        height: 130px;
    }

        .book_item.fourth:before {
            box-sizing: border-box;
            content: "";
            position: absolute;
            top: 46px;
            left: 0;
            width: 100%;
            height: 17.5px;
            border-top: 5px solid white;
            border-bottom: 5px solid white;
        }

    .book_item.fifth {
        top: -100px;
        height: 100px;
    }

    .book_item.sixth {
        top: -140px;
        height: 140px;
    }

        .book_item.sixth:before {
            box-sizing: border-box;
            content: "";
            position: absolute;
            bottom: 31px;
            left: 0px;
            width: 100%;
            height: 5px;
            background-color: white;
        }

        .book_item.sixth:after {
            box-sizing: border-box;
            content: "";
            position: absolute;
            bottom: 10px;
            left: 9px;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            border: 5px solid white;
        }

    .book_item:nth-child(2) {
        -webkit-animation-delay: 416.6666666667ms;
        animation-delay: 416.6666666667ms;
    }

    .book_item:nth-child(3) {
        -webkit-animation-delay: 833.3333333333ms;
        animation-delay: 833.3333333333ms;
    }

    .book_item:nth-child(4) {
        -webkit-animation-delay: 1250ms;
        animation-delay: 1250ms;
    }

    .book_item:nth-child(5) {
        -webkit-animation-delay: 1666.6666666667ms;
        animation-delay: 1666.6666666667ms;
    }

    .book_item:nth-child(6) {
        -webkit-animation-delay: 2083.3333333333ms;
        animation-delay: 2083.3333333333ms;
    }

.shelf {
    width: 300px;
    height: 5px;
    margin: 0 auto;
    background-color: white;
    position: relative;
}

    .shelf:before, .shelf:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: #1e6cc7;
        background-image: radial-gradient(rgba(255, 255, 255, 0.5) 30%, transparent 0);
        background-size: 10px 10px;
        background-position: 0 -2.5px;
        top: 200%;
        left: 5%;
        -webkit-animation: move 250ms linear infinite;
        animation: move 250ms linear infinite;
    }

    .shelf:after {
        top: 400%;
        left: 7.5%;
    }

@-webkit-keyframes move {
    from {
        background-position-x: 0;
    }

    to {
        background-position-x: 10px;
    }
}

@keyframes move {
    from {
        background-position-x: 0;
    }

    to {
        background-position-x: 10px;
    }
}

@-webkit-keyframes travel {
    0% {
        opacity: 0;
        transform: translateX(300px) rotateZ(0deg) scaleY(1);
    }

    6.5% {
        transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
    }

    8.8% {
        transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
    }

    10% {
        opacity: 1;
        transform: translateX(270px) rotateZ(0deg);
    }

    17.6% {
        transform: translateX(247.2px) rotateZ(-30deg);
    }

    45% {
        transform: translateX(165px) rotateZ(-30deg);
    }

    49.5% {
        transform: translateX(151.5px) rotateZ(-45deg);
    }

    61.5% {
        transform: translateX(115.5px) rotateZ(-45deg);
    }

    67% {
        transform: translateX(99px) rotateZ(-60deg);
    }

    76% {
        transform: translateX(72px) rotateZ(-60deg);
    }

    83.5% {
        opacity: 1;
        transform: translateX(49.5px) rotateZ(-90deg);
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: translateX(0px) rotateZ(-90deg);
    }
}

@keyframes travel {
    0% {
        opacity: 0;
        transform: translateX(300px) rotateZ(0deg) scaleY(1);
    }

    6.5% {
        transform: translateX(279.5px) rotateZ(0deg) scaleY(1.1);
    }

    8.8% {
        transform: translateX(273.6px) rotateZ(0deg) scaleY(1);
    }

    10% {
        opacity: 1;
        transform: translateX(270px) rotateZ(0deg);
    }

    17.6% {
        transform: translateX(247.2px) rotateZ(-30deg);
    }

    45% {
        transform: translateX(165px) rotateZ(-30deg);
    }

    49.5% {
        transform: translateX(151.5px) rotateZ(-45deg);
    }

    61.5% {
        transform: translateX(115.5px) rotateZ(-45deg);
    }

    67% {
        transform: translateX(99px) rotateZ(-60deg);
    }

    76% {
        transform: translateX(72px) rotateZ(-60deg);
    }

    83.5% {
        opacity: 1;
        transform: translateX(49.5px) rotateZ(-90deg);
    }

    90% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: translateX(0px) rotateZ(-90deg);
    }
}

.copyright-style-1 p {
    font-size: 13px;
}

.copyright-style-1 .copyright-link li a {
    font-size: 12px
}

.footer-style-1 .footer-top {
    padding-top: 60px;
    padding-bottom: 40px;
}

.footer-style-1 .description {
    font-weight: 500 !important
}

.footer-widget .ft-link li a {
    font-weight: 500 !important
}
/*end*/
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .rbt-header .mainmenu-nav .mainmenu li.with-megamenu .rbt-megamenu, .rbt-header .mainmenu-nav .mainmenu li.has-dropdown .submenu, .rbt-user-wrapper .rbt-user-menu-list-wrapper, .rbt-category-menu-wrapper .category-dropdown-menu, ul.rbt-dropdown-menu li .sub-menu {
        left: unset !important;
        right: -30px
    }
}

#CourseModalContent p {
    margin-bottom: 12px
}

mjx-container[jax="CHTML"][display="true"] {
    display: inline-block !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

mjx-line {
    margin: .3em -.1em !important
}

.dark mjx-line {
    border-color: #cbd5e1 !important
}

mjx-mo {
    margin: 0 2px !important
}

mjx-mtext {
    margin: 0 2px !important
}

mjx-surd mjx-mo {
    margin: 0 !important
}

mjx-frac {
    vertical-align: -.05em !important
}
.odometer-inside{
    font-size:32px !important
}
.tf_choise_event{
    margin-right:50px
}