:root {
    --theme-color: #410006;
    --spanish-red: #E60023;
    --spanish-red-light: #E60023;
    --spanish-red-dark: #ab0000;
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

.register-custom-box {
    width: 600px;
}

.card-header-spanish-red {
    background-color: var(--spanish-red);
    color: #fff;
}

.card-outline-spanish-red {
    border-top: 3px solid var(--spanish-red) !important;
}

.card-dark-spanish-red.card-outline {
    border-top: 3px solid var(--spanish-red);
}

.btn-dark-spanish-red {
    color: #fff;
    background-color: var(--spanish-red);
    border-color: var(--spanish-red);
    box-shadow: none;
}

    .btn-dark-spanish-red:hover {
        background-color: var(--spanish-red-dark);
        border-color: var(--spanish-red-dark);
        color: #fff;
    }

.navbar-spanish-red {
    background-color: var(--spanish-red);
    color: #fff;
}

.btn-outline-newcapos {
    border-color: #a6a8ab;
    color: #be1e2d;
}

    .btn-outline-newcapos:hover {
        background-color: #a6a8ab;
        color: #be1e2d;
    }

.sidebar-dark-spanish-red .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-spanish-red .nav-sidebar > .nav-item > .nav-link.active {
    background-color: var(--spanish-red);
    color: #fff;
}