.text-main {
    color: rgb(218,41,28) !important;
}

.bg-main {
    background-color: rgb(218,41,28) !important;
}

.nav-link {
    color: rgb(218,41,28) !important;
    cursor: pointer;
}

.nav-link.active {
    color: black !important;
}

.modal-open .select2-dropdown {
    z-index: 10060;
}

.modal-open .select2-close-mask {
    z-index: 10055;
}

.modal[data-modal-level="1"] {
    z-index: 1032;
}
.modal[data-modal-level="2"] {
    z-index: 1034;
}
.modal[data-modal-level="3"] {
    z-index: 1036;
}

.modal-backdrop[data-modal-level="1"] {
    z-index: 1031;
}
.modal-backdrop[data-modal-level="2"] {
    z-index: 1033;
}
.modal-backdrop[data-modal-level="3"] {
    z-index: 1035;
}

.nav-btn {
    line-height: 10px;
    color: #000;
    width: 50px;
    height: 50px;
    border: 0;
    background: transparent;
}

.order-list {
    border-radius: 10px;
    box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.04) !important;
    -webkit-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.1);
}

.fs-sm {
    font-size: 0.9rem !important;
}


.fs-xs {
    font-size: 0.8rem !important;
}

.sidebar-menu .nav-link {
    border-radius: 8px;
    padding: 10px 12px;
    transition: background-color 0.2s ease;
}

.sidebar-menu .nav-link:hover {
    background-color: #F8E8E6;
}

.sidebar-menu .nav-link.active {
    background-color: rgb(218,41,28);
    font-weight: bold;
    color: white !important;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-8px);
    }
}

.fade-in-down {
    animation: fadeInDown 0.25s ease-out;
}

.fade-out-up {
    animation: fadeOutUp 0.25s ease-in;
}