@font-face {
    font-family: Montserrat;
    src: url("../fonts/montserrat.woff2") format("woff2-variations"),
         url("../fonts/montserrat.woff2") format("woff2");
    font-weight: 100 900;
    font-display: swap;
}

:root {
    --aw-blue: #2559AE;
    --aw-blue-rgb: 37, 89, 174;
    --aw-blue-dark: #1B4489;
    --aw-blue-deep: #142F63;
    --aw-blue-soft: #E8EEF9;
    --aw-gold: #F5A623;
    --aw-gold-rgb: 245, 166, 35;
    --aw-gold-dark: #D98E0B;
    --aw-gold-soft: #FFF4DF;
    --aw-font-brand: Montserrat, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    --bs-primary: var(--aw-blue);
    --bs-primary-rgb: var(--aw-blue-rgb);
    --bs-link-color: var(--aw-blue);
    --bs-link-color-rgb: var(--aw-blue-rgb);
    --bs-link-hover-color: var(--aw-blue-dark);
    --bs-link-hover-color-rgb: 27, 68, 137;
    --bs-focus-ring-color: rgba(37, 89, 174, .25);
}

.btn-primary {
    --bs-btn-bg: var(--aw-blue);
    --bs-btn-border-color: var(--aw-blue);
    --bs-btn-hover-bg: var(--aw-blue-dark);
    --bs-btn-hover-border-color: var(--aw-blue-dark);
    --bs-btn-active-bg: var(--aw-blue-deep);
    --bs-btn-active-border-color: var(--aw-blue-deep);
    --bs-btn-disabled-bg: var(--aw-blue);
    --bs-btn-disabled-border-color: var(--aw-blue);
    --bs-btn-focus-shadow-rgb: var(--aw-blue-rgb);
    box-shadow: 0 1px 2px 0 rgba(37, 89, 174, .35);
}
.btn-outline-primary {
    --bs-btn-color: var(--aw-blue);
    --bs-btn-border-color: var(--aw-blue);
    --bs-btn-hover-bg: var(--aw-blue);
    --bs-btn-hover-border-color: var(--aw-blue);
    --bs-btn-active-bg: var(--aw-blue-dark);
    --bs-btn-active-border-color: var(--aw-blue-dark);
    --bs-btn-focus-shadow-rgb: var(--aw-blue-rgb);
}
.btn-soft-primary {
    background-color: var(--aw-blue-soft) !important;
    color: var(--aw-blue) !important;
    border-color: transparent !important;
}
.btn-soft-primary:hover { background-color: var(--aw-blue) !important; color: #fff !important; }

.text-primary { color: var(--aw-blue) !important; }
.bg-primary, .badge.bg-primary { background-color: var(--aw-blue) !important; }
.bg-primary-subtle, .bg-soft-primary { background-color: var(--aw-blue-soft) !important; }
.text-bg-primary { background-color: var(--aw-blue) !important; color: #fff !important; }
.border-primary { border-color: var(--aw-blue) !important; }

.form-control:focus, .form-select:focus {
    border-color: var(--aw-blue);
    box-shadow: 0 0 0 .2rem rgba(37, 89, 174, .15);
}
.form-check-input:checked { background-color: var(--aw-blue); border-color: var(--aw-blue); }
.form-check-input:focus { border-color: var(--aw-blue); box-shadow: 0 0 0 .2rem rgba(37, 89, 174, .2); }
.form-range::-webkit-slider-thumb { background: var(--aw-blue); }
.form-range::-moz-range-thumb { background: var(--aw-blue); }

.nav-pills .nav-link.active, .nav-pills .show > .nav-link { background-color: var(--aw-blue); }
.nav-tabs .nav-link.active { color: var(--aw-blue); border-bottom-color: var(--aw-blue); }
.page-link { color: var(--aw-blue); }
.page-item.active .page-link { background-color: var(--aw-blue); border-color: var(--aw-blue); }
.progress-bar { background-color: var(--aw-blue); }
.dropdown-item.active, .dropdown-item:active { background-color: var(--aw-blue); }
.list-group-item.active { background-color: var(--aw-blue); border-color: var(--aw-blue); }
.spinner-border.text-primary, .spinner-grow.text-primary { color: var(--aw-blue) !important; }
a { color: var(--aw-blue); }
a:hover { color: var(--aw-blue-dark); }

.aw-brand-font { font-family: var(--aw-font-brand); }
.aw-gold { color: var(--aw-gold) !important; }
.aw-bg-gold { background-color: var(--aw-gold) !important; }

:root {
    --aw-st-moving: #16a34a;
    --aw-st-idling: #f59e0b;
    --aw-st-parked: #2559AE;
    --aw-st-offline: #dc3545;
    --aw-st-nogps: #9ca3af;
    --aw-st-expired: #212529;
    --aw-st-online: #16a34a;
}

.aw-st-bg-moving  { background-color: var(--aw-st-moving)  !important; color: #fff !important; }
.aw-st-bg-online  { background-color: var(--aw-st-online)  !important; color: #fff !important; }
.aw-st-bg-idling  { background-color: var(--aw-st-idling)  !important; color: #1a1a2e !important; }
.aw-st-bg-parked  { background-color: var(--aw-st-parked)  !important; color: #fff !important; }
.aw-st-bg-offline { background-color: var(--aw-st-offline) !important; color: #fff !important; }
.aw-st-bg-nogps   { background-color: var(--aw-st-nogps)   !important; color: #fff !important; }
.aw-st-bg-expired { background-color: var(--aw-st-expired) !important; color: #fff !important; }

.aw-st-text-moving  { color: var(--aw-st-moving)  !important; }
.aw-st-text-online  { color: var(--aw-st-online)  !important; }
.aw-st-text-idling  { color: #b06f00 !important; }
.aw-st-text-parked  { color: var(--aw-st-parked)  !important; }
.aw-st-text-offline { color: var(--aw-st-offline) !important; }
.aw-st-text-nogps   { color: #6b7280 !important; }
.aw-st-text-expired { color: var(--aw-st-expired) !important; }

.aw-st-dot { display:inline-block; width:9px; height:9px; border-radius:50%; flex-shrink:0; }
.aw-st-dot-moving  { background: var(--aw-st-moving); }
.aw-st-dot-idling  { background: var(--aw-st-idling); }
.aw-st-dot-parked  { background: var(--aw-st-parked); }
.aw-st-dot-offline { background: var(--aw-st-offline); }
.aw-st-dot-nogps   { background: var(--aw-st-nogps); }

.aw-st-bg-disabled { background-color: #6c757d !important; color: #fff !important; }
.aw-st-text-disabled { color: #6c757d !important; }
.aw-row-disabled { opacity: .62; }