@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap'); /* Kill status on all course LIST views (and clean spacing) */
/* .ld-status,
.ld_course_grid_status,
.ld-course-status,
.ld-status-inline,
.ld-progress,
.ld-course-list .ld-status,
.ld-grid .ld_course_grid_status */
.single-sfwd-courses .bb-single-course-sidebar .ld-status-incomplete {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Optional: remove any leftover empty rows/gaps under cards */
.ld-item-list .ld-item-list-item .ld-item-details, .ld-course-list-items .ld_course_grid .ld_course_grid_content, .learndash-wrapper .ld-item-list .ld-item-list-item {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.bb-course-purchase .quantity, .bb-course-purchase .qty {
    display: none !important;
}

.bb-price-after-cover {
    font-weight: bolder;
    font-size: 26px !important;
    color: black;
    text-align: right;
    padding-right: 20px;
}

.learndash_join_button ,.btn-advance-start {
    border-bottom: 1px solid !important;
    border-radius: 8px;
}

/* Remove BuddyPanel left margin for Admins & Instructors */
body.page-template-ir-wisdm-dashboard-template .site, body.not-logged-in #page, body.page-template-ir-wisdm-dashboard-template #page {
    margin-left: 0 !important;
}

body.page-template-ir-wisdm-dashboard-template aside.buddypanel, body.not-logged-in aside.buddypanel, body.page-template-ir-wisdm-dashboard-template aside.buddypanel, .block.earnings {
    display: none !important;
}

body.page-template-ir-wisdm-dashboard-template .mantine-ButtonGroup-root.ir-courses-tabs button {
    display: none;
}

body.page-template-ir-wisdm-dashboard-template .mantine-ButtonGroup-root.ir-courses-tabs button:nth-child(1), body.page-template-ir-wisdm-dashboard-template .mantine-ButtonGroup-root.ir-courses-tabs button:nth-child(2) {
    display: block;
}

body.page-template-ir-wisdm-dashboard-template .wp-block-instructor-role-wisdm-tabs > ul >a.topButton {
    display: none !important;
}

body.page-template-ir-wisdm-dashboard-template .mantine-Group-root.ir-search-courses button {
    display: none;
}

/* ==== BuddyBoss: force equal columns & neutralize 'first' / wide cards ==== */
/* related posts */
.not-logged-in.blog-sidebar .post-related-posts .post-grid .hentry, .not-logged-in.blog-sidebar .post-related-posts .bb-masonry .hentry, .not-logged-in.blog-sidebar .post-related-posts .post-grid .hentry.first, .not-logged-in.blog-sidebar .post-related-posts .bb-masonry .hentry.first, .blog-sidebar .post-related-posts .post-grid .hentry, .blog-sidebar .post-related-posts .bb-masonry .hentry, .blog-sidebar .post-related-posts .post-grid .hentry.first, .blog-sidebar .post-related-posts .bb-masonry .hentry.first {
    max-width: 100%;
}

/* ===== BuddyBoss Blog – 2 Columns Layout ===== */
.not-logged-in.blog-sidebar .post-grid .hentry, .not-logged-in.blog-sidebar .bb-masonry .hentry, .not-logged-in.blog-sidebar .post-grid .hentry.first, .not-logged-in.blog-sidebar .bb-masonry .hentry.first {
    max-width: 33.33%;
}

/* Desktop: 2 posts per row */
.blog-sidebar .post-grid .hentry, .blog-sidebar .bb-masonry .hentry {
    max-width: 50% ;
    flex: auto !important;
    box-sizing: border-box;
    padding: 0 10px 20px;
    margin: 0px;
}

/* Remove BuddyBoss special first post layout */
.blog-sidebar .post-grid .hentry.first, .blog-sidebar .bb-masonry .hentry.first {
    max-width: 50% ;
}

.blog-sidebar .post-inner-wrap .entry-title {
    line-height: 24px !important;
}

.blog-sidebar .post-grid .first .ratio-wrap {
    max-width: 100% !important;
}

.blog-sidebar .post-grid .first .ratio-wrap {
    width: 100% ;
}

.blog-sidebar .post-grid .hentry.first .entry-title a, .blog-sidebar .bb-masonry .hentry.first .entry-title a {
    font-size: 18px !important;
}

.blog-sidebar .hentry.first .post-inner-wrap {
    display: block !important;
    flex-flow: initial !important;
}

.blog-sidebar .hentry.first .entry-content-wrap {
    display: block !important;
    padding: 20px 30px 25px !important;
    flex: initial !important;
}

/* Responsive: single column on mobile */
@media (max-width: 768px) {
    .blog-sidebar .post-grid .hentry.first, .blog-sidebar .post-grid .hentry, .blog-sidebar .bb-masonry .hentry {
        max-width: 100% !important;
    }
}

/* Optional: consistent image ratio */
.blog-sidebar .post-grid .entry-img, .blog-sidebar .bb-masonry .entry-img {
    max-width: 100% !important;
    aspect-ratio: 16/9;
    object-fit: cover;
}

li.tab-label.ir-products-tab, li.tab-label.ir-essays-tab, li.tab-label.ir-commissions-tab {
    display: none !important;
}

.wisdm-groups figure.mantine-11nhzn5.mantine-Image-figure {
    display: none;
    margin-top: 25px !important;
    padding: 13px !important;
}

.wisdm-groups .mantine-Text-root.ir-heading-color.mantine-rcb6p8 {
    padding: 20px 0px;
}

.bb-item-count, .bb-courses-header {
    display: none !important;
}

form.bb-cat-filter label {
    font-size: 14px !important;
    font-weight: normal !important;
    margin: 0 !important;
    padding: 0 !important;
}

form.bb-cat-filter h2 {
    margin: 0;
}

.bb-cat-filter button {
    margin-top: 10px;
}

/* aside>p {
    display: none !important;
} */
/* search page css */
.search-result-item .bb-price-after-cover {
    display: none;
}

.search-results-container {
    max-width: 1200px;
    margin: 40px auto;
    font-family: Arial, sans-serif;
}

.search-results-title {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.search-results-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.search-result-item {
    margin-bottom: 14px;
    border: 1px solid #e2e7ed;
    display: flex;
    background: white;
    padding: 25px;
    border-radius: 12px;
    position: relative;
}

.search-result-link {
    font-size: 18px;
    color: #1a0dab;
    text-decoration: none;
}

.view-link {
    font-size: 10px;
}

.search-result-link:hover {
    text-decoration: underline;
}

.search-result-url {
    font-size: 14px;
    color: #006621;
    margin: 4px 0;
}

.search-result-excerpt {
    font-size: 15px;
    color: #545454;
    margin-top: 4px;
}

.search-pagination {
    margin-top: 30px;
    text-align: center;
}

.search-pagination a {
    margin: 0 5px;
    text-decoration: none;
    color: #1a0dab;
}

.search-pagination a:hover {
    text-decoration: underline;
}

a.search-result-thumb-link {
    margin-right: 10px;
}

a.search-result-thumb-link img {
    border-radius: 9px;
}

li.search-result-item strong {
    position: absolute;
    right: 16px;
    top: 10px;
    font-size: 10px;
    font-weight: 100;
    background: #ffffff;
    padding: 0px 10px;
    border-radius: 7px;
    text-transform: uppercase;
}

.not-logged-in ul#primary-menu li a i {
    display: none;
}

.not-logged-in div#primary, .not-logged-in .container {
    max-width: 1300px !important;
}

.not-logged-in .ld-status.ld-status-incomplete.ld-third-background {
    display: none;
}

.bb-card-course-details.bb-card-course-details--noAccess .bb-course-excerpt {
    display: none;
}

#page .bb-course-title.bb-course-title-with-review {
    padding-bottom: 35px;
    position: relative;
    margin: 0;
    padding-bottom: 0;
}

.bb-course-meta {
    margin-top: 16px;
}

.gform_wrapper.gf_browser_chrome form select {
    padding: 0px 12px !important;
}

.my-application table.gv-table-view {
    height: 0;
    padding: 0;
    margin: 0;
    width: auto;
    border: 0;
}

.my-application table.gv-table-view thead, .my-application table.gv-table-view tfoot {
    height: 0;
    margin: 0;
    padding: 0;
    display: none;
}

.edit-application-my a {
    background: black;
    color: white;
    padding: 10px 20px;
    border-radius: 7px;
}

.woocommerce .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--scheduled-orders a:before {
    content: "\eec3";
}

.buddyboss-theme.single-sfwd-courses .learndash-wrapper .ld-status.ld-status-complete {
    color: white;
}

/* =========================================================
   Silvadew / BuddyBoss aligned styling for LearnDash Gradebook
   Output structure:
   .role-based-gradebook
     .student-gradebook-block
       .ld-gb-report-card-container
         .expand_collapse
         .ld-gb-report-card
           .ld-gb-report-card-title
           .ld-gb-report-card-overall
           .ld-gb-report-card-component (repeat)
             .ld-gb-report-card-component-expand
             .ld-gb-report-card-component-container
               .ld-gb-report-card-section-info
               .ld-gb-report-card-grades-container
                 table.ld-gb-report-card-grades
   ========================================================= */
/* ---------- Theme tokens ---------- */
.role-based-gradebook {
    --bb-bg: #ffffff;
    --bb-text: #111827;
    --bb-muted: #6b7280;
    --bb-border: rgba(0,0,0,.10);
    --bb-border-soft: rgba(0,0,0,.07);
    --bb-soft: rgba(0,0,0,.03);
    --bb-radius: 14px;
    --bb-radius-sm: 12px;
    --bb-shadow: 0 8px 22px rgba(0,0,0,.06);
    --bb-gap: 14px;
}

/* ---------- Course card ---------- */
.role-based-gradebook .student-gradebook-block {
    background: var(--bb-bg);
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius);
    box-shadow: var(--bb-shadow);
    padding: 18px;
    margin: 0 0 16px;
}

.role-based-gradebook .course-title {
    margin: 0 0 14px;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 800;
    color: var(--bb-text);
}

/* ---------- Container & top tools ---------- */
.role-based-gradebook .ld-gb-report-card-container {
    margin-top: 10px;
}

.role-based-gradebook .expand_collapse {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin: 0 0 14px;
    padding: 10px 12px;
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    background: var(--bb-soft);
    font-size: 13px;
    color: var(--bb-muted);
}

.role-based-gradebook .expand_collapse a {
    font-weight: 800;
    text-decoration: none;
}

.role-based-gradebook .expand_collapse a:hover {
    text-decoration: underline;
}

/* ---------- Report card wrapper ---------- */
.role-based-gradebook .ld-gb-report-card {
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    padding: 14px;
    background: #fff;
}

.role-based-gradebook .ld-gb-report-card-title {
    font-size: 14px;
    font-weight: 500;
    color: var(--bb-text);
    margin: 0 0 14px;
}

/* ---------- Overall section ---------- */
.role-based-gradebook .ld-gb-report-card-overall {
    margin: 0 0 12px;
}

.role-based-gradebook .ld-gb-report-card-section-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 12px;
    border: 1px solid var(--bb-border-soft);
    border-radius: 6px;
    background: rgba(0,0,0,.02);
}

.role-based-gradebook .ld-gb-report-card-section-title {
    font-weight: 500;
    color: var(--bb-text);
    cursor: pointer;
    font-size: 15px;
}

.role-based-gradebook .ld-gb-report-card-section-title:hover {
    text-decoration: underline;
}

/* Grade badge: uses inline background-color where provided; add fallback */
.role-based-gradebook .ld-gb-report-card-section-grade {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 46px;
    height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    letter-spacing: .02em;
    background-color: #64748b;
    /* fallback when inline is empty */
    border: 1px solid rgba(255,255,255,.35);
}

/* ---------- Components (arrow + content) ---------- */
/* Use grid so arrow is column 1 and content is column 2 */
.role-based-gradebook .ld-gb-report-card-component {
    display: grid;
    grid-template-columns: 44px 1fr;
    gap: 10px;
    align-items: start;
    margin: 12px 0 0;
}

/* Arrow box */
.role-based-gradebook .ld-gb-report-card-component-expand {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1px solid var(--bb-border);
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
    box-shadow: 0 6px 14px rgba(0,0,0,.05);
}

/* Arrow icon fallback (plugin JS toggles expand/collapse classes) */
.role-based-gradebook .ld-gb-report-card-component-expand:before {
    content: "▸";
    font-size: 16px;
    line-height: 1;
    color: var(--bb-muted);
}

.role-based-gradebook .ld-gb-report-card-component-expand.expand:before {
    content: "▾";
}

.role-based-gradebook .ld-gb-report-card-component-expand.collapse:before {
    content: "▸";
}

/* IMPORTANT: keep component content stacked (no side-by-side table) */
.role-based-gradebook .ld-gb-report-card-component-container {
    display: block;
}

/* Header row spans full width */
.role-based-gradebook .ld-gb-report-card-component-container > .ld-gb-report-card-section-info {
    width: 100%;
}

/* Grades container goes UNDER header and aligns with header column (col 2) */
.role-based-gradebook .ld-gb-report-card-grades-container {
    grid-column: 2 / 3;
    width: 100%;
    margin-top: 10px;
}

/* ---------- Tables ---------- */
.role-based-gradebook table.ld-gb-report-card-grades {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    overflow: hidden;
    background: #fff;
}

.role-based-gradebook table.ld-gb-report-card-grades th, .role-based-gradebook table.ld-gb-report-card-grades td {
    padding: 12px;
    border-bottom: 1px solid rgba(0,0,0,.06);
    font-size: 14px;
    vertical-align: top;
}

.role-based-gradebook table.ld-gb-report-card-grades th {
    background: rgba(0,0,0,.03);
    font-weight: 900;
    color: var(--bb-text);
}

.role-based-gradebook table.ld-gb-report-card-grades tr:last-child td {
    border-bottom: 0;
}

.role-based-gradebook .ld-gb-report-card-grades-column-name a {
    font-weight: 800;
    text-decoration: none;
}

.role-based-gradebook .ld-gb-report-card-grades-column-name a:hover {
    text-decoration: underline;
}

.role-based-gradebook .ld-gb-report-card-grades-column-score {
    font-weight: 900;
    white-space: nowrap;
}

/* ---------- Your extra overall grade line ---------- */
.role-based-gradebook .overall-grade {
    margin-top: 12px;
    padding: 12px 14px;
    border: 1px solid var(--bb-border);
    border-radius: var(--bb-radius-sm);
    background: rgba(0,0,0,.02);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    font-weight: 900;
    color: var(--bb-text);
}

.role-based-gradebook .overall-grade:before {
    content: "Overall";
    color: var(--bb-muted);
    font-weight: 900;
}

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
    .role-based-gradebook .student-gradebook-block {
        padding: 16px;
    }
}

@media (max-width: 767px) {
    .role-based-gradebook .student-gradebook-block {
        padding: 14px;
    }

    .role-based-gradebook .course-title {
        font-size: 16px;
    }

    .role-based-gradebook .ld-gb-report-card {
        padding: 12px;
    }

    /* Slightly smaller arrow */
    .role-based-gradebook .ld-gb-report-card-component {
        grid-template-columns: 40px 1fr;
    }

    .role-based-gradebook .ld-gb-report-card-component-expand {
        width: 36px;
        height: 36px;
        border-radius: 11px;
    }

    /* Tables: allow horizontal scroll without breaking layout */
    .role-based-gradebook .ld-gb-report-card-grades-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .role-based-gradebook table.ld-gb-report-card-grades {
        min-width: 520px;
        /* prevents cramped columns */
    }
}

@media (max-width: 420px) {
    .role-based-gradebook .ld-gb-report-card-section-info {
        padding: 10px 10px;
    }

    .role-based-gradebook .ld-gb-report-card-section-grade {
        min-width: 42px;
        height: 28px;
        padding: 0 10px;
        font-size: 12px;
    }
}

.gradebook-sec {
    margin: 30px 0px;
}

/* =========================================================
   BuddyBoss skin for LearnDash Gradebook (LD GB Frontend)
   Targets ONLY: .ld-gb-frontend-gradebook
========================================================= */
.ld-gb-frontend-gradebook {
    --bbg-bg: #fff;
    --bbg-border: rgba(0,0,0,.10);
    --bbg-border-soft: rgba(0,0,0,.07);
    --bbg-text: #1d2327;
    --bbg-muted: #6b7280;
    --bbg-shadow: 0 10px 30px rgba(0,0,0,.06);
    --bbg-radius: 16px;
    --bbg-radius-sm: 12px;
}

/* Main container as BuddyBoss card */
.ld-gb-frontend-gradebook .gradebook-container {
    background: var(--bbg-bg);
    border: 1px solid var(--bbg-border-soft);
    border-radius: var(--bbg-radius);
    box-shadow: var(--bbg-shadow);
    padding: clamp(14px, 2vw, 22px);
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding-bottom: 0;
}

/* Tidy spacing between top controls */
.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-gradebook-dropdown-container, .ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-group-dropdown-container {
    margin: 0 0 14px;
    width: 49%;
}

.ld-gb-frontend-gradebook label {
    display: inline-block;
    color: var(--bbg-text);
    margin: 0 0 9px 2px;
}

/* Select2 match BuddyBoss inputs */
.ld-gb-frontend-gradebook .select2-container {
    width: 100% !important;
}

.ld-gb-frontend-gradebook .select2-container--foundation .select2-selection--single {
    height: 56px !important;
    border-radius: 8px;
    border: 1px solid var(--bbg-border) !important;
    background: #fff !important;
    box-shadow: none !important;
    padding: 13px 12px !important;
}

.ld-gb-frontend-gradebook .select2-container--foundation .select2-selection--single .select2-selection__rendered {
    line-height: 10px !important;
    color: var(--bbg-text) !important;
    font-weight: 500;
}

.ld-gb-frontend-gradebook .select2-container--foundation .select2-selection--single .select2-selection__arrow {
    height: 44px !important;
    right: 10px !important;
}

/* Select2 dropdown panel */
.select2-dropdown {
    border: 1px solid rgba(0,0,0,.12) !important;
    border-radius: 14px !important;
    box-shadow: 0 18px 40px rgba(0,0,0,.14) !important;
    overflow: hidden;
}

.select2-search--dropdown .select2-search__field {
    border: 1px solid rgba(0,0,0,.12) !important;
    border-radius: 12px !important;
    padding: 10px 12px !important;
}

.select2-results__option {
    padding: 10px 12px !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background: rgba(0,0,0,.06) !important;
    color: #111 !important;
}

/* Search input */
.ld-gb-frontend-gradebook .search {
    height: 52px;
    border-radius: 8px;
    border: 1px solid var(--bbg-border);
    padding: 10px 12px;
    margin: 10px 0 16px;
    background: #fff;
    box-shadow: none;
    width: 49%;
}

/* Table container: rounded, scroll friendly */
.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-table-container {
    border: 1px solid var(--bbg-border-soft);
    border-radius: var(--bbg-radius);
    overflow: hidden;
    background: #fff;
}

/* Table */
.ld-gb-frontend-gradebook table.ld-gb-frontend-gradebook-list {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0;
    background: #fff;
    margin-bottom: 0;
    border: none;
}

/* Header */
.ld-gb-frontend-gradebook table.ld-gb-frontend-gradebook-list thead th {
    background: #f7f8fa;
    color: var(--bbg-text);
    font-weight: 800;
    font-size: 13px;
    padding: 14px 14px;
    border-bottom: 1px solid var(--bbg-border-soft);
    white-space: nowrap;
}

.ld-gb-frontend-gradebook table.ld-gb-frontend-gradebook-list thead th button.sort {
    all: unset;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: inherit;
    font: inherit;
}

.ld-gb-frontend-gradebook table.ld-gb-frontend-gradebook-list thead th button.sort:hover {
    opacity: .85;
}

/* Body cells */
.ld-gb-frontend-gradebook table.ld-gb-frontend-gradebook-list tbody td {
    padding: 13px 15px;
    border-bottom: none;
    vertical-align: middle;
    font-size: 14px;
    color: var(--bbg-text);
    font-weight: normal !important;
}

.ld-gb-frontend-gradebook table.ld-gb-frontend-gradebook-list tbody tr:hover td {
    background: #fbfcfe;
}

/* Name column link styling like BuddyBoss */
.ld-gb-frontend-gradebook td.display_name a.open-edit-panel {
    font-weight: normal;
    text-decoration: none !important;
    color: inherit;
    margin-top: 0;
    padding-top: 0;
    min-width: 61px;
}

.ld-gb-frontend-gradebook td.display_name a.open-edit-panel:hover {
    text-decoration: underline !important;
}

/* Hover helper link (View/Edit User Grades) */
.ld-gb-frontend-gradebook .hover-link a {
    display: inline-block;
    margin-top: 6px;
    font-size: 13px;
    color: var(--bbg-muted);
    text-decoration: none;
}

.ld-gb-frontend-gradebook .hover-link a:hover {
    color: var(--bbg-text);
    text-decoration: underline;
}

/* Grade pill (override ugly inline blocks w/ nicer shape) */
.ld-gb-frontend-gradebook .ld-gb-grade {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 999px;
    font-weight: 900;
    font-size: 13px;
    line-height: 1;
    letter-spacing: .2px;
    box-shadow: 0 8px 18px rgba(0,0,0,.10);
    white-space: nowrap;
}

/* Pagination */
.ld-gb-frontend-gradebook .pagination {
    margin: 14px 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    gap: 10px;
}

.ld-gb-frontend-gradebook .pagination a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    border-radius: 12px;
    border: 1px solid var(--bbg-border);
    background: #fff;
    text-decoration: none !important;
    font-weight: 700;
    color: var(--bbg-text);
}

.ld-gb-frontend-gradebook .pagination li.active a {
    background: rgba(0,0,0,.06);
    border-color: rgba(0,0,0,.12);
}

/* Total users text */
.ld-gb-frontend-gradebook .total-students {
    margin-top: 10px;
    color: var(--bbg-muted);
    font-weight: 600;
}

/* Export area align + spacing */
.ld-gb-frontend-gradebook .grid-container.full {
    margin-top: 16px;
}

.ld-gb-frontend-gradebook .grid-x {
    gap: 20px;
    border-top: 1px solid #cccccc85;
    padding-top: 30px;
    margin: 60px 0 0 0;
}

/* Buttons (export + back) BuddyBoss-like */
.ld-gb-frontend-gradebook .button.primary, .ld-gb-frontend-gradebook input.button.primary, .ld-gb-frontend-gradebook a.button.primary {
    border-radius: 6px !important;
    padding: 18px 16px !important;
    border: 1px solid #f68c1e;
    background: rgb(255 240 225) !important;
    color: var(--bbg-text) !important;
    box-shadow: none !important;
    transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
    height: auto;
}

.ld-gb-frontend-gradebook .button.primary:hover, .ld-gb-frontend-gradebook input.button.primary:hover, .ld-gb-frontend-gradebook a.button.primary:hover {
    background: rgba(0,0,0,.08) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.12) !important;
    transform: translateY(-1px);
}

/* Edit panel container (when you click a student) */
.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-edit-panel {
    margin-top: 18px;
}

.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-edit-panel-content {
    background: #fff;
    border: 1px solid var(--bbg-border-soft);
    border-radius: var(--bbg-radius);
    box-shadow: var(--bbg-shadow);
    padding: clamp(14px, 2vw, 22px);
}

/* Mobile: allow horizontal scroll */
@media (max-width: 900px) {
    .ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-table-container {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .ld-gb-frontend-gradebook table.ld-gb-frontend-gradebook-list {
        min-width: 860px;
    }
}

/* =========================================================
   BuddyBoss skin (Edit Panel + Components + Reveal modal)
   Scope: .ld-gb-frontend-gradebook ONLY
========================================================= */
.ld-gb-frontend-gradebook {
    --bbg-bg: #fff;
    --bbg-border: rgba(0,0,0,.10);
    --bbg-border-soft: rgba(0,0,0,.07);
    --bbg-text: #1d2327;
    --bbg-muted: #6b7280;
    --bbg-shadow: 0 10px 30px rgba(0,0,0,.06);
    --bbg-shadow-strong: 0 20px 55px rgba(0,0,0,.18);
    --bbg-radius: 16px;
    --bbg-radius-sm: 12px;
}

/* Make the edit panel breathe */
.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-edit-panel {
    margin-top: 18px;
}

/* Edit panel content as BuddyBoss card */
.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-edit-panel-content {
    background: var(--bbg-bg);
    border: 1px solid var(--bbg-border-soft);
    border-radius: var(--bbg-radius);
    box-shadow: var(--bbg-shadow);
    padding: clamp(14px, 2vw, 22px);
}

/* "Return to the Gradebook" button: keep consistent */
.ld-gb-frontend-gradebook a.back-to-gradebook.button.primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    text-decoration: none !important;
}

/* Grade for Alex header */
.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-edit-panel-user-grade {
    margin: 6px 0 18px;
    padding: 14px 14px;
    border-radius: var(--bbg-radius);
    border: 1px solid var(--bbg-border-soft);
    background: #f7f8fa;
}

.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-edit-panel-user-grade h3 {
    margin: 0;
    font-size: 18px;
    font-weight: 900;
    color: var(--bbg-text);
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.ld-gb-frontend-gradebook .user-grade-separator {
    opacity: .6;
}

/* Make the big overall grade pill nicer */
.ld-gb-frontend-gradebook .user-grade.ld-gb-grade {
    border-radius: 999px;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(0,0,0,.10);
}

/* Each component block becomes a card */
.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-component {
    border: 1px solid var(--bbg-border-soft);
    border-radius: var(--bbg-radius);
    background: #fff;
    box-shadow: 0 10px 26px rgba(0,0,0,.05);
    padding: 14px;
    margin: 0 0 14px;
}

/* Component header row */
.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-component-grade-container {
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(0,0,0,.06);
}

.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-component-alignment {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-component-name {
    font-weight: 900;
    color: var(--bbg-text);
    font-size: 15px;
}

/* Component grade pill */
.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-component-grade .ld-gb-grade {
    border-radius: 999px;
    padding: 7px 11px;
    font-weight: 900;
    font-size: 13px;
    box-shadow: 0 8px 18px rgba(0,0,0,.10);
}

/* Component table styling */
.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-component table {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: var(--bbg-radius);
    overflow: hidden;
    background: #fff;
}

.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-component table thead th {
    background: #f7f8fa;
    padding: 12px 12px;
    font-size: 13px;
    font-weight: 800;
    color: var(--bbg-text);
    border-bottom: 1px solid rgba(0,0,0,.06);
    white-space: nowrap;
}

.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-component table tbody td {
    padding: 12px 12px;
    border-bottom: 1px solid rgba(0,0,0,.06);
    vertical-align: middle;
    color: var(--bbg-text);
    font-size: 14px;
}

.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-component table tbody tr:hover td {
    background: #fbfcfe;
}

/* Name cell: icon + title nicer */
.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-grade-name {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-component-grade-icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.06);
}

.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-grade-name a {
    text-decoration: none !important;
    font-weight: 800;
    color: var(--bbg-text);
}

.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-grade-name a:hover {
    text-decoration: underline !important;
}

/* "Edit" link becomes a BuddyBoss mini button */
.ld-gb-frontend-gradebook a.ld-gb-frontend-gradebook-grade-update-show {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.10);
    background: rgba(0,0,0,.06);
    color: var(--bbg-text);
    font-weight: 800;
    text-decoration: none !important;
    white-space: nowrap;
}

.ld-gb-frontend-gradebook a.ld-gb-frontend-gradebook-grade-update-show:hover {
    background: rgba(0,0,0,.08);
    transform: translateY(-1px);
}

/* The score cell grade pill */
.ld-gb-frontend-gradebook td .ld-gb-grade {
    border-radius: 999px;
    padding: 7px 11px;
    font-weight: normal;
    box-shadow: 0 8px 18px rgba(0,0,0,.10);
}

/* =========================
   Reveal modal (Status popup)
========================= */
.ld-gb-frontend-gradebook .reveal.ld-gb-frontend-gradebook-grade-edit-overlay {
    border: 0 !important;
    border-radius: 18px !important;
    box-shadow: var(--bbg-shadow-strong) !important;
    padding: 18px !important;
    max-width: 520px;
}

/* Modal close button */
.ld-gb-frontend-gradebook .reveal .close-button {
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(0,0,0,.06);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    top: 14px;
    right: 14px;
}

.ld-gb-frontend-gradebook .reveal .close-button:hover {
    background: rgba(0,0,0,.09);
}

/* Modal label and select */
.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-grade-edit-status-container label {
    font-weight: 900;
    margin-bottom: 8px;
    display: inline-block;
}

.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-grade-edit-status-container select {
    width: 100%;
    height: 46px;
    border-radius: 12px;
    border: 1px solid var(--bbg-border);
    padding: 8px 12px;
    background: #fff;
}

/* Modal actions row */
.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-grade-edit-submit-container input[type="submit"] {
    width: 100%;
    height: 46px;
    border-radius: 14px;
    font-weight: 900;
    border: 1px solid rgba(0,0,0,.10);
    background: rgba(0,0,0,.06);
    color: var(--bbg-text);
    cursor: pointer;
}

.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-grade-edit-submit-container input[type="submit"]:hover {
    background: rgba(0,0,0,.08);
    transform: translateY(-1px);
}

/* Cancel button (make it soft, not harsh red) */
.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-grade-edit-cancel.button.alert.expanded {
    width: 100%;
    height: 46px;
    border-radius: 14px;
    font-weight: 900;
    border: 1px solid rgba(0,0,0,.10);
    background: rgba(0,0,0,.04);
    color: var(--bbg-text);
}

.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-grade-edit-cancel.button.alert.expanded:hover {
    background: rgba(0,0,0,.07);
}

.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-edit-panel .ld-gb-frontend-gradebook-component .ld-gb-frontend-gradebook-grade-name {
    width: auto !important;
}

.ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-edit-panel .ld-gb-frontend-gradebook-component .ld-gb-frontend-gradebook-grade-name .ld-gb-frontend-gradebook-component-grade-icon {
    background-color: white;
    left: 5px;
    top: 5px;
    color: forestgreen;
}

.select2-container--foundation .select2-results__option--highlighted[aria-selected] {
    background-color: #f7f8fa;
}

/* Mobile: tables scroll */
@media (max-width: 900px) {
    .ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-component table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .ld-gb-frontend-gradebook .ld-gb-frontend-gradebook-component table {
        min-width: 760px;
    }
}

/* =========================================================
   BuddyBoss-style Grade Edit Modal (LD Gradebook ONLY)
   Scope: .reveal-overlay .ld-gb-frontend-gradebook-grade-edit-overlay
========================================================= */
.reveal-overlay {
    background: rgba(0,0,0,.45) !important;
    /* soft dark backdrop */
}

/* Modal container */
.reveal-overlay .ld-gb-frontend-gradebook-grade-edit-overlay {
    border-radius: 18px !important;
    border: 0 !important;
    box-shadow: 0 25px 60px rgba(0,0,0,.25) !important;
    padding: 22px !important;
    max-width: 520px;
    width: calc(100% - 32px);
    background: #fff;
    animation: sdwModalFade .18s ease-out;
}

/* Subtle entrance animation */
@keyframes sdwModalFade {
    from {
        transform: translateY(8px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Close (X) button */
.reveal-overlay .ld-gb-frontend-gradebook-grade-edit-overlay .close-button {
    top: 14px;
    right: 14px;
    width: 42px;
    height: 42px;
    border-radius: 14px;
    background: rgba(0,0,0,.06);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1;
    transition: background .15s ease;
}

.reveal-overlay .ld-gb-frontend-gradebook-grade-edit-overlay .close-button:hover {
    background: rgba(0,0,0,.10);
}

/* Label */
.reveal-overlay .ld-gb-frontend-gradebook-grade-edit-overlay .ld-gb-frontend-gradebook-grade-edit-status-container label {
    display: block;
    font-weight: 800;
    font-size: 14px;
    margin-bottom: 8px;
    color: #1d2327;
}

/* Select (Status) */
.reveal-overlay .ld-gb-frontend-gradebook-grade-edit-overlay .ld-gb-frontend-gradebook-grade-edit-status-container select {
    width: 100%;
    height: 46px;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,.15);
    padding: 8px 12px;
    background: #fff;
    font-weight: 600;
    box-shadow: none;
}

.reveal-overlay .ld-gb-frontend-gradebook-grade-edit-overlay .ld-gb-frontend-gradebook-grade-edit-status-container select:focus {
    border-color: rgba(0,0,0,.25);
    outline: none;
}

/* Buttons row spacing */
.reveal-overlay .ld-gb-frontend-gradebook-grade-edit-overlay .grid-container.full + .grid-container.full {
    margin-top: 18px;
}

/* Update button */
.reveal-overlay .ld-gb-frontend-gradebook-grade-edit-overlay .ld-gb-frontend-gradebook-grade-edit-submit-container input[type="submit"] {
    width: 100%;
    height: 46px;
    border-radius: 14px;
    font-weight: 800;
    border: 1px solid rgba(0,0,0,.12);
    background: rgba(0,0,0,.06);
    color: #1d2327;
    cursor: pointer;
    transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}

.reveal-overlay .ld-gb-frontend-gradebook-grade-edit-overlay .ld-gb-frontend-gradebook-grade-edit-submit-container input[type="submit"]:hover {
    background: rgba(0,0,0,.08);
    box-shadow: 0 10px 22px rgba(0,0,0,.14);
    transform: translateY(-1px);
}

/* Cancel button (soft BuddyBoss style, NOT harsh red) */
.reveal-overlay .ld-gb-frontend-gradebook-grade-edit-overlay .ld-gb-frontend-gradebook-grade-edit-cancel.button.alert.expanded {
    width: 100%;
    height: 46px;
    border-radius: 14px;
    font-weight: 700;
    border: 1px solid rgba(0,0,0,.10);
    background: rgba(0,0,0,.04);
    color: #444;
    transition: background .12s ease;
}

.reveal-overlay .ld-gb-frontend-gradebook-grade-edit-overlay .ld-gb-frontend-gradebook-grade-edit-cancel.button.alert.expanded:hover {
    background: rgba(0,0,0,.07);
}

/* Mobile polish */
@media (max-width: 480px) {
    .reveal-overlay .ld-gb-frontend-gradebook-grade-edit-overlay {
        padding: 18px !important;
    }
}

/*Nerain Limbu Css */
.role-admin #page div#content {
    /*padding-left: 0;*/
    /*padding-right: 0;*/
    background: #f3f4f6;
}

.role-admin .side-panel-menu-container ul li a:hover, .side-panel-menu-container ul li.current-menu-item a {
    background: #347b9a !important;
    color: #ffffff !important;
}

.side-panel-menu-container ul li.current-menu-item a i {
    color: #ffffff !important;
}

.ld-hero-cta .ld-hero-card {
    border: 1px solid #87878726;
    padding: 30px 30px;
    border-radius: 0;
}

.ld-hero-cta .ld-hero-card h3 {
    color: #f68c1e;
}

.ld-hero-cta .ld-hero-card p {
    line-height: 22px;
    letter-spacing: 0.3px;
    margin-bottom: 13px;
    font-size: 15px;
}

.ld-hero-cta .ld-hero-card:nth-child(2) {
    background: linear-gradient(189deg, #f68c1e, #f6681e);
}

.ld-hero-cta .ld-hero-card:nth-child(2) h3 {
    color: #fff;
}

.ld-hero-cta .ld-hero-card:nth-child(2) ul li, .ld-hero-cta .ld-hero-card:nth-child(2) ul li a {
    color: #fff;
}

.ld-hero-cta .ld-hero-card:first-child {
    border-radius: 12px 0 0 12px !important;
}

.ld-hero-cta .ld-hero-card:last-child {
    border-radius: 0 12px 12px 0 !important;
}

.ld-gb-frontend-gradebook table.ld-gb-frontend-gradebook-list tbody td.display_name {
    display: flex;
    align-items: center;
}

.ld-gb-frontend-gradebook table .open-edit-panel+.hover-link {
    visibility: visible;
    margin-left: 40px;
}

.ld-gb-frontend-gradebook table .open-edit-panel+.hover-link a {
    min-width: 150px;
}

.ld-gb-results {
    background: #f5f7f8;
    margin: 0 -22px;
    padding: 30px 30px;
    border-radius: 0 0 12px 12px;
}

.ld-gb-frontend-gradebook-export-gradebook-components-container.medium-auto.cell {
    margin: 0;
}

.ld-gb-results .grid-x .cell form, .ld-gb-results .grid-x .cell {
    margin: 0;
}

.ld-gb-results .grid-x .cell form input {
    margin: 0;
}

.ld-gb-results .grid-x .cell:last-child form input {
    background: #f68c1e !important;
    color: #fff !important;
}

/*Teacher Dashboard*/
.role-teacher aside.buddypanel {
    background: #2F6F73;
}

.role-teacher aside.buddypanel header {
    background: none !important;
}

.role-teacher aside.buddypanel ul#buddypanel-menu li.menu-item a.bb-menu-item {
    background: none;
    color: #fff;
    /*transition: 0.5s ease-in-out;*/
}

.role-teacher aside.buddypanel ul#buddypanel-menu li.menu-item.current-menu-item a.bb-menu-item, .role-teacher aside.buddypanel ul#buddypanel-menu li.menu-item a.bb-menu-item:hover {
    background: #3ca0a6 !important;
    color: #fff !important;
    padding:10px 0px;
}

.role-teacher aside.buddypanel ul#buddypanel-menu li.menu-item.current-menu-item a.bb-menu-item i, .role-teacher aside.buddypanel ul#buddypanel-menu li.menu-item a.bb-menu-item:hover i {
    color: #fff !important;
    opacity: 1;
}

body.role-teacher .ld-kpis .ld-kpi:first-child {
    background: #e9f7f8;
    border: 1px solid #2e6f73;
}

body.role-teacher .ld-kpis .ld-kpi:first-child strong {
    color: #2e6f73;
}

body.role-teacher .ld-dash-hero-left h1 span {
    color: #2e6f73;
}

body.role-teacher aside.buddypanel header svg path {
    fill: #27959c;
}

body.role-teacher .ld-pill {
    background: linear-gradient(135deg, #2e6f73, #27959c);
}

body.role-teacher .ld-pill i {
    color: #2c7d83;
}

body.role-teacher .ld-dash-wrap:before {
    background: linear-gradient(120deg, rgb(112 247 255), rgb(255 255 255));
}

body.role-teacher .ld-gb-frontend-gradebook .button.primary, .ld-gb-frontend-gradebook input.button.primary, body.role-teacher .ld-gb-frontend-gradebook a.button.primary {
    background: #58c2c93d !important;
    border-color: #2e6f73 !important;
}

body.role-teacher .ld-gb-results .grid-x .cell:last-child form input {
    background: #2e6f73 !important;
}

body.role-teacher #content main#primary {
    background: none !important;
}

body.role-teacher .buddypanel .bb-toggle-panel {
    color: #fff;
}

/*Student Dashboard*/
.role-student aside.buddypanel {
    background: #3F7C5A;
}

body.role-student aside.buddypanel header svg path {
    fill: #174b2f;
}

.role-student aside.buddypanel header {
    background: none !important;
}

.role-student aside.buddypanel ul#buddypanel-menu li.menu-item a.bb-menu-item {
    background: none;
    color: #fff;
    transition: 0.5s ease-in-out;
}

.role-student aside.buddypanel ul#buddypanel-menu li.menu-item.current-menu-item a.bb-menu-item, .role-student aside.buddypanel ul#buddypanel-menu li.menu-item a.bb-menu-item:hover {
    background: #174b2f !important;
    color: #fff !important;
}

.role-student aside.buddypanel ul#buddypanel-menu li.menu-item.current-menu-item a.bb-menu-item i, .role-student aside.buddypanel ul#buddypanel-menu li.menu-item a.bb-menu-item:hover i {
    color: #fff !important;
    opacity: 1;
}

body.role-student .ld-kpis .ld-kpi:first-child {
    background: #24ff8714;
    border: 1px solid #3F7C5A;
}

body.role-student .ld-kpis .ld-kpi:first-child strong {
    color: #3F7C5A;
}

body.role-student .ld-dash-hero-left h1 span {
    color: #3F7C5A;
}

body.role-student .ld-pill {
    background: linear-gradient(135deg, #3F7C5A, #174b2f);
}

body.role-student .ld-pill i {
    color: #2c7d83;
}

body.role-student .ld-dash-wrap:before {
    background: linear-gradient(120deg, rgb(112 247 255), rgb(255 255 255));
}

body.role-student .ld-gb-frontend-gradebook .button.primary, .ld-gb-frontend-gradebook input.button.primary, body.role-student .ld-gb-frontend-gradebook a.button.primary {
    background: #58c2c93d !important;
    border-color: #3F7C5A !important;
}

body.role-student .ld-gb-results .grid-x .cell:last-child form input {
    background: #3F7C5A !important;
}

body.role-student #content main#primary {
    background: none !important;
}

body.role-student .buddypanel .bb-toggle-panel {
    color: #fff;
}

.dash-shell .my-application .dash-item h4 {
    font-weight: 600;
    font-size: 15px;
}

.dash-title {
    font-weight: 600;
}

.role-admin aside.buddypanel.buddypanel--toggle-on {
    background: #023c56;
}

.role-admin aside.buddypanel ul#buddypanel-menu li.menu-item a.bb-menu-item {
    background: none;
    color: #fff;
    padding:10px 0px;
    transition: 0.5s ease-in-out;
}

/*Applicant Dashboard*/
.role-applicant aside.buddypanel {
    background: #1d253b;
}

body.role-applicant aside.buddypanel header svg path {
    fill: #293656;
}

body aside.buddypanel header {
    background: none !important;
    position: absolute;
    right: -3px;
    top: 50%;
    transform: scale(0.8);
}
.bp-group-section span.toggle-label,.bp-group-section span.toggle-arrow {
    color: black;
}
.bp-group-toggle:hover,
.bp-group-toggle:active,
.bp-group-toggle:focus {
    background: none;
}


.role-applicant aside.buddypanel ul#buddypanel-menu li.menu-item a.bb-menu-item {
    background: none;
    color: #fff;
    transition: 0.5s ease-in-out;
    
    padding:10px 0px;
}

.role-applicant aside.buddypanel ul#buddypanel-menu li.menu-item.current-menu-item a.bb-menu-item, .role-applicant aside.buddypanel ul#buddypanel-menu li.menu-item a.bb-menu-item:hover {
    background: #29428b !important;
    color: #fff !important;
}

.role-applicant aside.buddypanel ul#buddypanel-menu li.menu-item.current-menu-item a.bb-menu-item i, .role-applicant aside.buddypanel ul#buddypanel-menu li.menu-item a.bb-menu-item:hover i {
    color: #fff !important;
    opacity: 1;
}

body.role-applicant .ld-kpis .ld-kpi:first-child {
    background: #24ff8714;
    border: 1px solid #6B7280;
}

body.role-applicant .ld-kpis .ld-kpi:first-child strong {
    color: #6B7280;
}

body.role-applicant .ld-dash-hero-left h1 span {
    color: #6B7280;
}

body.role-applicant .ld-pill {
    background: linear-gradient(135deg, #6B7280, #293656 );
}

body.role-applicant .ld-pill i {
    color: #2c7d83;
}

body.role-applicant .ld-dash-wrap:before {
    background: linear-gradient(120deg, rgb(112 247 255), rgb(255 255 255));
}

body.role-applicant .ld-gb-frontend-gradebook .button.primary, .ld-gb-frontend-gradebook input.button.primary, body.role-applicant .ld-gb-frontend-gradebook a.button.primary {
    background: #58c2c93d !important;
    border-color: #6B7280 !important;
}

body.role-applicant .ld-gb-results .grid-x .cell:last-child form input {
    background: #6B7280 !important;
}

body.role-applicant #content main#primary {
    background: none !important;
}

body.role-applicant .buddypanel .bb-toggle-panel {
    color: #fff;
}

body.role-applicant.bb-template-v2 .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a {
    background: #293656;
}

html body.login .login-split {
    background: url('https://institute.silvadew.com/wp-content/uploads/2026/01/w.jpg');
    background-size: cover;
    width: 100% !important;
}

html body.login div#login {
    background: #ffffffe6;
    padding: 30px !important;
    width: 500px !important;
    top: 0 !important;
    transform: none !important;
    min-height: inherit !important;
    border-radius: 12px;
    margin: 0 auto !important;
    backdrop-filter: blur(2px);
    bottom: 0 !important;
    height: 620px;
}

body.login.js.login-action-login.wp-core-ui.locale-en-us.login-split-page.bb-login.bb-template-v2 {
    display: flex !important;
    flex-flow: column !important;
    align-items: center !important;
    justify-content: center !important;
}

body aside.buddypanel header a.bb-toggle-panel {
    color: #fff;
    padding: 0 !important;
    margin: 0 !important;
    min-width: inherit !important;
    position: absolute;
    display: flex;
    flex-flow: column;
    margin-top: 0px !important;
    margin-left: 5px !important;
    transition: 0.3s ease-in-out;
}

body aside.buddypanel header svg {
    height: 115px;
    width: 36px;
}

body aside.buddypanel header a.bb-toggle-panel i:after {
    content: '';
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    display: flex;
    transform: rotate(-45deg);
}

body aside.buddypanel header a.bb-toggle-panel i:before {
    display: none;
}

body aside.buddypanel header a.bb-toggle-panel i {
    margin-left: 11px;
}

body aside.buddypanel header a.bb-toggle-panel:hover {
    background: none !important;
    cursor: pointer !important;
    transform: rotate(180deg);
    margin-left: 12px !important;
}

body aside.buddypanel header a.bb-toggle-panel:hover {
    background: none !important;
    cursor: pointer !important;
    transform: rotate(180deg);
    margin-left: 12px !important;
}

body.role-admin aside.buddypanel header svg path {
    fill: #0c6890;
}

body aside.buddypanel ul#buddypanel-menu li.menu-item a.bb-menu-item {
    padding-top: 14px;
    padding-bottom: 14px;
    margin-bottom: 0px;
    font-weight: 300;
    letter-spacing: 0.1px;
}

.arrowright {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--secondary);
    transition: 0.5s ease-in-out;
    background: #f68c1e;
}

.arrowright:before {
    content: '';
    width: 24px;
    height: 12px;
    background: url(https://app.silvadew.com/wp-content/uploads/2026/04/right-arrow.png);
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 12px;
    transition: 0.3s ease-in-out;
}

.dashblocks {
    display: grid;
    grid-template-columns: auto 334px;
    grid-gap: 20px;
    background: #eff5f8;
    margin: 0px -25px;
    padding: 39px 30px;
}

.twoblocksdsng {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    background: #2d2d2d;
    border-radius: 12px;
}

.blocksmndsh {
    display: flex;
    flex-flow: column;
    border-radius: 10px;
    padding: 40px 36px 40px 36px;
    align-items: flex-start;
}

.blocksmndsh.imgdash {
    background: url('https://institute.silvadew.com/wp-content/uploads/2026/01/block1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding-right: 37%;
}

.blocksmndsh.imgdash h2 {
    font-size: 44px;
    line-height: 48px;
    letter-spacing: -0.7px;
    margin-top: 23px;
}

.blocksmndsh h2 {
    color: #fff;
    margin: 0 0 15px 0;
    line-height: 1.6rem;
    font-size: 1.3rem;
    font-weight: 300;
    letter-spacing: 0.9px;
}

.blocksmndsh .iconsec {
    margin-bottom: 23px;
    width: 60px;
    height: 60px;
}

.bglightdrk {
    background: #3B3B3B;
}

.blocksmndsh p {
    font-size: 15px;
    color: #fff;
    line-height: 21px;
    letter-spacing: 0.6px;
    font-weight: 300;
    opacity: .8;
}

a.btn_dsdm {
    background: #f68c1e;
    padding: 12px 25px;
    color: #fff;
    border-radius: 5px;
    font-weight: 600;
    letter-spacing: -0.2px;
}

.block_white {
    background: #fff;
    box-shadow: 0 0 63px rgba(0,0,0,0.05);
}

.block_white h2, .block_white p {
    color: #404040;
}

.blocksmndsh span {
    display: flex;
    align-items: center;
    font-size: 14px;
    gap: 10px;
    color: #fff;
    margin-top: auto;
}

.adminpanel .arrowright {
    width: 48px;
    height: 48px;
}

.role-teacher .twoblocksdsng {
    background: #061619;
}

.role-teacher .twoblocksdsng .blocksmndsh:last-child {
    background: #2D707F !important;
}

.role-teacher .block_white {
    border: 1px solid #2e707f;
}

.role-teacher .block_white .arrowright {
    background: #2e707f !important;
}

.role-teacher .blocksmndsh .arrowright {
    background: #ffffff;
}

.role-teacher .blocksmndsh .arrowright:before {
    filter: invert(1);
}

.role-teacher .block_white .arrowright:before {
    filter: none;
}

.role-teacher .block_white {
    border: 1px solid #1F7E57;
}

.role-student .twoblocksdsng {
    background: #061619;
}

.role-student .twoblocksdsng .blocksmndsh:last-child {
    background: #1F7E57 !important;
}

.role-student .block_white {
    border: 1px solid #1F7E57;
}

.role-student .block_white .arrowright {
    background: #1F7E57 !important;
}

.role-student .blocksmndsh .arrowright {
    background: #ffffff;
}

.role-student .blocksmndsh .arrowright:before {
    filter: invert(1);
}

.role-student .block_white .arrowright:before {
    filter: none;
}

.block_whilte.blocksmndsh span {
    color: #000;
}

.blocksmndsh.block_white span {
    color: #000;
}

.role-applicant .twoblocksdsng {
    background: #fff;
}

.role-applicant .twoblocksdsng .blocksmndsh:last-child {
    background: #2A428C !important;
}

.role-applicant .block_white {
    border: 1px solid #1F7E57;
}

.role-applicant .block_white .arrowright {
    background: #29428b !important;
}

.role-applicant .blocksmndsh .arrowright {
    background: #ffffff;
}

.role-applicant .blocksmndsh .arrowright:before {
    filter: invert(1);
}

.role-applicant .block_white .arrowright:before {
    filter: none;
}

.dashblocks.applicantrl {
    border-radius: 12px 12px 0 0;
    margin-top: -25px;
    margin-bottom: 34px;
}

.dashblocks.applicantrl .twoblocksdsng .block_white {
    border: none;
}

.dashblocks.applicantrl .twoblocksdsng {
    background: #ffffff;
    border: 1px solid #29428b;
}

@media screen and (min-width: 800px) {
    .buddypanel-open:not(.register) .buddypanel {
        width: 270px;
        padding-left: 30px;
        padding-right: 30px;
        padding-top: 10px;
    }
    .buddypanel-open:not(.register) .buddypanel .side-panel-menu a {
        width: -webkit-calc(100% - 60px);
        width: calc(100% - 60px);
    }
}

.sticky-header .site-header {
    padding-left: 7px;
}
.dashblocks.applicantrl .twoblocksdsng .blocksmndsh:first-child h2, .dashblocks.applicantrl .twoblocksdsng .blocksmndsh:first-child p {
    color: #000;
}


.dashblocks.applicantrl .twoblocksdsng .blocksmndsh:first-child span {
    color: #29428b;
}

.lms-topic-sidebar-wrapper .lms-topic-sidebar-data{
    left:auto !important;
}
