:root {
    --bs-primary-rgb: 0, 74, 173;
    --bs-primary: rgb(var(--bs-primary-rgb));
    --navbar-height: 10vh;
}

body {
    background-color: #F5F6FA;
}

.btn-primary {
    --bs-btn-bg: rgba(0, 74, 173);
    --bs-btn-border-color: rgba(0, 74, 173);
    --bs-btn-hover-bg: rgba(0, 54, 140);
    --bs-btn-hover-border-color: rgba(0, 54, 140);
    --bs-btn-active-bg: rgba(0, 44, 120);
    --bs-btn-active-border-color: rgba(0, 44, 120);
    --bs-btn-disabled-bg: rgba(0, 74, 173);
    --bs-btn-disabled-border-color: rgba(0, 74, 173);
}
.active>.page-link {
    background-color: rgba(0, 74, 173);
    border-color: rgba(0, 74, 173);
}
.divider {
    width: 100%; 
    height: 4rem; 
    background-color: #0000001a; 
    border: solid rgba(0, 0, 0, .15); 
    border-width: 1px 0; 
    box-shadow: inset 0 .5em 1.5em #0000001a, inset 0 .125em .5em #00000026
}
.white-svg {
   filter: invert(1)
}
.login {
    width: 100%;
    max-width: 450px;
    min-height: 420px;  
}
.authfooter {
    background-color: rgba(0, 44, 120, 0.9);
}
.error-alert {
    z-index: 1100;
}
#map {
    height: 90vh;
}
.navbar {
    height: var(--navbar-height);
    background-color: #FFFFFF;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
.section-card {
    background-color: #F0F2F8;
    border-radius: 0.75rem;
}
.stop-row:hover .remove-stop {
    opacity: 1 !important;
}