/* ===================================================================== */
/*  The following CSS was created using Theme Editor.                    */
/*  To modify this CSS, click "Open Theme Editor".                       */
/* ===================================================================== */

/* ===================================================================== */
/*  Root - CSS Variables                                                 */
/* ===================================================================== */

:root {
	
    /* Color - Brand */
    --color-primary: #2884c6;
    --color-secondary: #2884c6;

    --color-primary-hover: #1e6394;
    --color-primary-selected: rgba(40, 132, 198, .12);
	
    /* App Settings */
    --color-background-body: #fafafa;
    --color-background-login: #ffffff;
	
    /* Dark Theme */
    --background-dark-theme: rgba(255, 255, 255, .1);
    --background-dark-theme-hover: rgba(255, 255, 255, .2);
}

/* Login and Splash Color */

.login-screen,
.layout-native .login-screen {
    background-color: var(--color-background-login);
}


/*=================Primary Font============================*/
@font-face {
  font-family: 'ArabicHeading';
  src: url('fonts/Doran-Bold.otf?tLxlRB_S0N2GgkOAIJZQvw') format("opentype")
}

@font-face {
  font-family: 'EnglishHeading';
  src: url('fonts/BlackerProDis-Bold.otf?pOHJwfuQiSNYuwdnR4rjyA') format("opentype")
}
/*=================Primary Font============================*/

/*=================Secondary Font============================*/

@font-face {
  font-family: 'bodyFontRegular';
  src: url('fonts/Siwa-Regular.otf?lvKtVkPQ6_uc1W7SSx+xEQ') format("opentype")
}
@font-face {
  font-family: 'bodyFontSemiBold';
  src: url('fonts/Siwa-SemiBold.otf?NTPBuiyy_7KL_fxtGpOyXQ') format("opentype")
}
@font-face {
  font-family: 'bodyFontBold';
  src: url('fonts/Siwa-Bold.otf?ru6jFzRqQSXlpthTL9U6ew') format("opentype")
}

/*=================Secondary Font============================*/