/*
    HOW TO USE
    .SideBar {
 
    background-color: var(--CompanyDefaultColor);
}//#4f5050
*/

:root {
    --PrimaryColor: #E24308;
    --PrimaryFontColor: #21314D;
    --MilkyColor: #F3F2ED;
    --BlueColor: #106eea;
    --DimBlueColor: #F6F9FA;
    --SecondaryColor: #323232;
    --PageBlueColor: #F6F9FE;
    --ThirdColor: #5D5D5D;
    --ThemeBackGroundColor: #51585C;
    --CompanyProfileFontColor: #444444;
    --ThemeRedColor: #FF0000;
    --SectionGreyColor: #6D6D6D;
    --CompanyDefaultColor: #3E6ABF;
    --CompanyMilk: #F9F9F8;
    --CompanyFontBlackColor: #4f5050;
}

:root {
    --TileColor1: #0C2679;
    --TileColor2: #7030A0;
    --TileColor3: #0070C0;
    --TileColor4: #EC7D31;
    --TileColor5: #92D050;
    --TileColor6: #903767;
}


:root {
    --MarketingGreyFontColor: #5E5F61;
    --MarketingOrangeColor: #E04307;
    --MarketingRedColor: #E91C21;
    --MarketingBlueColor: #0C2679;
    --MarketingMilkyColor: #F3F3F3;
    --SectionHeaderFontColor: #53575A;
}

:root {
    --AppGreenColor: #237066;
    --AppLightBlueColor: #20AEE3;
    --AppDarkBlueColor: #365588;
    --AppBackgroundColor: #F6F9FA;
    --AppPageBackgroundColor: #EAF0F5
}

.AppGreenColor {
    color: var(--AppGreenColor );
}

.AppLightBlueColor {
    color: var(--AppLightBlueColor );
}

.AppDarkBlueColor {
    color: var(--AppDarkBlueColor );
}



.AppGreenBackgroundColor {
    background-color: var(--AppGreenColor );
}

.AppLightBlueBackgroundColor {
    background-color: var(--AppLightBlueColor );
}

.AppDarkBlueBackgroundColor {
    background-color: var(--AppDarkBlueColor );
}