:root {
    /* Default System Colors */
    --crl-body: #fbfafa;
    --clr-sys-primary: #612b2e;
    --clr-sys-primary-dark: #2f1415;
    
    /* Default Global Colors */
    --clr-reset: transparent;
    --clr-black: #000;

    /* Default Color*/
    --border-color: #ededed;

    /* Topbar */
    --topbar-bg: #ffffff;

    /* Sidebar */
    --sidebar-bg: #ffffff;
}

html, body {
    background: var(--crl-body);
}

.gradient-primary {
    background: linear-gradient(-45deg, var(--clr-black), var(--clr-black), var(--clr-sys-primary-dark), var(--clr-black));
    background-size: 400% 400%;
}

.gradient-gray {
    background: linear-gradient(-45deg, #ffffff, #ffffff, #f4f4f4, #ffffff);
    background-size: 400% 400%;
}


.topbar {
    background: var(--topbar-bg);
    box-shadow: 0px -3px 20px 0px #00000017;
}

.navbar-brand {
    outline:0;
    box-shadow: 0px 0px 0px 0px transparent;
    background-color:transparent !important;
}

.sidebar {
    background: var(--sidebar-bg);
    border-right: 0px solid var(--border-color);
}

.sidebar .nav .dropdown-menu {
    background:var(--clr-reset) !important;
}

.nav .nav-item .dropdown-menu .dropdown-item:before {
    color:inherit;
}

.sidebar .nav-link.active {
    color: #2470dc;
}

.sidebar .nav .dropdown > a, .sidebar .nav-item > a.nav-link {
    color: #5d3b3b;
}

.sidebar .nav .dropdown > a > i, .sidebar .nav-item > a.nav-link > i {
    color: #c4b6b6;
}
.sidebar .nav .dropdown > a.show {
    color: var(--clr-sys-primary);
}

.sidebar .nav .dropdown .dropdown-menu .dropdown-item {
    color: #707070;
}

.sidebar .nav-item > p {
    color: #808080;
}

.sidebar .nav-item.border-bottom {
    border-bottom: 1px solid var(--border-color);
}

.sidebar .nav-link.show:before {
    background: var(--clr-sys-primary);
}

.sidebar .nav-link {
    box-shadow: 0px 0px 0px 0px transparent !important;
}

.sidebar .nav-item > h3 {
    color: #a69090;
}

.user-widget > button {
    background: transparent !important;
    border: 0px !important;
    color: #8a7677;
}

.user-widget > button:hover {
    color: #b89899;
}

.user-widget > .dropdown-menu {
    border: 1px solid var(--border-color);
    box-shadow: 3px 2px 4px 0px #0000000a;
}

.user-widget > .dropdown-menu > li > a {
    color: #6d6d6d;
}

.user-widget > .dropdown-menu > li > form > button {
    border: 0 !important;
    color: #6d6d6d;
    background: transparent;
}

main > header {
    border-bottom: 1px solid var(--border-color);
}

main > header h1 {
    color: #5d3b3b;
}

header > h1 > i {
    background: #c4b6b6;
    color: #fff;
}

main > header p {
    color: #928888;
}

main > header actions > a, main > header actions > button {
    background: #eae2e2;
    color: #796666;
}

main > header actions > a > i, main > header actions > button > i {
    color: inherit;
}

footer {
    border-top: 1px solid var(--border-color);
    color: #8e8e8e;
}

.breadcrumb-item {
    color: #aeaeae;
}

footer .footer-links > a {
    color: #979797;
}