:root {
    --theme-primary-dark: #000;
    --theme-secondary-dark: #7796a8;
    --theme-primary-light: #FFF;
    --theme-secondary-light: #FFF;
    --theme-third-light: rgba(244, 244, 244, 1);
    
}

:root {
    --page-background: var(--theme-primary-light);
    --input-boxes-border: 1px solid var(--theme-primary-dark);
    --input-text-color: var(--theme-primary-dark);
    --input-border-radius: 0;
    --border-radius: 0;
    --button-border-radius: 0;
    --accent-color: var(--theme-primary-dark);
}

.home-page-logo {
    max-width: 300px;
    width: 50%;
}

.logo {
    max-width: 70%;
    width: 70%;
}

.main.container {
    border: none;
}

.container {
    box-shadow: none;
}


a {
    color: var(--theme-primary-dark);
}

.theme-1 {
    background: var(--theme-primary-dark);
    color: var(--theme-primary-light);
}



    .theme-1.hoverable:hover, .theme-1 .hoverable:hover {
        border: solid 1px var(--theme-secondary-dark);
        background-color: var(--theme-secondary-light);
        font-weight: 500;
        color: var(--theme-secondary-dark);
    }

.theme-2 {
    background-color: var(--theme-primary-light);
    color: var(--theme-primary-dark);
}

    .container {
        border: solid 1px var(--theme-primary-dark);
    }

.theme-3 {
    background: var(--theme-third-light);
    color: var(--theme-primary-dark);
}

    .theme-3.focus {
        background: var(--theme-primary-dark);
        color: var(--theme-primary-light);
    }

.theme-4 { /*Used in wizard pills*/
    color: var(--theme-secondary-dark);
    background-color: var(--theme-secondary-light);
}

    .theme-4.focus { /*Used in wizard pills*/
        color: var(--theme-primary-light);
        background-color: var(--theme-primary-dark);
    }

.theme-4-text.focus {
    color: var(--theme-primary-dark);
}

.btn-primary {
    background: var(--theme-secondary-dark);
    color: #FFF;
}

    .btn-primary.btn:hover:not([disabled]) {
        /*Both options are nice  CHOOSE ONE*/
        /*background: var(--theme-secondary-dark)*/
        background: linear-gradient(0deg,rgba(255,255,255,.1),rgba(255,255,255,.1)),#7796a8 !important;
    }

.btn-secondary {
    background: none;
    border: solid 1px var(--theme-primary-dark);
    color: var(--theme-primary-dark);
}

    .btn-secondary.btn:hover:not([disabled]) {
        background-color: var(--theme-primary-light);
        border: solid 1px var(--theme-secondary-dark);
        color: var(--theme-secondary-dark);
    }

.btn-tertiary {
    background: var(--theme-secondary-light);
    color: var(--theme-primary-dark);
    border: solid 1px var(--theme-primary-dark);
    font-family: var(--button-font-family) !important;
}

    .btn-tertiary.btn:hover:not([disabled]) {
        background: var(--theme-primary-dark);
        color: #FFF;
    }

.icon-btn:hover {
    color: #393939;
}




/*WHITE SIDEBAR   UNCOMMENT UNTIL NEXT MARKING*/

#sidebar, #header {
    background: var(--theme-primary-light);
    color: var(--theme-primary-dark);
    background: var(--theme-primary-light);
}

#sidebar {
    border-right: solid 3px var(--theme-primary-dark);
}

#header {
    border-bottom: solid 3px var(--theme-primary-dark);
}

#sidebar > *:last-child {
    color: var(--theme-secondary-dark);
}

    #sidebar > *:last-child > img {
        filter: invert(1);
    }

@media (max-width: 700px) {
    #sidebar {
        border: none;
    }
}

.main.container {
    border: none;
}

.theme-3 {
    background: var(--theme-primary-dark);
    color: var(--theme-secondary-light);
}

#login-right {
    background: var(--theme-primary-light);
    color: var(--theme-primary-dark);
}

.btn-tertiary.btn:hover:not([disabled]) {
    background: var(--theme-secondary-dark);
}

.theme-4.focus { /*Used in wizard pills*/
    color: var(--theme-primary-light);
    background-color: var(--theme-secondary-dark);
}

.theme-4-text.focus {
    color: var(--theme-primary-light);
}

/*END WHITE SIDEBAR*/





/*START LIGHT THEAM*/
.theme-1 {
    background: var(--theme-primary-light);
    color: var(--theme-primary-dark);
}
#login-left {
    border-right: 2px solid var(--theme-primary-dark);
}
.modal-header {
    border-bottom: 1px solid var(--theme-primary-dark);
}

.container {
    border: solid 1px var(--theme-third-light);
}

.main.container {
    border: none;
}

.theme-3 {
    background: var(--theme-third-light);
    color: var(--theme-primary-dark);
}

    .theme-3.focus {
        background: var(--theme-primary-dark);
        color: var(--theme-primary-light);
    }

.theme-4 { /*Used in wizard pills*/
    background-color: var(--theme-secondary-light);
}
.theme-4, .theme-4-text {
    color: var(--theme-secondary-dark);
}
.theme-4-text.focus {
    color: var(--theme-primary-dark);
    font-weight: 600;
}

.btn-secondary.btn:hover:not([disabled]) {
    background-color: var(--theme-third-light);
    border: solid 1px var(--theme-secondary-dark);
    color: var(--theme-secondary-dark);
}

.footer-logo {
    filter: invert(1);
}

/*END LIGHT THEAM*/





/*Cardi unique*/

#login-right {
    background-color: #eaeaea;
}