@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;600;700;800&display=swap");

:root {
    --app-font-family: "Tajawal", Tahoma, Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea,
optgroup,
.form-control,
.btn,
.dropdown-menu,
.modal,
.panel,
.table,
.tooltip,
.popover {
    font-family: var(--app-font-family);
}

body {
    font-feature-settings: "kern";
    text-rendering: optimizeLegibility;
}

body.customers:not(.customers_login) #content > .container {
    width: 100% !important;
    max-width: none !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
}

body.customers:not(.customers_login) #content > .container > .row {
    margin-left: 0;
    margin-right: 0;
}

body.customers:not(.customers_login) #content .panel_s,
body.customers:not(.customers_login) #content .section-heading {
    width: 100%;
}

@media (max-width: 767px) {
    body.customers:not(.customers_login) #content > .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
}