:root {
    --video-wrapper: 380px;
}
@media screen and (max-width: 1024px) {
    :root {
        --video-wrapper: 280px;
    }
}

body {
    min-height: 100vh;
}

/* Common */
.teacher-live {
    margin-bottom: 10px;
}

.teacher-time-live {
    padding-left: 20px;
}

.top-0{
    top: 0 !important;
}

#preview .vjs-has-started .vjs-control-bar {
    bottom: 0;
}

.vjs-has-started.vjs-fullscreen .vjs-control-bar {
    bottom: 0;
}

.vjs-has-started.vjs-fullscreen .vjs-tech {
    height: 100% !important;
}

.video-src .main_video-dimensions.vjs-fluid {
    padding-top: unset !important;
}

#preview .main_video-dimensions {
    /* width: 510px; */
    height: 320px;
}

body, html {
    font-size: 14px;
    color: #333;
}

.height-auto-img img {
    height: auto !important;
}

img {
    max-width: 100%;
    /*height: auto !important;*/
}

@font-face {
    font-family: 'French Vanilla';
    src: url('/statics/fonts/certificate/french-vanilla-italic.ttf') format('truetype');
}

.navbar-light .navbar-nav .nav-link {
    color: #333;
}

.height-100 {
    min-height: 100% !important;
}

.table-header-color {
    background-color: #f8f9fa !important;
}

.text-center {
    text-align: center !important
}

.table-responsive a {
    color: #333;
}

.my-vm {
    vertical-align: middle !important;
}

.my-md {
    margin: 0 !important;
}

a:hover {
    text-decoration: none;
}

.hide {
    display: none;
}

.dropdown-toggle {
    cursor: pointer;
}

.clearfix::after {
    content: ' ';
    clear: both;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.checkbox-round {
    position: relative;
}

.checkbox-round label {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer;
    height: 28px;
    left: 0;
    position: absolute;
    top: 0;
    width: 28px;
}

.default-img-site {
    width: 50px;
}

.slider-teacher .giangvien-img img {
    width: 150px;
    height: 150px;
}

.slider-teacher .item-giangvien {
    box-shadow: 0 0 5px #cecece;
}

.slider-teacher .slick-next {
    right: -1.5%;
}

.checkbox-round label:after {
    border: 2px solid #fff;
    border-top: none;
    border-right: none;
    content: "";
    height: 6px;
    left: 7px;
    opacity: 0;
    position: absolute;
    top: 8px;
    transform: rotate(-45deg);
    width: 12px;
}

.checkbox-round input[type="checkbox"] {
    visibility: hidden;
}

.checkbox-round input[type="checkbox"]:checked + label {
    background-color: #66bb6a;
    border-color: #66bb6a;
}

.checkbox-round input[type="checkbox"]:checked + label:after {
    opacity: 1;
}

.name-convert {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.user-info-avatar {
    cursor: pointer;
}

.dropdown-menu-domain {
    left: -400%;
    top: 135%;
}

input:focus {
    outline: none;
}

.scroll-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    background-size: cover;
    background: url(../imgs/scroll-top.png) no-repeat;
}

.breadscrum {
    margin-bottom: 10px;
}

.alert-warning {

}

.MJXc-display {
    display: contents !important;
}

/*.form-inline-search-test {
    width: 80%;
}*/

.clicked-link-border {
    padding: 2px 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.link-detail-course {
    font-size: 18px;
}

.link-detail-course-teacher {
    font-size: 12px;

}

.shopping-cart-zone {
    display: contents;
}

.title-search {
    font-size: 24px;
    margin-bottom: 16px;
}

.title-search .title-search-title {
    float: left;
}

.title-search form {
    float: right;
}

.name-item-course {
    color: #0077a5;
    font-weight: bold;
}

.name-teacher {
    font-size: 13px;
}

.navbar-brand {
    width: 50px;
    margin-right: 10px;
}

/* .navbar-brand img {
	width: 100%;
} */
.list-course table {
    border: 1px solid #eee;
}

.total-course {
    font-size: 13px;
}

.user-info .dropdown-toggle .user-name {
    display: none;
}

.user-info.show .dropdown-toggle .user-name,
.user-info:hover .dropdown-toggle .user-name {
    display: inline-block;
}

.paginate {
    margin-top: 24px;
    padding-bottom: 20px;
}

.paginate .page-item {
    padding: 0 3px;
}

.course-header {
    padding: 20px 0;
    background: #00202c;
    box-shadow: none !important;
}

.title-course-header {
    font-size: 24px;
    color: #fff;
    margin-bottom: 11px;
}

.star-rating {
    display: inline-block;
    font-size: 13px;
}

.text-rating {
    display: inline-block;
    margin-left: 20px;
    font-size: 13px;
    color: #595959;
}

.icon-search {
    background: #fff;
    border-left: none;
}

.icon-search:focus {
    outline: none;
}

.btn-inputroom {
    background: #eb4335;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 50px;
}

.btn-inputroom:hover {
    color: #fff;
    background: #b12f25;
}

.nav-link {
    color: rgba(0, 0, 0, .5);
}

.nav-link:hover {
    color: #212529;
}

.btn-endcourse {
    background: #a0a0a0;
    font-weight: bold;
    color: #fff;
    font-size: 18px;
    margin-top: 40px;
    margin-bottom: 50px;
}

.group-button-countdown {
    margin: 20px 0 45px;
}

.group-button-countdown .button-countdown-item {
    position: relative;
}

.group-button-countdown .button-countdown-item .btn-countdown {
    background: #0bacea;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    width: 70px;
    text-align: center;
    padding: 8px 0;
}

.group-button-countdown .button-countdown-item .label-button-countdown {
    position: absolute;
    bottom: -25px;
    color: #fff;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 13px;
}

.group-button-countdown .button-countdown-next {
    padding: 0 10px;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.note-course-header {
    color: #fff;
    font-size: 13px;
    margin-bottom: 14px;
}

.note-course-header .float-right a {
    font-size: 11px;
    color: #75d0f3;
}

.progress {
    height: 18px;
}

.bg-progress {
    background: #5bc0de;
}

.cup-awards a {
    position: absolute;
    top: -25px;
    right: 25px;
    color: silver;
}

.cup-awards a:hover {
    color: silver;
}

.cup-awards-complete a {
    color: yellow;
}

.cup-awards-complete a:hover {
    color: yellow;
}

.sub-menu {
    background: #f8f8fb;
    -webkit-box-shadow: 0 1px 1px 0 #eee;
    -moz-box-shadow: 0 1px 1px 0 #eee;
    box-shadow: 0 1px 1px 0 #eee;
}

.sub-menu.fix-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
}

.sub-menu ul {
    text-align: center;
    margin-bottom: 0;
    padding: 15px 0;
}

.sub-menu ul li {
    display: inline-block;
    padding: 0 21px;
}

.sub-menu ul li span {
    cursor: pointer;
    color: #686868;
}

.sub-menu ul li span:hover,
.sub-menu ul li span.active {
    color: #20b3ec;
    padding: 14px 0;
    border-bottom: 3px solid #20b3ec;
}

.embed-dropbox-video {
    margin-top: 0;
    margin-bottom: 20px;
}

footer {
    text-align: center;
}

footer .logo-footer {
    width: 80px;
    margin-right: 16px;
    display: inline-block;
}

footer .logo-footer img {
    width: 100%;
}

footer .copyright a {
    color: #999;
}

footer .copyright {
    display: inline-block;
    padding-left: 28px;
    font-size: 13px;
    color: #999;
}

.footer-menu ul {
    margin-bottom: 0;
}

.footer-menu ul li {
    display: inline-block;
    padding: 0 16px;
    border-right: 1px solid #999;
    font-size: 13px;
    line-height: 13px;
    color: #999;
}

.footer-menu ul li:last-child {
    border: none;
}

.footer {
    padding: 16px;
    background: #f3f5f6;
    border-top: 1px solid #e1e1e1;
}

.container-page {
    font-size: 14px;
}

.container.acting .acts-li {
    font-size: 14px;
}

.acts-li li {
    float: right;
    margin-right: 20px;
}

.create-fullwidth {
    padding: 0 25px;
}

.create-fullwidth .container {
    background: white;
}

.create-fullwidth .back-link {
    margin: 10px 0;
    padding-left: 0;
}

.section {
    margin-bottom: 20px;
}

.required {
    color: red;
}

.required-label::after {
    content: "*";
    color: red;
    margin-left: 2px;
}

.control-label {
}

#list_lessons .acts {
    display: none;
}

#list_lessons .well:hover .acts {
    display: inline-block;
}

#list_lessons .pull-right {
    padding: 10px 10px;
    border-radius: 5px;
}

#list_lessons div.parent-title {
    background: rgba(0, 0, 0, .075);
    padding: 15px;
}

#list_lessons .parent-title strong {
    font-size: 18px;
    color: #212529;
}

#list_lessons .well:nth-child(even) {
    background-color: #f2f2f2;
}

#list_lessons .well {
    padding: 17px;
    border-bottom: 1px solid #f3f5f6;
    background: white;
}

#list_lessons .acts i {
    font-size: 18px;
    margin-left: 8px;
}

/*payment*/

/* .main-content .review-payment {
    padding: 0 0 50px;
} */

.payment-online label {
    font-weight: bold;
    margin: 10px 0;
}

.payment-online input#email {
    height: auto;
}

.payment-online .form-group {
    margin: 0;
}

.response-error {
    margin: 10px 0;
    color: red;
}

.response-success {
    margin: 10px 0;
    color: green;
}

.name-course {
    font-size: 18px;
    font-weight: 400;
    color: #5c82d3 !important;
}

.btn-apply-discount {
    background-color: #428bca;
    border-color: #357ebd;
    width: 66px;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    color: white !important;
    border-radius: 5px;
    padding: 10px 12px 10px 12px;
}

#form-apply-discount td, #form-apply-discount th {
    border-top: none;
}

/*end payment*/

/*Content header*/
.navbar-content-header {
    background: #fff;
    border-radius: 0;
    /*box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);*/
}

.navbar-content-header .navbar-nav .nav-link {
    margin-right: 10px;
}

.navbar-content-header #tab-dashboard-menu .nav-link {
    padding: 10px;
}

.navbar-content-header .button_search {
    border-color: #fff !important;
}

.navbar-content-header .menu-dashboard-dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}

.navbar-content-header .menu-dashboard-dropdown .nav-link:focus {
    background: transparent !important;
}

.navbar-content-header #tab-dashboard-menu {
    border-bottom: 0;
}

.navbar-content-header .col-width-lg {
    margin: 0 auto;
}

.navbar-content-header .unica-menu-cate-header {
    display: inline-block;
    cursor: pointer;
    color: #555;
    margin-left: 10px;
    z-index: unset;
}

.navbar-content-header .unica-menu-cate-header i {
    font-size: 18px;
    margin-right: 5px;
    vertical-align: middle;
    width: 100%;
    text-align: right;
}

.navbar-content-header .amazonmenu {
    width: 250px;
    padding: 0;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: unset;
    z-index: 99;
}

.navbar-content-header .unica-menu-cate-header:hover .amazonmenu {
    visibility: visible;
    opacity: 1;
}

.navbar-content-header .amazonmenu:after {
    border-color: transparent transparent #fff;
    top: 5px;
}

.navbar-content-header .amazonmenu:before {
    border-color: transparent transparent #282828;
    top: 5px;
}

.navbar-content-header .hassub i {
    width: 30px;
    text-align: center;
}

.navbar-content-header .amazonmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 14px;
}

.navbar-content-header .amazonmenu ul li {
    position: static;
}

.navbar-content-header .amazonmenu li {
    padding: 0;
    list-style: none;
}

.navbar-content-header .amazonmenu > ul {
    background: #fff;
    border: 1px solid #eee;
    position: relative;
    box-shadow: 1px 1px 1px #ccc;
    z-index: 99
}

.navbar-content-header .amazonmenu > ul li a {
    color: #333 !important;
    font-weight: 400 !important;
    display: block;
    overflow: auto;
    padding: 10px 0;
    position: relative;
    text-decoration: none;
    text-indent: 10px;
}

.navbar-content-header .amazonmenu > ul li.hassub.selected > a::after {
    border-left-color: #f58829;
}

.navbar-content-header .amazonmenu ul li a:hover, .amazonmenu ul li.hassub.selected > a {
    background: #f7f8fa;
    color: #0975b4;
}

.navbar-content-header .amazonmenu ul li > div, .amazonmenu ul li > ul {
    background: #f7f8fa;
    border: 1px solid #eee;
    box-shadow: 1px 1px 1px #ccc;
    display: none;
    font-weight: normal;
    width: 305px;
    height: 520px;
    left: 100%;
    padding: 0 10px;
    position: absolute;
    top: -1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 999;
}

#nav_header_user_admin {
    background-color: black;
    padding-top: 0;
    padding-bottom: 0;
}

.navbar-content-header .logout_user_admin a {
    color: #eee;
    font-size: 13px;
}

.navbar-content-header #navbarTogglerDemo03 li a {
    color: #eee;
    font-size: 13px;
}

.navbar-content-header #navbarTogglerDemo03 ul {
    width: 100%;
    border-bottom: 0;
}

.navbar-content-header #navbarTogglerDemo03 ul li {
    padding: 0 5px;
}

.navbar-content-header #navbarTogglerDemo03 {
    position: relative;
}

.navbar-content-header .logout_user_admin {
    height: 100%;
    position: absolute;
    right: 10px;
}

.navbar-content-header #navbarTogglerDemo03 ul li a {
    padding: 0 0.5rem;
    line-height: 26px;
}

.navbar-content-header .logo_edubit_default img {
    width: 35px;
    height: 35px;
}

.navbar-content-header .button_menu_header_user_admin {
    background-color: #fff;
}

.navbar-content-header .drop-sites {
    padding: 0;
}

.navbar-content-header .package-owner-text {
    margin: 0;
}

.navbar-content-header .package-link {
    color: #fff
}

/*Dashboard overview*/
.container-dashboard-overview .daterangepicker {
    display: none;
}

.container-dashboard-overview .calendar.left, .calendar.right {
    float: left !important;
}

.container-dashboard-overview .calendar-table td {
    padding: 7px 5px !important;
}

.container-dashboard-overview .daterangepicker {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.container-dashboard-overview .range_inputs button {
    padding: 8px 10px;
    width: 78px;
    border: none;
    border-radius: 3px;
    font-size: 13px;
}

.container-dashboard-overview .btn-filter-apply {
    background: #5cb85c;
    color: white;
}

.container-dashboard-overview .date-filter i {
    font-size: 14px !important;
    top: 7px !important;
    left: 22px !important;
}

.container-dashboard-overview #reportrange {
    padding: 5px 10px 5px 10px !important;
    background: rgba(255, 255, 255, 0.37) !important;
    position: relative;
    z-index: 999;
}

.container-dashboard-overview .manage-charts table.summary {
    width: 400px;
}

.container-dashboard-overview .manage-charts table.summary td {
    text-align: right;
}

.container-dashboard-overview .manage-charts table.summary td, .manage-charts table.summary th {
    padding: 10px 25px;
}

.container-dashboard-overview .session {
    float: left;
    color: #3d3d3d;
    margin-bottom: 20px;
}

.container-dashboard-overview .session div {
    text-align: center;
    cursor: pointer;
}

.container-dashboard-overview .session .active {
    background: #36a2eb;
    color: white;
    font-weight: bold;
    padding: 8px;
    border-radius: 5px;
}

.container-dashboard-overview .session p {
    margin: 5px;
}

.container-dashboard-overview .glyphicon-chevron-left {
    background: url(../img/arrows.png) 6px center no-repeat;
    width: 20px;
    height: 19px;
    display: inline-block;
    background-size: 25px;
}

.container-dashboard-overview .glyphicon-chevron-right {
    background: url(../img/arrows.png) -12px center no-repeat;
    width: 20px;
    height: 19px;
    display: inline-block;
    background-size: 25px;
}

.container-dashboard-overview .box-report {
    width: 100%;
}

.container-dashboard-overview .box-report span {
    font-size: 20px;
}

.container-dashboard-overview .box-report p {
    font-weight: normal;
}

/*List course*/
.container-list-course #filter-course-name {
    margin: 0 5px 0 0;
    width: 300px;
}

.container-list-course .btn-get-token-sync-course-to-unica {
    color: #fff;
    background-color: #1735b8;
    border-color: #1735b8;
}

.container-list-course #list_schedule_courses .course-cover {
    width: 60px;
    height: 45px;
}

.container-list-course #list_schedule_courses .course-settings {
    font-size: 25px;
    cursor: pointer;
}

.container-list-course #list_schedule_courses .detail-course-link {
    cursor: pointer;
}

/*Combo course*/
.container-combo-course #filter-combo-course-name {
    margin: 0 5px 0 0;
    width: 300px;
}

.container-combo-course #tbl-list-combo .combo-course-cover {
    width: 50px;
}

.container-combo-course #wrap-add-combo-courses {
    display: none;
}

.container-combo-course .btn-back-to-combo-course {
    padding: 0 5px 0 0;
}

.container-combo-course .see-status-label {
    margin-right: 10px;
}

.container-combo-course #expired_course {
    width: 55px;
    display: inline-block;
}

.container-combo-course .trial_date {
    width: 55px;
    display: inline-block;
}

.container-combo-course .price_trial {
    display: inline-block;
}

.container-combo-course .currency-fieldset-zone {
    display: none;
}

.container-combo-course .currency-fieldset {
    width: 200px;
}

.container-combo-course .btn-save-combo {
    margin-bottom: 10px;
}

.container-combo-course .price-trial-label {
    margin-left: 20px;
}

/*Combo quiz*/
.container-combos-quiz #filter-combo-quiz-name {
    margin: 0 5px 0 0;
    width: 300px;
}

.container-combos-quiz #list_combos_quiz .combo-quiz-cover {
    width: 50px;
}

/*Combo document*/
.container-combo-document #filter-combo-document-name {
    margin: 0 5px 0 0;
    width: 300px;
}

.container-combo-document #list_course_document_package .combo-document-cover {
    width: 50px;
}

.container-combo-document .back-to-combo-document-course {
    padding: 0 5px 0 0;
}

.container-combo-document .wrap-add-combo-document-courses {
    display: none;
}

.container-combo-document .see-status-label {
    margin-right: 10px;
}

.container-combo-document .currency-fieldset-zone {
    display: none;
}

.container-combo-document .currency-fieldset {
    width: 200px;
}

.btn-save-combo-document {
    margin-bottom: 10px;
}

/*Coupon*/
.container-coupon .filter-coupon-zone {
    margin-bottom: 15px;
}

.container-coupon .btn-filter-student-registed {
    color: #fff;
}

.container-coupon .add-coupon-zone {
    float: left;
}

.container-coupon .export-coupon-course-zone {
    float: left;
    margin-top: 6px;
    margin-left: 5px;
}

.container-coupon .btn-export-coupon-course {
    color: #000;
}

.form-tag-coupon {
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 10px;
}

/*Card*/
.container-card .filter-membership-card-zone {
    margin-bottom: 15px;
}

.container-card .filter-action-membership-card-zone {
    margin-bottom: 15px;
}

.container-card .filter-action-membership-card-zone .btn-filter-membership-card {
    color: #fff;
}

.container-card .filter-action-membership-card-zone .btn-export-membership-card {
    color: #000;
    margin-left: 5px;
}

.container-card .filter-active-card-zone {
    margin-bottom: 15px;
}

.container-card .filter-action-active-card-zone .btn-filter-active-card {
    color: #fff;
}

.container-card .filter-action-active-card-zone .add-active-code-zone {
    float: left;
    margin-right: 5px;
}

.container-card .filter-action-active-card-zone .export-retail-card-zone {
    float: left;
    margin-top: 6px;
}

.container-card .filter-action-active-card-zone .btn-export-retail-card {
    color: #000;
}

.container-card .daterangepicker {
    display: none;
}

.container-card .calendar.left, .calendar.right {
    float: left !important;
}

.container-card .calendar-table td {
    padding: 7px 5px !important;
}

.container-card .daterangepicker {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.container-card .range_inputs button {
    padding: 8px 10px;
    width: 78px;
    border: none;
    border-radius: 3px;
    font-size: 13px;
}

.container-card .btn-filter-apply {
    background: #5cb85c;
    color: white;
}

.container-card .date-filter i {
    font-size: 14px !important;
    top: 7px !important;
    left: 22px !important;
}

.container-card #reportrange {
    padding: 5px 10px 5px 10px !important;
    background: rgba(255, 255, 255, 0.37) !important;
    position: relative;
    z-index: 999;
}

.container-card .glyphicon-chevron-left {
    background: url(../img/arrows.png) 6px center no-repeat;
    width: 20px;
    height: 19px;
    display: inline-block;
    background-size: 25px;
}

.container-card .glyphicon-chevron-right {
    background: url(../img/arrows.png) -12px center no-repeat;
    width: 20px;
    height: 19px;
    display: inline-block;
    background-size: 25px;
}

.container-card .ui-autocomplete {
    z-index: 999;
    width: 225px;
}

/*Classes*/
.container-classes #list-classes {
    padding-top: 20px;
}

.container-classes .text-info-package {
    margin-bottom: 20px;
}

.container-classes #listcourse {
    width: 200px;
}

.container-classes #listteachers {
    width: 200px;
}

.container-classes .room-cms-zone {
    margin: 30px 0;
}

.container-classes #tab_room_cms {
    width: 34%;
    margin: auto;
}

.container-classes .btn-upcoming {
    margin-top: -3px !important;
    padding-top: 0;
    color: #333333 !important;
}

.container-classes .btn-just-created {
    margin-top: -3px !important;
    padding-top: 0;
    color: #333333 !important;
}

.container-classes .vtimeline {
    padding: 0;
}

.container-classes .vtimeline-date {
    right: 0;
    left: initial;
}

.container-classes .vtimeline:before {
    left: initial;
    right: 75px;
    background: #666;
}

.container-classes .vtimeline-icon {
    left: initial;
    right: 67px;
    height: 20px;
    width: 20px;
    background: #666;
}

.container-classes .vtimeline-block {
    width: 90%;
}

.container-classes .vtimeline-content {
    background: none;
    padding: 10px;
}

.container-classes .datepicker td, .datepicker th {
    width: 35px;
    height: 35px;
}

.container-classes .ui-datepicker-calendar .point a:before {
    content: "* ";
    color: red;
}

.container-classes #tab_room_cms .nav-link.active {
    background-color: unset !important;
    text-decoration: underline;
}

.container-classes .card {
    border-radius: 10px !important;
}

.container-classes .course-item-image-room {
    display: block;
    position: relative;
    height: 115px;
    width: 100%;
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.container-classes .name-live-room {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    min-height: 35px;
}

.container-update-classes #update-list-classes {
    display: none;
}

.container-update-classes .classes-student-zone {
    margin-bottom: 10px;
}

.container-update-classes #export-excel-student-in-live {
    margin: 0 5px;
    color: #333;
}

.container-update-classes #join_mod_zoom {
    display: none;
}

.container-update-classes .invited-user-zone {
    display: none;
}

.container-update-classes .invited-user-text {
    margin-top: 45px;
}

.container-update-classes #link-share {
    background: #eee;
    min-height: 150px;
    padding: 15px;
    vertical-align: middle;
    font-size: 16px;
    margin-bottom: 10px;
}

.container-update-classes #content-record-list {
    padding-top: 20px;
}

/*Quiz*/
.container-quiz-question .btn-type-question {
    padding: 20px 0;
    margin: 10px 0;
}

.container-quiz-question .btn-type-question i {
    font-size: 20pt;
    display: block;
    margin-bottom: 5px;
}

.container-quiz-question .input-group-question {
    display: table;
    border-collapse: separate;
}

.container-quiz-question .input-group-addon-question {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.container-quiz-question .input-group-addon-question {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.container-quiz-question .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.container-quiz-question .input-group-question .form-control {
    display: table-cell;
}

.container-quiz-question .input-group-addon-question {
    display: table-cell;
}

.container-quiz-question .input-group-btn {
    display: table-cell;
}

.container-quiz-question .input-group-addon-question:last-child {
    border-left: 0;
}

.container-quiz-question .input-group-question .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.container-quiz-question .form-control {
    outline: 0 !important;
    box-shadow: none !important;
}

.container-quiz-question .control-label-question {
    font-size: 13px !important;
    margin-bottom: 5px;
    color: #000 !important;
    line-height: 22px;
    font-weight: 600;
    padding-left: 0;
}

.container-quiz-question #sortable1 {
    border: 1px solid #c3c2c2;
    list-style-type: none;
    margin: 0;
    height: 400px;
    padding: 5px 0 0 0;
    overflow-y: scroll;
    overflow-x: hidden;
}

.container-quiz-question #sortable2 {
    border: 1px solid #c3c2c2;
    list-style-type: none;
    margin: 0;
    height: 400px;
    padding: 5px 0 0 0;
    overflow-y: scroll;
    overflow-x: hidden;
}

.container-quiz-question #sortable1 li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    cursor: pointer;
    width: 97%;
}

.container-quiz-question #sortable2 li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    cursor: pointer;
    width: 97%;
}

.container-quiz-question .row-edit-quiz form {
    overflow: hidden;
}

.container-quiz-question .item-show-result {
    line-height: 35px;
}

.container-quiz-question .select2-search__field {
    width: 100% !important;
}

.container-quiz-question #content_section_quiz {
    display: none;
}

.container-quiz-question #filter-test-name {
    margin: 0 5px 0 0;
    width: 300px;
}

.container-quiz-question .status-quiz-test-zone {
    width: 110px;
    margin-right: 5px;
}

.container-quiz-question .get-link-test {
    width: 50px;
}

.container-quiz-question .action-test {
    width: 50px;
}

.container-quiz-question #list-course-student {
    display: none;
}

.container-quiz-question .block-filter-student-registed {
    margin-top: 20px;
}

.container-quiz-question .filter-student-choices {
    float: left;
    margin-right: 10px;
}

.container-quiz-question .btn-filter-student-registed {
    color: #fff;
}

.container-quiz-question #export-quiz-lesson {
    margin: 0 5px;
}

.container-quiz-question .btn-back-to-course-test {
    margin-top: 10px;
    display: block;
}

.container-quiz-question #overview-course-test {
    margin: 10px 0;
}

.container-quiz-question #list_data_user_quiz_test {
    display: none;
}

.container-quiz-question #list-test-student {
    display: none;
}

.container-quiz-question #list_data_quiz_test_send_link {
    display: none;
}

.container-quiz-question .block-filter-student-registed {
    margin-top: 20px;
}

.container-quiz-question #export-quiz-lesson-test {
    margin: 0 5px;
}

.container-quiz-question #list-test-result {
    display: none;
}

.container-quiz-question .btn-back-to-test-student {
    margin-top: 10px;
    display: block;
}

.container-quiz-question #overview-student-test {
    margin: 10px 0;
}

.container-quiz-question #list_data_user_test_quiz {
    display: none;
}

.container-quiz-question .btn-back-to-quiz-test {
    margin-top: 10px;
    display: block;
}

.container-quiz-question #overview-user-quiz-test {
    margin: 10px 0;
}

.container-quiz-question .choice-correct-checkbox {
    width: 100%;
    height: 30px;
    outline-color: transparent;
    margin-top: 135px !important;
}

.container-quiz-question .btn-remove-quiz {
    margin-top: 135px;
}

.container-quiz-question .filter-level-quiz-type {
    width: 100%;
    height: 35px !important;
}

.wrapper-quiz-mdd-content #filter-quiz-name {
    margin: 0 5px 0 0;
    width: 300px;
}

.wrapper-quiz-mdd-content .btn-export-excel-question {
    margin: 0 5px;
}

.wrapper-quiz-mdd-content .btn-import-quiz-question {
    margin: 0 5px;
}

.wrapper-quiz-mdd-content .btn-cancel {
    margin-right: 10px;
}

.wrapper-quiz-mdd-content .question-answer-zone {
    display: flex;
    height: auto;
}

.wrapper-quiz-mdd-content .button-upload-zone {
    width: 10%;
}

.wrapper-quiz-mdd-content .background-image-zone {
    width: 100%;
    position: relative;
}

.wrapper-quiz-mdd-content .preview-mdd_background {
    /*width: 1000px;*/
    max-width: 100%;
    height: auto;
}

.wrapper-quiz-mdd-content .drag-text-zone {
    border: 2px dashed #dddddd;
    position: absolute;
    background: transparent;
    z-index: 1;
    text-align: center;
}

.wrapper-quiz-mdd-content .drag-text-position p {
    text-align: center;
}

.wrapper-quiz-mdd-content .drag-button-box {
    width: 100px;
    background: #fff;
}

.wrapper-quiz-mdd-content .drag-button-box:hover {
    background: #ddd;
}

.wrapper-quiz-mdd-content .icon-font-size {
    font-size: 40px;
}

.wrapper-quiz-mdd-content .answer-label {
    font-size: 20px;
}

.wrapper-quiz-mdd-content .upload-label {
    font-size: 20px;
}

.wrapper-quiz-mdd-content .drop-zone-element {
    height: 50px;
    width: 100px;
    border: 2px dashed #dddddd;
    position: absolute;
    background: transparent;
}

.wrapper-quiz-mdd-content .drag-text-val {
    text-align: center;
    padding: 0.5em;
}

.wrapper-quiz-mdd-content .fa-trash-icon-zone {
    position: absolute;
    top: 0;
    right: 5px;
    z-index: 999;
}

.wrapper-quiz-mdd-content .fa-trash-icon-zone .fa-trash-alt {
    font-size: 13px;
    color: #f00;
}

.wrapper-quiz-mdd-content .drag-img-size {
    width: 150px;
    height: 100px;
}

.wrapper-quiz-mdd-content .drag-img-zone {
    position: absolute;
    z-index: 1;
    border: 2px dashed #dddddd;
}

.wrapper-quiz-mdd-content .fa-trash-img-zone {
    position: absolute;
    top: 0;
    left: 5px;
    z-index: 1;
}

.wrapper-quiz-mdd-content .fa-trash-img-zone .fa-trash-alt {
    font-size: 13px;
    color: #f00;
}

.wrapper-quiz-mdd-content .evo-cp-wrap {
    width: 100px !important;
}

.wrapper-quiz-mdd-content .mycolor-input {
    width: 100px;
    display: inline-block;
    font-size: 12px;
}

.wrapper-quiz-mdd-content .evo-pointer {
    position: relative;
    left: -10px;
    top: -25px;
}

.detail-quiz-test-result .background-image-zone {
    position: relative;
}

.detail-quiz-test-result .drag-img-zone {
    position: absolute;
}

.detail-quiz-test-result .drag-text-zone {
    text-align: center;
    border: 2px dashed #dddddd;
    position: absolute;
    background: transparent;
}

.detail-quiz-course-result .background-image-zone {
    position: relative;
    width: 145%
}

.detail-quiz-course-result .drag-img-zone {
    position: absolute;
}

.detail-quiz-course-result .drag-text-zone {
    text-align: center;
    border: 2px dashed #dddddd;
    position: absolute;
    background: transparent;
}

.drop-zone-element {
    height: 70px;
    width: 120px;
    border: 2px dashed #dddddd;
    position: absolute;
    background: transparent;
}

.background-image-zone-enable .preview-mdd_background {
    width: 1000px !important;
    max-width: unset !important;
}

.wrapper-quiz-mdd-content .control-label {
    font-size: 13px !important;
    margin-bottom: 5px;
    color: #000 !important;
    line-height: 22px;
    font-weight: 600;
    padding-left: 0;
}

/*Student*/
.container-student .daterangepicker {
    display: none;
}

.container-student .calendar.left, .calendar.right {
    float: left !important;
}

.container-student .calendar-table td {
    padding: 7px 5px !important;
}

.container-student .daterangepicker {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.container-student .range_inputs button {
    padding: 8px 10px;
    width: 78px;
    border: none;
    border-radius: 3px;
    font-size: 13px;
}

.container-student .btn-filter-apply {
    background: #5cb85c;
    color: white;
}

.container-student .date-filter i {
    font-size: 14px !important;
    top: 7px !important;
    left: 22px !important;
}

.container-student #reportrange {
    padding: 5px 0 5px 0 !important;
    background: rgba(255, 255, 255, 0.37) !important;
    position: relative;
    z-index: 999;
}

.container-student .manage-charts table.summary {
    width: 400px;
}

.container-student .manage-charts table.summary td {
    text-align: right;
}

.container-student .manage-charts table.summary td, .manage-charts table.summary th {
    padding: 10px 25px;
}

.container-student .session {
    float: left;
    color: #3d3d3d;
    margin-bottom: 20px;
}

.container-student .session div {
    text-align: center;
    cursor: pointer;
}

.container-student .session .active {
    background: #36a2eb;
    color: white;
    font-weight: bold;
    padding: 8px;
    border-radius: 5px;
}

.container-student .session p {
    margin: 5px;
}

.container-student .glyphicon-chevron-left {
    background: url(../img/arrows.png) 6px center no-repeat;
    width: 20px;
    height: 19px;
    display: inline-block;
    background-size: 25px;
}

.container-student .glyphicon-chevron-right {
    background: url(../img/arrows.png) -12px center no-repeat;
    width: 20px;
    height: 19px;
    display: inline-block;
    background-size: 25px;
}

.container-student .ui-autocomplete-loading {
    background: white url("/statics/imgs/ui-anim_basic_16x16.gif") right center no-repeat;
}

.container-student .calendar_group {
    margin: 10px 0;
}

.container-student .area-add-combo-course {
    margin: 20px 0;
}

.container-student .area-add-combo-course table tr th, .area-add-combo-course table tr td {
    text-align: center;
    vertical-align: middle;
}

.container-student .datetimepicker_start, .datetimepicker_end {
    display: none;
}

.container-student #export-excel-student-membership {
    margin: 0 5px;
    color: #333;
}

.container-student .student-register-zone {
    overflow: hidden;
}

.container-student .student-register-intro {
    padding-left: 10px;
    padding-right: 10px;
    border-top: none;
}

.container-student .btn-add-student {
    color: #fff;
}

.container-student #export-excel-student-joined {
    margin: 0 5px;
}

.container-student .user-group-zone {
    overflow: hidden;
}

.container-student .user-group-intro {
    padding-left: 10px;
    padding-right: 10px;
    border-top: none;
}

.container-student .btn-filter-user-group {
    color: #fff;
}

.container-student #export-user-group {
    margin: 0 5px;
}

.container-student #wrap-add-user-group {
    display: none;
}

.container-student #form-add-user-group {
    margin-top: 20px;
}

.container-student .back-to-user-group {
    padding: 0;
}

.container-student .label-file-excel-user-group {
    color: #007bff;
}

.container-student #file_excel_user_group {
    display: none;
}

.container-student #export-student-registed {
    margin: 0 5px;
}

.container-student .box-list-student {
    min-height: 100px;
}

.container-student .btn-filter-student-study {
    color: #fff;
    display: none;
}

.container-student .export-student-study-zone {
    margin: 15px 0;
}

.container-student .btn-export-student-study {
    color: #000;
}

.container-student .email-campaign-zone {
    overflow-x: unset;
}

.container-student .btn-create-new-campaign {
    color: #fff;
}

.container-student .btn-filter-student-registed {
    color: #fff !important;
}

/*Order*/
.container-order .btn-export-order {
    margin-right: 10px;
    margin-top: 5px;
}

/*Blog*/
.container-blog #category_list_filter {
    width: 150px;
    margin: 0 5px;
}

/*File*/
.container-file .storage-progress {
    margin-top: 5px;
}

.container-file #filter_file_name {
    margin-left: 10px;
}

.container-file #filter_type_file {
    margin: 0 20px;
}

/*Layout*/
.container-layout .content_section {
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 40px;
    background: white;
}

.container-layout .content_section .hold {
    cursor: pointer;
}

.container-layout .add-section {
    position: absolute;
    left: 0;
    margin-top: 20px;
}

.container-layout .evo-cp-wrap {
    width: 130px !important;
}

.container-layout .evo-pop {
    background: antiquewhite;
}

.container-layout .block-modal-thumb-theme {
    position: absolute;
}

.container-layout .modal-body {
    padding: 2rem;
}

.container-layout .item-theme {
    border-radius: 5px;
    background: #fff;
    padding: 15px 10px;
    border: 1px solid #ccc;
}

.container-layout .active-theme {
    border: 1px solid #28a745;
}

.container-layout .item-theme p {
    margin-bottom: 0;
}

.container-layout .block-content-layout-site {
    display: none;
}

.container-layout #form-data-footer1 .content_section {
    border: 1px solid #ccc;
    padding: 20px;
    margin-top: 30px;
    margin-bottom: 0;
    background: white;
}

.container-layout #form-data-footer2 .content_section {
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 0;
    margin-top: 30px;
    background: white;
}

.container-layout #form-data-footer3 .content_section {
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 0;
    margin-top: 30px;
    background: white;
}

.container-layout .btn-select-theme {
    background-color: #00f;
}

.container-layout .btn-edit-css-layout {
    background-color: #28a745;
}

.container-layout .favicon-zone {
    border: 1px solid #ccc;
}

.container-layout #favicon-layout {
    cursor: pointer;
}

.container-layout .logo-header-layout {
    border: 1px solid #ccc;
    margin: 0 30px 0 10px;
}

.container-layout #logo-layout {
    cursor: pointer;
}

.container-layout #img-logo-layout {
    cursor: pointer;
}

.container-layout .menu-layout-zone {
    border: 1px solid #ccc;
}

.container-layout .menu-layout-text {
    padding: 30px 0;
}

.container-layout .block-setup-footer-3-partition {
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 40px;
    background: white;
}

.container-layout .footer-3-col-zone {
    margin-bottom: 0 !important;
}

.container-layout .first-footer-zone {
    border: 1px solid #ccc;
    margin: 0 0 10px 0;
    background: #6c757d1a;
}

.container-layout .first-col-text {
    margin: 15px 0 0 0;
}

.container-layout .btn-add-section {
    color: #fff;
    margin: 5px 0;
}

.container-layout .second-footer-zone {
    border: 1px solid #ccc;
    margin: 10px 0 10px 0;
    background: #6c757d1a;
}

.container-layout .second-col-text {
    margin: 15px 0 0 0;
}

.container-layout .third-footer-zone {
    border: 1px solid #ccc;
    margin: 10px 0 0 0;
    background: #6c757d1a;
}

.container-layout .third-col-text {
    margin: 15px 0 0 0;
}

/*Landing page*/
.container-landing-page .content_section {
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 40px;
    background: white;
}

.container-landing-page .content_section .hold {
    cursor: pointer;
}

.container-landing-page .add-section {
    position: absolute;
    left: 0;
    margin-top: 20px;
}

.container-landing-page .evo-cp-wrap {
    width: 130px !important;
}

.container-landing-page .evo-pop {
    background: antiquewhite;
}

.container-landing-page .block-modal-thumb-theme {
    position: absolute;
}

.container-landing-page .modal-body {
    padding: 2rem;
}

.container-landing-page .item-theme {
    border-radius: 5px;
    background: #fff;
    padding: 15px 10px;
    border: 1px solid #ccc;
}

.container-landing-page .active-theme {
    border: 1px solid #28a745;
}

.container-landing-page .item-theme p {
    margin-bottom: 0;
}

.container-landing-page .block-content-layout-site {
    display: none;
}

.container-landing-page #editor {
    margin-top: 20px;
    display: none;
}

.container-landing-page .favicon-zone {
    border: 1px solid #ccc;
}

.container-landing-page #favicon-landing {
    cursor: pointer;
}

.container-landing-page .logo-header-landing-page {
    border: 1px solid #ccc;
    margin: 0 30px 0 10px;
}

.container-landing-page #logo-landing {
    cursor: pointer;
}

.container-landing-page #img-logo-landing {
    cursor: pointer;
}

.container-landing-page .menu-header-landing-page {
    border: 1px solid #ccc;
}

.container-landing-page .menu-header-text {
    padding: 30px 0;
}

.container-landing-page .seting-page-intro {
    margin-bottom: 10px;
}

.container-landing-page .add-other-page-zone {
    margin-bottom: 20px;
}

/*Theme*/
.container-theme #editor {
    margin-top: 20px;
}

.container-theme .content_section {
    border: 1px solid #ccc;
    padding: 20px;
    margin-bottom: 40px;
    background: white;
}

.container-theme .content_section .hold {
    cursor: pointer;
}

.container-theme .add-section {
    position: absolute;
    left: 0;
    margin-top: 20px;
}

.container-theme .evo-cp-wrap {
    width: 130px !important;
}

.container-theme .evo-pop {
    background: antiquewhite;
}

.container-theme .block-modal-thumb-theme {
    position: absolute;
}

.container-theme .modal-body {
    padding: 2rem;
}

.container-theme .item-theme {
    border-radius: 5px;
    background: #fff;
    padding: 15px 10px;
    border: 1px solid #ccc;
}

.container-theme .active-theme {
    border: 1px solid #28a745;
}

.container-theme .item-theme p {
    margin-bottom: 0;
}

.container-theme .block-content-layout-site {
    display: none;
}

/*Setting*/
.container-setting .scurity-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 26px;
}

.container-setting .scurity-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

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

.container-setting .scurity-slider:before {
    position: absolute;
    content: "";
    height: 23px;
    width: 25px;
    left: 4px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.container-setting input:checked + .scurity-slider {
    background-color: #2196F3;
}

.container-setting input:focus + .scurity-slider {
    box-shadow: 0 0 0 #2196F3;
}

.container-setting input:checked + .scurity-slider:before {
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.container-setting .scurity-slider.round {
    border-radius: 34px;
}

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

.container-setting .label {
    display: block;
}

.container-setting .tbl-ssl {
    width: 80%;
}

.container-setting .security-site-zone {
    margin: 10px 0;
}

.container-setting .user-limit-stbtd-zone {
    margin: 10px 0;
}

.container-setting #id_stbtd,#number_limit_device_app {
    width: 50px;
    display: inline-block;
}

.container-setting .btn-view-user-login-limited {
    display: none;
    text-decoration: underline;
}

/*Report*/
.container-report .daterangepicker {
    display: none;
}

.container-report .calendar.left, .calendar.right {
    float: left !important;
}

.container-report .calendar-table td {
    padding: 7px 5px !important;
}

.container-report .daterangepicker {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.container-report .range_inputs button {
    padding: 8px 10px;
    width: 78px;
    border: none;
    border-radius: 3px;
    font-size: 13px;
}

.container-report .btn-filter-apply {
    background: #5cb85c;
    color: white;
}

.container-report .date-filter i {
    font-size: 14px !important;
    top: 7px !important;
    left: 22px !important;
}

.container-report #reportcarlendar {
    padding: 5px 10px 5px 33px !important;
    background: rgba(255, 255, 255, 0.37) !important;
    position: relative;
    z-index: 999;
}

.container-report .glyphicon-chevron-left {
    background: url(../img/arrows.png) 6px center no-repeat;
    width: 20px;
    height: 19px;
    display: inline-block;
    background-size: 25px;
}

.container-report .glyphicon-chevron-right {
    background: url(../img/arrows.png) -12px center no-repeat;
    width: 20px;
    height: 19px;
    display: inline-block;
    background-size: 25px;
}

.container-report .box-profit {
    width: 100%;
}

.container-report .total-profit span {
    margin: 0 20px;
}

.container-report .select2-container {
    width: 100% !important;
}

.container-report #content-nav-report .table thead th {
    border: 1px solid #dee2e6 !important;
    background-color: #fff !important;
}

.container-report #content-nav-report .table tbody td {
    border: 1px solid #dee2e6 !important;
    background-color: #fff !important;
}

.container-report .multilevel2 {
    margin-left: 20px;
}

.container-report .multilevel3 {
    margin-left: 40px;
}

.container-report .multilevel4 {
    margin-left: 60px;
}

.container-report .multilevel5 {
    margin-left: 80px;
}

.container-report .date-filter {
    margin: 10px 0;
}

.container-report .select-date-filter {
    float: left;
}

.container-report .select-date-text {
    float: left;
    margin-right: 20px;
}

.container-report .total-profit-zone {
    float: left
}

.container-report .block-total-profit {
    margin-right: 0;
}

.container-report .profit-by-receive-money-time {
    float: left;
    margin-right: 20px;
}

.container-report .filter-date-report-division-profit {
    padding-left: 0 !important;
}

.container-report #export_profit_teacher {
    margin-left: 20px;
}

.container-report .filter-date-report-course-profit {
    padding-left: 0 !important;
}

.container-report .btn-payment-history-affiliate {
    margin-top: 25px;
}

.container-report .btn-export-payment-affilate {
    margin-top: 25px;
}

.container-report .btn-add-payment-affilate {
    margin-top: 25px;
}

.container-report .btn-profit-revenue-course {
    margin-top: 27px;
}

.container-report .btn-export-revenue-course {
    margin-top: 27px;
}

.container-report .btn-profit-revenue-combo {
    margin-top: 27px;
}

.container-report .btn-export-revenue-combo {
    margin-top: 27px;
}

.container-report .btn-profit-revenue-combo-quiz {
    margin-top: 27px;
}

.container-report .btn-export-revenue-combo-quiz {
    margin-top: 27px;
}

.container-report .btn-profit-revenue-combo-document {
    margin-top: 27px;
}

.container-report .btn-export-revenue-combo-document {
    margin-top: 27px;
}

/*Setting site*/
.container-setting-site .scurity-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 26px;
    margin-left: 10px;
}

.container-setting-site .scurity-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.container-setting-site .scurity-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.container-setting-site .scurity-slider:before {
    position: absolute;
    content: "";
    height: 23px;
    width: 25px;
    left: 4px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

.container-setting-site input:checked + .scurity-slider {
    background-color: #2196F3;
}

.container-setting-site input:focus + .scurity-slider {
    box-shadow: 0 0 0 #2196F3;
}

.container-setting-site input:checked + .scurity-slider:before {
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

.container-setting-site .scurity-slider.round {
    border-radius: 34px;
}

.container-setting-site .scurity-slider.round:before {
    border-radius: 50%;
}

.container-setting-site .label {
    display: block;
}

.container-setting-site #v-pills-upgrade {
    margin-top: 20px;
}

.container-setting-site .block-filter-student-user-site {
    padding-left: 0;
}

.container-setting-site .btn-filter-student-user-site {
    color: #fff;
}

/*Create test*/
.container-create-test .btn-type-question {
    padding: 20px 0;
    margin: 10px 0;
}

.container-create-test .btn-type-question i {
    font-size: 20pt;
    display: block;
    margin-bottom: 5px;
}

.container-create-test .input-group-question {
    display: table;
    border-collapse: separate;
}

.container-create-test .input-group-addon-question {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.container-create-test .input-group-addon-question {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.container-create-test .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.container-create-test .input-group-question .form-control {
    display: table-cell;
}

.container-create-test .input-group-addon-question {
    display: table-cell;
}

.container-create-test .input-group-btn {
    display: table-cell;
}

.container-create-test .input-group-addon-question:last-child {
    border-left: 0;
}

.container-create-test .input-group-question .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.container-create-test .form-control {
    outline: 0 !important;
    box-shadow: none !important;
}

.container-create-test .control-label-question {
    font-size: 13px !important;
    margin-bottom: 5px;
    color: #000 !important;
    line-height: 22px;
    font-weight: 600;
    padding-left: 0;
}

.container-create-test .item-show-result {
    line-height: 35px;
}

.container-create-test .testing-time-zone {
    margin-bottom: 1rem;
}

.container-create-test .input-testing-time {
    width: 220px;
}

.container-create-test .input-score-question {
    width: 220px;
}

.container-create-test .input-score-success {
    width: 220px;
}

.container-create-test .input-test-status {
    width: 220px;
}

.container-create-test #number_of_fail {
    width: 55px;
    height: 28px;
    display: inline-block;
    padding-right: 2px;
}

/*Add quiz to test*/
.container-add-quiz-to-test .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.container-add-quiz-to-test .form-control {
    display: table-cell;
}

.container-add-quiz-to-test .input-group-btn {
    display: table-cell;
}

.container-add-quiz-to-test .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.container-add-quiz-to-test .form-control {
    outline: 0 !important;
    box-shadow: none !important;
}

.container-add-quiz-to-test .control-label-question {
    font-size: 13px !important;
    margin-bottom: 12px;
    color: #000 !important;
    line-height: 22px;
    font-weight: 600;
    padding-left: 0;
}

.container-add-quiz-to-test #sortable1 {
    border: 1px solid #c3c2c2;
    list-style-type: none;
    margin: 0;
    height: 540px;
    padding: 5px 0 0 0;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #fff;
}

.container-add-quiz-to-test #sortable2 {
    border: 1px solid #c3c2c2;
    list-style-type: none;
    margin: 0;
    height: 540px;
    padding: 5px 0 0 0;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #fff;
}

.container-add-quiz-to-test #sortable1 li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    cursor: pointer;
    width: 99%;
}

.container-add-quiz-to-test #sortable2 li {
    margin: 0 5px 5px 5px;
    padding: 5px;
    font-size: 1.2em;
    cursor: pointer;
    width: 99%;
}

.container-add-quiz-to-test .select2-search__field {
    width: 100% !important;
}

.container-add-quiz-to-test .question-test-label {
    font-size: 20px !important;
}

.container-add-quiz-to-test .list-question-test-label {
    font-size: 25px !important;
}

.filter-level-quiz-type {
    width: 100%;
    height: 35px !important;
}

/*Lives live*/
.container-lives-live .logo_comming {
    display: block;
    margin: 30px auto;
}

.container-lives-live .check-device-info {
    margin-top: 25px;
    display: block;
    color: white;
    font-size: 18px;
}

.container-lives-live .show-date-countdown {
    font-size: 50px;
}

#comming_son {
    min-height: 100%;
    background: #2d9fdc;
}

#comming_son #wrapper {
    text-align: center;
}

#comming_son #wrapper h1 {
    color: #ffffff;
    letter-spacing: -1px;
}

#comming_son h4.subtitle {
    color: #fff;
    font-size: 15px;
}

#comming_son .social {
    padding: 30px 0 0 0;
}

.social a {
    font-size: 24px;
    color: #fff;
    padding: 0 5px;
    transition: all 0.3s;
}

#comming_son .social a:hover {
    color: #5cacce;
}

#comming_son .inform {
    margin: 20px 0;
    background: #f3f5f622;
    padding: 20px;
    font-size: 15px;
    max-width: 800px;
}

#device_info {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}

#comming_son #countdown {
    font-size: 48px;
    color: #fff;
    margin: 10px 0;
}

.info-live {
    margin-top: 15px;
}

.text-info-live {
    color: #FFFFFF;
    font-size: 16px;
}

#comming_son .badge {
    font-size: 20px;
}

#comming_son .badge-success {
    color: #96ff60;
    background: none;
    font-weight: normal;
}

.block-btn-success-password {
    display: inline-block !important;
}

.btn-login-waiting-room, .btn-login-waiting-room:hover, .btn-login-waiting-room:active {
    border-color: unset !important;
    font-size: 18px !important;
    background: #efb300 !important;
}

.btn-login-waiting-room {
    margin-bottom: 50px;
}

.btn-register-waiting-room {
    margin-bottom: 50px;
}

.btn-register-waiting-room {
    border-color: unset !important;
    font-size: 18px !important;
}

.modal-dialog {
    overflow-y: initial !important
}

#device_info .modal-body {
    overflow-y: auto;
}

.device_info {
    font-size: 13px;
}

.device_info tr th {
    border-right: 1px solid #ddd;
}

.footer-lives-live .brand-name {
    display: inline-block !important;
}

.footer-lives-live .operated-by {
    display: inline-block !important;
}

/*Create email campaign*/
.container-create-email-campaign {
    background: #f9f8f8;
}

.container-create-email-campaign #back_to_email_campaign {
    color: #02e1f7;
}

.container-create-email-campaign .nav-email-content {
    margin-top: 8px;
    padding: 3px 10px !important;
}

.container-create-email-campaign .send-to-label {
    padding-top: 0;
    float: left;
}

.container-create-email-campaign .sending-way-label {
    padding-top: 0;
    float: left;
}

.container-create-email-campaign .full-name-zone {
    list-style: none;
    padding: 0;
}

.btn-save-email-campaign-popup {
    margin-right: 5px;
}

.container-create-email-campaign .select2 {
    width: 100% !important;
}

.container-create-email-campaign .select2-search__field {
    width: unset !important;
}

/*View email campaign*/
.container-view-email-campaign {
    background: #f9f8f8;
}

.container-view-email-campaign #back_to_email_campaign {
    color: #02e1f7;
}

.container-view-email-campaign .nav-email-content {
    margin-top: 8px;
    padding: 3px 10px !important;
}

.container-view-email-campaign #email_subject {
    width: 600px;
    margin: 0 auto;
    padding: 10px 0;
}

.container-view-email-campaign #email_banner_view {
    max-width: 600px;
    margin: 0 auto;
    padding: 0;
    text-align: center
}

.container-view-email-campaign .email-url-banner {
    max-width: 100%;
}

.container-view-email-campaign #email_view {
    width: 600px;
    margin: 0 auto;
}

.container-view-email-campaign #email_status {
    max-width: 600px;
    margin: 0 auto;
    font-size: 12px;
    color: #aaa;
    text-align: center;
}

/*Create blog*/
.container-create-blog {
    background: #f5f5f5;
}

.container-create-blog .btn-back-to-blog {
    padding: 0;
    color: #02e1f7;
}

.container-create-blog .nav-info-news {
    margin-top: 8px;
    padding: 3px 10px;
}

.container-create-blog .create-blog-content {
    background: #f9f8f8;
}

.container-create-blog #category {
    margin-top: 7px;
}

/*Create order*/
.container-add-order {
    background: #f5f5f5;
    min-height: 96vh;
}

.container-add-order .wrapper-add-order {
    min-width: 90%;
    height: 500px;
}

.container-add-order .btn-back-to-order {
    padding: 0;
}

/*Detail order*/
.container-detail-order {
    background: #f5f5f5;
}

.container-detail-order .order-code-block {
    padding-bottom: 5px;
}

.container-detail-order .order-code-zone {
    min-width: 90%;
}

.container-detail-order .back-to-order-text {
    color: #ffffff;
}

.container-detail-order .btn-back-to-order {
    padding: 0;
    color: #02e1f7;
}

.container-detail-order .wrapper-detail-order {
    min-width: 90%;
}

.container-detail-order .content-detail-order {
    margin-top: 20px;
}

.container-detail-order .sell-type-course-text {
    margin-top: 30px;
}

.container-detail-order .btn-send-mail-active-code {
    float: right;
    color: #007bff;
}

.container-detail-order .select-city-zone {
    float: left;
    padding-left: 0;
}

.container-detail-order .select-district-zone {
    float: left;
    padding-right: 0;
}

/*In course*/
.container-course-header {
    padding: 20px 0 !important;
    background: #00202c !important;
}

.container-detail-hocvien .title-itemlive {
    padding: 10px;
    font-size: 18px;
    font-weight: 500;
    color: #4c6379;
    text-align: center;
}

.container-detail-video .list-lesson-note {
    display: none;
}

.container-course-header .join-studying-zone {
    margin: 20px 0 60px 0;
}

.container-course-header .complete-text {
    color: #75d0f3;
}

.container-course-header .cup-progress-bar {
    width: 100%;
    border-radius: 0 4px 4px 0;
    background: #5bc0de;
}

.container-course-header .btn-get-completed-certificate {
    background: #017d0e;
    border: none;
}

.container-course-header .fa-certificate-icon {
    color: yellow;
}

.container-detail-videolive .fa-play-circle-icon {
    color: #4c6379;
}

.container-detail-hocvien .list-schedule-zone {
    margin-top: 12px;
}

.list-schedule-zone .title-itemview {
    padding: 0;
    border: 0;
    margin: 5px 0;
}

.list-schedule-zone .fa-calendar-alt {
    color: #1cbbb4;
    margin-right: 16px;
}

.list-schedule-zone .itemlive-zone {
    margin-top: 17px;
}

.review-incourse-zone #rating {
    margin-bottom: 10px;
}

.list-lesson-note {
    /*margin-top: 25px;*/
}

.list-lesson-note span.tip {
    display: block;
}

.list-lesson-note .pass-lesson-text {
    color: #007bff;
}


/*Section header*/
.secton_header_home .section-header-search {
    margin-bottom: 20px;
}

.secton_header_home .form-input-search {
    width: 95%;
}

/*Charge card*/
.container-chard-card .charge-card-title {
    text-transform: uppercase;
}

.container-chard-card #code-card {
    width: 30%;
}

/*Live my course*/
.container-live-mycourse {
    background: #f3f5f6;
}

.container-live-mycourse .expired-account-notify {
    font-size: 13px;
    padding-top: 5px;
}

.container-live-mycourse #content-course-list {
    padding-top: 20px;
}

.container-live-mycourse #content-combo-quiz-list {
    padding-top: 20px;
    display: none;
}

.container-live-mycourse #content-combo-document-list {
    padding-top: 20px;
    display: none;
}

.container-live-mycourse #list_combo_quiz_acount {
    display: block;
}

.container-live-mycourse #img_my_course {
    width: 15%;
}

.container-live-mycourse .course-cover {
    width: 100%;
    float: left;
    height: auto;
    margin-right: 10px;
}

.container-live-mycourse .btn-join-course {
    text-align: right;
}

.container-live-mycourse .combo-quiz-name {
    width: 100%;
    float: left;
}

.container-live-mycourse .combo-document-name {
    width: 100%;
    float: left;
}

/*Update profile*/
.container-update-profile .daterangepicker {
    display: none;
}

.container-update-profile .calendar.left {
    float: left !important;
}

.container-update-profile .calendar.right {
    float: left !important;
}

.container-update-profile .calendar-table td {
    padding: 7px 5px !important;
}

.container-update-profile .daterangepicker {
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.container-update-profile .range_inputs button {
    padding: 8px 10px;
    width: 78px;
    border: none;
    border-radius: 3px;
    font-size: 13px;
}

.container-update-profile .btn-filter-apply {
    background: #5cb85c;
    color: white;
}

.container-update-profile .date-filter i {
    font-size: 14px !important;
    top: 7px !important;
    left: 22px !important;
}

.container-update-profile #reportrange {
    padding: 5px 10px 5px 10px !important;
    background: rgba(255, 255, 255, 0.37) !important;
    position: relative;
    z-index: 999;
}

.container-update-profile .manage-charts table.summary {
    width: 400px;
}

.container-update-profile .manage-charts table.summary td {
    text-align: right;
}

.container-update-profile .manage-charts table.summary td, .manage-charts table.summary th {
    padding: 10px 25px;
}

.container-update-profile .session {
    float: left;
    color: #3d3d3d;
    margin-bottom: 20px;
}

.container-update-profile .session div {
    text-align: center;
    cursor: pointer;
}

.container-update-profile .session .active {
    background: #36a2eb;
    color: white;
    font-weight: bold;
    padding: 8px;
    border-radius: 5px;
}

.container-update-profile .session p {
    margin: 5px;
}

.container-update-profile .glyphicon-chevron-left {
    background: url(../img/arrows.png) 6px center no-repeat;
    width: 20px;
    height: 19px;
    display: inline-block;
    background-size: 25px;
}

.container-update-profile .glyphicon-chevron-right {
    background: url(../img/arrows.png) -12px center no-repeat;
    width: 20px;
    height: 19px;
    display: inline-block;
    background-size: 25px;
}

.container-update-profile .main-tab-dashboard .nav-link {
    padding: 3px 10px;
    margin-top: 8px;
}

.container-update-profile .breadscrum {
    margin-bottom: 5px;
    margin-top: 8px;
    font-size: 12px;

}

.container-update-profile .update-profile-title {
    margin: 10px 0;
}

.container-update-profile .user-avatar {
    width: 200px;
}

.container-update-profile .membership-zone {
    margin-bottom: 10px
}

.container-update-profile .membership-active-text {
    color: #f00;
    font-weight: bold;
    font-size: 18px;
}

.container-update-profile .membership-no-active-text {
    color: #f00;
    font-weight: bold;
    font-size: 18px;
}

.container-update-profile .input-group-sex {
    width: 220px;
}

.container-update-profile .select-position-zone {
    margin-top: 10px;
}

/*Detail combo quiz*/
.detail-combo-quiz-content .card-body {
    padding: 0 1rem;
}

.detail-combo-quiz-content .enter-exam-zone {
    margin-bottom: 0;
}

/*Detail combo document*/
.detail-combo-document-content .card-body {
    padding: 0 1rem;
}

.detail-combo-document-content .enter-exam-zone {
    margin-bottom: 0;
}

/*Section slide form*/
.container-section-slide-form #file-upload-form {
    display: block;
    clear: both;
    margin: 0 auto;
}

.container-section-slide-form #file-upload-form input[type="file"] {
    display: none;
}

.container-section-slide-form .title-course {
    min-height: 45px;
}

.container-section-slide-form .card-text {
    color: #333
}

.container-section-slide-form #file-upload-form label:hover {
    border-color: #454cad;
}

.container-section-slide-form #file-upload-form #file-image.hidden {
    display: none;
}

.container-section-slide-form #file-upload-form #file-image {
    object-fit: cover;
    width: 350px;
    height: 180px;
    border-radius: 7px;
    border: 3px solid #eee;
}

.container-section-slide-form #file-upload-form img {
    border-style: none;
}

.container-section-slide-form #file-upload-form #start {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 10%;
}

.container-section-slide-form #file-upload-form .btn {
    font-family: inherit;
    font-weight: 700;
    font-size: 14px;
    text-decoration: none;
    text-transform: initial;
    border: none;
    padding: 0 1rem;
    height: 36px;
    line-height: 36px;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.container-section-slide-form .imgDetail {
    position: relative;
    margin-bottom: 10px;
}

.container-section-slide-form .imgDetail2 {
    position: relative;
    margin-bottom: 10px;
    margin-left: -15px;
    margin-right: 15px;
}

.container-section-slide-form .box-botton {
    background: #777777;
    text-align: right;
    padding: 5px;
}

.container-section-slide-form .box-botton2 {
    background: #777777;
    text-align: right;
    padding: 5px;
}

.container-section-slide-form .btn-viewImg {
    padding: 5px;
    font-size: 20px;
    color: #f1f1f1;
}

.container-section-slide-form .btn-deleteImg {
    padding: 5px;
    font-size: 20px;
    color: #f1f1f1;
}

.container-section-slide-form .btn-viewImg:hover {
    color: #f1f1f1;
}

.container-section-slide-form .btn-deleteImg:hover {
    color: #f1f1f1;
}

.container-section-slide-form #gallery1 p {
    text-align: center;
    font-size: 16px;
}

.container-section-slide-form .box-botton {
    margin-bottom: 10px;
}

.container-section-slide-form .box-botton2 {
    margin-bottom: 10px;
}

.container-section-slide-form .modal {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.3);
}

.container-section-slide-form .modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

.container-section-slide-form .close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.container-section-slide-form .close:hover {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.container-section-slide-form .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

.container-section-slide-form .img-slide-path {
    height: 200px;
    width: 100%;
}

/*Section slide*/
.container_slideshow {
    padding: 0;
    margin-bottom: 40px;
}

.container_slideshow .title_section_slideshow {
    text-align: center;
    font-weight: bold;
    margin: 25px
}

.container_slideshow .carousel-item h5 {
    color: #000;
    font-size: 35px;
}

.container_slideshow .carousel-item p {
    color: #000;
    font-size: 25px;
}

.container_slideshow .carousel-item-img {
    width: 100%;
}

/*Common*/
.input-page-pagination {
    width: 60px;
    text-align: center;
}

.clear-both-zone {
    clear: both;
}

.border-top-none {
    border-top: none;
}

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

.display-none {
    display: none;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

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

.cursor-pointer {
    cursor: pointer;
}

.action-label-position {
    text-align: right;
    padding-right: 3.5% !important;
}

.input-group-question .form-control:last-child, .input-group-addon-question:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.display-inline-grid {
    display: inline-grid;
}

/*uploader*/
#uploader .container {
    clear: both;
    padding: 10px;
    background: #F7F6F9;
    margin-bottom: 30px;
}

#uploader .tab-content {
    padding: 15px;
}

#uploader .input-form .up-description {
    margin: 10px 0;
}

#uploader .zone-upload {
    border: 4px dashed #ccc;
    width: 70%;
    margin: 0 auto;
    padding: 30px;
}

#uploader .nav-link {
    color: black !important;
}

div#uploader .tab-pane {
    text-align: center;
}

.upload-cover {
    width: 340px;
    height: 180px;
    background: #eee;
    position: relative;
}

.upload-cover img {
    width: 100%;
    height: 100%;
}

.upload-cover .text-btnupload {
    position: absolute;
    top: 141px;
    left: 125px;
    padding: 5px;
    cursor: pointer;
    background: white;
}

/*end uploader*/

/*BEGIN Detail course and detail video*/
/* List course */
#content-course-list {
    background: #f3f5f6;
}

/* detail-announcement */
#detail-announcement {
    color: #686868;
}

#detail-announcement .main-content {
    padding-top: 20px;
    padding-bottom: 32px;
    background: #f3f5f6;
}

#detail-announcement .or {
    line-height: 56px;
    text-align: center;
}

#detail-announcement .btn-newquestion {
    background: #eb4335;
    width: 100%;
}

#detail-announcement .question-answer {
    padding-top: 5px;
    padding-bottom: 20px;
}

#detail-announcement .question-answer .title-qa {
    font-size: 24px;
    font-weight: 500;
    color: #4c6379;
}

#detail-announcement .question-answer .float-right span {
    font-size: 13px;
    text-decoration: underline;
    margin-right: 5px;
}

#detail-announcement .question-answer .float-right i {
    font-size: 13px;
}

#detail-announcement .item-comment {
    padding: 42px;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    margin-bottom: 15px;
    background: #fff;
}

#detail-announcement .item-comment .author {
    padding: 4px 0;
}

#detail-announcement .image-author {
    float: left;
    margin-right: 12px;
}

#detail-announcement .info-announcement {
    float: left;
}

#detail-announcement .title-author {
    font-weight: bold;
    font-size: 18px;
}

#detail-announcement .time-publish {
    font-size: 13px;
}

#detail-announcement .title-announcement {
    padding: 20px 0;
    font-size: 24px;
    font-weight: bold;
}

#detail-announcement .item-comment .name-comment strong {
    font-size: 18px;
}

#detail-announcement .item-comment .name-comment span {
    font-size: 13px;
    margin-left: 24px;
}

#detail-announcement .item-subqa {
    padding-top: 25px;
    padding-bottom: 15px;
}

#detail-announcement .image-comment {
    float: left;
    width: 5%;
    padding-top: 2px;
}

#detail-announcement .form-comment {
    float: right;
    width: 94%;
}

#detail-announcement .count-comment {
    margin: 16px 0;
}

#detail-announcement .count-comment a {
    /*text-decoration: underline;*/
    font-size: 13px;
}

#detail-announcement .count-comment span {
    text-decoration: underline;
    font-size: 13px;
}

#detail-announcement .main-content .see-more {
    padding-top: 5px;
    padding-bottom: 30px;
    color: #bebebe;
}

#detail-announcement .close-subqa {
    width: 10%;
    position: absolute;
    bottom: 17%;
    right: 3%;
    text-align: center;
    font-size: 13px;
    color: #bababa;
}

#detail-announcement .close-subqa:hover {
    cursor: pointer;
}

/* Detail faq */
#detail-faq .main-content {
    padding-top: 20px;
    padding-bottom: 32px;
    background: #f3f5f6;
}

#detail-faq .or {
    line-height: 56px;
    text-align: center;
    color: #686868;
}

#detail-faq .btn-newquestion {
    background: #eb4335;
    width: 100%;
}

#detail-faq .search-form {
    padding: 18px 26px;
    background: #e4e4e4;
}

#detail-faq .question-answer {
    padding: 15px 0;
}

#detail-faq .question-answer .title-qa {
    font-size: 24px;
    font-weight: 500;
    color: #4c6379;
}

#detail-faq .question-answer .float-right span {
    font-size: 13px;
    color: #686868;
    text-decoration: underline;
    margin-right: 5px;
}

#detail-faq .question-answer .float-right i {
    font-size: 13px;
    color: #686868;
}

#detail-faq .list-qa, .list-quest-overview .list-qa {
    background: #fff;
}

#detail-faq .item-qa, .list-quest-overview .item-qa {
    padding-top: 35px;
    padding-bottom: 27px;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    cursor: pointer;
}

#detail-faq .item-qa .title-item-qa, .list-quest-overview .item-qa .title-item-qa {
    font-weight: bold;
}

#detail-faq .item-subqa, .list-quest-overview .item-subqa {
    padding-top: 25px;
    padding-bottom: 15px;
}

.list-quest-overview .item-subqa .title-item-qa, .list-quest-overview .item-subqa .content-item-qa {
    margin-left: 15px;
}

#detail-faq .form-comment, .list-quest-overview .form-comment {
    padding-top: 15px;
}

#detail-faq .main-content .see-more {
    padding-top: 24px;
    padding-bottom: 30px;
    color: #bebebe;
}

#detail-faq .close-subqa {
    width: 10%;
    position: absolute;
    bottom: 17%;
    right: 3%;
    text-align: center;
    font-size: 13px;
    color: #bababa;
}

#detail-faq .close-subqa:hover {
    cursor: pointer;
}

/* Detail hocvien */
#detail-hocvien {
    color: #686868;
}

#detail-hocvien .main-content {
    background: #f3f5f6;
    padding-bottom: 22px;
}

#detail-hocvien .title-hocvien {
    padding: 30px 0;
    font-size: 24px;
    font-weight: 500;
    color: #4c6379;
}

#detail-hocvien .overview .col-item {
    background: #fff;
}

#detail-hocvien .overview .col-item-gray {
    padding-bottom: 30px;
}

#detail-hocvien .overview .col-item-gray .row {
    padding: 0 20px;
}

#detail-hocvien .overview .title-itemview {
    padding: 30px;
    border-bottom: 1px solid #e1e1e1;
    font-size: 18px;
    font-weight: 500;
    color: #4c6379;
}

#detail-hocvien .overview ul {
    margin-bottom: 0;
    padding: 16px 0 16px 24px;
    border-bottom: 1px solid #e1e1e1;
}

#detail-hocvien .overview ul li {
    list-style: none;
    padding: 9px 0;
}

#detail-hocvien .img-itemview {
    margin-right: 12px;
}

/* #detail-hocvien .text-itemview {
    line-height: 42px;
} */
#detail-hocvien .link-all {
    padding: 20px 0;
    text-align: center;
}

#detail-hocvien .link-all a {
    font-size: 13px;
    text-decoration: underline;
}

#detail-hocvien .text-live {
    font-size: 18px;
    font-weight: 500;
}

#detail-hocvien .date-live {
    border: 2px solid #e95d51;
    border-radius: 10px;
}

#detail-hocvien .date-live .day {
    font-size: 15px;
    line-height: 36px;
    background: #e95d51;
    color: #fff;
}

#detail-hocvien .date-live .date {
    font-size: 30px;
    font-weight: bold;
}

#detail-hocvien .date-live .month {
    font-size: 15px;
    margin-top: -5px;
    margin-bottom: 5px;
}

#detail-hocvien .arrow-right {
    margin: auto 0;
    font-weight: bold;
}

#detail-hocvien .time-learn {
    font-size: 18px;
    color: #fff;
    padding: 18px 0;
    text-align: center;
    background: #1cbbb4;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
}

#detail-hocvien .calendar-learn {
    font-size: 18px;
}

#detail-hocvien .weekday {
    font-size: 18px;
    font-weight: bold;
    color: #e95d51;
}

#detail-hocvien .info-course {
    background: #fff;
    padding: 10px 20px;
    margin-top: 16px;
}

#detail-hocvien .info-course .title-info-course {
    font-size: 18px;
    padding: 10px 0;
    font-weight: bold;
    color: #4c6379;
}

#detail-hocvien .detail-info-course {
    background: #f8f8fb;
    padding: 20px 30px;
    font-size: 18px;
    color: #4c6379;
}

#detail-hocvien .detail-info-course .row {
    padding: 8px 0;
}

#detail-hocvien .title-feature, #detail-hocvien .title-description {
    padding: 18px 0;
    font-size: 24px;
    font-weight: bold;
    color: #4c6379;
}

#detail-hocvien .title-description {
    padding-top: 0;
}

#detail-hocvien .teacher {
    padding: 10px 32px 10px 32px;
    background: #fff;
    margin-top: 16px;
}

#detail-hocvien .title-teacher {
    font-size: 18px;
    font-weight: bold;
    color: #4c6379;
    padding: 10px 0;
    text-align: center;
}

#detail-hocvien .info-teacher {
    margin-bottom: 20px;
}

#detail-hocvien .name-teacher {
    color: #282828;
    font-weight: bold;
}

#detail-hocvien .number-student {
    font-size: 13px;
}

#detail-hocvien .social-link a {
    border: 1px solid #e1e1e1;
    border-radius: 100%;
    margin-left: 5px;
    color: #686868;
}

#detail-hocvien .social-link a.facebook {
    padding: 1px 8px 1px 9px;
}

#detail-hocvien .social-link a.twitter {
    padding: 1px 5px;
}

#detail-hocvien .social-link a.instagram {
    padding: 1px 4px 1px 6px;
}

#detail-hocvien .social-link a.video {
    padding: 1px 3px;
}

/* Detail video */
#detail-video {
    color: #686868;
}

#detail-video .main-content {
    background: #f3f5f6;
    padding-bottom: 34px;
}

#detail-video .video-head {
    padding: 22px 0;
}

#detail-video .video-head .title-video {
    font-size: 24px;
    font-weight: 500;
    color: #4c6379;
    line-height: 56px;
}

#detail-video .list-section {
    padding: 0 24px 20px 24px;
    margin-bottom: 15px;
    background: #fff;
}

#detail-video .item-section {
    padding-top: 25px;
}

#detail-video .item-section .title-section {
    font-size: 24px;
    color: #4c6379;
}

#detail-video .item-section .title-section span {
    font-size: 18px;
}

#detail-video .item-section ul {
    padding-left: 0;
    margin-top: 20px;
    margin-bottom: 0;
}

#detail-video .item-section ul li {
    list-style: none;
    border: 1px solid #e1e1e1;
    border-bottom: none;
    color: #4c6379;
    font-size: 18px;
}

#detail-video .item-section .item-session {
    padding: 13px 16px;
}

#detail-video .item-section ul li .float-right {
    font-size: 15px;
    color: #aaaaaa;
}

#detail-video .item-section ul li .float-left i.fa-check-circle {
    color: #50ee81;
}

#detail-video .item-section ul li:last-child {
    border-bottom: 1px solid #e1e1e1;
}

#detail-video .item-section .count-view {
    font-size: 15px;
    color: #4c6379;
}

#detail-video .item-section .number-session {
    margin-left: 14px;
    font-weight: 500;
}

#detail-video .collapse, #detail-video .collapsing {
    padding: 0 16px;
}

#detail-video .collapse div, #detail-video .collapsing div {
    padding: 5px 0;
    font-size: 16px;
}

#detail-video .collapse a, #detail-video .collapsing a {
    /*text-decoration: underline;*/
}

#detail-video .collapse .item-session {
    background: #f3f5f6;
    border-bottom: 1px solid #e1e1e1;
}

#detail-video .session-show {
    background: #f3f5f6;
}

/* Detail video live */
#detail-videolive {
    color: #686868;
}

#detail-videolive .main-content {
    background: #f3f5f6;
    padding-bottom: 34px;
}

#detail-videolive .list-history {
    padding: 32px 28px;
    background: #fff;
}

#detail-videolive .list-history ul {
    list-style: none;
    padding-left: 60px;
}

#detail-videolive .list-history ul li {
    font-size: 18px;
    padding: 15px 0;
}

#detail-videolive .list-history ul li a {
    color: #686868;
}

#detail-videolive .date-history {
    font-size: 24px;
    font-weight: bold;
    color: #4c6379;
    padding-top: 10px;
    padding-bottom: 5px;
}

#detail-videolive .videolive-head {
    padding: 22px 0;
}

#detail-videolive .videolive-head .title-videolive {
    font-size: 24px;
    font-weight: 500;
    color: #4c6379;
    line-height: 56px;
}

/* Video full screen */
#video-full-screen {
    display: contents;
    width: 100%;
    background: #000;
}

#video-full-screen .list-courses-wrapper {
    width: 0;
    transition: all 0.5s;
    overflow: hidden;
    float: left;
    height: 100vh;
}

#video-full-screen .list-courses-wrapper.active {
    width: var(--video-wrapper);
}

#video-full-screen .list-courses-wrapper .list-courses {
    width: var(--video-wrapper);
    padding: 0 15px 15px 15px;
    background: #fff;
    height: 100vh;
    overflow-y: scroll;
}

#video-full-screen .list-questions-wrapper.active {
    width: var(--video-wrapper);
}

#video-full-screen .list-questions-wrapper {
    width: 0;
    transition: all 0.5s;
    overflow: hidden;
    float: right;
    height: 100vh;
}

#video-full-screen .list-questions-wrapper .list-questions {
    padding: 15px;
    background: #fff;
    overflow-y: auto;
}

#video-full-screen .main-video {
    height: 100vh;
    width: 100%;
    position: relative;
    background: #000;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

#video-full-screen .main-video-wrapper {
    float: left;
    width: 100%;
    transition: all 0.5s;
}

#video-full-screen .main-video-wrapper.show-sidebar {
    width: calc(100% - var(--video-wrapper));
}

#video-full-screen .main-video .list-courses-control {
    position: absolute;
    top: 5px;
    left: 35px;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
}

#video-full-screen .main-video .list-courses-control .control-title {
    font-size: 24px;
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

#video-full-screen .main-video .list-courses-control .control-title i.fa {
    margin-right: 10px;
}

#video-full-screen .main-video .list-courses-control .control-subtitle {
    font-size: 13px;
}

#video-full-screen .video-src {
    width: 100%;
    height: 92%;
}

#video-full-screen .video-src img {
    max-width: 100%;
    height: auto;
}

.background-image-zone-able .preview-mdd_background {
    max-width: 100% !important;
    width: unset !important;
}

.control-iboss {
    padding: 10px;
    height: 78px;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #2c2f37;
    z-index: 999;
    opacity: 1.0;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -ms-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
    transition: all 100ms ease-in-out;
}

.next-pre a {
    border: 1px solid #000;
    background: #464646;
    color: #cbcbcb;
    padding: 7px 10px;
    margin-right: 15px;
    width: 105px;
    text-align: center;
    display: inline-block;
}

.control-iboss ul {
    margin-top: 15px;
    text-align: center;
    margin-bottom: 0;
}

.control-iboss ul li {
    list-style: none;
    display: inline-block;
    margin: 0 10px;
}

#video-full-screen .main-video .list-questions-control {
    color: #fff;
    text-align: center;
    left: calc(50% - 80px);
    cursor: pointer;
}

#video-full-screen .main-video .back-to-class {
    right: 28px;
    cursor: pointer;
    top: 30px;
}

#video-full-screen .main-video .video-document-lesson {
    color: #fff;
    right: 15px;
    cursor: pointer;
    top: 30px;
}

#video-full-screen .main-video .back-to-class a, #video-full-screen .main-video .back-to-class i {
    color: white;
}

#video-full-screen .list-courses {
    color: #686868;
    font-size: 16px;
}

#video-full-screen .list-questions form,
#video-full-screen .list-courses form {
    margin-top: 15px;
}

#video-full-screen .list-courses .list-section {
    background: #fff;
}

#video-full-screen .list-questions .list-questions-title,
#video-full-screen .list-courses .list-courses-title {
    font-size: 24px;
    color: #282828;
    font-weight: bold;
}

#video-full-screen .list-questions .list-questions-title i.fas,
#video-full-screen .list-courses .list-courses-title i.fas {
    float: right;
    margin-top: 0;
    font-size: 18px;
}

/*#video-full-screen .list-courses .item-section {*/
/*    padding-top: 25px;*/
/*    padding-bottom: 5px;*/
/*}*/

#video-full-screen .list-courses .item-section .title-section {
    font-size: 20px;
    color: #4c6379;
}

#video-full-screen .list-courses .item-section .title-section span {
    font-size: 16px;
}

#video-full-screen .list-courses .item-section ul {
    padding-left: 0;
    /*margin-top: 20px;*/
    margin-bottom: 0;
}

#video-full-screen .list-courses .item-section ul li {
    list-style: none;
    /* border: 1px solid #e1e1e1; */
    border-top: 1px solid #efefef;
    color: #4c6379;
    font-size: 16px;
}

#video-full-screen .list-courses .item-section .item-session {
    padding: 8px 0;
}

#video-full-screen .list-courses .item-section ul li .float-right {
    font-size: 15px;
    color: #aaaaaa;
}

#video-full-screen .list-courses .item-section ul li .float-left i.fa-check-circle {
    color: #50ee81;
}

#video-full-screen .list-courses .item-section ul li:last-child {
    /* border-bottom: 1px solid #e1e1e1; */
}

#video-full-screen .list-courses .item-section .course-collapse {
    padding: 0;
}

#video-full-screen .list-courses .item-section .course-collapse a {
    margin-bottom: 6px;
    display: block;
}

#video-full-screen .list-questions {
    color: #4c6379;
    font-size: 16px;
}

#video-full-screen .list-questions .list-questions-action {
    margin-top: 15px;
    /*     display: flex; */
}

#video-full-screen .list-questions .list-questions-action span {
    line-height: 50px;
    padding: 0 25px;
}

#video-full-screen .list-questions .list-questions-action button {
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: #eb4335;
    border-radius: 5px;
    border: none;
    line-height: 50px;
    flex: 1;
    cursor: pointer;
}

#video-full-screen .list-qa {
    background: #fff;
}

#video-full-screen .item-qa {
    padding-top: 35px;
    position: relative;
}

#video-full-screen .item-qa .title-item-qa {
    font-weight: bold;
}

#video-full-screen .item-subqa {
    padding-top: 25px;
    padding-bottom: 15px;
}

#video-full-screen .form-comment {
    padding-top: 15px;
}

#video-full-screen .main-content .see-more {
    padding-top: 24px;
    padding-bottom: 30px;
    color: #bebebe;
}

#video-full-screen .close-subqa {
    width: 10%;
    position: absolute;
    bottom: 20%;
    left: 1%;
    text-align: center;
    font-size: 13px;
    color: #bababa;
}

#video-full-screen .close-subqa:hover {
    cursor: pointer;
}

#video-full-screen .add-new-question {
    color: #282828;
    font-size: 16px;
    padding: 70px 20px;
}

#video-full-screen .add-new-question h4 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 30px;
}

#video-full-screen .add-new-question button {
    font-size: 18px;
    color: #fff;
    text-align: center;
    background: #eb4335;
    border-radius: 5px;
    border: none;
    line-height: 50px;
    cursor: pointer;
    padding: 0 20px;
}

#video-full-screen .add-new-question .question-success {
    color: #00aea0;
}

#video-full-screen .list-courses-wrapper.active .list-courses .list-courses-title {
    position: fixed;
    top: 0;
    left: 0;
    padding: 5px 15px 5px 15px;
    background: #fff;
    z-index: 10;
    width: var(--video-wrapper);
}

#video-full-screen .list-courses-wrapper .list-courses .list-courses-title {
    width: 0;
    transition: all 0.5s;
}

#video-full-screen .list-questions-wrapper.active .list-questions .list-questions-title {
    right: 0;
    top: 0;
    background: #fff;
    z-index: 10;
}

#video-full-screen .list-questions-wrapper .list-questions .list-questions-title {
    transition: all 0.5s;
}

@media screen and (max-width: 768px) {
    .tablet-hidden {
        display: none !important;
    }
    .tablet-show {
        display: block !important;
    }
    .jc-bs3-container .drag-zone-element img {
        max-width: unset !important;
    }

    .jc-bs3-container .background-image-zone-enable .preview-mdd_background {
        max-width: 208% !important;
    }

    .scroll-image-zone {
        overflow: auto;
    }

    .detail-quiz-course-result .background-image-zone {
        position: relative;
        width: 170%
    }

    .detail-quiz-test-result .background-image-zone {
        position: relative;
        width: 170%
    }

    .dropdown-menu-domain {
        left: 0;
        top: 0;
    }

    #video-full-screen .video-src img {
        width: 100%;
    }

    #video-full-screen .list-questions-wrapper,
    #video-full-screen .list-courses-wrapper {
        transition: none;
    }

    #video-full-screen .list-courses-wrapper.active {
        width: 100%;
    }

    #video-full-screen .list-courses-wrapper .list-courses {
        width: 100%;
        padding: 50px 15px 15px 15px;
        background: #fff;
        height: 100vh;
        overflow-y: scroll;
    }

    #video-full-screen .list-courses-wrapper.active .list-courses .list-courses-title {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        padding: 15px 15px 10px 15px;
        background: #fff;
        z-index: 10;
        width: 100%;
    }

    #video-full-screen .list-questions-wrapper.active {
        width: 100%;
    }

    #video-full-screen .list-questions-wrapper .list-questions {
        width: 100%;
        padding: 50px 15px 15px 15px;
        background: #fff;
    }

    #video-full-screen .main-video-wrapper.show-sidebar {
        width: 0;
        display: none;
    }

    .group-button-countdown .button-countdown-item .btn-countdown {
        width: 38px;
    }

    .title-search .title-search-title {
        float: none;
    }

    .title-search form {
        float: none;
    }

    .footer .pull-left {
        float: none !important;
    }

    .footer .pull-right {
        float: none !important;
    }

    .footer-menu ul {
        padding: 0;
    }

    .footer-menu ul li {
        padding: 0 8px;
    }

    #detail-hocvien .title-hocvien {
        padding: 20px 0;
    }

    #detail-hocvien .overview .title-itemview {
        padding: 15px;
    }

    #detail-hocvien .overview ul {
        padding: 0 15px;
    }

    #detail-hocvien .img-itemview {
        display: none;
    }

    #detail-hocvien .info-course {
        padding: 15px;
    }

    #detail-hocvien .info-course .title-info-course {
        padding: 0 0 15px;
    }

    #detail-hocvien .detail-info-course {
        padding: 5px 15px;
    }

    #detail-hocvien .teacher {
        padding: 15px;
    }

    #detail-hocvien .title-teacher {
        padding: 0 0 15px;
    }

    #detail-faq .search-form {
        padding: 15px;
    }

    #detail-video .list-section {
        padding: 15px;
    }

    #detail-video .item-section {
        padding-top: 0;
    }

    #detail-video .item-section .head-section .float-left,
    #detail-video .item-section .head-section .float-right {
        float: none !important;
    }

    #detail-video .video-head .float-left,
    #detail-video .video-head .float-right {
        float: none !important;
    }

    #detail-video .item-section .number-session,
    #detail-video .item-section .name-session {
        margin-left: 0;
    }

    #detail-video .item-section ul li .float-right {
        float: none !important;
    }

    #detail-faq .item-qa {
        padding: 15px;
    }

    #detail-announcement .item-comment {
        padding: 15px;
    }

    #detail-videolive .list-history {
        padding: 15px;
    }

    #detail-videolive .list-history ul {
        padding: 20px;
    }

    .sub-menu {
        padding: 15px;
    }

    .sub-menu select {
        padding: 15px;
        height: auto !important;
    }

    #detail-videolive .videolive-head .float-left,
    #detail-videolive .videolive-head .float-right {
        float: none !important;
    }

    #video-full-screen .main-video .list-courses-control {
        left: 15px;
    }

    #video-full-screen .main-video .list-courses-control .control-title {
        margin-left: 0;
        font-size: 20px;
        margin-top: 5px;
    }

    #video-full-screen .list-questions-wrapper.active .list-questions .list-questions-title {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        padding: 15px 15px 10px 15px;
        background: #fff;
        z-index: 10;
        width: 100%;
    }
}

/*END Detail course and detail video*/

/*------------------PRICING---------------------------*/
.mbs-block-pricing {
    text-align: center;
}

.mbs-block-pricing h3 {
    font-size: 30px;
    font-weight: bold;
}

.mbs-block-pricing span {
    color: #f00;
    font-weight: bold;
    font-size: 20px;
}

.mbs-big-box-pricing {
    padding: 60px 0;
}

.box-pricing {
    border-radius: 5px;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 6px 10px 7px rgba(66, 66, 66, 0.11), 0 7px 0 0 rgb(0, 141, 169);
    padding: 20px;
    text-align: center;
    margin-top: 10px;
}

.current {
    box-shadow: 0 6px 10px 7px rgba(66, 66, 66, 0.11), 0 7px 0 0 rgb(0, 169, 96);
}

.current a.btnupgrade {
    background: #00a960 !important;
    transition: 0.5s;
}

.current a.btnupgrade:hover {
    background: #007b49 !important;
}

.top p {
    margin-bottom: 0;
}

.box-pricing h3 {
    font-size: 24px;
    color: #1a3e55;
    font-weight: bold;
}

.box-pricing ul {
    padding: 0;
    list-style: none;
    margin-top: 10px;
}

.box-pricing ul li {
    line-height: 2;
}

.box-pricing a.btnupgrade {
    border-radius: 10px;
    background: #00aeef;
    padding: 6px 40px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
    transition: 0.5s;
    margin: 5px;
}

.box-pricing a.btnupgrade:hover {
    background: #00739e;
}

.price-big {
    font-size: 24px;
    color: #1a9dca;
    font-weight: bold;
    border-bottom: 2px solid #1a9dca;
    padding-bottom: 5px;
    width: 80%;
    margin: 0 auto
}

.price-big sup {
    font-size: 20px;
}

.price-big span {
    font-size: 16px;
    font-weight: bold;
    color: #4a4a4a;
}

.recommend {
    padding: 40px 0;
    margin-top: -10px;
    position: relative;
}

.big-box-pricing .popover {
    position: absolute;
    top: -47px;
    padding: 5px 10px;
    background: #00aeef;
    border: none;
    color: #fff;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
    max-width: 144px;
}

.big-box-pricing .popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, .25);
    border-bottom-width: 0;
}

.big-box-pricing .popover > .arrow {
    border-width: 11px;
}

.big-box-pricing .popover > .arrow, .big-box-pricing .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.big-box-pricing .popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #00aeef;
    border-bottom-width: 0;
}

.big-box-pricing .popover > .arrow:after {
    content: "";
    border-width: 10px;
}

@media (min-width: 992px) {
    .package.col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 31%;
        flex: 0 0 31%;
        max-width: 31%;
    }
}

@media (min-width: 768px) {
    .package.col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 31%;
        flex: 0 0 31%;
        max-width: 31%;
    }
}

@media (min-width: 576px) {
    .package.col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 31%;
        flex: 0 0 31%;
        max-width: 31%;
    }

    .secton_header_home .form-inline .form-control {
        display: inline-block;
        width: 95%;
        vertical-align: middle;
    }
}

/* ----> */

.mtb5 {
    margin-top: 5px;
    margin-bottom: 5px
}

.mb5 {
    margin-bottom: 5px
}

.mtb10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.mb10 {
    margin-bottom: 10px
}

.mtb15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.mb15 {
    margin-bottom: 15px
}

.mtb20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.mb20 {
    margin-bottom: 20px
}

.mtb25 {
    margin-top: 25px;
    margin-bottom: 25px
}

.mb25 {
    margin-bottom: 25px
}

.mtb30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.mb30 {
    margin-bottom: 30px
}

.mtb35 {
    margin-top: 35px;
    margin-bottom: 35px
}

.mb35 {
    margin-bottom: 35px
}

.mtb40 {
    margin-top: 40px;
    margin-bottom: 40px
}

.mb40 {
    margin-bottom: 40px
}

.mtb45 {
    margin-top: 45px;
    margin-bottom: 45px
}

.mb45 {
    margin-bottom: 45px
}

.mtb50 {
    margin-top: 50px;
    margin-bottom: 50px
}

.mb50 {
    margin-bottom: 50px
}

/*------------------------------------------*/
.header__logo {

}

.header__logo h1 {
    margin: 0;
}

.header__menu {
    text-align: right;
}

.header__menu nav ul {
    margin: 0;
    list-style: none;
    display: inline-block;
}

.header__menu nav ul li {
    display: inline-block;
    position: relative;
    padding: 25px 0;
}

.header__menu nav .nav__ul-menu li a {
    font-size: 16px;
    color: #282828;
    display: block;
    font-weight: bold;
    padding: 0 15px;
    line-height: 35px;
    text-transform: uppercase;
    position: relative;
}

.header__menu nav ul.nav__ul-menu li a:after {
    content: '';
    width: 55px;
    height: 3px;
    display: block;
    text-align: center;
    margin: 0 auto;
    background-color: transparent;
    transition: background-color 1s ease;
}

.header__menu nav ul.nav__ul-menu li.active > a, .header__menu nav ul.nav__ul-menu li:hover > a {
    color: #0381c4;
}

.header__menu nav ul.nav__ul-menu li.active a:after, .header__menu nav ul.nav__ul-menu li:hover a:after {
    background-color: #0381c4;
}

.header__menu nav .nav__ul-login li a {
    color: #282828;
    font-size: 16px;
    display: block;
    padding: 0 20px;
    line-height: 35px;
}

.header__menu nav .nav__ul-login .login a {
    font-weight: 300;
    text-transform: none;
    text-decoration: underline;
}

.header__menu nav .nav__ul-login .register a {
    color: #eb4335;
    font-weight: bold;
    border: 2px solid;
    border-radius: 20px;
    padding: 0 25px;
    text-transform: uppercase;
}

.header-mobile {
    display: none;
}

/*------------------------*/
.classroom {
    padding: 125px 0 145px;
    background: url(../images/bg-section-2.png) no-repeat center center;
    background-size: cover;
    position: relative;
    z-index: 9;
}

.classroom__text-title {
    margin-bottom: 50px;
}

.classroom__text-title h2 {
    margin: 0;
    color: #fff;
    font-size: 46px;
    text-transform: uppercase;
}

.classroom__text-title h4 {
    margin: 5px 0;
    font-size: 24px;
    color: #fff;
    font-weight: 300;
}

.classroom__text-desc {
    margin-bottom: 50px;
}

.classroom__text-desc .media-body p {
    margin: 5px 0;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
}

.classroom__text-reg {
    margin: 20px 0;
}

.classroom__text-reg a {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px 30px;
    background-color: #f15141;
    border-radius: 30px;
    position: relative;
    -webkit-user-select: none;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    white-space: nowrap;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.classroom__text-reg a:before {
    content: "";
    border-radius: 45px;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .04);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.classroom__text-reg a:hover:before, .classroom__text-reg a:focus:before, .classroom__text-reg a:active:before {
    transform: scaleX(1);
}

.classroom__image {
    position: absolute;
    right: 0;
    bottom: -145px;
    left: -165px;
}

.classroom__image img {
    max-width: inherit;
    width: 720px;
}

.curved-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 90px;
    width: 100%;
    z-index: -1;
    background: url(../images/bg-shape-4.png) no-repeat center bottom;
    background-size: 100% 100%;
}

.msg-upgrade {
    font-size: 15px;
    color: red;
    margin: 0;
}

.msg-upgrade a {
    display: inline-block;
    padding-left: 0 !important;
    color: #36a2eb !important;
    font-weight: bold;
}

/*---------------------*/
.title {
    text-align: center;
    margin-bottom: 40px;
}

.title h3 {
    margin: 0;
    font-size: 30px;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 35px;
    font-family: Muli-black;
}

.benefit__content .row {
    margin: 0 -10px;
}

.benefit__content .col-md-4.col-sm-6.col-xs-12 {
    padding: 0 10px;
}

.benefit__content-item {
    padding: 20px;
    border-radius: 5px;
    margin-bottom: 20px;
    box-shadow: 0 0 8px #e6e6e6;
}

.benefit__content-item .media {
    min-height: 75px;
    max-height: 75px;
    overflow: hidden;
}

.benefit__content-item .media-heading {
    color: #000;
    font-size: 16px;
    font-weight: bold;
}

.benefit__content-item .media-body p {
    font-size: 16px;
    font-weight: 300;
    margin-bottom: 0;
}

/*----------------------------*/
.function {
    background-color: #f8f8fb;
    padding: 45px 0;
}

.function__item {
    padding: 30px;
    background-color: #fff;
}

.function__item h3 {
    color: #f15241;
    font-size: 18px;
    font-family: Muli-Black;
    text-transform: uppercase;
    margin: 0 0 20px;
    line-height: 35px;
}

.function__item ul li {
    font-size: 18px;
    color: #000;
    line-height: 30px;
    margin-bottom: 10px;
    padding-left: 30px;
    background: url(../images/icon-check.png) no-repeat left center;
}

section.gallery {
    padding-bottom: 45px;
}

.gallery__item {
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
}

.gallery__item img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    width: 100%;
    transform: scale(1);
}

.gallery__item:hover img {
    transform: scale(1.05);
}

.gallery__item a:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: url(../images/bg-gallery.png) repeat 0 0;
}

.gallery__item a:hover:before {
    opacity: 1;
}

.gallery__item a:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: url(../images/gallery-hover.png) no-repeat center center;
}

.gallery__item a:hover:after {
    opacity: 1;
}

/*-----------------------*/
.course {
    position: relative;
    padding: 45px 0;
    background: url(../images/bg-course.png) no-repeat;
    background-size: 100%;
    z-index: 9;
}

.course .curved-bg {
    display: none;
}

.course__content-img img {
    display: initial;
}

.course__title {
    margin-bottom: 0;
}

.course__title h3 {
    color: #fff;
    font-size: 30px;
    font-family: Muli-Black;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.course__title p {
    margin: 0;
    color: #fff;
    font-size: 24px;
    font-weight: 300;
}

.course__content-btn {
    margin-top: 10px;
}

.course__content-btn a {
    display: inline-block;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
    padding: 15px 30px;
    border-radius: 30px;
    text-transform: uppercase;
    background-color: #ef4e3e;
    position: relative;
    -webkit-user-select: none;
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    white-space: nowrap;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

.course__content-btn a:before {
    content: "";
    border-radius: 45px;
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .04);
    transform: scaleX(0);
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out;
}

.course__content-btn a:hover:before, .course__content-btn a:focus:before, .course__content-btn a:active:before {
    transform: scaleX(1);
}

/*------------------------------*/
.partner__content .item {
    margin: 0 15px;
}

.partner__content .item .partner-item {
    text-align: center;
}

.partner__content .owl-theme .owl-controls .owl-buttons div {
    opacity: 1;
    background: #fff;
    padding: 0;
    margin: 0;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    color: #999999;
    font-size: 25px;
    border: 1px solid;
    position: absolute;
    left: -30px;
    top: 20%;
}

.partner__content .owl-theme .owl-controls .owl-buttons div .fa {
    line-height: 43px;
    display: block;
}

.partner__content .owl-theme .owl-controls .owl-buttons .owl-next {
    right: -30px;
    left: auto;
}

/*---------------------*/
.foo-info {
    margin-bottom: 30px;
}

#footer {
    background-color: #f8f8fb;
    border-top: 1px solid #d7d7d7;
}

.footer-top {
    padding: 40px 0 10px 0;
}

.foo-info {
    font-size: 16px;
    color: #686868;
}

.foo-info h3 {
    color: #2d2d2d;
    font-size: 22px;
    font-weight: bold;
    line-height: 30px;
    margin: 0 0 15px;
}

.foo-info a {
    color: #686868;
    font-size: 16px;
}

.foo-info p .fa {
    width: 18px;
}

.foo-info .hotline a {
    color: #eb4335;
    font-family: Muli-Black;
}

.foo-info ul li {
    line-height: 30px;
}

.foo-info ul li a {
    display: block;
}

.foo-info ul li:hover a {
    color: #eb4335;
}

.foo-info .media-heading {
    font-weight: bold;
    color: #000;
    font-size: 15px;
}

.foo-info .media-heading a {
    color: #000;
    display: block;
}

.foo-info .media .media-body {
    margin-left: 10px;
}

.app-ios {
    padding: 10px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
    margin-bottom: 15px;
}

.app-ios p {
    margin-bottom: 0;
    font-size: 14px;
}

.app-android {
    padding: 10px;
    border: 1px solid #d7d7d7;
    border-radius: 5px;
}

.app-android p {
    margin-bottom: 0;
    font-size: 14px;
}

.social p {
    font-size: 15px;
    font-weight: 600;
}

.social ul li {
    display: inline-block;
    margin-right: 15px;
}

.footer-bottom {
    padding: 15px 0;
    text-align: center;
    border-top: 1px solid #ccc;
}

.copyright p {
    margin: 0;
    color: #b7b7b7;
    font-size: 16px;
    line-height: 30px;
}

.list-tags {
    min-height: 20px;
}

.list-tags li {
    float: left;
    padding: 0 10px;
    list-style: none;
}

.list-tags li:first-child {
    padding-left: 0;
}

.active_tag, .active_tag:hover {
    color: #4e4b4b;
}

.nav-link {
    padding: 0.5rem;
}

/* .colorwhite {
    -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
} */
.cke_panel {
    z-index: 9999999999999 !important;
}


@media screen and (min-width: 768px) {
    .img-user:hover img {
        opacity: 0.5;
        cursor: pointer;
    }

    .img-user label {
        color: #000;
        font-size: 96%;
        position: absolute;
        left: 30%;
        top: 16%;
        cursor: pointer;
        display: none;
        font-weight: bold;
    }

    .img-user:hover label {
        display: block;
    }

    .img-favicon1:hover img {
        opacity: 0.5;
        cursor: pointer;
    }

    .img-favicon1 label {
        color: #000;
        font-size: 96%;
        position: absolute;
        left: 30%;
        top: 16%;
        cursor: pointer;
        display: none;
        font-weight: bold;
    }

    .img-favicon1:hover label {
        display: block;
    }
}


#tab-dashboard-menu .nav-link.active {
    color: #f8f9fa !important;
    background-color: #36a2eb;
    border: none;
    border-radius: 5px;
}

#tab-dashboard-menu .nav-link {
    border: 1px solid transparent;
    color: #333;
}

#dashboard .nav-link {
    padding: 3px 9px;
    margin-top: 8px;
}

.back-link-custom:hover {
    color: #007bff;
    text-decoration: underline;
}

.img-favicon img:hover {
    opacity: 0.5;
    cursor: pointer;
}

ul.my-2 li {
    line-height: 26px;
    float: left;
}

.table-active, .table-active > td, .table-active > th {
    background-color: rgba(201, 193, 193, 0.075) !important;
    border: 0;
}

.table thead th {
    border-bottom: 0 !important;
    vertical-align: middle;
}

.breadscrum a {
    color: #02e1f7 !important;
}

.guide-email-template {
    list-style: none;
    padding-left: 0;
}

.guide-email-template li {
    padding: 5px 0;
}

.block-email-template {
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .control-iboss {
        padding: 0;
        height: 78px;
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
        background: #2c2f37;
        opacity: 1.0;
        -webkit-transition: all 100ms ease-in-out;
        -moz-transition: all 100ms ease-in-out;
        -ms-transition: all 100ms ease-in-out;
        -o-transition: all 100ms ease-in-out;
        transition: all 100ms ease-in-out;
    }

    .next-pre a {
        border: 1px solid #000;
        background: #464646;
        color: #cbcbcb;
        padding: 6px 6px;
        margin-right: 10px;
        width: 100px;
        text-align: center;
        display: inline-block;
    }

    .control-iboss ul {
        margin-top: 15px;
        text-align: center;
        margin-bottom: 0;
        padding-left: 0;
    }

    .control-iboss ul li {
        list-style: none;
        display: inline-block;
        margin: 0 10px;
        font-size: 14px
    }

    .navbar-nav .dropdown-menu {
        position: absolute;
    }

    #tab-dashboard-menu li {
        width: 100%;
    }

    #navbarTogglerDemo01 {
        margin-top: 5px;
    }

    .main-tab-dashboard li, #input-check-card {
        width: 100%;
    }

    .btn-get-token-key {
        width: 100%;
        margin: 15px 0;
    }

    .block-btn-api {
        width: 100%;
    }

    .box-pricing {
        margin-bottom: 60px;
    }

    .block-report-filter {
        margin-bottom: 10px;
    }

    .block-total-profit {
        margin: 0 !important;
        display: block;
    }

    #v-pills-check-card .col-5 {
        flex: none;
        max-width: 100%;
        margin-bottom: 10px;
    }

    #v-pills-blogs .form-group, #get_files_in_library .form-group {
        margin: 0;
    }

    #url-youtube {
        width: 100% !important;
    }

    .email-input-retail {
        width: 65%;
    }

    .btn-filter-retail {
        border-radius: .25rem;
        margin-bottom: 10px;
        margin-left: 16px;
    }

    #list-classes .ml-2 {
        margin-left: 0 !important;
    }

    .block-bnt-create-live a {
        margin-left: 0 !important;
    }

    .block-filter-student-registed {
        width: 40%;
        display: block;
    }

    #v-pills-student-registed .row {
        display: block;
    }

    .pagination {
        float: none !important;
        margin: 10px 0;
    }

}

.container_slideshow img {
    height: 500px;
}

@media screen and (max-width: 450px) {
    /*.sc {
        padding-left: 15px;
        padding-right: 15px;
    }*/
    .section_course_home .slick-slider, .section_combo_home .slick-slider {
        margin: 0;
    }

    .container_slideshow img {
        height: auto !important;
    }

    .course-item-detail-combo-document .price-box, .course-item-detail-combo-quiz .price-box {
        margin-bottom: 55px;
    }

    #video-full-screen .list-qa {
        margin-top: 70px;
    }

    #video-full-screen .list-questions .list-questions-action {
        position: fixed;
        z-index: 99;
        width: 92%;
    }

    #video-full-screen .main-video .list-courses-control {
        font-size: 20px;
        margin-top: 10px;
    }

    #video-full-screen .main-video .list-courses-control .control-title {
        margin-left: 0;
        font-size: 14px;
        margin-top: 5px;
    }

    .control-iboss {
        padding: 0;
        height: 78px;
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
        background: #2c2f37;
        opacity: 1.0;
        -webkit-transition: all 100ms ease-in-out;
        -moz-transition: all 100ms ease-in-out;
        -ms-transition: all 100ms ease-in-out;
        -o-transition: all 100ms ease-in-out;
        transition: all 100ms ease-in-out;
    }

    .next-pre a {
        border: 1px solid #000;
        background: #464646;
        color: #cbcbcb;
        padding: 6px 0;
        margin-right: 5px;
        width: 60px;
        text-align: center;
        display: inline-block;
    }

    .control-iboss ul {
        margin-top: 15px;
        text-align: center;
        margin-bottom: 0;
        padding-left: 0;
    }

    .control-iboss ul li {
        list-style: none;
        display: inline-block;
        margin: 0 10px;
        font-size: 10px
    }

    #video-full-screen .main-video .back-to-class, #video-full-screen .main-video .list-questions-control, #video-full-screen .main-video .video-document-lesson {
        font-size: 18px;
    }

    .img-user label {
        display: block;
        margin-top: 10px;
    }

    .cup-awards {
        right: 10px !important;
    }

    iframe {
        width: 100% !important;
    }

    .fb_dialog_content iframe {
        width: 96px !important;
    }

    .zalo-chat-widget{
        right: 40px !important;
        bottom: 90px !important;
    }
}

@media only screen and (max-width: 992px) {
    .vtimeline-date {
        background: none !important;
    }

    .vtimeline-block {
        margin-left: 0 !important;
    }

    #myTimeline {
        margin: 20px 0;
    }

    #v-pills-student-registed .table-responsive, #v-pills-student-register .table-responsive {
        overflow: auto !important;
    }

    .cup-awards {
        right: 15px;
    }
}

/* .logo-default-site
{
    filter: brightness(0) invert(1);
} */
.style_logo_default_site {
    padding: 0;
    width: auto !important;
    height: 36px;
    border-radius: 0 !important;
}

/* The switch - the box around the slider */
.chk-switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 26px;
    margin-left: 10px;
}

/* Hide default HTML checkbox */
.chk-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

/* The slider */
.chk-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.chk-slider:before {
    position: absolute;
    content: "";
    height: 23px;
    width: 25px;
    left: 4px;
    bottom: 2px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .chk-slider {
    background-color: #2196F3;
}

input:focus + .chk-slider {
    box-shadow: 0 0 0 #2196F3;
}

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

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

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

.label {
    display: block;
}

.toUpperCase:first-letter {
    text-transform: uppercase
}

#video-full-screen .list-courses .item-section ul li a {
    color: #797979 !important;
}

.passed-lesson a i {
    color: #007bff !important;
}

#video-full-screen .list-courses .item-section ul li:hover a {
    color: #17a2b8 !important;
}

.active-watching {
    font-weight: bold;
    color: #17a2b8 !important;
}

#detail-video .item-section ul li p {
    margin: 0;
}

#list-lesson-course p {
    float: left;
    color: #000;
    font-weight: bold;
    margin-bottom: 0;
    font-size: 14px;
}

#list-lesson-course button {
    width: 100%;
}

#list-lesson-course .card-header {
    padding: 5px;
    border-bottom: 0;
}

#list-lesson-course .card {
    margin-bottom: 5px;
}

#list-lesson-course .list-video-course p {
    float: right;
    font-weight: normal;
}

#list-lesson-course .card-body ul li:last-child {
    border: none;
}

#list-lesson-course .card-body ul li {
    display: inline-block;
    width: 100%;
    list-style: none;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}

#list-lesson-course .list-video-course a {
    float: left;
    color: #428bca;
}

#list-lesson-course .card-body ul {
    padding-left: 0;
}

#block-comment-overview button {
    margin-top: 10px;
}

#block-comment-overview textarea {
    padding: 10px 0 0 10px;
    border-radius: 5px;
}

.info-teacher p {
    margin: 0;
}

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

.list-report-teacher li {
    list-style: none;
    padding: 5px 0;
}

.list-report-teacher li i {
    padding-right: 10px;
}

#rating i {
    margin-top: 10px;
    font-size: 22px;
}

#rating i, .start-rate1 i {
    color: #e95d51;
}

.item-comment {
    border-bottom: 1px solid #eee;
    padding: 10px 0;
}

.item-review {
    padding: 10px 0;
}

.item-comment:last-child {
    border-bottom: 0;
}

#list-review {
    margin-bottom: 20px;
}

#list-review p {
    margin: 0;
}

.ib-detail-teacher {
    margin: 30px 0;
    color: #05194b;
}

.name-detail-teacher {
    font-size: 22px;
    font-weight: 600;
}

.social-teacher ul, .info-detail-teacher ul {
    display: inline-block;
    width: 100%;
    padding-left: 0;
}

.social-teacher ul li, .info-detail-teacher ul li {
    display: inline-block;
    float: left;
}

.social-teacher i {
    color: #ccc !important;
    padding: 8px 8px 8px 9px;
    height: 35px;
    width: 35px;
    border-radius: 100%;
    border: 1px solid #ccc;
    margin: -5px 15px 5px 0;
    font-size: 16px;
    display: block;
}

.des-detail-teacher {
    margin: 10px 0;
}

.intro-teacher p {
    line-height: 20px;
    margin-bottom: 15px;
}

.info-detail-teacher ul li {
    margin-right: 70px;
    text-align: center;
}

.info-detail-teacher p {
    font-size: 20px;
}

.info-detail-teacher span {
    font-size: 30px;
    font-weight: 600;
    float: left;
}

.info-detail-teacher ul li:last-child {
    margin: 0;
}

.ib-courses {
    padding: 30px 0;
}

.u-teacher-avatar {
    float: left;
    margin-bottom: 20px;
}

.u-teacher-avatar img {
    border-radius: 85px;
}

.u-teacher-info {
    display: inline-block;
    margin-top: 20px;
}

.u-teacher-info h1 {
    font-size: 30px;
    font-weight: bold;
}

.u-teacher-info span {
    font-size: 20px;
    display: block;
    width: 375px;
}

.uti-link {
    margin-top: 20px;
}

.u-teacher-info a {
    margin-top: 20px;
    color: #fff;
    padding: 10px 20px;
    border-radius: 3px;
    border: 1px solid #fff;
    width: 175px;
    margin-right: 10px;
}

.u-teacher-right {
    float: right;
    margin-top: 50px;
}

.u-teacher-right ul li {
    display: inline;
    float: left;
    text-align: center;
    margin: 0 20px;
}

.u-teacher-right p {
    font-size: 48px;
    font-weight: bold;
}

.u-teacher-right span {
    font-weight: bold;
}

.utt-bot {
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
}

.u-teacher-top {
    background-image: url(../imgs/page-title-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 341px;
    position: relative;
}

.u-teacher-intro {
    margin: 10px 0;
}

.u-teacher-intro h3 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.u-teacher-intro p {
    margin: 10px 0;
    text-align: justify;
}

.u-teacher-video {
    margin: 20px 0;
}

.u-box-course {
    background: #f6f6f6;
}

.u-box-course-teacher {
    margin: 15px 0 20px 0;
}

.u-box-course-teacher h2 {
    font-size: 18px;
    font-weight: bold;
}

.u-box-course-teacher ul {
    padding: 0;
}

.u-box-course-teacher p {
    margin: 0;
}

.ubc-course {
    position: relative;
    border: 1px solid #e0e0e0;
    background: #fff;
    padding: 10px 10px 5px 10px;
    border-radius: 3px;
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
}

.img-ubc-course {
    width: 30%;
    float: left;
}

.img-ubc-course img {
    width: 100%;
}

.des-ubc-course {
    width: 47%;
    float: left;
    margin-left: 20px;
}

.des-ubc-course p {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

.mini-des {
    display: inline-block;
    margin-bottom: 10px;
}

.mini-des li {
    float: left;
    margin-right: 20px;
    list-style: none;
}

.big-des li {
    line-height: 25px;
    list-style: none;
}

.big-des i {
    color: #0090ff;
}

.lp-bc-price {
    text-align: right;
    font-weight: bold;
    width: 20%;
    float: right;
}

.lp-bc-price .price-b {
    font-size: 34px;
    text-decoration: none;
}

.lp-bc-price a {
    background: #ff0000;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    color: #fff;
    display: inline-block;
    width: 100%;
    border-radius: 3px;
}

.lp-bc-price .price-b sup {
    font-size: 20px;
}

.lp-bc-price .price-s {
    font-size: 24px;
    color: #696969;
    text-decoration: line-through;
}

.lp-bc-price .price-s sup {
    font-size: 12px;
}

.lp-bc-price .price-o {
    font-size: 14px;
    background: #f26522;
    border-radius: 3px;
    padding: 5px;
    color: #fff;
    display: inline-block;
    margin: 10px 0;
}

.co-or {
    color: #f26c4f;
}

.intro-course p {
    font-weight: normal;
}

@media (max-width: 767px) {
    .scroll-image-zone {
        overflow: auto;
    }

    .wrapper-quiz-mdd-content .question-answer-zone {
        display: grid;
        height: auto;
    }

    .wrapper-quiz-mdd-content .button-upload-zone {
        width: 100%;
    }

    .wrapper-quiz-mdd-content .drag-button-box {
        width: 70px;
        background: #fff;
        margin-right: 20px;
    }

    .wrapper-quiz-mdd-content .icon-font-size {
        font-size: 20px;
    }

    .wrapper-quiz-mdd-content .upload-label {
        font-size: 13px;
    }

    .wrapper-quiz-mdd-content .answer-label {
        font-size: 13px;
    }

    .wrapper-quiz-mdd-content .wrapper-answer-button {
        display: flex;
    }

    .terms-of-service-register {
        margin-bottom: 0;
        width: 240px;
    }

    .action-label-position {
        text-align: left;
    }

    .slider-teacher .slick-next {
        right: 2%;
    }

    .logo-default-site {
        margin-left: 3% !important;
    }

    .u-teacher-left {
        margin-top: 20px;
        text-align: center;
    }

    .u-teacher-avatar {
        margin-right: 0;
        float: none;
    }

    .u-teacher-info {
        margin: 0;
    }

    .u-teacher-info span {
        width: 295px;
        font-size: 15px;
    }

    .u-teacher-info a {
        display: block;
        float: left;
    }

    .u-teacher-right {
        margin-top: 0;
        float: none;
    }

    .u-teacher-right ul li {
        margin: 0 5px;
        width: 25%;
    }

    .u-teacher-right p {
        font-size: 26px;
    }

    .img-ubc-course, .des-ubc-course, .ubc-btn p, .ubc-btn a {
        width: 100%;
    }

    .des-ubc-course {
        margin: 0;
    }

    .u-teacher-info a {
        width: 155px;
    }

    .lp-bc-price {
        width: 100%;
    }

    .lp-bc-price .price-b {
        display: inline-block;
        width: 100%;
    }

    .utt-bot {
        position: relative;
        padding-bottom: 20px;
    }

    .u-teacher-top {
        height: auto;
    }

    .box-ele-course {
        margin-bottom: 25px;
        display: block;
        background-color: rgba(0, 0, 0, .05);
    }

    #img_my_course {
        width: 100% !important;
    }

    #content-course-list table th, #content-course-list table td {
        display: flow-root;
    }

    .my_courses table th, table td {
        /* display: flow-root; */
        border-top: none !important;
    }

    .my_courses .btn-join-course {
        text-align: left !important;
        margin-top: -10px;
    }

    .progress-lives-mycourses {
        width: 100% !important;
    }

    .btn-join-my-course, .btn-join-my-record {
        width: 100%;
    }

    .slider-mb-course_home .slick-prev {
        left: -2%;
    }

    .slider-mb-blog-highlight_home .slick-prev {
        left: -4% !important;
    }

    .slider-mb-blog_home .slick-prev {
        left: -2%;
    }

    .slider-mb-combo_home .slick-prev {
        left: -2%;
    }

    .slider-mb-combo_document_home .slick-prevt {
        left: -2%;
    }

    .slider-mb-combo_quiz_home .slick-prev {
        left: -2%;
    }

    .img-cart {
        height: 150px !important;
        width: 100% !important;
    }

    .list-info-cart {
        margin-top: 10px;
    }

    .list-video-course .item_course_combo_default_img {
        margin-bottom: 10px;
    }

    .course-item .course-item-detail-combo .price-box {
        padding-bottom: 40px;
    }

    .start-rate1 {
        width: 120px !important;
        float: none !important;
    }

    .block-title-cart h4 {
        font-size: 25px !important;
    }

    .info-teacher .name-teacher {
        margin-top: 10px;
    }

    .lp-bc-price-style p {
        text-align: right;
        float: right;
    }

    .lp-bc-price-style .price-o {
        margin-left: 60% !important;
    }

    .list-group-flush .style_img_blog_default {
        width: 100% !important;
        /*height: 160px !important;*/
        margin-bottom: 10px;
    }

    .list-group-flush .style_name_blog_default {
        margin-left: 0 !important;
        width: 100% !important;
    }
}

@media (min-width: 375px) and (max-width: 413px) {
    .wrapper-quiz-mdd-content .drag-img-size {
        width: 55px;
        height: 35px;
    }
}

@media (max-width: 320px) {
    .wrapper-quiz-mdd-content .drag-img-size {
        width: 50px;
        height: 30px;
    }
}

.list-quest-overview .item-qa:last-child {
    border-bottom: 0;
}

.item-theme {
    margin-bottom: 20px;
}

.hidden-div {
    display: none;
}

@media (max-width: 576px) {
    .list-report-teacher {
        text-align: center;
    }

    .list-quest-overview .item-subqa .title-item-qa, .list-quest-overview .item-subqa .content-item-qa {
        margin-left: 0;
    }

    .total-profit {
        float: right;
    }

    .item-theme {
        margin: 10px 0;
    }
}

#main {
    min-height: calc(100vh - 127px);
}

.theme_name {
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0;

}

.full-page-quiz {
    max-height: 100% !important;
    height: 90% !important;
    margin-top: 70px !important;
}

.full-page-content-quiz {
    min-height: 84%;
    /*padding-bottom: 125px !important;*/
}

.title-affiliate {
    font-family: unset !important;
}

#list-aff-program {
    padding: 0;
}

#list-aff-program li {
    list-style: none;
}

.items_policy img {
    max-width: 100%;
}

.header-search {
    position: absolute;
    right: 15px;
    background: transparent;
    color: #f26c4f;
    font-size: 15px;
    padding: 6px 20px;
}

.header-search-boxtop {
    width: 100%;
}

.search-form {
    font-size: 13px;
    font-style: italic;
    height: 40px;
    width: 99% !important;
}

.button_search {
    width: 49px;
    height: 35px;
}

.nav-wrap-cat {
    white-space: nowrap;
    display: inline-block;
    width: 100%;
}

.rating_course i {
    color: #f26c4f;
}

.price-col, .info-course-col {
    margin-bottom: 10px;
}

.teacher-name-course-section {
    margin-bottom: 0;
}

.count_review_course {
    margin-left: 5px;
}

.progress_complete_course {
    height: 21px !important;
    width: 89%;
    float: left;
    border-radius: 4px 0 0 4px;
}

.progress-cup {
    width: 10%;
    position: relative;
    float: right;
}

.btn-remake-quiz {
    margin-top: 20px;
    display: block;
}

.cup-complete, .reset-course {
    text-align: center;
}

.cup-complete i.fa-trophy {
    font-size: 120px;
    color: #ffc107;
}

.cup-complete p, .reset-course p {
    font-size: 20px;
    font-weight: bold;
    padding: 20px 0;
}

.act_upload_certificate {
    left: 107px !important;
}

.upload-certificate {
    margin-bottom: 20px;
}

.block-setting-offset-certificate .evo-pop {
    width: 218px;
}

.font-family-popup {
    width: 110%;
}

.block-setting-offset-certificate .evo-colorind {
    width: 25px;
    height: 32px;
}

.block-setting-offset-certificate .evo-pop {
    width: 126%;
}

.container-certificate-popup {
    max-width: 1500px;
}

.form-group-popup {
    width: 220%;
}

.form-group-popup .evo-colorind {
    width: 25px;
    height: 32px;
    margin-right: 20px;
}

.form-group-popup .evo-pop {
    width: 160%;
}

.container-certificate-popup .form-control {
    width: 85%;
}

.container-certificate-popup .validate-hex-color {
    width: 60% !important;
}

.block-setting-offset-certificate .label {
    margin-top: 12%;
}

@media screen and (min-width: 320px) {
    /*.button_search{
            position: absolute;
            left: 70%;
            top: 7px;
            visibility: visible;
            z-index: 2;
        }
        .unica-menu-cate-header {
            position: absolute;
            left: 60%;
            top: 13px;
        }*/
    .btn-reg-theme {
        padding: 0 !important;
    }

    .navbar-content-header .amazonmenu {
        right: 0;
    }
}

@media screen and (min-width: 992px) {
    .navbar-content-header #navbarTogglerDemo03 ul li:last-child {
        margin-bottom: 0;
    }

    .navbar-content-header .amazonmenu {
        right: unset;
    }

    .navbar-content-header .unica-menu-cate-header {
        position: relative;
        display: inline-block;
        cursor: pointer;
        color: #555;
        margin-left: 10px;
        z-index: unset;
        top: unset;
    }
}

@media screen and (max-width: 1023px) {
    .search-header-default {
        background: #fff;
        border-top: none;
        bottom: 0;
        box-shadow: 0 2px 1px #dedfe0;
        left: 0;
        padding: 10px 15px;
        position: absolute;
        right: 0;
        top: 55px;
        visibility: visible;
        z-index: 2;
        height: 65px;
    }
}

@media screen and (min-width: 1023px) {
    .search-header-default {
        margin-left: 10px;
        padding: 0 15px;
        position: relative;
        min-height: 1px;
    }
}

@media (min-width: 768px) and (max-width: 1023px) {
    .info-teacher img {
        width: 75px;
        height: 75px;
    }

    .info-teacher .name-teacher {
        margin-top: 10px;
    }

    .list-report-teacher {
        width: 100%;
        text-align: center;
    }

    .item-review img {
        width: 75px;
        height: 75px;
    }

    .list-element-review {
        margin-left: -45px;
    }

    .list-element-review p:first-child {
        margin-top: 85px !important;
    }

    .list-element-review p {
        padding-left: 5px;
        padding-right: 5px;
    }

    .list-element-review .start-rate1 {
        width: 120px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .lp-bc-price {
        width: 100% !important;
    }

    .slider-mb-course_home .slick-prev {
        left: -1%;
    }

    .slider-mb-blog-highlight_home .slick-prev {
        left: -3% !important;
    }

    .slider-mb-blog_home .slick-prev {
        left: -1%;
    }

    .slider-mb-combo_home .slick-prev {
        left: -1%;
    }

    .slider-mb-combo_document_home .slick-prevt {
        left: -1%;
    }

    .slider-mb-combo_quiz_home .slick-prev {
        left: -1%;
    }

    .commenttotal {
        text-align: left !important;
    }
}

.percent_off_label {
    display: none;
}

.box-pay-mbs {
    border: 1px solid #ccc;
}

.block-review {
    padding-right: 0;
}

.rota {
    width: 80px;
    height: 80px;
    overflow: hidden;
    position: absolute;
}

.rota-top-left {
    top: -6px;
    left: 10px;
}

.rota-membership span {
    background: #f26c4f !important;
}

.rota span {
    position: absolute;
    display: block;
    width: 150px;
    padding: 1px 0;
    z-index: 9;
    background-color: #E7505A;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    color: #fff;
    font-weight: 700;
    font-size: 9px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    text-align: center;
}

.rota-top-left span {
    right: -20px;
    top: 24px;
    transform: rotate(-45deg);
}

.rota-membership::before {
    border-color: #f26c4f !important;
}

.rota::before, .rota::after {
    position: absolute;
    z-index: 0;
    content: '';
    display: block;
    border: 5px solid #E7505A;
}

.rota-membership::after {
    border-color: #f26c4f !important;
}

.rota-top-left::after {
    bottom: 5px;
    left: -5px;
}

.rota-top-left::after {
    bottom: 8px;
    left: -5px;
}

.rota-top-left::before {
    top: -4px;
    right: 10px;
}

.ubc-course .rota-top-left {
    top: -6px;
    left: -5px;
}

.course-item .rota-top-left {
    top: 25px;
    left: 10px;
}

.course-section .rota-top-left {
    top: 10px;
    left: 10px;
}

.btn-join-my-course, .btn-join-my-record {
    padding: 10px 20px;
}

.align-column {
    flex: 0 0 20% !important;
    max-width: 20% !important;
}

.blog-main ul {
    padding: 0;
}

#content_news ul {
    padding: revert;
}

.embed-streaming {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fb-comments iframe {
    width: 100% !important;
}

.position_name {
    color: #aaa;
    font-size: 10px;
}

.package_name {
    font-size: 12px;
    text-transform: uppercase;
    padding: 1px 5px;
    margin: 3px 5px 0 0;
    background-color: #17a2b8;
}

.site_name {
    font-size: 18px;
    margin-bottom: 0;
}

.live_name {
    font-size: 15px;
    overflow: hidden;
    margin-top: 8px;
    height: 75px;
}

.filedset-site {
    border: 1px solid #ccc;
}

.legend-site {
    width: auto;
}

.title-legend {
    margin: 0 10px;
}

.item-filedset {
    margin: 10px 0;
}

.item-filedset label {
    margin: 5px 0;
}

.item-filedset:last-child {
    margin-bottom: 30px;
}

.item-filedset .label-text {
    margin-right: 20px;
}

.mt-10 {
    margin-top: 10px;
}

.pt-10 {
    padding-top: 10px;
}

.mr-10 {
    margin-right: 10px;
}

.ml-10 {
    margin-left: 10px;
}

.rounded-none {
    border-radius: 0;
}
.rounded-sm {
    border-radius: 0.125rem; /* 2px */
}
.rounded {
    border-radius: 0.25rem; /* 4px */
}
.rounded-md {
    border-radius: 0.375rem; /* 6px */
}
.rounded-lg {
    border-radius: 0.5rem; /* 8px */
}
.rounded-xl {
    border-radius: 0.75rem; /* 12px */
}
.rounded-2xl {
    border-radius: 1rem; /* 16px */
}
.rounded-3xl {
    border-radius: 1.5rem; /* 24px */
}
.rounded-full {
    border-radius: 9999px;
}

.btn-add-cat-blog {
    border: 1px solid #ccc;
    padding: 5px;
}

.tagsinput {
    height: 45px !important;
    min-height: unset !important;
}

.copyright-edubit {
    color: #aaa;
    font-size: 12px;
}

.show_info_order {
    text-align: left;
    width: 330px;
    margin: 0 auto;
}

.show_info_order li {
    list-style: square;
}

.block-view-content-campaign {
    min-height: 100vh;
}

.pdr-0 {
    padding-right: 0 !important;
}

#list-menu-setup li {
    display: inline-block;
    list-style: none;
    padding: 0 15px;
}

.lbl-section-layout {
    color: #ccc;
    font-size: 12px;
}

.list-unstyled {
    margin-right: 5px;
}

#list_orders_edubit {
    margin-top: 20px;
}

#list_orders_edubit tr td {
    text-align: center;
}

#main-layout {
    margin-top: 25px;
}

.box-result {
    margin-top: 30px;
}

.text-red {
    color: red;
}

.course-item-detail-combo .price-box p {
    margin-bottom: 0 !important;
}

.course-item-detail-course h3, .course-item-detail-combo h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    min-height: unset !important;
}

.title_blog {
    font-size: 16px;
    font-weight: bold;
    height: 4.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    min-height: unset !important;
}


/* css widget comentt and rate */
@media handheld, only screen and (max-width: 767px) {

    .img-hv {
        margin-left: -28px !important;
    }

    .content-cate-relate {
        margin-bottom: 15px;
    }

    .desc-course {
        padding-right: 15px;
        padding-left: 15px;
    }

    .img-course {
        padding-right: 15px;
        padding-left: 15px;
        height: auto !important;
        min-width: auto !important;
        width: 100% !important;
    }

    .img-course img {
        width: 100% !important;
        height: auto !important;
        margin-left: unset !important;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .number-big-rate {
        float: unset !important;
    }

    .star-big-rate {
        margin-top: unset !important;
    }
}

@media screen and (max-width: 480px) {
    .rating-student-right .u-rate-f1-star {
        padding: 0 !important;
        margin: 0 !important;
    }

    .u-rate-f1-num {
        width: 30% !important;
    }

    .u-rate-f1-star {
        width: 70% !important;
    }

    /*.mbs-block-description img, #content_news img {
        width: 100% !important;
        height: auto !important;
    }*/

    /*.mbs-block-description img {
        max-width: 20px;
    }*/
}

@media (min-width: 992px) and (max-width: 1199px) {
    .u-rate-f1-star {
        width: 37% !important;
    }
}

.ib-block-info-course .col-sm-9 {
    width: 70% !important;
}

.rating-student-right {
    float: left !important;
}

@media (min-width: 768px) {
    .content-course-cate .img-responsive {
        min-height: 84px;
    }
    .border-md {
        border: 1px solid #dee2e6 !important;
    }
}

.price-course-sale {
    font-size: 16px !important;
}

.mbs-block-tags {
    padding: 20px 0;
    background-color: #f3f3f3;
    text-transform: none;
    margin-bottom: 15px;
}

.course-tags {
    background: none;
}

.mbs-block-tags .row {
    margin-left: 0;
    margin-right: 0;
    align-items: center;
}

.mbs-block-tags .row label {
    margin-top: 4px;
}

.mbs-block-tags ul {
    margin: 0 !important;
    padding: 0;
}

.mbs-block-tags ul li {
    list-style: none;
    float: left;
    background-color: #999999;
    margin: 5px;
    padding: 0 7px;
    border-radius: 3px;
}

.mbs-block-tags ul li a {
    color: #fff;
    font-size: 14px;
}

.block-question .w3-large .quiz-title {
    display: inline-block;
    /*padding: 5px;*/
}

#profile .img-user img {
    border: 1px solid #f1f1f1;
    border-radius: 50%;
}


.switch_section {
    margin-left: 15px;
    position: relative;
    display: inline-block;
    width: 55px;
    height: 25px;
}

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

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

.slider_section:after {
    content: "\a0ON\a0\a0OFF";
    font-size: 13px;
}

.slider_section:before {
    content: 'III';
    position: absolute;
    height: 20px;
    width: 28px;
    font-size: 12px;
    left: 2px;
    bottom: 3px;
    text-align: center;
    color: #939393;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider_section {
    background-color: #2196F3;
}

input:focus + .slider_section {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider_section:before {
    -ms-transform: translateX(23px);
    transform: translateX(23px);
}

.item-partner {
    text-align: center;
    margin: 8px;
    background: #fff;
    min-height: 100px;
}

.partner-img {
    margin-top: 20px;
}

.partner-img img {
    display: inline-block !important;
    height: 100px;
    width: 200px;
}

.section_partner_home {
    padding: 30px 0;
}

.title_section_partner_home {
    text-align: center;
    font-weight: bold;
}


.header_popup_view_list_student_course table {
    width: 100%;
}

.header_popup_view_list_student_course thead, .header_popup_view_list_student_course tbody, .header_popup_view_list_student_course tr, .header_popup_view_list_student_course td, .header_popup_view_list_student_course th {
    display: block;
}

.header_popup_view_list_student_course tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.header_popup_view_list_student_course thead th {
    height: 43px;
}

.header_popup_view_list_student_course tbody {
    height: 300px;
    overflow-y: auto;
}

.header_popup_view_list_student_course tbody td, .header_popup_view_list_student_course thead th {
    float: left;
}

.item_course_combo_default_img a {
    width: 100%;
}

.item_course_combo_default_img img {
    width: 100%;
    height: 70px;
}

.box-course-collapse .card {
    height: unset !important;
}

@media screen and (max-width: 767px) {
    .item_course_combo_default_img img {
        height: unset;
    }

    .content-course-cate {
        box-shadow: 2px 2px 10px #cecece;
        border-radius: 5px;
        margin-bottom: 20px;
    }
}

ul.list-content {
    padding-left: 0;
}

ul.bankList {
    clear: both;
    height: 202px;
    width: 636px;
}

ul.bankList li {
    list-style-position: outside;
    list-style-type: none;
    cursor: pointer;
    float: left;
    margin-right: 0;
    padding: 5px 2px;
    text-align: center;
    width: 90px;
}

.list-content li {
    list-style: none outside none;
    margin: 0 0 5px;
}

.list-content li .boxContent {
    display: none;
    width: 100%;
    border: 1px solid #cccccc;
    padding: 10px;
}

.list-content li.active .boxContent {
    display: block;
}

.list-content li .boxContent ul {
    min-height: 280px;
}

i.VISA, i.MASTE, i.AMREX, i.JCB, i.VCB, i.TCB, i.MB, i.VIB, i.ICB, i.EXB, i.ACB, i.HDB, i.MSB, i.NVB, i.DAB, i.SHB, i.OJB, i.SEA, i.TPB, i.PGB, i.BIDV, i.AGB, i.SCB, i.VPB, i.VAB, i.GPB, i.SGB, i.NAB, i.BAB {
    width: 80px !important;
    height: 30px;
    display: block;
    background: url(https://www.nganluong.vn/webskins/skins/nganluong/checkout/version3/images/bank_logo.png) no-repeat;
}

i.MASTE {
    background-position: 0 -31px
}

i.AMREX {
    background-position: 0 -62px
}

i.JCB {
    background-position: 0 -93px;
}

i.VCB {
    background-position: 0 -124px;
}

i.TCB {
    background-position: 0 -155px;
}

i.MB {
    background-position: 0 -186px;
}

i.VIB {
    background-position: 0 -217px;
}

i.ICB {
    background-position: 0 -248px;
}

i.EXB {
    background-position: 0 -279px;
}

i.ACB {
    background-position: 0 -310px;
}

i.HDB {
    background-position: 0 -341px;
}

i.MSB {
    background-position: 0 -372px;
}

i.NVB {
    background-position: 0 -403px;
}

i.DAB {
    background-position: 0 -434px;
}

i.SHB {
    background-position: 0 -465px;
}

i.OJB {
    background-position: 0 -496px;
}

i.SEA {
    background-position: 0 -527px;
}

i.TPB {
    background-position: 0 -558px;
}

i.PGB {
    background-position: 0 -589px;
}

i.BIDV {
    background-position: 0 -620px;
}

i.AGB {
    background-position: 0 -651px;
}

i.SCB {
    background-position: 0 -682px;
}

i.VPB {
    background-position: 0 -713px;
}

i.VAB {
    background-position: 0 -744px;
}

i.GPB {
    background-position: 0 -775px;
}

i.SGB {
    background-position: 0 -806px;
}

i.NAB {
    background-position: 0 -837px;
}

i.BAB {
    background-position: 0 -868px;
}

ul.cardList li {
    cursor: pointer;
    float: left;
    margin-right: 0;
    padding: 5px 4px;
    text-align: center;
    /* width: 90px; */
}

ul.cardList {
    padding-left: 0;
}

.list-content a {
    color: #007bff !important;
}

.list-content input[type="radio"] {
    margin-right: 5px;
}

/* css trong config section cms */
.imgDetail {
    position: relative;
    margin-bottom: 10px;
}

.imgDetail2 {
    position: relative;
    margin-bottom: 10px;
    margin-left: -15px;
    margin-right: 15px;
}

.box-botton {
    background: #777777;
    text-align: right;
    padding: 5px;
}

.btn-viewImg {
    padding: 5px;
    font-size: 20px;
    color: #f1f1f1;
}

.btn-viewImg:hover {
    color: #f1f1f1;
}

.box-botton {
    margin-bottom: 10px;
}

.modal {
    display: none;
    position: fixed;
    z-index: 40;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.3);
}

.modal-content:not(.css-modal-bt) {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

@keyframes zoom {
    from {
        transform: scale(0)
    }
    to {
        transform: scale(1)
    }
}

@keyframes blink {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

@media only screen and (max-width: 700px) {
    .modal-content {
        width: 100%;
    }
}

/* css config section background-image */
.background_section_class {
    background-size: cover !important;
    background-position: center;
}

.select2-container, .select2-container--default .select2-search--inline .select2-search__field {
    width: 100% !important;
}

#page-default {
    padding: 0 15px;
}

.style-title-blog-css {
    height: 2.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    min-height: unset !important;
    margin-bottom: 0;
}

.style-description-blog-css {
    height: 4.6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    min-height: unset !important;
    padding: 0 15px;
}

#block-cat-blog .card-img-top {
    /*max-height: 200px;*/
}

@media screen and (max-width: 450px) {
    #block-cat-blog .card-img-top {
        /*max-height: 240px;*/
    }
}

.list_quiz_mycourse ul li {
    display: inline-block;
    width: 100%;
    list-style: none;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}

.list_quiz_mycourse ul {
    padding: 0;
    margin: 0;
}

.list_quiz_mycourse ul li a {
    padding: 0 .75rem;
}

.list_quiz_mycourse .review-demo {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.list_quiz_mycourse .review-demo:hover {
    color: #fff;
    background-color: #1c7430;
    border-color: #1c7430;
}

.review-demo-detail-course {
    background: #17a2b8;
    color: #fff !important;
    padding: 3px 10px;
    border-radius: 3px;
    transition: 0.5s;
    font-size: 14px;
    float: right !important;
}

@media screen and (max-width: 992px) {
    .review-demo-detail-course {
        float: none !important;
    }
}

.cp ul li {
    padding-bottom: 20px !important;
    padding-top: 10px;
    border-bottom: solid 1px lightgrey;
}

.review-demo-detail-course:hover {
    color: #fff;
    background-color: #0ac3e0;
    border-color: #1c7430;
}

#list_combo_quiz_acount tr {
    display: flex;
    background-color: rgba(0, 0, 0, .05);
}

.select2-container .select2-search--inline {
    width: 100%;
}

.list_quiz_mycourse ul li:last-child {
    border-bottom: 0;
}

.content-combo-document-list .list_combo_document_acount tr {
    display: flex;
    background-color: rgba(0, 0, 0, .05);
}

.content-combo-document-list .list-document {
    list-style-type: none;
    margin-left: -3.7%;
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #ccc;
}

.content-combo-document-list .list-document:last-child {
    border: none;
}

.content-combo-document-list .list-document a {
    margin-left: 1%;
}

.content-combo-document-list h5 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
}

.content-combo-document-list td {
    border: none
}

.content-combo-document-list .btn-download-document {
    background: #28a745;
    color: #fff !important;
    padding: 0 10px 0 10px;
    border-radius: 3px;
    margin-right: 20px;
    transition: 0.5s;
    font-size: 16px;
    float: right !important;
}

.filter-user-group-box {
    margin-left: -2%;
    margin-right: 7%;
}

.filter-student-user-site-box {
    margin-left: -2%;
}

.parent-nganluong .list-content {
    margin-left: 30px;
}

.parent-nganluong .rdi-nganluong {
    margin-bottom: 10px;
}

.info-payment .u-box-cart3 label {
    font-weight: bold;
}

.frm-search-header {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-search-header {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 42px;
}

.frm-search-header,
.frm-search-header::-webkit-input-placeholder {
    font-size: 15px;
    height: 42px;
}

.progress-lives-mycourses {
    background: #fff;
    height: 20px;
    width: 150px;
    margin-top: 7px;
    margin-bottom: 7px;
    cursor: pointer;
}

.slider-mb-blog-highlight_home .slick-prev {
    left: -2%;
}

.slider-mb-blog-highlight_home .slick-next {
    right: -2%;
}

/* Blog */
.list-group-flush .style_img_blog_default {
    width: 20%;
    /*height: 35px;*/
}

.list-group-flush .style_name_blog_default {
    margin-left: 5px;
    margin-top: -5px;
}

/* Course */
.box-pay-retail-course .box-pay-single {
    padding: 10px 0 0 10px;
}

.box-pay-retail-course .price-box-pay {
    padding-top: 10px;
}

.box-pay-trial-combo-course {
    border-bottom: 1px solid #ccc;
}

/* Combo course */
.box-pay-trial-combo-course .box-pay-single {
    padding: 10px 0 0 10px;
}

.box-pay-retail-combo-course .box-pay-single {
    padding: 10px 0 0 10px;
}

.box-pay-trial-combo-course .price-box-pay {
    padding-top: 10px;
}

.box-pay-retail-combo-course .price-box-pay {
    padding-top: 10px;
}

/* Combo document */
.box-pay-retail-combo-document .box-pay-single {
    padding: 10px 0 0 10px;
}

.box-pay-retail-combo-document .price-box-pay {
    padding-top: 10px;
}

/* Combo quiz */
.box-pay-retail-combo-quiz .box-pay-single {
    padding: 10px 0 0 10px;
}

.box-pay-retail-combo-quiz .price-box-pay {
    padding-top: 10px;
}

@media (min-width: 320px) and (max-width: 576px) {
    .btn-check-course-complete {
        white-space: normal !important;
    }

    .box-pay-retail-course .box-pay-single {
        border-bottom: 1px solid #ccc;
        text-align: center;
    }

    .box-combo-default {
        text-align: center;
        border-bottom: 1px solid #ccc;
    }

    .price-box-pay {
        border-left: none !important;
    }
}

@media screen and (max-width: 1023px) {
    .btn-check-course-complete {
        white-space: normal !important;
    }

    .btn-join-free-course {
        white-space: normal !important;
    }
}

@media (min-width: 320px) and (max-width: 375px) {
    .block-title-cart h4 {
        font-size: 20px !important;
    }

    .ubc-course .price-o {
        font-size: 12px !important;
    }
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

@media screen and (max-width: 1367px) {
    #tab-dashboard-menu {
        margin-left: 6%;
        margin-right: auto;
    }
}

@media screen and (max-width: 768px) {
    .navbar-toggle-menu {
        background: #fff;
    }

    #tab-dashboard-menu {
        margin-right: auto;
        margin-left: 0;
    }

    .logo-default-site {
        margin-left: 1.5%;
        margin-right: 3%;
    }

    .drop-sites {
        float: left;
    }

    .menu-content-header {
        float: right;
        margin-right: 2%;
    }

    .dropdown-toggle-mb {
        position: relative;
        top: -50px;
        left: 80px;
    }
}

@media (max-width: 736px) {
    .logo-default-site {
        margin-left: 2% !important;
    }
}

@media screen and (max-width: 812px) {
    #tab-dashboard-menu {
        margin-right: auto;
        margin-left: 0;
    }

    .logo-default-site {
        margin-left: 1.5%;
        margin-right: 3%;
    }

    .drop-sites {
        float: left;
    }

    .menu-content-header {
        float: right;
        margin-right: 2%;
    }

    .dropdown-toggle-mb {
        position: relative;
        top: -50px;
        left: 80px;
    }
}

@media screen and (min-width: 1368px) {
    #tab-dashboard-menu {
        margin: 0 auto;
    }

    #tab-dashboard-menu li:first-child {
        margin-left: -6.5%;
    }
}

.item-help {
    display: flex;
}

.item-help i {
    margin: 5px 5px 0 0;
}

@media (min-width: 769px) and (max-width: 1024px) {
    /*    .logo-default-site {
        display: none;
    }*/
    #tab-dashboard-menu {
        margin-left: 8%;
    }

    #tab-dashboard-menu .nav-link {
        padding: 2px !important;
    }
}

.btn-outline-primary {
    border-color: #007bff !important;
}

.btn-outline-danger {
    border-color: #dc3545 !important;
}

.btn-outline-dark {
    border-color: #343a40 !important;
}

.btn-outline-secondary {
    border-color: #6c757d !important;
}

.btn-outline-success {
    border-color: #28a745 !important;
}

.quiz-item {
    height: auto !important;
    border-radius: 5px !important;
}

.align-self-center i {
    font-size: 20pt;
}

.item-quest {
    cursor: pointer;
}

.true-false-bg, .one-choice-bg, .multi-choice-bg, .matching-bg, .fill-word-bg, .text-phrase-bg, .matching-drag-drop-bg {
    background-color: #fff;
    color: #333;
}

.true-false-bg:hover, .one-choice-bg:hover, .multi-choice-bg:hover, .matching-bg:hover, .fill-word-bg:hover, .text-phrase-bg:hover, .matching-drag-drop-bg:hover {
    background: #d1e8ff;
}

.true-false-bg.active, .one-choice-bg.active, .multi-choice-bg.active, .matching-bg.active, .fill-word-bg.active, .text-phrase-bg.active, .matching-drag-drop-bg.active {
    background: #d1e8ff;
}

.active-course-menu {
    background: #eee;
}

.active-course-menu i {
    font-size: 80%;
}

.btn-join-in-course {
    background: #03A9F4;
    color: #fff !important;
    border: none;
}

.navbar {
    padding: 5px 10px;
}

.signup-site-menu {
    background: #F26C50;
    color: #fff !important;
}

.menu-content-header .dropdown-info-user {
    left: -90px;
}

@media screen and (max-width: 991px) {
    .menu-content-header {
        width: 100% !important;
    }

    .menu-content-header li a.btn {
        width: 50%;
    }

    .menu-content-header .user-info, .menu-content-header li a {
        margin-left: 3%;
    }

    .menu-content-header .dropdown-info-user {
        left: 3%;
    }

    .menu-content-header .dropdown-info-user #nav_header_user_admin {
        padding: 0;
    }

    #navbarTogglerDemo03 ul li, #navbarTogglerDemo03 .logout_user_admin {
        width: 100%;
        position: unset !important;
    }

    .logo_edubit_default {
        margin-left: 5px;
    }
}

.link_certificate_course {
    margin-top: 10px;
}

.modal-backdrop {
    position: initial;
    background-color: transparent;
}

.lp-block-greeting table {
    width: 100% !important;
}

.content_tab_quiz_cms {
    max-width: 100% !important;
}

.table td, .table th {
    vertical-align: middle !important;
}

.bg-result-test {
    padding: 5px 7px;
    color: #fff;
    border-radius: 3px;
}

.fa, .fas :not(.fa-star) {
    font-weight: normal !important;
}

.tab-classes .col-md-2 {
    padding-right: 5px;
    padding-left: 5px;
}

.form-control {
    outline: 0 !important;
    box-shadow: none !important;
}

.option_zoom_cms {
    width: 100% !important;
}

@media (min-width: 1024px) {
    .container-section-slide-form .col-3-course {
        max-width: 20% !important;
    }
    .border-lg {
        border: 1px solid #dee2e6 !important;
    }
}

.wrap-count-quiz {
    margin-bottom: 10px;
}

.css-blank-add-quiz-all {
    background-color: #59b96f;
    border-color: #59b96f;
    border-radius: 5px;
    width: 100%;
}

.setting_margin {
    margin: 0;
}

.margin-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.margin-bottom-add-quiz {
    margin: 10px 0;
}

.margin-bottom-add-quiz button {
    width: 120px;
    border-radius: 10px;
    border: 1px dashed #ccc;
}

.margin-bottom-add-quiz button a {
    color: #333;
}

.margin-bottom-0 {
    margin-bottom: 0;
}

.btn-outline-secondary:hover {
    background-color: #ccc;
}

.padding-top-36 {
    padding-top: 36px;
}

.padding-top-45 {
    padding-top: 45px;
}

.img-icon-quiz {
    width: 98px;
    position: absolute;
    top: 0;
    left: 0;
}

/*.select2-container--default .select2-selection--multiple {
    height: calc(2.25rem + 2px);
}*/
.select2-container--default .select2-search--inline .select2-search__field {
    margin-top: 7px;
}

.max-with-47 {
    max-width: 47%;
}

.margin-top-p {
    width: 6%;
    margin: auto;
    text-align: center;
}

.input_answer_quiz_fill_words {
    max-width: 100%;
}

.form-review .fa, .form-review .fas, #list_review_cms .fa, #list_review_cms .fas {
    font-weight: 900 !important;
}

.sticky_quiz {
    position: sticky;
    top: 42px;
}

.mr_auto {
    margin: auto;
    width: 15%;
}

.wrap-random-quiz, .wrap-import-quiz {
    margin: 10px 0;
}

#list-quiz-test .quiz-cover {
    max-width: 100%;
    max-height: 45px;
}

#select_cousse_show_quiz_result .select2-container .select2-selection--single, #select_group_quiz_result .select2-container--default .select2-selection--single {
    height: 34px;
}

#select_cousse_show_quiz_result .select2-container--default .select2-selection--single .select2-selection__rendered, #select_group_quiz_result .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px;
}

.btn-complete-document-lesson, .btn-download-document-lesson {
    margin-bottom: 30px;
}

#list_tag_in_site span {
    background-color: #eee;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, .125);
    padding: 5px 10px;
    margin: 0 10px 10px 0;
    display: inline-block;
}

#update-test-text-link .question-answer img {
    height: unset !important;
}

.cart_shopping_mobile, .mobile-btn-more, .unica-menu-cate-header-mobile {
    display: none !important;
}

.unica-menu-cate-header-pc {
    display: block !important;
}

@media (max-width: 991px) {
    .navbar-content-header .amazonmenu {
        top: unset;
    }

    .count_cart_mobile {
        font-size: 10px;
        border-radius: 25px;
        border: 1px solid #ccc;
        position: absolute;
        top: -7px;
        left: 30px;
        padding: 1px 5px;
    }

    .hide_button_mobile {
        display: none !important;
    }

    .cart_shopping_mobile a {
        color: #EC5252;
    }

    .cart_shopping_mobile a i {
        font-weight: 900 !important;
    }

    .navbar-content-header .unica-menu-cate-header i, .cart_shopping_mobile i {
        font-size: 22px;
    }

    .mobile-btn-more {
        padding-bottom: 5px;
        margin: 10px 5px 0 5px;
        display: flex !important;
        justify-content: space-around;
        width: 100%;
    }

    .u-active-course {
        text-align: center;
        padding: 9px 10px;
        border-radius: 2px;
        display: inline-block;
        color: #fff;
        background: #00aeef;
        width: 100%;
        margin: 5px 5px 5px 0
    }

    .u-btn-log {
        text-align: center;
        padding: 9px 10px;
        border-radius: 2px;
        display: inline-block;
        color: #fff;
        background: #ec5252;
        width: 100%;
        margin: 5px;
    }

    .sm-navi-btn span {
        display: block;
        font-size: 6px
    }

    .sm-navi-btn {
        float: left;
        position: relative;
        top: 7px;
        margin-right: 6px;
        left: -20px;
    }

    .sm-navi-btn i {
        font-size: 20px;
        color: #505050;
        margin: 10px
    }

    .c_header__search-wrapper {
        outline: 0 !important;
        border: 0 !important;
        height: 44px;
        padding-top: 10px;
        position: relative;
        top: 7px;
        left: -110px;
    }

    .c_header__search-wrapper .fa-search {
        font-size: 25px;
    }

    .logo-mobile {
        height: unset;
    }

    .logo-mobile img {
        max-width: 110px;
        margin: 8px 15px 0 0;
    }

    .logo-mobile a {
        display: block;
        width: 110px;
        height: 26px;
        margin-top: 7px;
    }

    .cart-mobile {
        color: #EC5252;
        font-size: 22px;
        position: absolute;
        top: 12px;
        right: 68px;
    }

    .cart_shopping_mobile, .unica-menu-cate-header-mobile {
        display: block !important;
    }

    .unica-menu-cate-header-pc {
        display: none !important;
    }

    .button_menu_header_user_admin, .cart_shopping_mobile {
        position: relative;
        margin-top: 7px;
    }

    .button_menu_header_user_admin {
        right: 20px;
    }

    .cart_shopping_mobile {
        right: -50px;
    }
}

@media (max-width: 767px) {
    .c_header__search-wrapper {
        left: -50px;
    }

    .cart_shopping_mobile {
        right: 0;
    }
}

@media (max-width: 576px) {
    .c_header__search-wrapper {
        left: unset;
    }

    .navbar-content-header .unica-menu-cate-header i {
        text-align: left;
    }

    .button_menu_header_user_admin {
        right: 10px;
    }

    .logo-mobile {
        position: relative;
        /*left: -20px;*/
    }

    .cart_shopping_mobile {
        right: 25px;
    }
}

.action-submit-test .countdown_link_quiz {
    color: red !important;
}

.mr-30 {
    margin-right: 30px;
}

.mr-20 {
    margin-right: 20px;
}

.add_new_link_header {
    border: 1px solid;
    position: absolute;
    left: 25px;
}

.container .search-form-style {
    border-radius: 25px;
}

.select_tag_of_quiz {
    padding: 0;
    margin-right: 5px;
}

.label_radio_quiz_word {
    padding: 0 10px;
}

.disable_quiz_lesson {
    pointer-events: none;
}

.passed-lesson .disable_quiz_lesson {
    pointer-events: inherit;
}

.search-form-tag-document {
    width: 100% !important;
}

.block-search-combodocument {
    margin-top: 25px;
}

.config_percent_0 {
    background-color: #e9ecef;
    width: 100% !important;
}

.progress_complete_course .bg-progress {
    color: #555;
}

.fullname_misa {
    font-size: 20px;
    font-weight: 700;
}

.email_misa, .phone_misa {
    font-size: 12px;
    font-weight: 100;
}

.misa_menu_item {
    min-width: 210px;
}

.input-option-watermark, .input-option-appear {
    padding-left: 20px;
}

.block-search-blog {
    margin-bottom: 10px;
}

.add_load_course_tag {
    color: #ffffff;
    background-color: #f44336;
    border-color: #f44336;
    border-radius: 4px;
    padding: 6px 12px;
}

.course-item {
    border: 1px solid #dfe2e6 !important;
}

.course-item:hover {
    box-shadow: 0 4px 8px #62b0fd, 0 4px 12px rgb(0 0 0 / 8%) !important;
}

.course-item:hover .course-item-image .image-overlay {
    background: rgba(0, 0, 0, 0.0) !important;
}

#content_news img {
    height: auto !important;
}

.content-detail .ava-hv img {
    border-radius: 50% !important;
    width: 80px;
    height: 80px;
}

.lesson_detail_course_uni_search {
    margin-top: 5px !important;
    font-weight: normal;
    float: right;
    color: #55b0e2;
}

@media screen and (max-width: 460px) {
    .content-detail .ava-hv img {
        width: 60px;
        height: 60px;
    }
}

.label-100 {
    width: 100%;
    font-weight: 600;
    line-height: 22px;
    font-size: 13px;
}

.flex-1 {
    flex: 1 !important;
}

.flex-2 {
    flex: 2 !important;
}

.color-while {
    color: #fff !important;
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.grid {
    display: grid;
}

.col-span-2 { grid-column: span 2/span 2 }
.col-span-3 { grid-column: span 3/span 3 }
.col-span-4 { grid-column: span 4/span 4 }
.col-span-5 { grid-column: span 5/span 5 }
.col-span-6 { grid-column: span 6/span 6 }
.col-span-7 { grid-column: span 7/span 7 }
.col-span-8 { grid-column: span 8/span 8 }
.col-span-9 { grid-column: span 9/span 9 }
.col-span-10 { grid-column: span 10/span 10 }
.col-span-11 { grid-column: span 11/span 11 }
.col-span-12 { grid-column: span 12/span 12 }

.grid-cols-1	{ grid-template-columns: repeat(1, minmax(0, 1fr)) }
.grid-cols-2	{ grid-template-columns: repeat(2, minmax(0, 1fr)) }
.grid-cols-3	{ grid-template-columns: repeat(3, minmax(0, 1fr)) }
.grid-cols-4	{ grid-template-columns: repeat(4, minmax(0, 1fr)) }
.grid-cols-5	{ grid-template-columns: repeat(5, minmax(0, 1fr)) }
.grid-cols-6	{ grid-template-columns: repeat(6, minmax(0, 1fr)) }
.grid-cols-7	{ grid-template-columns: repeat(7, minmax(0, 1fr)) }
.grid-cols-8	{ grid-template-columns: repeat(8, minmax(0, 1fr)) }
.grid-cols-9	{ grid-template-columns: repeat(9, minmax(0, 1fr)) }
.grid-cols-10	{ grid-template-columns: repeat(10, minmax(0, 1fr)) }
.grid-cols-11	{ grid-template-columns: repeat(11, minmax(0, 1fr)) }
.grid-cols-12	{ grid-template-columns: repeat(12, minmax(0, 1fr)) }

@media screen and (max-width: 992px) {
    .grid-md-cols-1	{ grid-template-columns: repeat(1, minmax(0, 1fr))}
    .grid-md-cols-2	{ grid-template-columns: repeat(2, minmax(0, 1fr))}
    .grid-md-cols-3	{ grid-template-columns: repeat(3, minmax(0, 1fr))}
    .grid-md-cols-4	{ grid-template-columns: repeat(4, minmax(0, 1fr))}
    .grid-md-cols-5	{ grid-template-columns: repeat(5, minmax(0, 1fr))}
    .grid-md-cols-6	{ grid-template-columns: repeat(6, minmax(0, 1fr))}
    .grid-md-cols-7	{ grid-template-columns: repeat(7, minmax(0, 1fr))}
    .grid-md-cols-8	{ grid-template-columns: repeat(8, minmax(0, 1fr))}
    .grid-md-cols-9	{ grid-template-columns: repeat(9, minmax(0, 1fr))}
    .grid-md-cols-10	{ grid-template-columns: repeat(10, minmax(0, 1fr))}
    .grid-md-cols-11	{ grid-template-columns: repeat(11, minmax(0, 1fr))}
    .grid-md-cols-12	{ grid-template-columns: repeat(12, minmax(0, 1fr))}
}

@media screen and (max-width: 768px) {
    .grid-sm-cols-1	{ grid-template-columns: repeat(1, minmax(0, 1fr))}
    .grid-sm-cols-2	{ grid-template-columns: repeat(2, minmax(0, 1fr))}
    .grid-sm-cols-3	{ grid-template-columns: repeat(3, minmax(0, 1fr))}
    .grid-sm-cols-4	{ grid-template-columns: repeat(4, minmax(0, 1fr))}
    .grid-sm-cols-5	{ grid-template-columns: repeat(5, minmax(0, 1fr))}
    .grid-sm-cols-6	{ grid-template-columns: repeat(6, minmax(0, 1fr))}
    .grid-sm-cols-7	{ grid-template-columns: repeat(7, minmax(0, 1fr))}
    .grid-sm-cols-8	{ grid-template-columns: repeat(8, minmax(0, 1fr))}
    .grid-sm-cols-9	{ grid-template-columns: repeat(9, minmax(0, 1fr))}
    .grid-sm-cols-10	{ grid-template-columns: repeat(10, minmax(0, 1fr))}
    .grid-sm-cols-11	{ grid-template-columns: repeat(11, minmax(0, 1fr))}
    .grid-sm-cols-12	{ grid-template-columns: repeat(12, minmax(0, 1fr))}
}

@media screen and (max-width: 576px) {
    .grid-xs-cols-1	{ grid-template-columns: repeat(1, minmax(0, 1fr))}
    .grid-xs-cols-2	{ grid-template-columns: repeat(2, minmax(0, 1fr))}
    .grid-xs-cols-3	{ grid-template-columns: repeat(3, minmax(0, 1fr))}
    .grid-xs-cols-4	{ grid-template-columns: repeat(4, minmax(0, 1fr))}
    .grid-xs-cols-5	{ grid-template-columns: repeat(5, minmax(0, 1fr))}
    .grid-xs-cols-6	{ grid-template-columns: repeat(6, minmax(0, 1fr))}
    .grid-xs-cols-7	{ grid-template-columns: repeat(7, minmax(0, 1fr))}
    .grid-xs-cols-8	{ grid-template-columns: repeat(8, minmax(0, 1fr))}
    .grid-xs-cols-9	{ grid-template-columns: repeat(9, minmax(0, 1fr))}
    .grid-xs-cols-10	{ grid-template-columns: repeat(10, minmax(0, 1fr))}
    .grid-xs-cols-11	{ grid-template-columns: repeat(11, minmax(0, 1fr))}
    .grid-xs-cols-12	{ grid-template-columns: repeat(12, minmax(0, 1fr))}
}

.gap-1 {
    gap: 10px !important;
}
.gap-2 {
    gap: 20px !important;
}
.gap-3 {
    gap: 30px !important;
}
.gap-4 {
    gap: 40px !important;
}

.col-gap-1 {
    column-gap: 10px !important;
}

.row-gap-1 {
    row-gap: 10px !important;
}

.h-full {
    height: 100% !important;
}

.w-full {
    width: 100% !important;
}

.relative {
    position: relative;
}

.min-w-250 {
    min-width: 250px !important;
}

.events-none {
    pointer-events: none !important;
}

.border-none {
    border: none !important;
}

.uppercase {
    text-transform: uppercase !important;
}

.card {
    border-radius: 6px;
}

.bg-while {
    background-color: #fff;
}

.bg-f5 {
    background-color: #f5f5f5;
}

@media screen and (max-width: 426px) {
    .mobile-hidden {
        display: none !important;
    }

    .mobile-show {
        display: block !important;
    }
}

.larger-checkbox {
    transform: scale(1.5);
    width: 24px;
    height: 15px;
}

.select2-selection__arrow {
    height: 32px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 33px;
}

span.select2-selection.select2-selection--single {
    height: 33px;
}

#process-body {
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 100000;
    background: rgb(0 0 0 / 40%);
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    top: 0;
    text-align: center;
    line-height: 100vh;
}

/* css table fix head*/
.tableFixHead {
    overflow-y: auto;
    max-height: 350px;
}

.tableFixHead thead th {
    position: sticky;
    top: 0;
    z-index: 5;
}

.tableFixHead tbody th {
    position: sticky;
    left: 0;
}

.none-pointer-btn-secondary .btn-secondary {
    pointer-events: none !important;
}

.ellipsis-1 {
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.ellipsis-2 {
    max-height: 42px;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.ellipsis-3 {
    max-height: 62px;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.ellipsis-5 {
    max-height: 103px;
    word-break: break-word;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

/* button-tabs */
.button-tabs {
    display: flex;
    column-gap: 25px;
    border-bottom: 1px solid #dee2e6;
    font-weight: bold;
    font-size: 18px;
}

.button-tabs .tab-item {
    padding: 5px 10px;
    cursor: pointer;
    margin-bottom: -1px;
}

.button-tabs .tab-item.active {
    border-bottom: 3px solid #443a97;
}

.relate-item {
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 8px;
    display: flex;
    padding: 7px 0;
}

.input_answer_quiz_fill_words {
    max-width: 100%;
    min-width: 60px;
    padding: 0 5px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-color: #ccc;
}

span.span-drop-word {
    max-width: 100%;
    min-width: 60px;
    padding: 0 20px;
    display: inline-block;
    border: .5px solid #ccc;
    min-height: 23px;
    border-radius: 5px;
    vertical-align: bottom;
    cursor: grab;
}
span.span-drop-word.dragging {
    background-color: #37c358; /* Màu xanh nhạt */
}

select.select_word {
    margin: 3px;
    padding: 3px;
}

.no-drop {
    cursor: no-drop !important;
}

.pagination-new {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}

.pagination-new .pagination {
    margin-bottom: 0 !important;
}

.pagination-new .left {
    color: #93a2a9;
}

.header-fixed.active {
    position: fixed;
    z-index: 10;
    top: 0;
    transition: all .3s linear;
    width: 100%;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.text-sm{
    font-size: 0.75rem; /* 12px */
    line-height: 1.25rem; /* 20px */
}

.text-lg{
    font-size: 1.125rem; /* 18px */
    line-height: 1.75rem; /* 28px */
}
.text-xl{
    font-size: 1.25rem; /* 20px */
    line-height: 1.75rem; /* 28px */
}
.text-2xl{
    font-size: 1.5rem; /* 24px */
    line-height: 2rem; /* 32px */
}
.text-3xl{
    font-size: 1.875rem; /* 30px */
    line-height: 2.25rem; /* 36px */
}
.text-4xl{
    font-size: 2.25rem; /* 36px */
    line-height: 2.5rem; /* 40px */
}
.text-5xl{
    font-size: 3rem; /* 48px */
    line-height: 1;
}

/*
.item-session .lesson_css_pass:before{
    content: "\2713";
    color: #fff;
    padding: 0 3px;
    margin-right: 3px;
    font-size: 10px;
    border: 1px solid #000;
    border-radius: 10px;
}
li.passed-lesson .lesson_css_pass:before{
    background-color: #007bff;
}*/

div.text-answer span.remove-size{
    font-size: unset !important;
    font-family: unset !important;
}

#new-notification-user .new-notification-content {
    top: 120%;
    min-width: 360px;
    border-radius: 10px;
}

#new-notification-user .list-action button {
    border-radius: 20px;
    font-weight: 700;
}

#new-notification-user .list-action button.active {
    color: #fff;
    background-color: #0aa3e7;
}
#dropdown_new_notification.active {
    background-color: #0aa3e7;
    color: #fff;
}
#dropdown_new_notification .count-new-notification
{
    position: absolute;
    left: 75%;
    color: #fff;
    z-index: 20000;
    bottom: 70%;
    font-weight: 700;
    background-color: red;
    border-radius: 100%;
    padding: 1px 4px;
    font-size: 11px;
    text-align: center;
    min-width: 20px;
}

#list-new-notification {
    max-height: 70vh;
    overflow-y: auto;
}

.scrollbar-1::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.scrollbar-1::-webkit-scrollbar-track {
    background-color: #e4e4e4;
    border-radius: 100px;
}

.scrollbar-1::-webkit-scrollbar-thumb {
    background-color: #d4aa70;
    border-radius: 100px;
}

.count-new-notification[data-number="0"]{
    display: none !important;
}

#list-new-notification .un_read {
    width: 8px; height: 8px; border-radius: 100%; background-color: #0aa3e7;
}
#list-new-notification .new-notification-child {
    cursor: pointer;
    padding: 5px;
    border-radius: 5px;
}
#list-new-notification .new-notification-child .child-content .ellipsis-3{
    max-height: 75px;
}
#list-new-notification .new-notification-child:hover {
    background-color: #f5f5f5;
}

/*.not-hidden-select2 .select2-results__option[aria-selected=true],*/
.select2-container--default .select2-results__option[aria-selected=true]
{
    background-color: #8e4eef !important;
    color: #fff !important;;
    display: block !important;;
}
.select2-container--default .select2-results__option .choice {
    width: 10px;
    height: 10px;
    border: 1px solid;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: 5px;
}
.select2-container--default .select2-results__option .choice-radio {
    border-radius: 100%;
}
.select2-container--default .select2-results__option[aria-selected=true] .choice {
    background-color: #0da259;
}
#list_categories ul.nav-wrap-cat {
    display: flex;
    column-gap: 5px;
    max-width: 100%;
    overflow-x: auto;
}
#list_categories .nav-wrap-cat li.nav-item {
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    background-color: #fff;
}
#list_categories .nav-wrap-cat li.nav-item a{
    padding: 4px 10px;
}

.background-image-convert {
    background-size: cover;
    background-repeat: no-repeat;
}

.css-pagination {
    display: flex;
    justify-content: center;
    column-gap: 5px;
}

.css-pagination .item-page {
    border: 1px solid;
    border-radius: 4px;
    background-color: #f5f5f5;
    font-weight: 500;
    padding: 2px 0;
    width: 30px;
    text-align: center;
    cursor: pointer;
}
.css-pagination .item-page.disabled {
    cursor: not-allowed;
    background-color: #928989;
}

.css-pagination .item-page.active {
    background-color: #8314ce !important;
    border-color: #8314ce;
    color: #fff;
}

.aspect-ratio-5-3 {
    aspect-ratio: 5/3 !important;
    /*height: unset !important;*/
}

.aspect-ratio-3-1 {
    aspect-ratio: 3/1 !important;
    /*height: unset !important;*/
}

.aspect-ratio-19-10 {
    aspect-ratio: 19/10 !important;
}

.store .category-tree ul {
    min-height: 5px;
    list-style-type: none;
}
.store .category-tree ul a{
    cursor: pointer;
}
.store .category-tree li {
    margin-bottom: 10px;
    margin-top: 10px;
}
.store .category-tree .li-title {
    padding: 7px 10px;
    background: #bfbfbf;
    border-radius: 5px;
}

#video-full-screen .list-courses-wrapper .list-courses {
    padding: 0 0 15px 0 !important;
}

#video-full-screen .list-courses-wrapper .list-courses h3, .list-lesson-note, #video-full-screen .list-courses .list-section .head-section, #video-full-screen .list-courses .item-section ul li {
    padding: 8px 20px !important;
}

#video-full-screen .list-courses .item-section .title-section {
    color: black;
}

#video-full-screen .list-courses .list-section .head-section {
    background: #f4f4f4;
}

#video-full-screen .list-courses .item-section ul li:hover {
    background: #D1E5FC;
}

li:has(span.active-watching) {
    background: #D1E5FC !important;
}

#video-full-screen .list-courses .item-section ul li a {
    color: black !important;
}

.passed-lesson a i, .passed-lesson a span, .list-lesson-note .pass-lesson-text {
    color: #B8B8B8 !important;
}

#video-full-screen .list-courses .item-section ul li:has(span.active-watching) a {
    color: #17a2b8 !important;
}

.before-correct::before {
    content: "\2713";
    font-weight: 700;
    font-size: 20px;
    color: green;
}

.before-error::before {
    content: "\2717";
    font-weight: 700;
    font-size: 20px;
    color: red;
}

.show_student_register_div {
    position: relative;
    overflow: hidden;
    height: 55px;
}

.show_student_register_div .name {
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    bottom: 0;
    opacity: 0;
    transform: translateY(100%);
    transition: transform 1s, opacity 1s;
}

.wrs_editor .wrs_tickContainer {
    display: none !important;
}

table.table-view-affiliate tbody tr {
    display: none;
}
table.table-view-affiliate tbody tr[data-number="0"] {
    display: table-row !important;
}

.teacher-img {
    width: 260px;
    height: 250px;
    border-radius: 4px;
}

.teacher-img img {
    height: 100%;
}

.teacher-rating {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
}

.teacher-rating span {
    color: #ffd966;
    font-size: 36px;
    font-weight: bold;
}

.teacher-rating i {
    color: yellow
}

.teacher-rating-count {
    font-size: 18px;
    font-weight: 500;
}

.teacher-name-box {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.divider {
    width: 100%;
    border-bottom: 1px solid #000;
}

/* Style the tab */
.yumi-teacher .tab {
    overflow: hidden;
    background-color: white;
}

/* Style the buttons inside the tab */
.yumi-teacher .tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 4px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.yumi-teacher .tab button:hover {
    color: #126ee3;
}

/* Create an active/current tablink class */
.yumi-teacher .tab button.active {
    color: #126ee3;
}

/* Style the tab content */
.yumi-teacher .tabcontent {
    display: none;
    padding: 6px 12px;
    border-top: none;
}

.yumi-teacher .tablinks {
    text-transform: uppercase;
}

.tw-flex {
    display: flex;
}

.tw-justify-center {
    justify-content: center;
}

.tw-flex-col {
    flex-direction: column;
}

.tw-justify-between {
    justify-content: space-between;
}

.tw-relative {
    position: relative;
}

.tw-font-bold {
    font-weight: bold;
}

.tw-font-semibold {
    font-weight: 500;
}

.tw-rounded {
    border-radius: 4px;
}

.yumi-course {
    border: 1px solid; font-size: 20px; padding: 10px 15px; display: flex; flex-direction: column; position: relative; border-radius: 4px
}

.box-course-price-yumi {
    position: absolute;
    top: 0;
    right: 0;
}

.course-price-yumi {
    width: 80px;
}

.box-course-price-yumi span {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    color: white;
    position: absolute;
    top: 55%;
    left: 54%;
    transform: translate(-54%, -55%);
}

.overflow-hidden {
    overflow: hidden;
}

.hot-css::after {
    content: "HOT";
    position: absolute;
    font-size: 10px;
    padding: 1px 6px;
    background-color: red;
    border-radius: 6px;
    font-weight: bold;
    margin-left: 5px;
    color: #fff;
}

.hot-css {
    position: relative;
}

/* Highlight */
.side-change-highlight {
    position: absolute;
}
.side-change-highlight .color-picker > div {
    height: 26px;
    min-width: 26px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.side-change-highlight .side-change-highlight_child .selected {
    border: 2px solid #c5c5c5;
}
.side-change-highlight .side-change-highlight_child_content {
    background: rgba(0,0,0,.7);
    color: #fff;
    padding: 5px 10px;
    border-radius: 10px;
}
.side-change-highlight .side-change-highlight_child_content span.highlighted {
    cursor: pointer;
}
.highlighted.underline {
    text-decoration: underline 3px rgb(255, 0, 0);
}
.highlighted.underline {
    text-decoration: underline 3px rgb(255, 0, 0);
}
/* END Highlight */

.list-comment-course .rate-hv p {
    word-break: break-word;
}

.js-change-show-hide {
    cursor: pointer;
}

@media (max-width: 425px)
{
    .jc-bs3-container {
        max-width: 100vw;
    }
}

.quiz_drag_drop_word .draggable.selected {
    border: 2px solid green;
}

#mysidebarmenu li.hassub a.li-category.exist-child {
    display: flex;
    column-gap: 10px;
    justify-content: space-between;
}

#mysidebarmenu li.hassub a.li-category.exist-child::after {
    content: '';
    border: 5px solid transparent;
    border-left-color: gray;
    margin-top: auto;
    margin-bottom: auto;
}

#mysidebarmenu li.hassub a.li-category.exist-child ul.ul_child{
    position: absolute;
    z-index: 99;
}

#mysidebarmenu li.hassub ul.ul_child{
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    height: unset !important;
    background: #fff !important;
    box-shadow: 1px 1px 1px #ccc;
    border: 1px solid #eee;
}

#mysidebarmenu li.hassub:hover > ul.ul_child{
    display: block;
}

sup.sup-custom[data-learn="1"] {
    display: none;
}

sup.sup-custom {
    border: 1px solid;
    border-radius: 100%;
    padding: 1px 2px;
    margin-left: 1px;
}

.form-label label,
label.input-radio {
    display: flex;
    align-items: center;
    gap: 5px;
    cursor: pointer;
}

.form-radio-lg input[type="radio"],
.radio-lg {
    width: 17px;
    height: 17px;
}

/* FOLDER TEST */
.folder-p {
    padding: 7px 14px;
}

.folder-css {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
}

@media (max-width: 768px) {
    .folder-css {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 480px) {
    .folder-css {
        grid-template-columns: repeat(1, 1fr);
    }
}

.folder-child-css {
    display: flex;
    gap: 10px;
    align-items: center;
}

.folder-child:not(.breadcrumb-child) {
    cursor: pointer;
    border: 1px solid #ccc;
    border-radius: 8px;
    background-color: #fff;
    font-weight: bold;
}

.folder-child.breadcrumb-child {
    max-width: 200px;
    cursor: pointer;
}

a[data-toggle="dropdown"].folder-p:hover {
    opacity: 0.5;
}

.user-select-none {
    user-select: none !important;
}

#content_news {
    word-break: break-word;
}