body {
    font-family: "Gabarito", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.redBgColor {
    background-color: #ee1c25 !important; 
}

.bg-dark, .navbar .navbar-dark {
    background-color: #212529 !important;
}

.darkerRedBgColor {
    background-color: #C4121A !important; 
}

.dropdown-menu {
    background-color: #C4121A !important;
}

.dropdown-header {
    color: #fff !important;

}

.dropdown-item {
    color: #f1f2f2 !important;
}

.dropdown-item:hover {
    background-color: #ee1c25 !important;
}

.dropdown-menu .dropdown-item:active {
    background-color: #fff !important;
    color: #ee1c25 !important;
}

.dropdown-menu .active, .dropdown-item:active, .dropdown-item:hover {
    background-color: #fff !important;
    color: #ee1c25 !important;
}

.redTextUnderline {
    text-decoration: underline;
    text-decoration-color: #C4121A;
}

.blueBgColor {
    background-color: #24a9e1 !important; 
}

.blueTextColor {
    color: #24a9e1 !important; 
}

.coloredUnderline {
    text-decoration: underline;
    text-decoration-color: #ff0000;
}

.btn.blueBgColor:hover {
    background-color: #186282 !important; 
}

.darkerBlueBgColor {
    background-color: #186282 !important; 
}

.btn.darkerBlueBgColor:hover {
    background-color: #24a9e1 !important; 
}

.blueBorderWrapper {
    display: inline-block;
    padding: .5rem;
    position: relative;
    background: linear-gradient(to right, #24a9e1, #186282);
    padding: 7px;
  }
  
.blueBorderWrapperInside {
    color: white;
    padding: 1rem;
}

.nav-link {
    color: #fff !important;
    font-weight: 300;
}

.offWhiteBackground {
    background-color: #f1f2f2 !important;
}

.offWhiteBackgroundGradient {
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(226,226,226,1) 23%);
}

.overlay-background {
    opacity: 0.5;
}

.overlay-background:hover {
    opacity: .75;
    transition: opacity .25s ease-out;
    -moz-transition: opacity .25s ease-out;
    -webkit-transition: opacity .25s ease-out;
    -o-transition: opacity .25s ease-out;
}

.whiteForm, .form-label {
    color: #fff;
}