:root {
    --av-dark: #2e2e2e;
    --av-primary: #1b519e;
    --av-muted: #7a8796;
}

a {
    color: var(--av-primary);
}

a:hover,
a:focus {
    color: #163f79;
}

.text-muted,
.content-header > h1 > small {
    color: var(--av-muted) !important;
}

.btn-primary,
.badge-primary,
.bg-primary,
.label-primary {
    background-color: var(--av-primary) !important;
    border-color: var(--av-primary) !important;
    color: #fff !important;
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: #163f79 !important;
    border-color: #163f79 !important;
}

.btn-info,
.badge-info,
.bg-info,
.label-info,
.btn-success,
.badge-success,
.bg-success,
.label-success {
    background-color: var(--av-primary) !important;
    border-color: var(--av-primary) !important;
    color: #fff !important;
}

.btn-warning,
.badge-warning,
.bg-warning,
.label-warning {
    background-color: var(--av-muted) !important;
    border-color: var(--av-muted) !important;
    color: #fff !important;
}

.btn-danger,
.badge-danger,
.bg-danger,
.label-danger {
    background-color: var(--av-dark) !important;
    border-color: var(--av-dark) !important;
    color: #fff !important;
}

.btn-secondary,
.badge-secondary,
.bg-secondary {
    background-color: var(--av-muted) !important;
    border-color: var(--av-muted) !important;
    color: #fff !important;
}

.btn-dark,
.badge-dark,
.bg-dark {
    background-color: var(--av-dark) !important;
    border-color: var(--av-dark) !important;
    color: #fff !important;
}

.bg-navy {
    background-color: var(--av-primary) !important;
}

.border-navy {
    border-color: var(--av-primary) !important;
}

.skin-blue .main-header .logo,
.skin-blue .main-header .navbar,
.skin-blue .main-header .logo:hover,
.skin-blue .main-header .navbar .sidebar-toggle:hover,
.skin-blue .main-header .navbar .sidebar-toggle:focus {
    background-color: var(--av-primary) !important;
}

.main-nav .navbar {
    background-color: var(--av-dark) !important;
}

.main-nav .navbar .nav-link {
    color: #d8dde4 !important;
}

.main-nav .navbar .nav-item.active .nav-link,
.main-nav .navbar .nav-link:hover,
.main-nav .navbar .nav-link:focus {
    color: #fff !important;
    background-color: var(--av-primary) !important;
    border-radius: 4px;
}

.main-footer {
    border-top: 2px solid var(--av-primary);
}

.box.box-solid.box-primary > .box-header,
.box.box-solid.box-success > .box-header,
.box.box-solid.box-info > .box-header {
    background-color: var(--av-primary) !important;
    color: #fff !important;
}

.box.box-solid.box-warning > .box-header,
.box.box-solid.box-secondary > .box-header {
    background-color: var(--av-muted) !important;
    color: #fff !important;
}

.box.box-solid.box-danger > .box-header,
.box.box-solid.box-dark > .box-header {
    background-color: var(--av-dark) !important;
    color: #fff !important;
}