body {
    /* overflow: hidden; */
    background: rgb(var(--lms-theme-background));
    font-family: inter;
}
.front-pages{
    min-height: 300px;
}
.btn-light {
    border: 1px solid #ECEDEF;
    background: #fff;
}

.pointer{
    cursor: pointer;
}
.vh-235{
    height: calc(100vh - 235px);
}

.fs-7 {
    font-size: 14px;
}

.fs-8 {
    font-size: 12px;
}

.fs-9 {
    font-size: 10px;
}

.fs-10 {
    font-size: 9px;
}
.text-emerald {
    color: rgba(49, 182, 72, var(--bs-text-opacity, 1)) !important;
}
.bg-emerald {
    background-color: rgba(49, 182, 72, var(--bs-bg-opacity, 1)) !important;
}
.form-check-input:checked{
    background-color: rgb(var(--lms-button-background));
    border-color: rgb(var(--lms-button-background));
}

.main-nav {
    border-bottom: 1px solid #ECEDEF !important;
    background: #fff;
}

.main-nav-part-1 {
    max-width: 270px;
}

.main-nav-part-2 {
    /*width: calc(100% - 170px);*/
}

.main-nav-menu-1 a{
    text-decoration: none;
    color: rgb(var(--lms-theme-text-color));
    font-size: 16px;
    border-right: 1px solid #dee2e6;
    padding: 10px 14px;
}

.main-nav-menu-1 a:last-child {
    border-right: none !important;
}

.main-nav-menu-1 a:hover{
    color: gray;
}

.main-menu-dropdown-1 {
    background: #F7F8FA;
    border: 1px solid #ECEDEF;
    font-size: 16px;
    font-weight: 600;
    border-radius: 22px;
    padding: 5px 10px 5px 5px;
    cursor: pointer;
}
.main-menu-dropdown-1 span:first-child{
    background: #ECEDEF;
}
.profile-dropdown {
    min-width: 180px;
    max-width: 290px;
    top: 50px;
    right: 15px;
    background: #F7F8FA;
    border: 1px solid #ccc;
    padding: 11px 15px;
    border-radius: 5px;
    color: #000;
    display: none;
}
.notification-dropdown{
    right: 15px;
    width: 400px;
    max-height: 100vh;
    top: 50px;
    background: #F7F8FA;
    border-radius: 5px;
    color: #000;
    display: none;
}
.notification-full{
    width: 100vw !important;
    right: -22px;
    top: -16px;
    z-index: 1041 !important;
}
.profile-dropdown a {
    text-decoration: none;
    color: rgb(var(--lms-theme-text-color));
}

.profile-dropdown a:hover,
.profile-dropdown label:hover,
.profile-dropdown .logout:hover{
    color: rgb(var(--lms-button-background));
    background: rgba(var(--lms-button-background), 0.1);
}


.profile-dropdown.show-profile-dropdown, .notification-dropdown.show-notification-dropdown{
    display: flex;
    z-index: 1040;
}

.sidebar {
    border-right: 1px solid #dee2e6;
    z-index: 1040;
}
.sidebar-menu {
    width: 100%;
    /* height: calc(100% - 285px); */
    background: #fff;
    overflow-y: auto;
}

.sidebar-menu a, .admin-sidebar-menu a {
    color: rgb(var(--lms-theme-text-color));
}
.sidebar-menu a:hover, .admin-sidebar-menu a:hover {
    background: rgba(var(--lms-button-background), 0.1);
    color: rgb(var(--lms-button-background));
    border-radius: 10px;
}
.sidebar-menu a:focus, .admin-sidebar-menu a:focus {
    color: rgb(var(--lms-button-background));
}
.sidebar-menu a.active, .admin-sidebar-menu a.active {
    background: rgba(var(--lms-button-background), 0.1);
    color: rgb(var(--lms-button-background));
    border-radius: 10px;
}
.logout-btn a{
    color: rgb(var(--lms-theme-text-color));
}
.logout-btn:hover a{
    color: rgb(var(--lms-button-hover-color));
}
.text-lms {
    color: rgba(var(--lms-button-background), var(--bs-text-opacity, 1)) !important;
}
.text-lms-dark{
    color: rgba(var(--lms-dark-button-hover-background), var(--bs-text-opacity, 1)) !important;
}
.bg-lms {
    background-color: rgba(var(--lms-button-background), var(--bs-bg-opacity, 1)) !important;
}
.bg-light-secondary {
    background: #F2F3F5;
    color: #6C757D;
}
.bg-light-info {
    background: #E6F8FD;
    color: #0DCAF0;
}
.bg-light-danger   {
    background: #FFF1F1;
    color: #F83B3B;
}
.bg-light-success  {
    background: #E7F9E8;
    color: #31B648;
}
.bg-light-warning  {
    background: #FFF2D9;
    color: #E99C00;
}
.bg-light-lms-active{
    background: rgba(var(--lms-button-background), 0.1);
    color: rgb(var(--lms-button-background));
}
.sidebar-menu-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    height: 285px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    text-align: center;
}

.sidebr-menu-bottom-shedule {
    background: #FBE7ED;
    border-radius: 12px;
    padding: 20px 17px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    width: 100%;
}

.content {
    margin-left: 270px;
    height: calc(100vh - 56px);
    overflow-y: auto;
    padding: 0;
}

.main-content {
    height: calc(100vh - 56px);
    overflow-y: auto;
    padding: 0;
}


.cr-part-1 {
    width: 372px;
    flex-shrink: 0;
    gap: 1rem;
}
.cr-part-1 img{
    width: 80px;
    height: 85px;
    border-radius: .5rem;
}

.cr-part-2 {
    height: 64px;
}
.icon-20{
    width: 20px;
    height: 20px;
}
.icon-28{
    width: 28px;
    height: 28px;
}
.icon-35{
    width: 35px;
    height: 35px;
}
.icon-40{
    width: 40px;
    height: 40px;
}
.icon-52{
    width: 52px;
    height: 52px;
}
.icon-70{
    width: 70px;
    height: 70px;
}
.icon-80{
    width: 80px;
    height: 80px;
}
.icon-160{
    width: 160px;
    height: 160px;
}
.icon-200{
    width: 200px;
    height: 200px;
}
.icon-350{
    width: 350px;
    height: 350px;
}
.icon-*{
    object-fit: cover;
}

.card {
    border-radius: 16px;
    background: #fff;
    border: 1px solid #ECEDEF
}

.card-header {
    border-bottom: 1px solid #ECEDEF;
    padding: 20px;
    border-radius: 16px 16px 0 0 !important;
    background: #fff;
}

.live-class-list{
    width: 320px;
}
.schedule-box{
    width: 370px;
}
.schedule-content{
    font-size: 14px;
}
.schedule-content .border{
    border-color: #ECEDEF !important;
}
.btn-outline-lms{
    --bs-btn-color: rgb(var(--lms-button-background));
    --bs-btn-border-color: rgb(var(--lms-button-background));
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(var(--lms-button-background));
    --bs-btn-hover-border-color: rgb(var(--lms-button-background));
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(var(--lms-button-background));
    --bs-btn-active-border-color: rgb(var(--lms-button-background));
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgba(var(--lms-button-background), 0.5);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgba(var(--lms-button-background), 0.5);
    --bs-gradient: none;
}
.btn-lms {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgb(var(--lms-button-background));
    --bs-btn-border-color: rgb(var(--lms-button-background));
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(var(--lms-dark-button-hover-background)); /* Darker for hover */
    --bs-btn-hover-border-color: rgb(var(--lms-dark-button-hover-background));
    --bs-btn-focus-shadow-rgb: 175, 31, 71;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(var(--lms-dark-button-hover-background)); /* Even darker */
    --bs-btn-active-border-color: rgb(var(--lms-dark-button-hover-background));
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgb(var(--lms-button-background));
    --bs-btn-disabled-border-color: rgb(var(--lms-button-background));
}

.btn-outline-lms-black{
    --bs-btn-color: #0D0D0D;
    --bs-btn-border-color: #0D0D0D;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(var(--lms-button-background));
    --bs-btn-hover-border-color: rgb(var(--lms-button-background));
    --bs-btn-focus-shadow-rgb: 108,117,125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(var(--lms-button-background));
    --bs-btn-active-border-color: rgb(var(--lms-button-background));
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #7C858D;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #7C858D;
    --bs-gradient: none;
}

.btn-lms-light {
    background: rgba(var(--lms-button-background), 0.1) !important;
    color: rgb(var(--lms-button-background));
    border: none !important;
}

.btn-lms-light:hover {
    background: rgb(var(--lms-button-hover-background)) !important;
    color: rgb(var(--lms-button-hover-color)) !important;
    border: none !important;
}
.btn-lms-white{
    background: white;
    color: rgba(13,13,13, var(--bs-text-opacity, 1));
    border: 1px solid #ECEDEF;
}
.btn-lms-white:hover{
    background: rgba(var(--lms-button-hover-background), var(--bs-bg-opacity, 1)) !important;
    color: rgb(var(--lms-button-hover-color)) !important;
    border: 1px solid rgba(var(--lms-button-hover-background), var(--bs-bg-opacity, 1));
}

.bg-lms-light {
    background: rgba(var(--lms-button-background), var(--bs-bg-opacity, 0.1)) !important;
}

.pagination{
    --bs-pagination-color: rgb(var(--lms-button-background));
    --bs-pagination-active-bg: rgb(var(--lms-button-background));
    --bs-pagination-hover-color: rgb(var(--lms-button-hover-background));
    --bs-pagination-focus-color: rgb(var(--lms-button-hover-background));
}
.nav-link.text-lms.active{
    font-weight: bold;
    text-decoration: underline;
}
footer ul > li > a{
    color: white;
    text-decoration: none;
}

/***** Mobile menu bottom *****/
.mobile-menu-bottom .sidebar,
.mobile-menu-bottom .admin-sidebar,
.mobile-menu-bottom .dashboard-main-content,
.mobile-menu-bottom .admin-main-content,
.mobile-menu-bottom .course-main {
    height: calc(100vh - 130px) !important;
}

.mobile-menu-bottom .course-main {
    padding-bottom: 65px !important;
}

.mobile-menu-bottom .footer {
    padding-bottom: 65px !important;
}

/****** End Mobile menu bottom ******/

table thead th {
    color: rgba(var(--lms-button-background), var(--bs-text-opacity, 1)) !important;
}

@media (min-width: 1500px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1440px;
    }
}
@media (max-width: 1500px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 100%;
        margin: 0px;
    }
}
@media (max-width: 767px) {
    .cr-item {
        flex-direction: column;
        justify-content: unset;
    }
    .cr-part-1 {
        width: 100% !important;
    }
    .cr-item .cr-item-part-3{
        width: 100%;
    }

    .cr-part-2 {
        width: 100%;
        justify-content: space-between;
        align-items: center;
    }
    .cr-part-2 div{
        flex: 1;
    }

    .sidebar-menu, .admin-sidebar-menu {
        width: calc(320px);
        height: 100vh;
    }
    .full-btn{
        width: 100%;
    }
    .w-sm-100 {
        width: 100%;
    }
    .w-sm-75 {
        width: 75%;
    }
    .w-sm-50 {
        width: 50%;
    }
    .w-sm-25 {
        width: 25%;
    }

    .notification-dropdown{
        width: 320px;
    }
}
/* Tablet screens (768px and up) */
@media (min-width: 768px) {
    /********responsive style********/
    .w-md-100 {
        width: 100%;
    }
    .w-md-75 {
        width: 75%;
    }
    .w-md-50 {
        width: 50%;
    }
    .w-md-25 {
        width: 25%;
    }
}

/* Tablet screens (992px and up) */
@media (min-width: 992px) {
    /********responsive style********/
    .main-nav-part-1 {
        border-right: 1px solid #dee2e6;
        width: 270px;
    }
    .main-nav-part-2 {
        width: calc(100% - 270px);
    }
    .content {
        padding: 1.5rem;
    }
    .notification-dropdown{
        right: 220px;
    }
    .notification-full{
        right: -22px;
    }
    .sidebar-menu, .admin-sidebar-menu {
        padding-bottom: 50px;
    }
}

/* Large screens (1500px and up) */
@media (min-width: 1500px) {
    /********responsive style********/
}
@media (max-width: 575px) {
    .main-nav-part-1 {
        max-width: 200px;
    }
}
@media (max-width: 400px) {
    .main-nav-part-1 {
        max-width: 172px;
    }
}
@media (max-width: 992px) {
    .sidebar-menu, .admin-sidebar-menu {
        width: 320px;
        height: 100vh;
        overflow-y: scroll;
        padding-bottom: 80px;
    }
}
@media (max-height: 600px) {
    .hide-600 {
        display: none !important;
    }
    /* .sidebar-menu{
        height: calc(100% - 175px);
    } */
    .sidebar-menu-bottom{
        height: 175px;
    }
}


/* LiveChat */
#chat-widget-container {
    /* position: fixed; */
    bottom: 65px !important; /* Adjust as needed */
    /* left: 30px;
    z-index: 9999; */
}

.ios-mb-5 {
    margin-bottom: 5rem !important; /* or env(safe-area-inset-bottom) */
}