/*#region GENERAL*/
:root {
    /*PALETTE*/
    --primary: var(--primaryRed);
    --bs-primary: var(--primaryRed);
    --bs-primary-rgb: 59 110 143;
    --bs-primary-rgb-com: 59,110,143;
    --bs-active-rgb-com: 128,127,131;
    --secondary: var(--hfcgrey);
    --active: var(--hfcgrey);
    --hover: rgba(var(--bs-active-rgb-com), 0.6);
    --hoverColor: var(--white);
    --disabled: var(--grey);
    --menuPanel: #f8f8f8;
    --sidePanel: var(--hfcgretalt2);
    --sidePanelButtons: var(--white);
    --backgroundPanel: var(--white);
    --sidebarVersion: var(--blue);
    --sidebarVersionAccent: var(--white);
    --dropdownAccent: var(--greenWhite);
    --shadowMain: var(--primaryRed);
    --shadowMainRGB: var(--bs-primary-rgb-com);
    --shadowSecondaryRGB: var(--greenLightRGB);
    --menuIcon: var(--primaryRed);
    --menuText: var(--secondary);
    --headerTitle: var(--primaryRed);
    --button: var(--primaryRed);
    --buttonContrast: var(--white);
    --hudButton: var(--primary);
    --hudContrast: var(--white);
    --bs-body-color: var(--black);
    /****Borders***/
    --pageBorder: var(--primaryRed);
    --sidebarBorder: var(--primaryRed);
    --cardBorder: var(--primaryRed);
    --formControlBorder: var(--primaryRed);
    --tooltipBorder: var(--primaryRed);
    --tooltipText: var(--primaryRed);
    --tooltipShadow: var(--blueMid);
    --tooltipBackground: var(--white);
    --link: var(--primaryRed);
    /*COLOURS*/
    /*--greygreen: #f4f7ed;*/
    --hfcgrey: #807f83;
    --hfcblue: #3b6d8f;
    --primaryRed: #7b001c;
    --hfcred: #b30838;
    --hfcbeige: #dcbfa5;
    --hfcgreen: #ced0b4;
    --hfcdarkgreen: #95d4cb;
    --hfcgreylight: rgba(128,127,131,0.01);
    --hfcgreyalt1: #EAE9F0;
    --hfcgreyalt2: #D1D0D6;
    --hfcgreyalt3: #F7F5FC;
    --primaryRedlight: rgba(59,110,143,0.01);
    --hfcredlight: rgba(179,8,56,0.01);
    --hfcgreenlight: rgba(206,208,180,0.01);
    --greygreen: #f5f7f0;
    --greenmunsell: #00A878;
    --greencrayola: #D8F1A0;
    --blacksmoky: #0B0500;
    --orangecrayola: #f3c178;
    --lightPink: #FFF2F9;
    --white: #fdfdfd;
    --ShadowGrey: #afafaf;
    --shadowGreyRGB: 175, 175, 175;
    --shadowGreyRGB-com: rgb(175, 175, 175);
    --purpleGrey: rgba(90,23,132, 0.1);
    --pinkWhite: rgba(244,0,127, 0.01);
    --greenWhite: rgba(125,195,128,0.01);
    --blueWhite: rgba(49,52,128,0.01);
    --purple: rgb(90,23,132);
    --blue: rgb(49,52,128);
    --blue-rgb: 49,52,128;
    --blueHex: #313480;
    --blueDark: #353A8C;
    --blueMid: #37448c;
    --blueLight: #2aa2b7;
    --blueVeryLight: #d1e3df;
    --orange: rgb(233,75,39);
    --pink: rgb(244,0,127);
    --green: rgb(125,195,130);
    --greenHex: #7dc382;
    --greenShadow: #019d48;
    --greenShadowRGB: 1,157,72;
    --greenDark: #0b9e40;
    --greenDarkRGB: 11,158,65;
    --greenMid: #7ABF7F;
    --greenMidRGB: 122, 191, 127;
    --greenGrey: 80, 142, 123;
    --greenLight: 209,227,223;
    --greenLightRGB: 209,227,223;
    --greenLightHex: #D1E3DF;
    --red: var(--hfcred);
    --redHex: c94f4f;
    --redMid: #bf4b54;
    --black: #030206;
    --grey: #f2f2f2;
    /*REASONS PALETTE*/
    --rp1: #37448c;
    --rp2: #903048;
    --rp3: #9a3f33;
    --rp4: #e2b46c;
    --rp5: #d9c85b;
    --rp6: #48b39a;
    --rp7: #3694bf;
    --rp8: #f46190;
    /*DEVEXPRESS*/
    --dx-calendar-header-hover-color: var(--active);
    --dx-calendar-table-selection-color: var(--purpleGrey);
    --dx-calendar-table-active-color: var(--white);
    --dx-calendar-table-hover-color: var(--white);
    --dx-grid-header-color: var(--Grey);
    --dx-grid-selection-color: var(--active);
    --currentcolor: #ffffff;
    /*BOOTSTRAP*/
    --bs-body-font-size: 0.875rem;
    --bs-body-color: var(--black);
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: var(--white);
    --bs-table-striped-bg: rgba(var(--bs-active-rgb-com), 0.05);
    --bs-table-active-color: var(--white);
    --bs-table-active-bg: rgba(var(--bs-active-rgb-com), 0.1);
    --bs-table-hover-color: var(--white);
    --bs-table-hover-bg: rgba(var(--bs-active-rgb-com), 0.075);
    --bs-gutter-y: 1.5rem;
    --bs-table-accent-bg: var(--active) !important;
    --table-grid-lines: var(--menuPanel);
    --table-header-text: var(--primary);
    --table-header-background: rgb(var(--shadowGreyRGB), 0.2);
    /*--loading-start: hsla(277, 70%, 30%, 0.1);*/
    /*--loading-start: hsl(329,153%,80%);
    --loading-end: hsl(329,103%,90%);*/
    --loading-start: hsl(329,4%,79%);
    --loading-end: hsl(329,4%,97%);
    --sidebar-max-width: 330px;
}

html, body {
    font-family: 'Noto Sans';
    background-color: var(--backgroundPanel);
  
}

/*#endregion*/



/*#region SIDEBAR*/




/*#region SIDEBAR FOOTER*/

/*#endregion*/

/*#region Nav Menu Hover*/


/*#endregion*/
/*#endregion */


/*#region HEADER*/
.logo-full {
    height: 3.8rem;
}
/*#endregion*/

/*#region DESKTOP LAYOUT*/

/*#endregion*/


/*#region DEVEXPRESS*/

.dxbl-btn-primary {
    --dxbl-btn-hover-border-color: var(--active);
    --dxbl-btn-hover-background: var(--active);
    --dxbl-btn-hover-bg: var(--active);
}





/*#region SCHEDULER*/
/*#endregion*/
/*#endregion*/
/*#region RIGHT DRAWER*/
/*#endregion*/
/*#region HUD*/
/*#endregion*/
/*#region POPUPS*/
/*#endregion*/
/*#region TOOLTIPS*/
/*#endregion*/
/*#region SKELETON LOADER*/
/*#endregion*/
/*#region PAGER*/
/*#endregion*/
/*#region SPINNER*/
.loading-container {
    background: linear-gradient(135deg, var(--menuPanel) 0%, var(--hfcgreylight) 5%,var(--primary) 50%,var(--primary) 150%);
    will-change: background-position;
    backface-visibility: hidden
}

.loading-container .spinner-content,
.loading-container .spinner-container h5,
.loading-container .spinner-message-container * {
    color: white !important;
}

/*#endregion*/

/*#region FILE UPLOAD*/

/*#endregion*/

/*#region ClockTransactions*/



/*#endregion*/

/*#region EVALUATION SUBMISSION*/


/*#endregion*/

/*#region CALENDAR*/

/*#endregion*/

/*#region RESPONSIVENESS*/
@media (max-width: 1200px) {

}

@media (max-width: 1024px) {
  
}

@media (max-width: 768px) {
  
}



/*#endregion*/

/*#region ANIMATIONS*/


/*#endregion*/