* {
    border-radius: 4px !important;
}

body, body * {
    font-family: "Noto Sans", sans-serif !important;
}

/* Links */
a, a:link, a:visited {
    color: #0063d6;
}

a:hover, a:active {
    color: #0063d6dd;
}

/* Navbar */
nav.navbar {
    border-radius: 0 !important;
    max-height: 58px;
}

nav.navbar a, nav.navbar a:link, nav.navbar a:visited {
    color: #aaaaaa;
}

nav.navbar a:hover, nav.navbar a:active {
    color: #999999;
}

.navbar-brand {
    border-radius: 0 !important;
    border-right: 8px solid #0063d6;
    background: #222222 !important;
    margin-top: 7px;
    margin-left: -12px;
    padding-top: 10px;
    padding-right: 20px;
    padding-left: 15px;
    height: 65px;
}

@media screen and (max-width: 991px) {
    nav.navbar {
        margin-top: -15px;
        max-height: 73px;
    }

    nav .navbar-toggler {
        border: none !important;
    }

    nav .navbar-collapse {
        border-radius: 0 !important;
        background: #222222dd !important;
        margin: -7px -15px 0 -15px !important;
        padding: 15px !important;
    }
}

/* Buttons */
.btn {
    border-radius: 0;
}

/* Additional backgrounds */
.bg-body-tertiary {
    background-color: #222222dd !important;
    color: #faf1d9 !important;
}

.dropdown-menu {
    background-color: #222222 !important;
}

    /* DARK */
    .bg-dark {
        background-color: #222222 !important;
    }

    .btn-dark {
        background-color: #222222;
        border-color: #222222;
        color: #faf1d9 !important;
    }

    .btn-dark:hover {
        background-color: #333333;
        border-color: #333333;
    }

    .btn-outline-dark {
        border-color: #222222;
        color: #222222 !important;
    }

    .btn-outline-dark:hover {
        background-color: #333333;
        color: #faf1d9 !important;
    }

    .text-dark {
        color: #222222 !important;
    }

    .alert-dark {
        background-color: #22222255 !important;
        color: #161616 !important;
        border-color: #222222 !important;
    }
    /* LIGHT */
    .bg-light {
        background-color: #aaaaaa !important;
    }

    .btn-light {
        background-color: #aaaaaa;
        border-color: #aaaaaa;
        color: #faf1d9 !important;
    }

    .btn-light:hover {
        background-color: #999999;
        border-color: #999999;
    }

    .btn-outline-light {
        border-color: #aaaaaa;
        color: #aaaaaa !important;
    }

    .btn-outline-light:hover {
        background-color: #999999;
        color: #faf1d9 !important;
    }

    .text-light {
        color: #aaaaaa !important;
    }

    .alert-light {
        background-color: #aaaaaa55 !important;
        color: #6e6e6e !important;
        border-color: #aaaaaa !important;
    }
    /* SECONDARY */
    .bg-secondary {
        background-color: #555555 !important;
    }

    .btn-secondary {
        background-color: #555555;
        border-color: #555555;
        color: #faf1d9 !important;
    }

    .btn-secondary:hover {
        background-color: #333333;
        border-color: #333333;
    }

    .btn-outline-secondary {
        border-color: #555555;
        color: #555555 !important;
    }

    .btn-outline-secondary:hover {
        background-color: #333333;
        color: #faf1d9 !important;
    }

    .text-secondary {
        color: #555555 !important;
    }

    .alert-secondary {
        background-color: #55555555 !important;
        color: #373737 !important;
        border-color: #555555 !important;
    }
    /* PRIMARY */
    .bg-primary {
        background-color: #0063d6 !important;
    }

    .btn-primary {
        background-color: #0063d6;
        border-color: #0063d6;
        color: #faf1d9 !important;
    }

    .btn-primary:hover {
        background-color: #0063d6dd;
        border-color: #0063d6dd;
    }

    .btn-outline-primary {
        border-color: #0063d6;
        color: #0063d6 !important;
    }

    .btn-outline-primary:hover {
        background-color: #0063d6dd;
        color: #faf1d9 !important;
    }

    .text-primary {
        color: #0063d6 !important;
    }

    .alert-primary {
        background-color: #0063d655 !important;
        color: #00408b !important;
        border-color: #0063d6 !important;
    }
    /* WARNING */
    .bg-warning {
        background-color: #f6b600 !important;
    }

    .btn-warning {
        background-color: #f6b600;
        border-color: #f6b600;
        color: #faf1d9 !important;
    }

    .btn-warning:hover {
        background-color: #f6b600dd;
        border-color: #f6b600dd;
    }

    .btn-outline-warning {
        border-color: #f6b600;
        color: #f6b600 !important;
    }

    .btn-outline-warning:hover {
        background-color: #f6b600dd;
        color: #faf1d9 !important;
    }

    .text-warning {
        color: #f6b600 !important;
    }

    .alert-warning {
        background-color: #f6b60055 !important;
        color: #9f7600 !important;
        border-color: #f6b600 !important;
    }
    /* WHITE */
    .bg-white {
        background-color: #faf1d9 !important;
    }

    .btn-white {
        background-color: #faf1d9;
        border-color: #faf1d9;
        color: #faf1d9 !important;
    }

    .btn-white:hover {
        background-color: #faf1d9dd;
        border-color: #faf1d9dd;
    }

    .btn-outline-white {
        border-color: #faf1d9;
        color: #faf1d9 !important;
    }

    .btn-outline-white:hover {
        background-color: #faf1d9dd;
        color: #faf1d9 !important;
    }

    .text-white {
        color: #faf1d9 !important;
    }

    .alert-white {
        background-color: #faf1d955 !important;
        color: #a29c8d !important;
        border-color: #faf1d9 !important;
    }
    /* SUCCESS */
    .bg-success {
        background-color: #009442 !important;
    }

    .btn-success {
        background-color: #009442;
        border-color: #009442;
        color: #faf1d9 !important;
    }

    .btn-success:hover {
        background-color: #009442dd;
        border-color: #009442dd;
    }

    .btn-outline-success {
        border-color: #009442;
        color: #009442 !important;
    }

    .btn-outline-success:hover {
        background-color: #009442dd;
        color: #faf1d9 !important;
    }

    .text-success {
        color: #009442 !important;
    }

    .alert-success {
        background-color: #00944255 !important;
        color: #00602a !important;
        border-color: #009442 !important;
    }
    /* DANGER */
    .bg-danger {
        background-color: #d42127 !important;
    }

    .btn-danger {
        background-color: #d42127;
        border-color: #d42127;
        color: #faf1d9 !important;
    }

    .btn-danger:hover {
        background-color: #d42127dd;
        border-color: #d42127dd;
    }

    .btn-outline-danger {
        border-color: #d42127;
        color: #d42127 !important;
    }

    .btn-outline-danger:hover {
        background-color: #d42127dd;
        color: #faf1d9 !important;
    }

    .text-danger {
        color: #d42127 !important;
    }

    .alert-danger {
        background-color: #d4212755 !important;
        color: #891519 !important;
        border-color: #d42127 !important;
    }
    /* WINE */
    .bg-wine {
        background-color: #a64848 !important;
    }

    .btn-wine {
        background-color: #a64848;
        border-color: #a64848;
        color: #faf1d9 !important;
    }

    .btn-wine:hover {
        background-color: #a64848dd;
        border-color: #a64848dd;
    }

    .btn-outline-wine {
        border-color: #a64848;
        color: #a64848 !important;
    }

    .btn-outline-wine:hover {
        background-color: #a64848dd;
        color: #faf1d9 !important;
    }

    .text-wine {
        color: #a64848 !important;
    }

    .alert-wine {
        background-color: #a6484855 !important;
        color: #6b2e2e !important;
        border-color: #a64848 !important;
    }
    /* VIOLET */
    .bg-violet {
        background-color: #69598b !important;
    }

    .btn-violet {
        background-color: #69598b;
        border-color: #69598b;
        color: #faf1d9 !important;
    }

    .btn-violet:hover {
        background-color: #69598bdd;
        border-color: #69598bdd;
    }

    .btn-outline-violet {
        border-color: #69598b;
        color: #69598b !important;
    }

    .btn-outline-violet:hover {
        background-color: #69598bdd;
        color: #faf1d9 !important;
    }

    .text-violet {
        color: #69598b !important;
    }

    .alert-violet {
        background-color: #69598b55 !important;
        color: #44395a !important;
        border-color: #69598b !important;
    }

/* Cards */
.card .card-header {
    background-color: #aaaaaa55 !important;
    }