@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

:root {
    --al-blue: #0096DA;
    --al-red: #BB3332;
    --al-green: #8AC546;
    --al-yellow: #F9AB1E;
    --al-blue-dark: #3451A3;
    --al-pink: #EC3F8A;
    --al-black: #2F2F2F;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.text-al-blue {color: var(--al-blue);}

.text-al-red {color: var(--al-red);}

.text-al-green {color: var(--al-green);}

.text-al-yellow {color: var(--al-yellow);}

.text-al-blue-dark {color: var(--al-blue-dark);}

.text-al-pink {color: var(--al-pink);}

.text-al-black {color: var(--al-black);}

.bg-al-blue {background-color: var(--al-blue) !important;}

.bg-al-red {background-color: var(--al-red) !important;}

.bg-al-green {background-color: var(--al-green) !important;}

.bg-al-yellow {background-color: var(--al-yellow) !important;}

.bg-al-blue-dark {background-color: var(--al-blue-dark) !important;}

.bg-al-pink {background-color: var(--al-pink) !important;}

.bg-al-black {background-color: var(--al-black) !important;}

.border-al-green {border-color: var(--al-green) !important;}


.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--al-blue);
    --bs-btn-border-color: var(--al-blue);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0b5ed7;
    --bs-btn-hover-border-color: #0a58ca;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0a58ca;
    --bs-btn-active-border-color: #0a53be;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--al-blue);
    --bs-btn-disabled-border-color: var(--al-blue);
}


body {
    font-family: "Ubuntu", "Inter", Arial, Helvetica, sans-serif !important;
    font-weight: 400;
    font-style: normal;
    color: var(--al-black);
}

.divider-vertical {
    background-color: var(--al-red);
    height: 1rem;
    width: 2px;
}

.top-unset {
    top: unset !important;
}

.dropdown-al .dropdown-item:focus,
.dropdown-al .dropdown-item:hover {
    color: #fafafa;
    background-color: var(--al-red);
}

.dropdown-al {
    padding: 8px;
}

.dropdown-al .dropdown-item {
    border-radius: 4px;
}