:root {
    --primary-color: #3A86FF !important;
    --primary-color-rgb: 58, 134, 255 !important;
    --secondary-color: #2B2E42 !important;
    --tertiary-color: #0D00A4 !important;
    --fourth-color: #EDF2F4 !important;
    --fifth-color: #8D99AE !important;
    --background-color: #FAFAFA !important;
    --text-color: #1C1E21;

    --white-color: #FCFCFC !important;
    --morewhite-color: #FEFEFE !important;
    --black-color: #111111 !important;
    --gray-color: #999999;

    --created-color: #2B2E42;
    --createdHover-color: #242738;

    --authorized-color: #2A7221;
    --authorizedHover-color: #25621D;

    --processed-color: #28AFFA;
    --processedHover-color: #06A0F3;

    --annulled-color: #FFC300;
    --annulledHover-color: #DBA800;

    --unauthorized-color: #D90429;
    --unauthorizedHover-color: #B80422;

    --returned-color: #FF7B00;
    --returnedHover-color: #DB6A00;
}

.bg-light {
    background-color: var(--fourth-color) !important;
}

.bg-white {
    background-color: #FDFDFD !important;
}

.bg-more-white {
    background-color: var(--morewhite-color) !important;
}

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

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

.active-label {
    background-color: var(--authorized-color);
    color: var(--fourth-color);
    font-size: 0.8rem;
    padding: 3px 19px;
    border-radius: var(--bs-border-radius);
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.6rem;
}

.inactive-label {
    background-color: var(--unauthorized-color);
    color: var(--fourth-color);
    font-size: 0.8rem;
    padding: 3px 12px;
    border-radius: var(--bs-border-radius);
    text-transform: uppercase;
    font-weight: bold;
    line-height: 1.6rem;
}

.text-primary {
    color: var(--primary-color) !important;
}

.text-secondary {
    color: var(--secondary-color) !important;
}

.text-tertiary {
    color: var(--tertiary-color) !important;
}

.text-white {
    color: var(--white-color) !important;
}

.text-light {
    color: var(--fifth-color) !important;
}

.text-dark {
    color: var(--black-color) !important;
}

.navbar-default {
    background-color: var(--white-color);
    border-color: #e7e7e7;
}

.hero-image {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    border-radius: var(--bs-border-radius-xl) !important;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

@media (max-width: 768px) {
    .hero-image {
        border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
        border-radius: var(--bs-border-radius-lg) !important;
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
    }
}

@media (max-width: 575.98px) {
    .hero-image {
        border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
        border-radius: var(--bs-border-radius-sm) !important;
        box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
    }
}

#loading-message {
    display: block;
    position: fixed;
    background-color: rgba(var(--primary-color-rgb), 1);
    color: #fff;
    width: 100%;
    height: 100%;
    border-radius: 5px;
    z-index: 9999;
}

#loading-message > .loading-content {
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}