.elementor-27719 .elementor-element.elementor-element-53366eef{--display:flex;}/* Start custom CSS for text-editor, class: .elementor-element-46afef5b *//* =========================================
   ECOM ROZGAR - LEARNDASH DASHBOARD
   DARK TO CLEAN WHITE VERSION
   Paste in Elementor Container > Custom CSS
========================================= */

/* MAIN PAGE / DASHBOARD BACKGROUND */
.elementor-27719 .elementor-element.elementor-element-46afef5b,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-wrapper,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-container,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-main,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-content,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-content-wrapper {
    background: #ffffff !important;
    color: #111827 !important;
}


/* =========================================
   DASHBOARD SIDEBAR
========================================= */

.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-sidebar,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-left-sidebar,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-profile-sidebar,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-menu,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="dashboard-sidebar"] {
    background: #ffffff !important;
    color: #111827 !important;
    border-color: #e5e7eb !important;
}


/* SIDEBAR LINKS */
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-sidebar a,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-menu a,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="dashboard-sidebar"] a {
    color: #374151 !important;
    background: transparent !important;
    border-radius: 8px;
}


/* SIDEBAR HOVER */
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-sidebar a:hover,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-menu a:hover,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="dashboard-sidebar"] a:hover {
    background: #f3f4f6 !important;
    color: #111827 !important;
}


/* ACTIVE MENU */
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-sidebar .active > a,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-menu .active > a,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-menu .current-menu-item > a,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="dashboard-sidebar"] .active > a {
    background: #f3f4f6 !important;
    color: #111827 !important;
    font-weight: 600 !important;
}


/* =========================================
   PROFILE / USER AREA
========================================= */

.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-profile,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-profile-summary,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-profile-info,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="dashboard-profile"] {
    background: #ffffff !important;
    color: #111827 !important;
    border-color: #e5e7eb !important;
}


/* =========================================
   DASHBOARD CARDS / BOXES
========================================= */

.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-card,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-widget,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-box,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-panel,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-section,
.elementor-27719 .elementor-element.elementor-element-46afef5b .dashboard-card,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="dashboard-card"],
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="dashboard-widget"] {
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.05) !important;
}


/* =========================================
   HEADINGS + NORMAL TEXT
========================================= */

.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard h1,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard h2,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard h3,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard h4,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard h5,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard h6,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] h1,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] h2,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] h3,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] h4,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] h5,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] h6 {
    color: #111827 !important;
}


.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard p,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard span,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard label,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard li,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] p,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] label {
    color: #4b5563;
}


/* =========================================
   TABLES
========================================= */

.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard table,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] table {
    background: #ffffff !important;
    color: #111827 !important;
    border-color: #e5e7eb !important;
}


.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard table thead,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard table th,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] table thead,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] table th {
    background: #f8fafc !important;
    color: #111827 !important;
    border-color: #e5e7eb !important;
}


.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard table td,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] table td {
    background: #ffffff !important;
    color: #374151 !important;
    border-color: #e5e7eb !important;
}


/* =========================================
   FORMS
========================================= */

.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard input:not([type="submit"]):not([type="button"]),
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard textarea,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard select,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] input:not([type="submit"]):not([type="button"]),
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] textarea,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] select {
    background: #ffffff !important;
    color: #111827 !important;
    border: 1px solid #d1d5db !important;
    box-shadow: none !important;
}


/* PLACEHOLDER */
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard input::placeholder,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard textarea::placeholder {
    color: #9ca3af !important;
}


/* FOCUS */
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard input:focus,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard textarea:focus,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard select:focus {
    background: #ffffff !important;
    color: #111827 !important;
    border-color: #111827 !important;
    outline: none !important;
}


/* =========================================
   SELECT2 DROPDOWNS
========================================= */

.elementor-27719 .elementor-element.elementor-element-46afef5b .select2-container .select2-selection,
.elementor-27719 .elementor-element.elementor-element-46afef5b .select2-dropdown,
.elementor-27719 .elementor-element.elementor-element-46afef5b .select2-results,
.elementor-27719 .elementor-element.elementor-element-46afef5b .select2-results__option {
    background: #ffffff !important;
    color: #111827 !important;
    border-color: #d1d5db !important;
}

.elementor-27719 .elementor-element.elementor-element-46afef5b .select2-results__option--highlighted {
    background: #f3f4f6 !important;
    color: #111827 !important;
}


/* =========================================
   TABS
========================================= */

.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-tabs,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-tab-content,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="dashboard-tab"] {
    background: #ffffff !important;
    color: #111827 !important;
}


.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-tabs a {
    color: #4b5563 !important;
}


.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-tabs a:hover,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-tabs .active a {
    color: #111827 !important;
}


/* =========================================
   BUTTONS
========================================= */

.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard button,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard .button,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard input[type="submit"],
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] button,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] .button {
    background: #111827 !important;
    color: #ffffff !important;
    border-color: #111827 !important;
    box-shadow: none !important;
}


.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard button:hover,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard .button:hover,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard input[type="submit"]:hover,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] button:hover,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] .button:hover {
    background: #000000 !important;
    color: #ffffff !important;
}


/* =========================================
   PAGINATION
========================================= */

.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard .page-numbers,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] .page-numbers {
    background: #ffffff !important;
    color: #374151 !important;
    border-color: #e5e7eb !important;
}


.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard .page-numbers.current,
.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard .page-numbers:hover {
    background: #111827 !important;
    color: #ffffff !important;
}


/* =========================================
   MODAL / POPUP
========================================= */

.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard .modal-content,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] .modal-content,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] [class*="modal"] {
    background-color: #ffffff !important;
    color: #111827 !important;
    border-color: #e5e7eb !important;
}


/* =========================================
   DIVIDERS / BORDERS
========================================= */

.elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard hr,
.elementor-27719 .elementor-element.elementor-element-46afef5b [class*="ld-dashboard"] hr {
    border-color: #e5e7eb !important;
}


/* =========================================
   REMOVE DARK PAGE BACKGROUND
========================================= */

.elementor-27719 .elementor-element.elementor-element-46afef5b > .elementor-element,
.elementor-27719 .elementor-element.elementor-element-46afef5b .elementor-widget-container {
    background-color: transparent;
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .elementor-27719 .elementor-element.elementor-element-46afef5b,
    .elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard,
    .elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-wrapper,
    .elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-container,
    .elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-content {
        background: #ffffff !important;
    }

    .elementor-27719 .elementor-element.elementor-element-46afef5b .ld-dashboard-sidebar,
    .elementor-27719 .elementor-element.elementor-element-46afef5b [class*="dashboard-sidebar"] {
        background: #ffffff !important;
    }
}

/* ==========================================================
   ECOM ROZGAR - LEARNDASH DASHBOARD
   FINAL COMPLETE WHITE / LIGHT VERSION
   ========================================================== */


/* ==========================================================
   1. DASHBOARD MAIN BACKGROUND
========================================================== */

.ld-dashboard,
.ld-dashboard-wrapper,
.ld-dashboard-container,
.ld-dashboard-main,
.ld-dashboard-content,
.ld-dashboard-content-wrapper,
.ld-dashboard-section,
.ld-dashboard-inner {
    background-color: #ffffff !important;
    color: #111111 !important;
}


/* ==========================================================
   2. GENERAL DASHBOARD TEXT
========================================================== */

.ld-dashboard h1,
.ld-dashboard h2,
.ld-dashboard h3,
.ld-dashboard h4,
.ld-dashboard h5,
.ld-dashboard h6,
.ld-dashboard p,
.ld-dashboard label,
.ld-dashboard strong,
.ld-dashboard small {
    color: #111111 !important;
}


/* ==========================================================
   3. MAIN DASHBOARD TABS - IMPORTANT FIX
========================================================== */

.ld-dashboard [role="tab"],
.ld-dashboard .nav-tabs .nav-link,
.ld-dashboard .nav-pills .nav-link,
.ld-dashboard .ld-dashboard-tab,
.ld-dashboard .ld-dashboard-tabs a,
.ld-dashboard [class*="dashboard-tab"] > a,
.ld-dashboard [class*="dashboard-tab"] button,
.ld-dashboard [class*="tabs"] > li > a {
    background: #ffffff !important;
    background-color: #ffffff !important;

    color: #111111 !important;

    border-color: #e5e7eb !important;
    box-shadow: none !important;
}


/* TAB CHILD TEXT - THIS FIXES WHITE TEXT */

.ld-dashboard [role="tab"] *,
.ld-dashboard .nav-tabs .nav-link *,
.ld-dashboard .nav-pills .nav-link *,
.ld-dashboard .ld-dashboard-tab *,
.ld-dashboard .ld-dashboard-tabs a *,
.ld-dashboard [class*="dashboard-tab"] a *,
.ld-dashboard [class*="tabs"] > li > a * {
    color: #111111 !important;
}


/* ==========================================================
   4. ACTIVE TAB
========================================================== */

.ld-dashboard [role="tab"].active,
.ld-dashboard [role="tab"][aria-selected="true"],

.ld-dashboard .nav-tabs .nav-link.active,
.ld-dashboard .nav-pills .nav-link.active,

.ld-dashboard .ld-dashboard-tabs .active,
.ld-dashboard .ld-dashboard-tabs .active > a,

.ld-dashboard [class*="dashboard-tab"].active,
.ld-dashboard [class*="dashboard-tab"].active > a,

.ld-dashboard [class*="tabs"] > li.active > a {
    background: #f3f4f6 !important;
    background-color: #f3f4f6 !important;

    color: #000000 !important;

    border-color: #d1d5db !important;
    box-shadow: none !important;
}


/* ACTIVE TAB CHILD TEXT */

.ld-dashboard [role="tab"].active *,
.ld-dashboard [role="tab"][aria-selected="true"] *,

.ld-dashboard .nav-tabs .nav-link.active *,
.ld-dashboard .nav-pills .nav-link.active *,

.ld-dashboard .ld-dashboard-tabs .active *,
.ld-dashboard [class*="dashboard-tab"].active *,
.ld-dashboard [class*="tabs"] > li.active > a * {
    color: #000000 !important;
}


/* ==========================================================
   5. TAB HOVER
========================================================== */

.ld-dashboard [role="tab"]:hover,
.ld-dashboard .nav-tabs .nav-link:hover,
.ld-dashboard .nav-pills .nav-link:hover,
.ld-dashboard .ld-dashboard-tabs a:hover,
.ld-dashboard [class*="dashboard-tab"] a:hover,
.ld-dashboard [class*="tabs"] > li > a:hover {
    background-color: #f8fafc !important;
    color: #000000 !important;
}


/* CHILD TEXT ON HOVER */

.ld-dashboard [role="tab"]:hover *,
.ld-dashboard .nav-tabs .nav-link:hover *,
.ld-dashboard .nav-pills .nav-link:hover *,
.ld-dashboard .ld-dashboard-tabs a:hover *,
.ld-dashboard [class*="dashboard-tab"] a:hover * {
    color: #000000 !important;
}


/* ==========================================================
   6. TAB PANELS / CONTENT
========================================================== */

.ld-dashboard [role="tabpanel"],
.ld-dashboard .tab-content,
.ld-dashboard .tab-pane,
.ld-dashboard .ld-dashboard-tab-content,
.ld-dashboard [class*="tab-content"],
.ld-dashboard [class*="dashboard-content"] {
    background: #ffffff !important;
    color: #111111 !important;
}


/* CONTENT TEXT */

.ld-dashboard [role="tabpanel"] *,
.ld-dashboard .tab-pane h1,
.ld-dashboard .tab-pane h2,
.ld-dashboard .tab-pane h3,
.ld-dashboard .tab-pane h4,
.ld-dashboard .tab-pane h5,
.ld-dashboard .tab-pane h6,
.ld-dashboard .tab-pane p,
.ld-dashboard .tab-pane label {
    color: #111111;
}


/* ==========================================================
   7. SIDEBAR
========================================================== */

.ld-dashboard-sidebar,
.ld-dashboard-left-sidebar,
.ld-dashboard-menu,
.ld-dashboard-profile-sidebar,
.ld-dashboard-navigation,
.ld-dashboard-nav,
.ld-dashboard [class*="dashboard-sidebar"] {
    background: #ffffff !important;
    color: #111111 !important;

    border-color: #e5e7eb !important;
}


/* ==========================================================
   8. SIDEBAR MENU ITEMS
========================================================== */

.ld-dashboard-sidebar li,
.ld-dashboard-menu li,
.ld-dashboard-navigation li,
.ld-dashboard-nav li {
    background: #ffffff !important;
    color: #111111 !important;
}


.ld-dashboard-sidebar a,
.ld-dashboard-menu a,
.ld-dashboard-navigation a,
.ld-dashboard-nav a {
    background: #ffffff !important;
    color: #111111 !important;
}


/* ALL CHILDREN */

.ld-dashboard-sidebar a *,
.ld-dashboard-menu a *,
.ld-dashboard-navigation a *,
.ld-dashboard-nav a * {
    color: #111111 !important;
}


/* ==========================================================
   9. SIDEBAR ACTIVE ITEM
========================================================== */

.ld-dashboard-sidebar li.active,
.ld-dashboard-menu li.active,
.ld-dashboard-navigation li.active,
.ld-dashboard-nav li.active,

.ld-dashboard-sidebar .current-menu-item,
.ld-dashboard-menu .current-menu-item {
    background: #f3f4f6 !important;
}


.ld-dashboard-sidebar li.active > a,
.ld-dashboard-menu li.active > a,
.ld-dashboard-navigation li.active > a,
.ld-dashboard-nav li.active > a,

.ld-dashboard-sidebar .current-menu-item > a,
.ld-dashboard-menu .current-menu-item > a {
    background: #f3f4f6 !important;
    color: #000000 !important;
}


/* ACTIVE SIDEBAR CHILD TEXT */

.ld-dashboard-sidebar li.active > a *,
.ld-dashboard-menu li.active > a *,
.ld-dashboard-navigation li.active > a *,
.ld-dashboard-nav li.active > a * {
    color: #000000 !important;
}


/* ==========================================================
   10. SIDEBAR HOVER
========================================================== */

.ld-dashboard-sidebar a:hover,
.ld-dashboard-menu a:hover,
.ld-dashboard-navigation a:hover,
.ld-dashboard-nav a:hover {
    background: #f8fafc !important;
    color: #000000 !important;
}


.ld-dashboard-sidebar a:hover *,
.ld-dashboard-menu a:hover *,
.ld-dashboard-navigation a:hover *,
.ld-dashboard-nav a:hover * {
    color: #000000 !important;
}


/* ==========================================================
   11. ICONS
========================================================== */

.ld-dashboard-sidebar i,
.ld-dashboard-menu i,
.ld-dashboard-navigation i,
.ld-dashboard-nav i,

.ld-dashboard-sidebar svg,
.ld-dashboard-menu svg,
.ld-dashboard-navigation svg {
    color: #111111 !important;
}


.ld-dashboard-sidebar svg path,
.ld-dashboard-menu svg path,
.ld-dashboard-navigation svg path {
    fill: currentColor !important;
}


/* ==========================================================
   12. CARDS / BOXES
========================================================== */

.ld-dashboard-card,
.ld-dashboard-box,
.ld-dashboard-widget,
.ld-dashboard-panel,
.ld-dashboard-profile,
.ld-dashboard-profile-summary,

.ld-dashboard [class*="dashboard-card"],
.ld-dashboard [class*="dashboard-box"],
.ld-dashboard [class*="dashboard-widget"] {
    background: #ffffff !important;
    color: #111111 !important;

    border-color: #e5e7eb !important;

    box-shadow:
        0 2px 10px rgba(0,0,0,0.05) !important;
}


/* ==========================================================
   13. BOOTSTRAP CARDS IF USED BY PLUGIN
========================================================== */

.ld-dashboard .card,
.ld-dashboard .card-body,
.ld-dashboard .card-header,
.ld-dashboard .card-footer {
    background: #ffffff !important;
    color: #111111 !important;

    border-color: #e5e7eb !important;
}


/* ==========================================================
   14. TABLES
========================================================== */

.ld-dashboard table {
    background: #ffffff !important;
    color: #111111 !important;
}


.ld-dashboard table thead,
.ld-dashboard table thead tr,
.ld-dashboard table th {
    background: #f8fafc !important;
    color: #111111 !important;

    border-color: #e5e7eb !important;
}


.ld-dashboard table tbody,
.ld-dashboard table tbody tr,
.ld-dashboard table td {
    background: #ffffff !important;
    color: #111111 !important;

    border-color: #e5e7eb !important;
}


/* TABLE LINKS */

.ld-dashboard table a {
    color: #111111 !important;
}


/* ==========================================================
   15. DATATABLES
========================================================== */

.ld-dashboard .dataTables_wrapper,
.ld-dashboard .dataTables_info,
.ld-dashboard .dataTables_length,
.ld-dashboard .dataTables_filter,
.ld-dashboard .dataTables_paginate {
    background: #ffffff !important;
    color: #111111 !important;
}


.ld-dashboard .dataTables_wrapper label {
    color: #111111 !important;
}


/* ==========================================================
   16. INPUTS
========================================================== */

.ld-dashboard input:not([type="submit"]):not([type="button"]),
.ld-dashboard textarea,
.ld-dashboard select {
    background: #ffffff !important;

    color: #111111 !important;

    border: 1px solid #d1d5db !important;

    box-shadow: none !important;
}


/* PLACEHOLDERS */

.ld-dashboard input::placeholder,
.ld-dashboard textarea::placeholder {
    color: #6b7280 !important;
    opacity: 1 !important;
}


/* FOCUS */

.ld-dashboard input:focus,
.ld-dashboard textarea:focus,
.ld-dashboard select:focus {
    background: #ffffff !important;
    color: #111111 !important;

    border-color: #111111 !important;

    outline: none !important;
}


/* ==========================================================
   17. SELECT2
========================================================== */

.ld-dashboard .select2-container .select2-selection {
    background: #ffffff !important;
    color: #111111 !important;

    border-color: #d1d5db !important;
}


.ld-dashboard .select2-selection__rendered {
    color: #111111 !important;
}


/* SELECT2 DROPDOWN CAN BE OUTSIDE DASHBOARD WRAPPER */

.select2-dropdown,
.select2-results,
.select2-results__options,
.select2-results__option {
    background-color: #ffffff !important;
    color: #111111 !important;
}


.select2-results__option--highlighted {
    background-color: #f3f4f6 !important;
    color: #000000 !important;
}


/* ==========================================================
   18. ACCORDIONS
========================================================== */

.ld-dashboard .accordion,
.ld-dashboard .accordion-item,
.ld-dashboard .accordion-body,
.ld-dashboard [class*="accordion-content"] {
    background: #ffffff !important;
    color: #111111 !important;

    border-color: #e5e7eb !important;
}


.ld-dashboard .accordion-button {
    background: #ffffff !important;
    color: #111111 !important;

    box-shadow: none !important;
}


.ld-dashboard .accordion-button:not(.collapsed) {
    background: #f8fafc !important;
    color: #000000 !important;
}


/* ==========================================================
   19. MODALS / POPUPS
========================================================== */

.ld-dashboard .modal,
.ld-dashboard .modal-dialog,
.ld-dashboard .modal-content,
.ld-dashboard .modal-header,
.ld-dashboard .modal-body,
.ld-dashboard .modal-footer,

.ld-dashboard [class*="modal-content"] {
    background: #ffffff !important;
    color: #111111 !important;

    border-color: #e5e7eb !important;
}


/* ==========================================================
   20. DROPDOWN MENUS
========================================================== */

.ld-dashboard .dropdown-menu,
.ld-dashboard [class*="dropdown-menu"] {
    background: #ffffff !important;
    color: #111111 !important;

    border-color: #e5e7eb !important;
}


.ld-dashboard .dropdown-menu a,
.ld-dashboard .dropdown-item {
    background: #ffffff !important;
    color: #111111 !important;
}


.ld-dashboard .dropdown-menu a:hover,
.ld-dashboard .dropdown-item:hover {
    background: #f3f4f6 !important;
    color: #000000 !important;
}


/* ==========================================================
   21. PAGINATION
========================================================== */

.ld-dashboard .page-numbers,
.ld-dashboard .paginate_button {
    background: #ffffff !important;
    color: #111111 !important;

    border-color: #d1d5db !important;
}


.ld-dashboard .page-numbers.current,
.ld-dashboard .paginate_button.current,
.ld-dashboard .paginate_button:hover {
    background: #f3f4f6 !important;
    color: #000000 !important;

    border-color: #d1d5db !important;
}


/* ==========================================================
   22. LINKS
========================================================== */

.ld-dashboard a {
    color: #111111;
}


/* ==========================================================
   23. DIVIDERS
========================================================== */

.ld-dashboard hr {
    border-color: #e5e7eb !important;
}


/* ==========================================================
   24. SETTINGS TABS
   WBCOM ADDED UNIQUE SETTINGS TAB CLASSES IN NEWER VERSIONS
========================================================== */

.ld-dashboard [class*="settings-tab"],
.ld-dashboard [class*="setting-tab"],
.ld-dashboard [class*="profile-tab"],
.ld-dashboard [class*="reset-tab"],
.ld-dashboard [class*="withdraw-tab"],
.ld-dashboard [class*="zoom-tab"] {
    background-color: #ffffff !important;
    color: #111111 !important;
}


.ld-dashboard [class*="settings-tab"] a,
.ld-dashboard [class*="setting-tab"] a,
.ld-dashboard [class*="profile-tab"] a,
.ld-dashboard [class*="reset-tab"] a,
.ld-dashboard [class*="withdraw-tab"] a,
.ld-dashboard [class*="zoom-tab"] a {
    background-color: #ffffff !important;
    color: #111111 !important;
}


/* ACTIVE SETTINGS TAB */

.ld-dashboard [class*="settings-tab"].active,
.ld-dashboard [class*="setting-tab"].active,
.ld-dashboard [class*="profile-tab"].active,
.ld-dashboard [class*="reset-tab"].active,
.ld-dashboard [class*="withdraw-tab"].active,
.ld-dashboard [class*="zoom-tab"].active {
    background-color: #f3f4f6 !important;
    color: #000000 !important;
}


/* ==========================================================
   25. AJAX LOADED TAB CONTENT
========================================================== */

.ld-dashboard [class*="ajax"],
.ld-dashboard [class*="tab-content"],
.ld-dashboard [class*="tab_content"],
.ld-dashboard [class*="content-area"],
.ld-dashboard [class*="dashboard-content"] {
    color: #111111 !important;
}


/* ==========================================================
   26. FORCE BLACK TEXT INSIDE TABS
   MOST IMPORTANT FALLBACK
========================================================== */

.ld-dashboard [class*="tab"] a,
.ld-dashboard [class*="tab"] span,
.ld-dashboard [class*="tab"] p,
.ld-dashboard [class*="tab"] label,
.ld-dashboard [class*="tab"] strong,
.ld-dashboard [class*="tab"] i {
    color: #111111 !important;
}


/* ==========================================================
   27. FORCE LIGHT BACKGROUND ON TAB NAVIGATION
========================================================== */

.ld-dashboard ul[class*="tab"],
.ld-dashboard ul[class*="nav"],
.ld-dashboard div[class*="tabs"],
.ld-dashboard div[class*="tab-nav"] {
    background-color: #ffffff !important;
}


/* ==========================================================
   28. BLACK BACKGROUND KILL SWITCH
   Handles plugin's inline/dark styling
========================================================== */

.ld-dashboard [class*="tab"][style*="background"],
.ld-dashboard [class*="menu"][style*="background"],
.ld-dashboard [role="tab"][style*="background"] {
    background-color: #ffffff !important;
}


/* ==========================================================
   29. BUTTONS
   KEEP ACTION BUTTONS DARK FOR CONTRAST
========================================================== */

.ld-dashboard button:not([role="tab"]),
.ld-dashboard input[type="submit"],
.ld-dashboard input[type="button"],
.ld-dashboard a.button,
.ld-dashboard .btn-primary {
    background: #111111 !important;
    color: #ffffff !important;

    border-color: #111111 !important;
}


/* BUTTON CHILDREN */

.ld-dashboard button:not([role="tab"]) *,
.ld-dashboard a.button * {
    color: #ffffff !important;
}


/* BUTTON HOVER */

.ld-dashboard button:not([role="tab"]):hover,
.ld-dashboard input[type="submit"]:hover,
.ld-dashboard input[type="button"]:hover,
.ld-dashboard a.button:hover,
.ld-dashboard .btn-primary:hover {
    background: #292929 !important;
    color: #ffffff !important;
}


/* ==========================================================
   30. MOBILE
========================================================== */

@media (max-width: 767px) {

    .ld-dashboard,
    .ld-dashboard-wrapper,
    .ld-dashboard-container,
    .ld-dashboard-main,
    .ld-dashboard-content,
    .ld-dashboard-sidebar,
    .ld-dashboard-menu {
        background: #ffffff !important;
        color: #111111 !important;
    }

    .ld-dashboard [role="tab"],
    .ld-dashboard .nav-tabs .nav-link,
    .ld-dashboard .nav-pills .nav-link,
    .ld-dashboard [class*="tab"] > a {
        background: #ffffff !important;
        color: #111111 !important;
    }

}


/* ==========================================================
   31. ULTIMATE TAB OVERRIDE
   KEEP THIS SECTION AT VERY END
========================================================== */

.ld-dashboard .nav-tabs li,
.ld-dashboard .nav-tabs li a,
.ld-dashboard .nav-tabs li span,

.ld-dashboard .nav-pills li,
.ld-dashboard .nav-pills li a,
.ld-dashboard .nav-pills li span,

.ld-dashboard [role="tab"],
.ld-dashboard [role="tab"] span,

.ld-dashboard [class*="dashboard-tab"],
.ld-dashboard [class*="dashboard-tab"] a,
.ld-dashboard [class*="dashboard-tab"] span {
    color: #111111 !important;
}


/* NORMAL TAB BACKGROUND */

.ld-dashboard .nav-tabs li a,
.ld-dashboard .nav-pills li a,
.ld-dashboard [role="tab"],
.ld-dashboard [class*="dashboard-tab"] > a {
    background-color: #ffffff !important;
}


/* ACTIVE TAB FINAL OVERRIDE */

.ld-dashboard .nav-tabs li.active > a,
.ld-dashboard .nav-tabs .active,
.ld-dashboard .nav-pills li.active > a,
.ld-dashboard .nav-pills .active,

.ld-dashboard [role="tab"][aria-selected="true"],

.ld-dashboard [class*="dashboard-tab"].active,
.ld-dashboard [class*="dashboard-tab"].active > a {
    background-color: #f3f4f6 !important;
    color: #000000 !important;
}


/* ACTIVE TAB INNER TEXT */

.ld-dashboard .nav-tabs li.active > a *,
.ld-dashboard .nav-pills li.active > a *,
.ld-dashboard [role="tab"][aria-selected="true"] *,
.ld-dashboard [class*="dashboard-tab"].active > a * {
    color: #000000 !important;
}

/* =========================================
   FIX DASHBOARD COURSE / QUIZ TITLE LINKS
========================================= */

.ld-dashboard .ld-mycourse-content h3 a,
.ld-dashboard .ld-mycourse-content h3 a:link,
.ld-dashboard .ld-mycourse-content h3 a:visited,
.ld-dashboard .ld-mycourse-content h3 a:focus,
.ld-dashboard .ld-mycourse-content h3 a:active {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    opacity: 1 !important;
}


/* Hover */
.ld-dashboard .ld-mycourse-content h3 a:hover {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}


/* Also force H3 itself black */
.ld-dashboard .ld-mycourse-content h3 {
    color: #111111 !important;
}


/* =========================================
   COURSES / QUIZZES / LESSON TITLE LINKS
========================================= */

.ld-dashboard-my-courses-content .ld-mycourse-content h3 a,
.ld-dashboard-course-content .ld-mycourse-content h3 a,
.ld-dashboard-tab-content-wrapper .ld-mycourse-content h3 a {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}


/* =========================================
   STRONG FALLBACK FOR AJAX LOADED ITEMS
========================================= */

.ld-dashboard-tab-content-wrapper
.ld-mycourse-wrap
.ld-mycourse-content
h3
a {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}


/* Any nested span inside title link */
.ld-dashboard .ld-mycourse-content h3 a span {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

/* =====================================================
   LEARNDASH DASHBOARD
   TIME SPENT / COURSE TRACKING - WHITE VERSION
===================================================== */


/* Main tracking section */
.ld-dashboard
.ld-dashboard-course-time-tracking-report {
    background: #ffffff !important;
    color: #111111 !important;
}


/* Top heading wrapper */
.ld-dashboard
.ld-dashboard-instructor-earning-head-wrapper {
    background: #ffffff !important;
    color: #111111 !important;
    border-color: #e5e7eb !important;
}


/* "Time Spent On a Course" heading */
.ld-dashboard
.ld-dashboard-instructor-earning-title {
    background: #ffffff !important;
    color: #111111 !important;
}


/* Heading children */
.ld-dashboard
.ld-dashboard-instructor-earning-title,
.ld-dashboard
.ld-dashboard-instructor-earning-title * {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}


/* =====================================================
   COURSE FILTER
===================================================== */

.ld-dashboard
.ld-dashboard-course-time-tracking-filter-wrapper,
.ld-dashboard
.ld-dashboard-course-time-tracking-filter {
    background: #ffffff !important;
    color: #111111 !important;
}


/* Select Course dropdown */
.ld-dashboard
#ld-dashboard-course-time-tracking-filter-select {
    background: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #d1d5db !important;
}


/* Dropdown options */
.ld-dashboard
#ld-dashboard-course-time-tracking-filter-select option {
    background: #ffffff !important;
    color: #111111 !important;
}


/* =====================================================
   SUMMARY BOX
   AVG TIME SPENT / TOTAL TIME SPENT
===================================================== */

.ld-dashboard
.ld-dashboard-time-spent-on-a-course-summary,
.ld-dashboard
.course-summary {
    background: #ffffff !important;
    color: #111111 !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: none !important;
}


/* Summary inner wrappers */
.ld-dashboard
.ld-dashboard-time-spent-on-a-course-summary
.revenue-figure-wrapper,

.ld-dashboard
.ld-dashboard-time-spent-on-a-course-summary
.revenue-particulars-wrapper {
    background: #ffffff !important;
    color: #111111 !important;
}


/* ALL summary text */
.ld-dashboard
.ld-dashboard-time-spent-on-a-course-summary h1,

.ld-dashboard
.ld-dashboard-time-spent-on-a-course-summary h2,

.ld-dashboard
.ld-dashboard-time-spent-on-a-course-summary h3,

.ld-dashboard
.ld-dashboard-time-spent-on-a-course-summary h4,

.ld-dashboard
.ld-dashboard-time-spent-on-a-course-summary p,

.ld-dashboard
.ld-dashboard-time-spent-on-a-course-summary span,

.ld-dashboard
.ld-dashboard-time-spent-on-a-course-summary strong,

.ld-dashboard
.ld-dashboard-time-spent-on-a-course-summary div {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}


/* =====================================================
   CHART MAIN AREA
===================================================== */

.ld-dashboard
.ld-dashboard-course-time-tracking-chart {
    background: #ffffff !important;
    color: #111111 !important;
}


/* Chart canvas background */
.ld-dashboard
.ld-dashboard-course-time-tracking-chart canvas {
    background-color: #ffffff !important;
}


/* =====================================================
   COURSE LIST UNDER CHART
===================================================== */

.ld-dashboard
.ld-dashboard-course-time-tracking-lists {
    background: #ffffff !important;
    color: #111111 !important;
}


.ld-dashboard
.ld-dashboard-course-time-tracking-lists * {
    color: #111111 !important;
}


/* =====================================================
   STUDENT STATUS AREA
===================================================== */

.ld-dashboard
.ld-dashboard-student-status {
    background: #ffffff !important;
    color: #111111 !important;
}


.ld-dashboard
.ld-dashboard-student-status h1,
.ld-dashboard
.ld-dashboard-student-status h2,
.ld-dashboard
.ld-dashboard-student-status h3,
.ld-dashboard
.ld-dashboard-student-status p,
.ld-dashboard
.ld-dashboard-student-status span,
.ld-dashboard
.ld-dashboard-student-status label {
    color: #111111 !important;
}


/* =====================================================
   STRONG FALLBACK
   REMOVE BLACK FROM THIS ENTIRE REPORT
===================================================== */

body
.ld-dashboard
.ld-dashboard-course-time-tracking-report
div:not(.chartjs-tooltip) {
    border-color: #e5e7eb;
}


/* Main report direct children */
body
.ld-dashboard
.ld-dashboard-course-time-tracking-report >
div {
    background-color: #ffffff !important;
}


/* Force normal DOM text black */
body
.ld-dashboard
.ld-dashboard-course-time-tracking-report
h1,

body
.ld-dashboard
.ld-dashboard-course-time-tracking-report
h2,

body
.ld-dashboard
.ld-dashboard-course-time-tracking-report
h3,

body
.ld-dashboard
.ld-dashboard-course-time-tracking-report
h4,

body
.ld-dashboard
.ld-dashboard-course-time-tracking-report
h5,

body
.ld-dashboard
.ld-dashboard-course-time-tracking-report
p,

body
.ld-dashboard
.ld-dashboard-course-time-tracking-report
span,

body
.ld-dashboard
.ld-dashboard-course-time-tracking-report
label,

body
.ld-dashboard
.ld-dashboard-course-time-tracking-report
strong {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}


/* =====================================================
   MOST IMPORTANT FINAL OVERRIDES
   KEEP THESE AT VERY END
===================================================== */

body .ld-dashboard
.ld-dashboard-instructor-earning-head-wrapper,

body .ld-dashboard
.ld-dashboard-time-spent-on-a-course-summary,

body .ld-dashboard
.ld-dashboard-course-time-tracking-chart,

body .ld-dashboard
.ld-dashboard-course-time-tracking-lists {
    background: #ffffff !important;
    background-color: #ffffff !important;
}


body .ld-dashboard
.ld-dashboard-instructor-earning-title,

body .ld-dashboard
.ld-dashboard-time-spent-on-a-course-summary * {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

/* ==========================================================
   LEARNDASH DASHBOARD
   STUDENT STATUS + SELECT2 - WHITE VERSION
   Paste at the VERY END of your existing CSS
========================================================== */


/* ==========================================================
   1. STUDENT STATUS MAIN AREA
========================================================== */

body .ld-dashboard .ld-dashboard-student-status,
body .ld-dashboard .ld-dashboard-student-details {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #111111 !important;
}


/* ==========================================================
   2. STUDENT DETAILS - BLACK CARDS TO WHITE
========================================================== */

body .ld-dashboard
.ld-dashboard-student-details > div,

body .ld-dashboard
.ld-dashboard-student-details [class*="card"],

body .ld-dashboard
.ld-dashboard-student-details [class*="box"],

body .ld-dashboard
.ld-dashboard-student-details [class*="report"],

body .ld-dashboard
.ld-dashboard-student-details [class*="status"],

body .ld-dashboard
.ld-dashboard-student-details [class*="progress"],

body .ld-dashboard
.ld-dashboard-student-details [class*="assignment"],

body .ld-dashboard
.ld-dashboard-student-details [class*="course"] {
    background: #ffffff !important;
    background-color: #ffffff !important;

    color: #111111 !important;

    border-color: #e5e7eb !important;

    box-shadow: none !important;
}


/* ==========================================================
   3. ALL NORMAL TEXT INSIDE STUDENT DETAILS
========================================================== */

body .ld-dashboard
.ld-dashboard-student-details h1,

body .ld-dashboard
.ld-dashboard-student-details h2,

body .ld-dashboard
.ld-dashboard-student-details h3,

body .ld-dashboard
.ld-dashboard-student-details h4,

body .ld-dashboard
.ld-dashboard-student-details h5,

body .ld-dashboard
.ld-dashboard-student-details h6,

body .ld-dashboard
.ld-dashboard-student-details p,

body .ld-dashboard
.ld-dashboard-student-details span,

body .ld-dashboard
.ld-dashboard-student-details label,

body .ld-dashboard
.ld-dashboard-student-details strong,

body .ld-dashboard
.ld-dashboard-student-details li {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}


/* ==========================================================
   4. STUDENT REPORT / COURSE BOX
   Screenshot bottom black box
========================================================== */

body .ld-dashboard
.ld-dashboard-student-details
[class*="course"],

body .ld-dashboard
.ld-dashboard-student-details
[class*="course-report"],

body .ld-dashboard
.ld-dashboard-student-details
[class*="course-progress"] {
    background: #ffffff !important;
    color: #111111 !important;

    border: 1px solid #e5e7eb !important;
}


/* Course title */

body .ld-dashboard
.ld-dashboard-student-details
[class*="course"] h1,

body .ld-dashboard
.ld-dashboard-student-details
[class*="course"] h2,

body .ld-dashboard
.ld-dashboard-student-details
[class*="course"] h3,

body .ld-dashboard
.ld-dashboard-student-details
[class*="course"] h4 {
    color: #111111 !important;
}


/* ==========================================================
   5. STUDENT SELECT2 MAIN FIELD
   Fixes email dropdown shown in screenshot
========================================================== */

body .ld-dashboard
.select2-container--default
.select2-selection--single,

body .ld-dashboard
.select2-container--default
.select2-selection--multiple {
    background: #ffffff !important;
    background-color: #ffffff !important;

    border: 1px solid #d1d5db !important;

    color: #111111 !important;

    min-height: 40px !important;

    box-shadow: none !important;
}


/* Selected student/email text */

body .ld-dashboard
.select2-container--default
.select2-selection--single
.select2-selection__rendered,

body .ld-dashboard
.select2-container--default
.select2-selection--multiple
.select2-selection__rendered {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}


/* Exact selected email container */

body .ld-dashboard
span[id^="select2-ld-dashboard-student-"][id$="-container"] {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}


/* Dropdown arrow */

body .ld-dashboard
.select2-container--default
.select2-selection--single
.select2-selection__arrow b {
    border-color: #111111 transparent transparent transparent !important;
}


/* ==========================================================
   6. SELECT2 DROPDOWN
   Select2 dropdown is often rendered outside .ld-dashboard
========================================================== */

body .select2-container--open .select2-dropdown,
body .select2-dropdown,
body .select2-results,
body .select2-results__options,
body .select2-results__option {
    background: #ffffff !important;
    background-color: #ffffff !important;

    color: #111111 !important;

    border-color: #d1d5db !important;
}


/* Dropdown result text */

body .select2-results__option {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}


/* Hover / selected result */

body
.select2-container--default
.select2-results__option--highlighted[aria-selected],

body
.select2-container--default
.select2-results__option--highlighted[data-selected] {
    background: #f3f4f6 !important;
    color: #000000 !important;
}


/* Selected option */

body
.select2-container--default
.select2-results__option[aria-selected="true"] {
    background: #f8fafc !important;
    color: #000000 !important;
}


/* Search input */

body .select2-search--dropdown .select2-search__field {
    background: #ffffff !important;
    color: #111111 !important;

    border: 1px solid #d1d5db !important;
}


/* ==========================================================
   7. STUDENT LOADER
========================================================== */

body .ld-dashboard
.ld-dashboard-student-loader {
    background: #ffffff !important;
    color: #111111 !important;
}


body .ld-dashboard
.ld-dashboard-student-loader p {
    color: #111111 !important;
}


/* ==========================================================
   8. CHART WRAPPERS
========================================================== */

body .ld-dashboard
.ld-dashboard-student-details
[class*="chart"],

body .ld-dashboard
.ld-dashboard-student-details
[class*="graph"],

body .ld-dashboard
.ld-dashboard-student-details
[class*="pie"] {
    background: #ffffff !important;
    background-color: #ffffff !important;

    color: #111111 !important;

    border-color: #e5e7eb !important;
}


/* Canvas itself */

body .ld-dashboard
.ld-dashboard-student-details canvas {
    background-color: #ffffff !important;
}


/* ==========================================================
   9. REPORT TABLE / LIST ROWS
========================================================== */

body .ld-dashboard
.ld-dashboard-student-details table,

body .ld-dashboard
.ld-dashboard-student-details tbody,

body .ld-dashboard
.ld-dashboard-student-details tr,

body .ld-dashboard
.ld-dashboard-student-details td {
    background: #ffffff !important;
    color: #111111 !important;

    border-color: #e5e7eb !important;
}


body .ld-dashboard
.ld-dashboard-student-details th {
    background: #f8fafc !important;
    color: #111111 !important;

    border-color: #e5e7eb !important;
}


/* ==========================================================
   10. LINKS
========================================================== */

body .ld-dashboard
.ld-dashboard-student-details a {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}


/* ==========================================================
   11. KEEP ACTION BUTTONS VISIBLE
========================================================== */

body .ld-dashboard
.ld-dashboard-student-details button,

body .ld-dashboard
.ld-dashboard-student-details .button,

body .ld-dashboard
.ld-dashboard-student-details input[type="submit"] {
    background: #111111 !important;
    color: #ffffff !important;

    border-color: #111111 !important;
}


/* ==========================================================
   12. STRONG BLACK BACKGROUND OVERRIDE
========================================================== */

body .ld-dashboard
.ld-dashboard-student-details
div[style*="background"],

body .ld-dashboard
.ld-dashboard-student-status
div[style*="background"] {
    background-color: #ffffff !important;
}


/* ==========================================================
   13. FINAL FORCE OVERRIDE
   KEEP AT VERY END
========================================================== */

body
.ld-dashboard
.ld-dashboard-student-details,

body
.ld-dashboard
.ld-dashboard-student-details > div {
    background-color: #ffffff !important;
    color: #111111 !important;
}


body
.ld-dashboard
.ld-dashboard-student-details
h1,

body
.ld-dashboard
.ld-dashboard-student-details
h2,

body
.ld-dashboard
.ld-dashboard-student-details
h3,

body
.ld-dashboard
.ld-dashboard-student-details
h4,

body
.ld-dashboard
.ld-dashboard-student-details
p,

body
.ld-dashboard
.ld-dashboard-student-details
span:not(.ld-icon),

body
.ld-dashboard
.ld-dashboard-student-details
label,

body
.ld-dashboard
.ld-dashboard-student-details
strong {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

/* ==========================================================
   ECOM ROZGAR - ENROLLED COURSES
   WHITE BACKGROUND + BLACK TEXT FIX
========================================================== */


/* Main enrolled courses area */
body .ld-dashboard .ld-dashboard-enrolled-course,
body .ld-dashboard .ld-dashboard-enrolled-course-inner,
body .ld-dashboard .ld-dashboard-enrolled-course-wrap,
body .ld-dashboard .ld-dashboard-enrolled-course-content,
body .ld-dashboard #ld-dashboard-enrolled-course-content {
    background: #ffffff !important;
    color: #111111 !important;
}


/* ==========================================================
   EACH COURSE CARD
========================================================== */

body .ld-dashboard .ld-mycourse-wrap {
    background: #ffffff !important;
    color: #111111 !important;
    border-color: #e5e7eb !important;
}


/* Right content area */
body .ld-dashboard .ld-mycourse-content {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #111111 !important;
}


/* ==========================================================
   COURSE TITLE
   Exact element shown in your DevTools
========================================================== */

body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-mycourse-content h3,

body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-mycourse-content h3 a,

body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-mycourse-content h3 a:link,

body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-mycourse-content h3 a:visited {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
    opacity: 1 !important;
}


/* Course title hover */
body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-mycourse-content h3 a:hover {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}


/* ==========================================================
   COURSE META
========================================================== */

body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-meta,

body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-course-metadata,

body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-course-metadata * {
    color: #4b5563 !important;
    -webkit-text-fill-color: #4b5563 !important;
}


/* ==========================================================
   LAST ACTIVITY
========================================================== */

body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-dashboard-course-last-activity-time,

body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-dashboard-course-last-activity-time * {
    color: #4b5563 !important;
    -webkit-text-fill-color: #4b5563 !important;
}


/* ==========================================================
   AUTHOR / USER NAME
========================================================== */

body .ld-dashboard
.ld-dashboard-enrolled-course-author-content-user,

body .ld-dashboard
.ld-dashboard-enrolled-course-author-content-user a,

body .ld-dashboard
.ld-dashboard-enrolled-course-author-content-user span,

body .ld-dashboard
.ld-dashboard-enrolled-course
[class*="author-content"] {

    color: #374151 !important;
    -webkit-text-fill-color: #374151 !important;
    opacity: 1 !important;
}


/* ==========================================================
   GENERAL TEXT INSIDE COURSE CONTENT
========================================================== */

body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-mycourse-content p,

body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-mycourse-content span:not(.ld-status),

body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-mycourse-content label,

body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-mycourse-content strong {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}


/* ==========================================================
   START COURSE STATUS AREA
========================================================== */

body .ld-dashboard
.ld-dashboard-enrolled-course-status {
    background: transparent !important;
    color: #111111 !important;
}


/* Keep Start Course button colored */
body .ld-dashboard
.ld-dashboard-enrolled-course-status.start-course a,

body .ld-dashboard
.ld-dashboard-enrolled-course-status.start-course button,

body .ld-dashboard
.ld-dashboard-enrolled-course-status .ld-status {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}


/* ==========================================================
   COURSE IMAGE AREA
========================================================== */

body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-mycourse-thumbnail {
    background-color: #f3f4f6 !important;
}


/* ==========================================================
   ALL COURSES / ACTIVE COURSES / COMPLETED COURSES TABS
========================================================== */

body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-dashboard-inline-links {
    background: #ffffff !important;
}


body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-dashboard-inline-links a {
    background: transparent !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}


/* Active tab */
body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-dashboard-inline-links a.active,

body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-dashboard-inline-links .active a {
    color: #b8860b !important;
    -webkit-text-fill-color: #b8860b !important;
}


/* ==========================================================
   SECTION HEADING
========================================================== */

body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-dashboard-tab-heading {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}


/* ==========================================================
   VERY STRONG EXACT OVERRIDE
   Keep this at the END
========================================================== */

body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-mycourse-wrap
.ld-mycourse-content {
    background-color: #ffffff !important;
    color: #111111 !important;
}


body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-mycourse-wrap
.ld-mycourse-content
h3 > a {
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}


body .ld-dashboard
.ld-dashboard-enrolled-course
.ld-mycourse-wrap
.ld-mycourse-content
a:not(.ld-status):not(.button) {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}/* End custom CSS */
/* Start custom CSS */body.elementor-page-27719 {
    background: #ffffff !important;
}/* End custom CSS */