/*Backend*/
/*Declare default variables*/
:root {
    /*fonts*/
    --system-font: MontserratRegular, sans-serif;
    --system-font-size: 90%;
    --font-thin: MontserratThin, sans-serif;
    --font-light: MontserratLight, sans-serif;
    --font-regular: MontserratRegular, sans-serif;
    --font-medium: MontserratMedium, sans-serif;
    --font-semi-bold: MontserratSemiBold, sans-serif;
    --font-bold: MontserratBold, sans-serif;
    --font-black: MontserratBlack, sans-serif;
    /*colors*/
    --color-green: #00923F;
    --color-blue-dark: #1c3185;
    --color-yellow: #F2B72D;
    --color-yellow-dark: #d9a11d;
    --color-brown: #835B10;
    --color-brown-dark: #694a0d;
    --color-black: #000000;
    --color-white: #ffffff;
    --color-blue: #2C48B8;
    /*UI*/
    --ui-sidebar-bg: #fff;
    --ui-sidebar-text: #000;
    --ui-sidebar-search: #e6e6e6;
    --ui-sidebar-search-radius: 8px;
    --ui-sidebar-nav-active: #2C48B8;
    --ui-sidebar-nav-open: #d7d7d7;
    --ui-sidebar-nav-outline: #2C48B8;
    --ui-navbar-bg: #2C48B8;
    --ui-navbar-logo-bg: #2C48B8;
    --ui-sidebar-radius-top: 0px 10px 0px 0px;
    --ui-sidebar-radius-bottom: 0px 0px 0px 0px;
    --ui-card-radius: 6px;
    --ui-card-header-radius: 6px 6px 0px 0px;
    --ui-card-footer-radius: 0px 0px 6px 6px;
    --ui-card-shadow: 0px 0px 20px 20px #000;
    --ui-focus-state: 2px solid #F2B72D; /*F2B72D*/
    --ui-button-blue: #2C48B8;
}


/* Font links */

@font-face {
    font-family: MontserratThin;
    src: url('../app-assets/fonts/montserrat/Montserrat-Thin.ttf');
}
@font-face {
    font-family: MontserratLight;
    src: url('../app-assets/fonts/montserrat/Montserrat-Light.ttf');
}
@font-face {
    font-family: MontserratRegular;
    src: url('../app-assets/fonts/montserrat/Montserrat-Regular.ttf');
}
@font-face {
    font-family: MontserratMedium;
    src: url('../app-assets/fonts/montserrat/Montserrat-Medium.ttf');
}
@font-face {
    font-family: MontserratSemiBold;
    src: url('../app-assets/fonts/montserrat/Montserrat-SemiBold.ttf');
}
@font-face {
    font-family: MontserratBold;
    src: url('../app-assets/fonts/montserrat/Montserrat-Bold.ttf');
}
@font-face {
    font-family: MontserratBlack;
    src: url('../app-assets/fonts/montserrat/Montserrat-Black.ttf');
}