html {
    font-size: 14px;
}

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

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
}


/*Generated*/
/* Custom styles for ZaFiAuthPortal
   Sets navbar background and link colors to ensure legibility
*/

.zafi-navbar {
    background-color: #1f2937 !important; /* dark slate */
}

.zafi-navbar .navbar-brand,
.zafi-navbar .nav-link,
.zafi-navbar .navbar-text {
    color: #e6eef8 !important; /* very light text for contrast */
}

/* Dropdown menu adjustments to match dark navbar */
.zafi-navbar .dropdown-menu {
    background-color: #273043; /* slightly lighter than navbar */
}

.zafi-navbar .dropdown-item {
    color: #e6eef8; /* light text */
}

.zafi-navbar .dropdown-item:hover,
.zafi-navbar .dropdown-item:focus {
    background-color: rgba(230, 238, 248, 0.08);
    color: #fff;
}

/* Toggler icon color for collapsed mobile nav */
.zafi-navbar .navbar-toggler {
    border-color: rgba(230, 238, 248, 0.25);
}

.zafi-navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23e6eef8' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}