/*
 * General styling 
 */
#main-content-wrapper {
    background-color: #f2f2f2;
}

.logo {
    background: url('../img/logo.png') no-repeat;
    background-size: contain;
    width: 10em;
    min-height: 5em;
}

/*
 * Main and sub navigation  
 */
.nav {
    background-color: #f9f9f9 !important;
    border-bottom: 1px solid green !important;
}
    .nav a.nav-link {
        font-size: 1rem;
        color: #333;
    }
        /* For active link */
        .nav a.nav-link.bg-slate-600 {
            color: #fff !important;
        }

.profile-menu button {
    font-size: 1rem;
    font-weight: bold;
    color: #333;
}

.subnav {
    background-color: yellowgreen !important;
}
    .subnav nav a.nav-link {
        color: #475569 !important;
        font-size: 1rem !important;
    }
    .subnav nav a.nav-link.bg-slate-600 {
        background: none;
        border: none;
    }

/* 
 * Buttons 
 */

.btn-primary {
    background: indigo !important;
    color: #fff !important;
}
    .btn-primary span {
        color: #fff !important;
    }
    .btn-primary svg {
        color: #fff !important;
    }

.btn-secondary {
    background: orange !important;
    color: #fff !important;
}
    .btn-secondary span {
        color: #fff !important;
    }
    .btn-secondary svg {
        color: #fff !important;
    }

/*
 * Utilities 
 */
.special-grid {
    background: #e5f7b4 !important;
    border-radius: .4em;
}
    .special-grid .grid-header {
        border-bottom: 2px solid #84b221;
    }

    .special-grid .grid-header-col {
        background: #9ACD31;
        border-color: #84b221;
    }

    .special-grid .grid-body {
        background: #f8fced;
    }

.card {
    background: #f8fced;
    border-radius: .4em;
    padding-bottom: 1em;
    margin-bottom: 2em;
    border: 1px solid #84b221;
}
    .card-title {
        padding: .8em 1em;
    }

.card-footer {
    background: none;
}
    .previous-weight {
        background: #e5f7b4;
        color: #333;
    }

    .previous-weight .total {
        color: #333;
    }