/* extra css */
.aside-content-wrapper {
    z-index: 0;
    position: relative;
    height: 100vh !important;
}

.lessons_sidebar_section .lesson_sidebar ul li.opacity-1 {
    width: 100%;
}

/* .lesson-left-box .lesson-list-view {
    max-height: 100% !important;
} */

.lesson-list-view.overflow-visible {
    max-height: 100% !important;
}

table.table.default_table_theme {
    border-right: 1px solid #3a3c51 !important;
}

.lesson_sidebar .left_time {
    margin-left: 10px;
}

.main .header-main-inner {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    height: auto;
    display: block;
}

.wrap-drop {
    z-index: auto;
}

.wrap-drop .dropdown-menu.show {
    opacity: 1;
    z-index: 9999999;
}

@media (min-width: 1200px) {
    .lesson-left-box .lesson-list-view {
        padding-right: 0;
    }
}

@media (min-width:992px) {
    .lesson_sidebar {
        top: 64px;
        height: 100vh;
    }

    .aside-content-wrapper {
        top: 64px;
    }

    #text_lesson_preview.modal-cxl {
        max-width: 1070px !important;
    }
}

@media (min-width:768px) {
    .aside-title-area>button.border_btn_default.blue_color.mt-2 {
        margin-right: 1rem;
    }
}

@media (max-width:991px) {

    .main .header-main-inner nav .container-fluid {
        justify-content: center;
        flex-direction: column;
    }

    .main .header-main-inner nav .container-fluid {
        justify-content: center;
    }

    .navbar-light .navbar-brand {
        text-align: center;
    }

    table.table.default_table_theme {
        min-width: auto !important;
    }

    table td.sticky,
    table th.sticky {
        position: relative !important;
    }

    .lesson-list-view {
        /* overflow: visible !important; */
        margin-left: -19px;
    }

    .lesson-list-view .lesson-list-innerbox {
        width: 100%;
    }

    .lessons_sidebar_section .lesson_sidebar ul li.opacity-1 {
        width: 100%;
    }

    a.lesson_Add_btn {
        font-size: 0.6rem;
        padding: 0;
    }

    .lesson_sidebar {
        overflow-y: scroll;
        height: 100vh !important;
        position: absolute;
        left: 0;
    }

    .main .header-main-inner {
        height: 144px;
    }

    .left-nav {
        height: calc(100vh - 144px);
        top: 144px;
    }

    .aside-content-wrapper {
        height: calc(100vh - 144px);
        top: 144px;
    }

    .lesson_sidebar {
        top: 144px;
    }

    .lesson_sidebar .left_time {
        display: block;
        width: 100%;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {
    .lessons_sidebar_section .full_section .aside-content-wrapper {
        width: calc(100% - 340px);
        margin-left: 340px;
    }

    .lesson_sidebar {
        height: 100vh !important;
    }
}

@media (min-width:768px) and (max-width:991px) {
    /* .lesson_sidebar {
      width: calc(100% - 587px);
    } */

    .lessons_sidebar_section .full_section .aside-content-wrapper {
        width: calc(100% - 255px);
        margin-left: 255px;
    }

    .lessons_sidebar_section .aside-content-wrapper {
        width: calc(100% - 464px);
        margin-left: 464px;
    }

    .lesson_sidebar {
        height: 100vh !important;
    }

    #text_lesson_preview.modal-cxl iframe {
        min-height: 263px !important;
    }
}

@media (max-width:767px) {
    .navbar .nav-right-flex {
        flex-wrap: wrap;
        justify-content: center;
    }

    .left-nav.active {
        z-index: 2;
    }

    .overview-area.courses-list-overview {
        z-index: 0;
        position: relative;
    }

    .aside-content-wrapper {
        width: 100%;
        margin-left: 0
    }

    .custom-select {
        margin-top: 10px;
    }

    table.table.default_table_theme thead {
        position: relative;
        top: 0;
    }

    .lesson-list-view {
        /* overflow: visible !important; */
        margin-left: -19px;
    }

    .lesson-list-view .lesson-list-innerbox {
        width: 100%;
    }

    .lessons_sidebar_section .lesson_sidebar ul li.opacity-1 {
        width: 100%;
    }

    a.lesson_Add_btn {
        font-size: 0.6rem;
        padding: 0;
    }

    .lesson-left-box .lesson-list-view {
        width: 150px;
    }

    .lesson_sidebar ul li .drag-handle svg {
        display: none;
    }

    .lesson_sidebar ul li svg {
        display: block;
    }

    .lessons_sidebar_section .full_section .aside-content-wrapper {
        width: calc(100% - 190px);
        margin-left: 190px;
        height: 100vh !important;
    }

    .navbar .nav-right-flex .w-300 {
        margin-bottom: 1rem;
    }

    .profile-information-blog {
        padding: 15px;
    }

    .main .header-main-inner {
        height: 150px;
    }

    .left-nav {
        height: calc(100vh - 150px);
        top: 150px;
    }

    .aside-content-wrapper {
        height: calc(100vh - 150px);
        top: 150px;
    }

    .lesson_sidebar {
        height: calc(100vh - 150px);
        top: 150px;
    }

    #text_lesson_preview.modal-cxl iframe {
        min-height: 260px !important;
    }

}

@media (max-width:500px) {
    .navbar .nav-right-flex {
        flex-wrap: wrap;
        justify-content: center;
    }


    .custom-select {
        margin-top: 10px;
    }

    .navbar .nav-right-flex .w-300 {
        width: 100% !important
    }

    .aside-title-area {
        /* margin: 0rem 2rem !important; */
        text-align: center;
    }

    .flashcard-disable.pointer {
        position: relative;
        bottom: -25px;
        width: 100%;
        padding: 10px;
    }

    .main .header-main-inner {
        height: 190px;
    }

    .left-nav {
        height: calc(100vh - 190px);
        top: 190px;
    }

    .aside-content-wrapper {
        height: calc(100vh - 190px);
        top: 190px;
    }

    .lesson_sidebar {
        height: calc(100vh - 190px);
        top: 190px;
    }

    #text_lesson_preview.modal-cxl iframe {
        min-height: 200px !important;
    }
}