:root {
    /*General variables loaded here from the backend*/
    --bs-primary-rgb: 76, 46, 143;
    --bs-secondary-rgb: 210, 57, 110;
    --bs-danger-rgb: 220,53,69;
    --danger-color: #dc3545;
    --success-color: #198754;
    --logo-img-url: url("https://www.malga.com/media/f10dheab/malga-logo-1.svg");
    --font-family: "";
    --divider-color: #d7e1e6;
}

.btn-outline-primary {
    --bs-btn-color: rgb(var(--bs-primary-rgb));
    --bs-btn-border-color: rgb(var(--bs-primary-rgb));
    --bs-btn-hover-bg: rgb(var(--bs-primary-rgb));
    --bs-btn-hover-border-color: rgb(var(--bs-primary-rgb));
    --bs-btn-active-bg: rgb(var(--bs-primary-rgb));
    --bs-btn-active-border-color: rgb(var(--bs-primary-rgb));
    --bs-btn-disabled-color: rgb(var(--bs-primary-rgb));
    --bs-btn-disabled-border-color: rgb(var(--bs-primary-rgb));
}

.btn-outline-secondary {
    --bs-btn-color: rgb(var(--bs-secondary-rgb));
    --bs-btn-border-color: rgb(var(--bs-secondary-rgb));
    --bs-btn-hover-bg: rgb(var(--bs-secondary-rgb));
    --bs-btn-hover-border-color: rgb(var(--bs-secondary-rgb));
    --bs-btn-active-bg: rgb(var(--bs-secondary-rgb));
    --bs-btn-active-border-color: rgb(var(--bs-secondary-rgb));
    --bs-btn-disabled-color: rgb(var(--bs-secondary-rgb));
    --bs-btn-disabled-border-color: rgb(var(--bs-secondary-rgb));
}

.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgb(var(--bs-primary-rgb));
    --bs-btn-border-color: rgb(var(--bs-primary-rgb));
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(var(--bs-primary-rgb));
    --bs-btn-hover-border-color: rgb(var(--bs-primary-rgb));
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(var(--bs-primary-rgb));
    --bs-btn-active-border-color: rgb(var(--bs-primary-rgb));
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgb(var(--bs-primary-rgb));
    --bs-btn-disabled-border-color: rgb(var(--bs-primary-rgb));
}

.btn.btn-primary:hover {
    filter: brightness(95%);
}

.form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb),.25);
    border-color: rgba(var(--bs-primary-rgb),.25);
}

.form-check-input:checked {
    background-color: rgb(var(--bs-primary-rgb));
    border-color: rgb(var(--bs-primary-rgb));
}

.form-check-input:focus {
    border-color: rgba(var(--bs-primary-rgb),.25);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb),.25);
}

.progress, .progress-stacked {
    --bs-progress-height: 0.5rem;
    --bs-progress-bar-bg: rgb(var(--bs-primary-rgb));
}

.loader {
    width: 24px;
    height: 24px;
    border: 2px solid #000;
    border-bottom-color: transparent;
    border-radius: 50%;
    display: inline-block;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.modal .modal-fullscreen {
    height: auto;
}

/* Codec-Pro-Bold.otf */
@font-face {
    font-family: "PCF";
    src: url("../fonts/pcf/Codec-Pro-Bold.otf") format('opentype');
    font-weight: 700;
    font-style: normal;
}

/* Codec-Pro-Extrabold.otf */
@font-face {
    font-family: "PCF";
    src: url("../fonts/pcf/Codec-Pro-Extrabold.otf") format('opentype');
    font-weight: 800;
    font-style: normal;
}

/* Codec-Pro-Light.otf */
@font-face {
    font-family: "PCF";
    src: url("../fonts/pcf/Codec-Pro-Light.otf") format('opentype');
    font-weight: 300;
    font-style: normal;
}

/* Codec-Pro-Regular.otf */
@font-face {
    font-family: "PCF";
    src: url("../fonts/pcf/Codec-Pro-Regular.otf") format('opentype');
    font-weight: 400;
    font-style: normal;
}

/* Regular */
@font-face {
    font-family: "JFA-AR";
    src: url("../fonts/jfa-AR/neo/NeoSansArabic.eot"); /* IE9 Compat Modes */
    src: url("../fonts/jfa-AR/neo/NeoSansArabic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/jfa-AR/neo/NeoSansArabic.woff2") format("woff2"), /* Super Modern Browsers */
    url("../fonts/jfa-AR/neo/NeoSansArabic.woff") format("woff"), /* Modern Browsers */
    url("../fonts/jfa-AR/neo/NeoSansArabic.ttf") format("truetype"); /* Safari, Android, iOS */
    font-weight: 400;
    font-style: normal;
}

/* Bold */
@font-face {
    font-family: "JFA-AR";
    src: url("../fonts/jfa-AR/neo/NeoSansArabic.eot"); /* IE9 Compat Modes */
    src: url("../fonts/jfa-AR/neo/NeoSansArabic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/jfa-AR/neo/NeoSansArabic.woff2") format("woff2"), /* Super Modern Browsers */
    url("../fonts/jfa-AR/neo/NeoSansArabic.woff") format("woff"), /* Modern Browsers */
    url("../fonts/jfa-AR/neo/NeoSansArabic.ttf") format("truetype"); /* Safari, Android, iOS */
    font-weight: 700;
    font-style: normal;
}

/* Italic */
@font-face {
    font-family: "JFA-AR";
    src: url("../fonts/jfa-AR/neo/NeoSansArabic.eot"); /* IE9 Compat Modes */
    src: url("../fonts/jfa-AR/neo/NeoSansArabic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/jfa-AR/neo/NeoSansArabic.woff2") format("woff2"), /* Super Modern Browsers */
    url("../fonts/jfa-AR/neo/NeoSansArabic.woff") format("woff"), /* Modern Browsers */
    url("../fonts/jfa-AR/neo/NeoSansArabic.ttf") format("truetype"); /* Safari, Android, iOS */
    font-weight: 400;
    font-style: italic;
}

/* Bold Italic */
@font-face {
    font-family: "JFA-AR";
    src: url("../fonts/jfa-AR/neo/NeoSansArabic.eot"); /* IE9 Compat Modes */
    src: url("../fonts/jfa-AR/neo/NeoSansArabic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/jfa-AR/neo/NeoSansArabic.woff2") format("woff2"), /* Super Modern Browsers */
    url("../fonts/jfa-AR/neo/NeoSansArabic.woff") format("woff"), /* Modern Browsers */
    url("../fonts/jfa-AR/neo/NeoSansArabic.ttf") format("truetype"); /* Safari, Android, iOS */
    font-weight: 700;
    font-style: italic;
}

/* Regular */
@font-face {
    font-family: "JFA-EN";
    src: url("../fonts/jfa-AR/neo/NeoSansArabic.eot"); /* IE9 Compat Modes */
    src: url("../fonts/jfa-AR/neo/NeoSansArabic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/jfa-AR/neo/NeoSansArabic.woff2") format("woff2"), /* Super Modern Browsers */
    url("../fonts/jfa-AR/neo/NeoSansArabic.woff") format("woff"), /* Modern Browsers */
    url("../fonts/jfa-AR/neo/NeoSansArabic.ttf") format("truetype"); /* Safari, Android, iOS */
    font-weight: 400;
    font-style: normal;
}

/* Bold */
@font-face {
    font-family: "JFA-EN";
    src: url("../fonts/jfa-AR/neo/NeoSansArabic.eot"); /* IE9 Compat Modes */
    src: url("../fonts/jfa-AR/neo/NeoSansArabic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/jfa-AR/neo/NeoSansArabic.woff2") format("woff2"), /* Super Modern Browsers */
    url("../fonts/jfa-AR/neo/NeoSansArabic.woff") format("woff"), /* Modern Browsers */
    url("../fonts/jfa-AR/neo/NeoSansArabic.ttf") format("truetype"); /* Safari, Android, iOS */
    font-weight: 700;
    font-style: normal;
}

/* Italic */
@font-face {
    font-family: "JFA-EN";
    src: url("../fonts/jfa-AR/neo/NeoSansArabic.eot"); /* IE9 Compat Modes */
    src: url("../fonts/jfa-AR/neo/NeoSansArabic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/jfa-AR/neo/NeoSansArabic.woff2") format("woff2"), /* Super Modern Browsers */
    url("../fonts/jfa-AR/neo/NeoSansArabic.woff") format("woff"), /* Modern Browsers */
    url("../fonts/jfa-AR/neo/NeoSansArabic.ttf") format("truetype"); /* Safari, Android, iOS */
    font-weight: 400;
    font-style: italic;
}

/* Bold Italic */
@font-face {
    font-family: "JFA-EN";
    src: url("../fonts/jfa-AR/neo/NeoSansArabic.eot"); /* IE9 Compat Modes */
    src: url("../fonts/jfa-AR/neo/NeoSansArabic.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("../fonts/jfa-AR/neo/NeoSansArabic.woff2") format("woff2"), /* Super Modern Browsers */
    url("../fonts/jfa-AR/neo/NeoSansArabic.woff") format("woff"), /* Modern Browsers */
    url("../fonts/jfa-AR/neo/NeoSansArabic.ttf") format("truetype"); /* Safari, Android, iOS */
    font-weight: 700;
    font-style: italic;
}

/*@font-face {*/
/*    font-family: "JFA-EN";*/
/*    src: url("../fonts/jfa-EN/Qanelas-Thin.otf") format('opentype');*/
/*    font-weight: 100;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: "JFA-EN";*/
/*    src: url("../fonts/jfa-EN/Qanelas-ThinItalic.otf") format('opentype');*/
/*    font-weight: 100;*/
/*    font-style: italic;*/
/*}*/

/*@font-face {*/
/*    font-family: "JFA-EN";*/
/*    src: url("../fonts/jfa-EN/Qanelas-UltraLight.otf") format('opentype');*/
/*    font-weight: 200;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: "JFA-EN";*/
/*    src: url("../fonts/jfa-EN/Qanelas-UltraLightItalic.otf") format('opentype');*/
/*    font-weight: 200;*/
/*    font-style: italic;*/
/*}*/

/*@font-face {*/
/*    font-family: "JFA-EN";*/
/*    src: url("../fonts/jfa-EN/Qanelas-Light.otf") format('opentype');*/
/*    font-weight: 300;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: "JFA-EN";*/
/*    src: url("../fonts/jfa-EN/Qanelas-LightItalic.otf") format('opentype');*/
/*    font-weight: 300;*/
/*    font-style: italic;*/
/*}*/

/*@font-face {*/
/*    font-family: "JFA-EN";*/
/*    src: url("../fonts/jfa-EN/Qanelas-Regular.otf") format('opentype');*/
/*    font-weight: 400;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: "JFA-EN";*/
/*    src: url("../fonts/jfa-EN/Qanelas-RegularItalic.otf") format('opentype');*/
/*    font-weight: 400;*/
/*    font-style: italic;*/
/*}*/

/*@font-face {*/
/*    font-family: "JFA-EN";*/
/*    src: url("../fonts/jfa-EN/Qanelas-Medium.otf") format('opentype');*/
/*    font-weight: 500;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: "JFA-EN";*/
/*    src: url("../fonts/jfa-EN/Qanelas-MediumItalic.otf") format('opentype');*/
/*    font-weight: 500;*/
/*    font-style: italic;*/
/*}*/

/*@font-face {*/
/*    font-family: "JFA-EN";*/
/*    src: url("../fonts/jfa-EN/Qanelas-SemiBold.otf") format('opentype');*/
/*    font-weight: 600;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: "JFA-EN";*/
/*    src: url("../fonts/jfa-EN/Qanelas-SemiBoldItalic.otf") format('opentype');*/
/*    font-weight: 600;*/
/*    font-style: italic;*/
/*}*/

/*@font-face {*/
/*    font-family: "JFA-EN";*/
/*    src: url("../fonts/jfa-EN/Qanelas-Bold.otf") format('opentype');*/
/*    font-weight: 700;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: "JFA-EN";*/
/*    src: url("../fonts/jfa-EN/Qanelas-BoldItalic.otf") format('opentype');*/
/*    font-weight: 700;*/
/*    font-style: italic;*/
/*}*/

/*@font-face {*/
/*    font-family: "JFA-EN";*/
/*    src: url("../fonts/jfa-EN/Qanelas-ExtraBold.otf") format('opentype');*/
/*    font-weight: 800;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: "JFA-EN";*/
/*    src: url("../fonts/jfa-EN/Qanelas-ExtraBoldItalic.otf") format('opentype');*/
/*    font-weight: 800;*/
/*    font-style: italic;*/
/*}*/

/*@font-face {*/
/*    font-family: "JFA-EN";*/
/*    src: url("../fonts/jfa-EN/Qanelas-Heavy.otf") format('opentype');*/
/*    font-weight: 900;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: "JFA-EN";*/
/*    src: url("../fonts/jfa-EN/Qanelas-HeavyItalic.otf") format('opentype');*/
/*    font-weight: 900;*/
/*    font-style: italic;*/
/*}*/

@font-face {
    font-family: "Misk-EN";
    src: url("../fonts/misk-EN/Codec-Pro-Light.ttf") format('truetype');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Misk-EN";
    src: url("../fonts/misk-EN/Codec-Pro-Light-Italic.ttf") format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Misk-EN";
    src: url("../fonts/misk-EN/Codec-Pro-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Misk-EN";
    src: url("../fonts/misk-EN/Codec-Pro-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Misk-EN";
    src: url("../fonts/misk-EN/Codec-Pro-Bold.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Misk-EN";
    src: url("../fonts/misk-EN/Codec-Pro-Bold-Italic.ttf") format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Misk-EN";
    src: url("../fonts/misk-EN/Codec-Pro-Extrabold.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Misk-EN";
    src: url("../fonts/misk-EN/Codec-Pro-Extrabold-Italic.ttf") format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "Misk-AR";
    src: url("../fonts/misk-AR/FFShamelSansOne-Light.otf") format('opentype');
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: "Misk-AR";
    src: url("../fonts/misk-AR/FFShamelSansOne-Light.otf") format('opentype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "Misk-AR";
    src: url("../fonts/misk-AR/FFShamelSansOne-Normal.ttf") format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Misk-AR";
    src: url("../fonts/misk-AR/FFShamelSansOne-Normal.ttf") format('truetype');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "Misk-AR";
    src: url("../fonts/misk-AR/FFShamelSansOne-Medium.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Misk-AR";
    src: url("../fonts/misk-AR/FFShamelSansOne-Medium.ttf") format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "Misk-AR";
    src: url("../fonts/misk-AR/FFShamelSansOne-Bold.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Misk-AR";
    src: url("../fonts/misk-AR/FFShamelSansOne-Bold.ttf") format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "media-forum-EN";
    src: url("../fonts/media-forum-EN/main/ArbFONTS-4_F4.ttf") format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "media-forum-EN";
    src: url("../fonts/media-forum-EN/main/ArbFONTS-riyad-bank-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "media-forum-EN";
    src: url("../fonts/media-forum-EN/main/ArbFONTS-riyad-bank-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "media-forum-EN";
    src: url("../fonts/media-forum-EN/main/ArbFONTS-riyad-bank-Bold.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "media-forum-EN";
    src: url("../fonts/media-forum-EN/main/ArbFONTS-4_F5.ttf") format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "media-forum-EN";
    src: url("../fonts/media-forum-EN/main/ArbFONTS-riyad-bank-Bold.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "media-forum-EN";
    src: url("../fonts/media-forum-EN/main/ArbFONTS-riyad-bank-Regular.ttf") format('truetype');
    font-weight: 700;
    font-style: italic;
}

@font-face {
    font-family: "media-forum-AR";
    src: url("../fonts/media-forum-AR/main/ArbFONTS-4_F4.ttf") format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: "media-forum-AR";
    src: url("../fonts/media-forum-AR/main/ArbFONTS-riyad-bank-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "media-forum-AR";
    src: url("../fonts/media-forum-AR/main/ArbFONTS-riyad-bank-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: italic
}

@font-face {
    font-family: "media-forum-AR";
    src: url("../fonts/media-forum-AR/main/ArbFONTS-riyad-bank-Bold.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "media-forum-AR";
    src: url("../fonts/media-forum-AR/main/ArbFONTS-4_F5.ttf") format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: "media-forum-AR";
    src: url("../fonts/media-forum-AR/main/ArbFONTS-riyad-bank-Bold.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "media-forum-AR";
    src: url("../fonts/media-forum-AR/main/ArbFONTS-riyad-bank-Regular.ttf") format('truetype');
    font-weight: 700;
    font-style: italic;
}

/* Roboto Regular */
@font-face {
    font-family: "learn";
    src: url("../fonts/learn/Roboto-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}

/* Roboto Italic */
@font-face {
    font-family: "learn";
    src: url("../fonts/learn/Roboto-Italic.ttf") format('truetype');
    font-weight: 400;
    font-style: italic;
}

/* Roboto Thin */
@font-face {
    font-family: "learn";
    src: url("../fonts/learn/Roboto-Thin.ttf") format('truetype');
    font-weight: 100;
    font-style: normal;
}

/* Roboto Thin Italic */
@font-face {
    font-family: "learn";
    src: url("../fonts/learn/Roboto-ThinItalic.ttf") format('truetype');
    font-weight: 100;
    font-style: italic;
}

/* Roboto Light */
@font-face {
    font-family: "learn";
    src: url("../fonts/learn/Roboto-Light.ttf") format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* Roboto Light Italic */
@font-face {
    font-family: "learn";
    src: url("../fonts/learn/Roboto-LightItalic.ttf") format('truetype');
    font-weight: 300;
    font-style: italic;
}

/* Roboto Medium */
@font-face {
    font-family: "learn";
    src: url("../fonts/learn/Roboto-Medium.ttf") format('truetype');
    font-weight: 500;
    font-style: normal;
}

/* Roboto Medium Italic */
@font-face {
    font-family: "learn";
    src: url("../fonts/learn/Roboto-MediumItalic.ttf") format('truetype');
    font-weight: 500;
    font-style: italic;
}

/* Roboto Bold */
@font-face {
    font-family: "learn";
    src: url("../fonts/learn/Roboto-Bold.ttf") format('truetype');
    font-weight: 700;
    font-style: normal;
}

/* Roboto Bold Italic */
@font-face {
    font-family: "learn";
    src: url("../fonts/learn/Roboto-BoldItalic.ttf") format('truetype');
    font-weight: 700;
    font-style: italic;
}

/* Roboto Black */
@font-face {
    font-family: "learn";
    src: url("../fonts/learn/Roboto-Black.ttf") format('truetype');
    font-weight: 900;
    font-style: normal;
}

/* Roboto Black Italic */
@font-face {
    font-family: "learn";
    src: url("../fonts/learn/Roboto-BlackItalic.ttf") format('truetype');
    font-weight: 900;
    font-style: italic;
}