﻿@font-face {
    font-family: 'Gotham-Book';
    src: url('../Fonts/Gotham-Book.eot');
    src: url('../Fonts/Gotham-Book.eot') format('embedded-opentype'), url('../Fonts/Gotham-Book.woff2') format('woff2'), url('../Fonts/Gotham-Book.woff') format('woff'), url('../Fonts/Gotham-Book.ttf') format('truetype'), url('../Fonts/Gotham-Book.svg#Gotham-Book') format('svg');
}

@font-face {
    font-family: 'Gotham-Light';
    src: url('../Fonts/Gotham-Light.eot');
    src: url('../Fonts/Gotham-Light.eot') format('embedded-opentype'), url('../Fonts/Gotham-Light.woff2') format('woff2'), url('../Fonts/Gotham-Light.woff') format('woff'), url('../Fonts/Gotham-Light.ttf') format('truetype'), url('../Fonts/Gotham-Light.svg#Gotham-Light') format('svg');
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url('../Fonts/Gotham-Medium.eot');
    src: url('../Fonts/Gotham-Medium.eot') format('embedded-opentype'), url('../Fonts/Gotham-Medium.woff2') format('woff2'), url('../Fonts/Gotham-Medium.woff') format('woff'), url('../Fonts/Gotham-Medium.ttf') format('truetype'), url('../Fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
}

@font-face {
    font-family: 'Gotham-Bold';
    src: url('../Fonts/Gotham-Bold.eot');
    src: url('../Fonts/Gotham-Bold.eot') format('embedded-opentype'), url('../Fonts/Gotham-Bold.woff2') format('woff2'), url('../Fonts/Gotham-Bold.woff') format('woff'), url('../Fonts/Gotham-Bold.ttf') format('truetype'), url('../Fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
}

:root {
    /*Main Colors*/
    --p_main: #EE1100;
    --s_main: #000000;
    /* Primary Shades */
    --lightbluish: #E8ECF4;
    --p_main_50: #E9EBF4;
    --p_main_100: #C6CDE5;
    --p_main_200: #A2ADD3;
    --p_main_300: #7D8DC1;
    --p_main_400: #6173B4;
    --p_main_500: #465BA8;
    --p_main_700: #7485BE;
    --p_main_800: #4663C0;
    --p_main_900: #3F539E;
    --Bluishgrey: #EFF2FD;
    /*Text Color*/
    --TextMain: #323232;
    --TextLight: #A0A0A0;
    --icon-color: #33475B;
    --icon-color-bg: #FAFAFA;
    --faIcon: #323232;
    --faIconHover: #EE1100;
    --text_white: #ffffff;
    /*Common Colors*/
    --grey100: #FAFAFA;
    --grey150: #EFEFEF;
    --grey200: #F5F5F5;
    --grey300: #F0F0F0;
    --grey400: #DEDEDE;
    --grey500: #C2C2C2;
    --darkGrey600: #979797;
    --darkGrey700: #818181;
    --darkGrey800: #606060;
    --darkGrey900: #3C3C3C;
    /*Body Background*/
    --bodyBg: #ffffff;
    --whiteBlockBg: #ffffff;
    --assetSideBlock: #ffffff;
    --cmsBlockBg: #ffffff;
    --formWrapperBg: #fbfbfb;
    /*Title Block*/
    --blockBg: #ffffff;
    --titleBg: #4a5878;
    /* Header */
    --headerBg: #ffffff;
    --headershadow: rgb(255 255 255 / 0%);
    /* Border */
    --border: #CED4DA;
    --borderActive: #EE1100;
    /* Form Control */
    --FormBg: #ffffff;
    --FormText: #495057;
    --FormFocusBdr: #a0a8b7;
    --FormIconBg: #F0F0F0;
    --FormIconText: #000000;
    --FormValidationTxt: #DC3545;
    --selectDropHoverBg: #F0F0F0;
    --selectDropHoverText: #495057;
    --selectDropActiveBg: #EE1100;
    --selectDropActiveText: #ffffff;
    /*Buttons*/
    --BtnBg: #EE1100;
    --BtnText: #ffffff;
    --btnBdr: #EE1100;
    --BtnBgHover: #000000;
    --BtnTextHover: #ffffff;
    --btnBdrHover: #000000;
    --BtnBorderedBg: #ffffff;
    --BtnBorderedText: #EE1100;
    --btnBorderedBdr: #EE1100;
    --BtnBorderedBgHover: #EE1100;
    --BtnBorderedTextHover: #ffffff;
    --btnBorderedBdrHover: #EE1100;
    --s_btnBg: #99CA3D;
    --s_btnText: #ffffff;
    --s_btnBdr: #99CA3D;
    --s_btnBgHover: #ffffff;
    --s_btnTextHover: #99CA3D;
    --s_btnBdrHover: #99CA3D;
    --link: #EE1100;
    --linkHover: #000000;
    /*Navigation*/
    --navBg: #000000;
    --navText: #ffffff;
    --navActiveBg: #EE1100;
    --navTextActive: #ffffff;
    --navDropdownBg: #f7f7f7;
    --navDropdownText: #000000;
    --navDropdownTextHover: #EE1100;
    --navbdr: #EE1100;
    /*Footer*/
    --footerBg: #000000;
    --footerText: #ffffff;
    /*Modal*/
    --modalHF_Bg: #F7F8FD;
    --modalBdr: #DDE5F5;
    --modalBodyBg: #ffffff;
    /* Ad Page */
    --ad-LeftFilterBg: #F6F5F5;
    --ad-LeftFilterBdr: #eee;
    --ad-filterTitlebdr-h: #EE1100;
    /* Ad Page */
    /*Asset Card*/
    --cardBg: #ffffff;
    --cardBdr: #e8ecf4;
    --cardImgBg: #eaf1ff;
    --cardBgHover: #eaf1ff;
    --cardBdrHover: #bed5f1;
    --cardImgBgHover: #ffffff;
    /* Report */
    --reportListBg: #e9ebf4;
    --reportListIcon: #323232;
    --reportListText: #323232;
    --reportListBg-Active: #EE1100;
    --reportListIcon-Active: #ffffff;
    --reportListText-Active: #EE1100;
    /* Report */
    /*Tabs*/
    --tabBg: #FAFAFA;
    --tabText: #323232;
    --tabBdr: #e8ecf4;
    --tabActiveBg: #EE1100;
    --tabTextActive: #ffffff;
    --tabBdrActive: #EE1100;
    /*Accordion*/
    --accordionBg: #DEDEDE;
    --accordionText: #323232;
    --accordionBdr: #DEDEDE;
    --accordionBgActive: #EE1100;
    --accordionTextActive: #ffffff;
    --accordionBdrActive: #EE1100;
    /*Pagination*/
    --pgBg: #f2f2f2;
    --pgText: #363636;
    --pgbdr: #dfdfdf;
    --pgBdrHover: #EE1100;
    --pgActiveBg: #EE1100;
    --pgActiveText: #ffffff;
    --pgActiveBdr: #EE1100;
    /*Table*/
    --tableHeadBg: #e9ecf3;
    --tableHeadText: #363636;
    --tableHeadBdr: #e9ecf3;
    --tableRowBg: #ffffff;
    --tableRowBdr: #e9ecf3;
    --tableAltRowBg: #f1f4f7;
    /*Upload*/
    --uploadBdr: #4A5878;
    --uploadBg: #ffffff;
    --uploadBdrLight: #A1A1A1;
    --uploadBgLight: #ffffff;
    /*Radio/Checkbox*/
    --rc_bg: #ffffff;
    --rc_text: #323232;
    --rc_bgActive: #EE1100;
    --rc_textActive: #323232;
    --rc_IconActive: #ffffff;
    /*Alerts*/
    --sucessBg: #F5FAEC;
    --successText: #155724;
    --successBdr: #155724;
    --errorBg: #FAF0F2;
    --errorText: #A11A24;
    --erroBdr: #CC3440;
    --warningBg: #FEEEB4;
    --warningText: #896B00;
    --warningBdr: #FAC303;
    /*Badge*/
    --badge-Light-Bg: #FAFAFA;
    --badge-dark-Bg: #F0F0F0;
    --badge-icon-color: #33475B;
    --badge-Text: #33475B;
    --Badge-Bdr: #CED4DA;
    --badge-Bg-Active: #E9EBF4;
    --badge-Text-Active: #EE1100;
    --badge-Bdr-Active: #EE1100;
    /*Wizard*/
    --wizard_bgActive: #E9EBF4;
    --wizard_bgMidCircle_Active: #EE1100;
    --wizard_borderActive: #EE1100;
    --wizard_textmain_Active: #323232;
    --wizard_subtext_Active: #E9EBF4;
    --wizard_bgcomplete: #408140;
    --wizard_complete_icon: #ffffff;
    --wizard_border_complete: #408140;
    --wizard_textmain_complete: #323232;
    --wizard_subtext_complete: #53A653;
    --wizard_bg: #c2c2c2;
    --wizard_border: #c2c2c2;
    --wizard_textmain: #323232;
    --wizard_subtext: #979797;
    /*ToolTip*/
    --tooltipBg: #363636;
    --tooltipText: #ffffff;
    /* Login Page */
    --loginBg: #000000;
    --loginBgRgt: #ffffff;
    --loginText: #ffffff;
    /* Stock Colors */
    --inStock: #3A700F;
    /* Dashboard Blocks */
    --dBlockHeadBg: #000000;
    --dBlockHeadtext: #ffffff;
    --dbExportBg: #EE1100;
    --dbExporttext: #ffffff;
    --dApproveBg: #EE1100;
    --dApprovetext: #ffffff;
    --dIncompleteBg: #ced4da;
    --dIncompletetext: #363636;
    --dDeclinedBg: #717171;
    --dDeclinedtext: #ffffff;
    /* Landing Page Blocks */
    --lb_bg: #ffffff;
    --lb_text: #323232;
    --lb_bdr: #000000;
    --lb_Icon: #000000;
    --lb_bgActive: #ffffff;
    --lb_textActive: #323232;
    --lb_bdrActive: #EE1100;
    --lb_IconActive: #EE1100;
    /* Dashboard Changes */
    --bonusAmount: #F4F5F9;
    /* Dashboard Changes */
    /* OCR Dashboard */
    --ocr_color1: #f0f8ff;
    --ocr_color2: #e6e6fa;
    --ocr_color3: #fffacd;
    --ocr_color4: #e0ffff;
    --ocr_color5: #f5f5dc;
    --ocr_color6: #d3ffd3;
    --ocr_color7: #ffebcd;
    --ocr_color8: #ffe4e1;
    --ocr_color9: #e6e6ff;
    --ocr_color10: #fafad2;
    /* OCR Dashboard */
    /* PopShop */
    --cartRowBg: #ffffff;
    --cartRowBdr: #e7e7e7;
    --cartRowBgHover: #f7f7f7;
    --cartRowBdrHover: #d7d7d7;
    --psTopFilter: #e5e5e5;
    --topCartFavIconBg: #ffffff;
    --topCartFavIconBdr: #CED4DA;
    --topCartFavIconText: #323232;
    --addItemBg: #ffffff;
    --uploadStatusBg: #ffffff;
    /* PopShop */
    /* HighCharts Colors */
    --hc100: #000000;
    --hc200: #EE1100;
    --hc300: #2e2a2a;
    --hc400: #4b4344;
    --hc500: #776769;
    --hc600: #a8868a;
    --hc700: #868686;
    --hc800: #656669;
    --hc900: #454546;
    /* Guage color */
    --g1: #e9ebf4;
    --g2: #f3e9e9;
    --g3: #dfcdce;
    --g4: #c7b4b5;
    --g5: #e2c0c1;
    --g6: #dba0a2;
    --g7: #cf8183;
    --g8: #be5e62;
    --g9: #c24044;
    --g10: #EE1100;
    /* Manage Tree */
    --mTreeBlockBg: #ffffff;
    --mTreeBlockInnerBg: #f8f8f8;
    /* Publisher */
    --zoomBg: #585858;
    --zoomText: #FFFFFF;
    --publisherTopBg: #585858;
    --publisherSizeBg: #6D6D6D;
    --publisherText: #ffffff;
    --adListBg: #ffffff;
    --adListHeading: #9A9A9A;
    --adIcon1-Bdr: #D8D8D8;
    --adIcon1-Bg: #F4F5FB;
    --adIcon1-Text: #767880;
    --adIcon2-Bdr: #D8D8D8;
    --adIcon2-Bg: #FEF7F1;
    --adIcon2-Text: #767880;
    --adIconTextHeading: #434343;
    --adIconTextp: #A7A7A7;
    --adIconArrow: #767880;
    --uplodedListBg: #EBEDF3;
    --pub-TabBg: #E0E3EE;
    --pub-TabBdr: #C6CDE5;
    --pub-TabText: #2E2E2E;
    --pub-TabBg-Active: #465CA8;
    --pub-TabBdr-Active: #465CA8;
    --pub-TabText-Active: #FFFFFF;
    --pub-TabContentBg: #FBFBFB;
    --pub-TabContentBdr: #CBCBCB;
    --pub-FormBg: #ffffff;
    --pub-FormBdr: #B7B7B7;
    --pub-FormText: #434343;
    --pub-formatBlock: #ffffff;
    /* Publisher */
}

:root {
    --white: #ffffff;
    --login-bgTop: url('/Clients/AmericanOmni/Images/login_bg-Top.png');
    --login-bgBottom: url('/Clients/AmericanOmni/Images/login_bg-bottom.png');
    --reward-bg: url('/Clients/AmericanOmni/Images/pro_bg.jpg');
    --registration-bg: url('/Clients/AmericanOmni/Images/spiff/Spiff-regIcon.svg');
    /* Fonts */
    --fontLight: "Gotham-Light", sans-serif;
    --fontRegular: "Gotham-Book", sans-serif;
    --fontMedium: "Gotham-Medium", sans-serif;
    --fontSemiBold: "Gotham-Medium", sans-serif;
    --fontBold: "Gotham-Bold", sans-serif;
    /* Fonts */

    --baseFont: 16px;
}
