/** FONTS **/
.fw-normal {
    font-family: FontLight !important;
}

.fw-bold {
    font-family: FontBold !important;
    font-weight: normal !important;
}

.fw-bolder {
    font-family: FontBolder !important;
    font-weight: normal !important;
}

/** COLORS **/
.bg-primary {
    background-color: var(--blue-clr-1) !important;
}

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

/** HAMBURGUER MENU **/
.navbar-toggler-icon {
    background-image: url("/storage/modules/system/imgs/icons/hamburguer.png") !important;
}

.navbar-toggler {
    color: transparent;
    border-color: transparent;
    padding-right: 0 !important;
}

.navbar-toggler,
.navbar-toggler:focus {
    border: none !important;
}

.navbar-toggler:focus {
    box-shadow: none !important;
}

/** OFFCANVAS SIDE MENU **/
.offcanvas {
    width: 80% !important;
    background-color: var(--blue-clr-1) !important;
}

.offcanvas-header {
    padding: var(--bs-offcanvas-padding-y) 2rem !important;
    margin-top: 0.8rem;
    margin-bottom: 1rem;
}

.offcanvas li {
    padding-bottom: 0.5rem !important;
}

/** ALERTS **/
/* .alert {
    border: none;
}

.alert-warning {
    background-color: var(--orange-clr-1);
    color: black;
} */

.alert {
    color: #000;
    border: none;
    box-shadow: none;
}

/** BACKGROUNDS  **/

.alert-success, .bg-success {
    background-color: var(--green-clr-1) !important;
}

.alert-warning, .bg-warning {
    background-color: var(--orange-clr-1) !important;
}

.alert-danger, .bg-danger {
    background-color: red !important;
}

.alert-info, .bg-info {
    color: #fff !important;
    background-color: var(--blue-clr-1) !important;
}

/** OTHERS **/
.border {
    border: 2px var(--bs-border-style) #f2f2f2 !important;
    border-radius: var(--bs-border-radius);
}

.text-muted {
    color: #666666;
}

.badge {
    font-family: FontNormal;
    font-weight: normal;
    padding-bottom: 0.3rem;
    font-size: 13px;
}

@media (max-width: 767.98px) {
    .container {
        padding-right: calc(var(--bs-gutter-x) * 1) !important;
        padding-left: calc(var(--bs-gutter-x) * 1) !important;
    }
}