:root {
    --brand-primary: #062435 !important;
    --brand-secondary: #f1b435 !important;
    --brand-light: #ffffff !important;
    --brand-highlight: #d3d3d3 !important;
    --brand-highlight-contrast: #ced4da !important;
    --default-light: #ffffff !important;
    --default-dark: #333333 !important;
}


/* card */

.card-header {
    background: var(--brand-primary);
    color: var(--brand-light);
}


/* btns */

.btn {
    background-color: var(--brand-primary);
    cursor: pointer;
}

.btn:hover {
    background-color: var(--default-dark);
}


/* info */

.info {
    background-color: var(--brand-primary);
}

.info i {
    color: var(--default-light);
}


/* tabs */

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: var(--default-light);
    background-color: var(--brand-primary);
    border: 1px solid var(--brand-primary);
}

.nav-tabs>li>a {
    border-color: var(--brand-highlight) var(--brand-highlight) var(--brand-primary);
}

.nav-tabs>li>a:hover {
    border-color: var(--brand-primary) var(--brand-primary) var(--brand-primary);
    background: var(--default-light);
}

.nav>li>a:focus {
    color: var(--default-dark);
    background: var(--default-light);
}


/* IE < 11 doesnt support variables */

@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
    /* card */
    .card-header {
        background: #44697f;
        color: #ffffff;
    }
    /* btns */
    .btn {
        background-color: #44697f;
        cursor: pointer;
    }
    .btn:hover {
        background-color: #333333;
    }
    /* info */
    .info {
        background: #44697f;
    }
    .info i {
        color: #ffffff;
    }
    /* tabs */
    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        color: #ffffff;
        background-color: #44697f;
        border: 1px solid #44697f;
    }
    .nav-tabs>li>a {
        border-color: #d3d3d3 #d3d3d3 #44697f;
    }
    .nav-tabs>li>a:hover {
        border-color: #44697f #44697f #44697f;
        background: #ffffff;
    }
    .nav>li>a:focus {
        color: #333333;
        background: #ffffff;
    }
}