:root {
    --bs-primary: #E66949 !important;
    --bs-primary-light: #eba391;
}

@font-face {
    font-family: 'GE';
    src: url('../fonts/GE\ SS\ Two\ Bold.otf');

}

* {
    font-family: "Markazi Text", 'GE', serif !important;
}

.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
}

.btn-primary:hover {
    background-color: var(--bs-primary-light) !important;

    border-color: var(--bs-primary-light) !important;
}

@media print {



    .no-print,
    .no-print * {
        display: none !important;
    }
}

.copy {
    cursor: pointer;
}

.nav-link {
    color: #fff;
    padding: 10px;
}

.nav-link:hover {
    color: #fff;
    background-color: var(--bs-primary);
}

.nav-link.active {
    background-color: var(--bs-primary);
    color: #fff !important;
}

.main-content {
    margin-left: 280px !important;
    text-align: left !important;
}

:dir(rtl) .main-content {
    margin-right: 280px !important;
    text-align: right !important;
    margin-left: 0px !important;
}

.user-card {
    padding: 8px;
    background-color: #f7f7f7;
    margin: 5px 0px 5px 0px;
    border-bottom: 1px solid #dbdbdb;
}

.user-list {
    height: 50vh;
    overflow-y: scroll;
}

.required-label::after {
    content: " *";
    color: red;
}



@media (max-width: 767px) {
    #sidebar {
        display: none;
    }

    #sidebar-toggle {
        display: block;
    }

    .navbar-brand {
        border: 0px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .navbar-brand img {
        width: 100%;
    }

    :dir(rtl) .main-content {
        margin-right: 0px !important;
    }

    .main-content {
        margin: 0px !important;
    }
}

@media (min-width: 768px) {
    #sidebar {
        display: block;
    }

    #sidebar-toggle {
        display: none;
    }

    :dir(rtl) .main-content {
        margin-right: 280px !important;
    }

    .main-content {
        margin-left: 280px !important;
    }
}