body {
    color: #1A202C;
/*    background: repeating-conic-gradient(from 45deg, #ffffff 0% 25%, #f1f5fa 0% 50%);
    background-size: 10px 10px;*/
    background-color: #ffffff;
}

a {
    color: #202d53;
}

i {
    color: black;
}

.theme-font-color {
    color: black;
}

.app-sidebar-bg {
    background-color: rgb(206, 206, 206) !important;
}

.btn-background {
    color: black;
    background-color: #999999;
    border: 3px solid #666666;
}

    .btn-background:hover {
        color: black;
        background-color: #999999;
        border: 3px solid #105f86;
    }

.app-navbar-footer-light {
    display: inherit;
}

.app-navbar-footer-dark {
    display: none;
}

.header-left-bg {
    background-color: #EDF2F7 !important;
}
.header-right-bg {
    background-color: #EDF2F7 !important;
}

.app-header-logo-light {
    display: inherit;
}

.app-header-logo-dark {
    display: none;
}

.app-toaster-bg {
    background-color: #c6c6c6 !important;
    border: 6px solid gray;
}

.toaster-header-alert-bg {
    background-color: #f2b2b2 !important;
    border-bottom: 6px solid gray;
    color: #655c5c;
}

.toaster-header-info-bg {
    background-color: #dffffe !important;
    border-bottom: 6px solid gray;
    color: #5d5b7e;
}

.toaster-header-bg {
    background-color: #f2b2b2 !important;
    border-bottom: 6px solid gray;
    color: #655c5c;
}

.toaster-body-bg {
    color: #2f2f2f;
}

.page-container-bg {
    background-image: repeating-conic-gradient(#e0e0e0 0% 25%, #d1d1d1 0% 50%);
    background-position: 0 0, 32px 32px;
    background-size: 64px 64px;
    background-color: #d1d1d1;
}

.main-container-bg {
    background: #fff;
}

/* ********************************************************************************** */
/* Dark Mode styles */
/* ********************************************************************************** */
body.dark-theme {
    color: #eee;
/*    background: repeating-conic-gradient(from 45deg, #1a202c 0% 25%, #1b212e 0% 50%);
    background-size: 10px 10px;*/
    background-color: #1a202c;
}

    body.dark-theme a {
        color: #809fff;
    }

    body.dark-theme i {
        color: white;
    }

    body.dark-theme .theme-font-color {
        color: white;
    }

    body.dark-theme .app-sidebar-bg {
        background-color: #2D3748 !important;
    }

    body.dark-theme .btn-background {
        color: white;
        background-color: #666666;
        border: 3px solid #999999;
    }

        body.dark-theme .btn-background:hover {
            color: white;
            background-color: #666666;
            border: 3px solid #105f86;
        }

    body.dark-theme .header-left-bg {
        background-color: #2D3748 !important;
    }

    body.dark-theme .header-right-bg {
        background-color: #2D3748 !important;
    }

    body.dark-theme .app-navbar-footer-light {
        display: none;
    }

    body.dark-theme .app-navbar-footer-dark {
        display: inherit;
    }

    body.dark-theme .app-header {
        background-color: #2D3748 !important;
    }

    body.dark-theme .app-header-logo-light {
        display: none;
    }

    body.dark-theme .app-header-logo-dark {
        display: inherit;
    }

    body.dark-theme .app-toaster-bg {
        background-color: #bbbbbb !important;
        border: 6px solid gray;
    }

    body.dark-theme .toaster-header-alert-bg {
        border-bottom: 6px solid gray;
        background-color: #3e1010 !important;
        color: darkgray;
    }

    body.dark-theme .toaster-header-info-bg {
        background-color: #5aa0ba !important;
        border-bottom: 6px solid gray;
        color: #3b5064;
    }

    body.dark-theme .toaster-body-bg {
        color: #2f2f2f;
        background-color: #f1f1f1 !important;
    }

    body.dark-theme .page-container-bg {
        background-image: repeating-conic-gradient(#171616 0% 25%, #121219 0% 50%);
        background-position: 0 0, 32px 32px;
        background-size: 64px 64px;
        background-color: #121219;
    }

    body.dark-theme .main-container-bg {
        background: #1A202C;
    }