@font-face {
    font-family: 'VWHead-Bold';
    src: url('../Fonts/VWHead-Bold.eot');
    src: url('../Fonts/VWHead-Bold.eot?#iefix') format('embedded-opentype'), url('../Fonts/VWHead-Bold.woff2') format('woff2'), url('../Fonts/VWHead-Bold.woff') format('woff'), url('../Fonts/VWHead-Bold.ttf') format('truetype'), url('../Fonts/VWHead-Bold.svg#VWHead-Bold') format('svg');
}
@font-face {
    font-family: 'VWHead-Light';
    src: url('../Fonts/VWHead-Light.eot');
    src: url('../Fonts/VWHead-Light.eot?#iefix') format('embedded-opentype'), url('../Fonts/VWHead-Light.woff2') format('woff2'), url('../Fonts/VWHead-Light.woff') format('woff'), url('../Fonts/VWHead-Light.ttf') format('truetype'), url('../Fonts/VWHead-Light.svg#VWHead-Light') format('svg');
}
@font-face {
    font-family: 'VWText';
    src: url('../Fonts/VWText.eot');
    src: url('../Fonts/VWText.eot?#iefix') format('embedded-opentype'), url('../Fonts/VWText.woff2') format('woff2'), url('../Fonts/VWText.woff') format('woff'), url('../Fonts/VWText.ttf') format('truetype'), url('../Fonts/VWText.svg#VWText') format('svg');
}
:root {
    /*Main Colors*/
    --p_main: #001e50;
    --s_main: #00b0f0;
    /* Primary Shades */
    --lightbluish: #E8ECF4;
    --p_main_50: #f1f3fd;
    --p_main_100: #dfe4e8;
    --p_main_200: #b8c1f6;
    --p_main_300: #7f8fef;
    --p_main_400: #475ee8;
    --p_main_500: #1428A0;
    --p_main_700: #121f75;
    --p_main_800: #0f2188;
    --p_main_900: #001e50;
    --Bluishgrey: #EFF2FD;
    /*Text Color*/
    --TextMain: #323232;
    --TextLight: #A0A0A0;
    --icon-color: #33475B;
    --icon-color-bg: #FAFAFA;
    --faIcon: #323232;
    --faIconHover: #00b0f0;
    --text_white: #ffffff;
    /*Common Colors*/
    --grey100: #FAFAFA;
    --grey150: #EFEFEF;
    --grey200: #F5F5F5;
    --grey300: #dfe4e8;
    --grey400: #DEDEDE;
    --grey500: #C2C2C2;
    --darkGrey600: #979797;
    --darkGrey700: #818181;
    --darkGrey800: #606060;
    --darkGrey900: #3C3C3C;
    /*Body Background*/
    --bodyBg: #f7f8fd;
    --whiteBlockBg: #ffffff;
    --assetSideBlock: #ffffff;
    --cmsBlockBg: #ffffff;
    --formWrapperBg: #ffffff;
    /*Title Block*/
    --blockBg: #ffffff;
    --titleBg: #222222;
    /* Header */
    --headerBg: #ffffff;
    --headershadow: rgb(255 255 255 / 0%);
    /* Border */
    --border: #CED4DA;
    --borderActive: #00b0f0;
    /* Form Control */
    --FormBg: #ffffff;
    --FormText: #495057;
    --FormFocusBdr: #a0a8b7;
    --FormIconBg: #F0F0F0;
    --FormIconText: #323232;
    --FormValidationTxt: #DC3545;
    --selectDropHoverBg: #F0F0F0;
    --selectDropHoverText: #495057;
    --selectDropActiveBg: #00b0f0;
    --selectDropActiveText: #ffffff;
    /*Buttons*/
    --BtnBg: #001e50;
    --BtnText: #ffffff;
    --btnBdr: #001e50;
    --BtnBgHover: #00b0f0;
    --BtnTextHover: #ffffff;
    --btnBdrHover: #00b0f0;
    --BtnBorderedBg: #ffffff;
    --BtnBorderedText: #001e50;
    --btnBorderedBdr: #001e50;
    --BtnBorderedBgHover: #00b0f0;
    --BtnBorderedTextHover: #ffffff;
    --btnBorderedBdrHover: #00b0f0;
    --s_btnBg: #00b0f0;
    --s_btnText: #ffffff;
    --s_btnBdr: #00b0f0;
    --s_btnBgHover: #ffffff;
    --s_btnTextHover: #00b0f0;
    --s_btnBdrHover: #00b0f0;
    --link: #00b0f0;
    --linkHover: #001e50;
    /*Navigation*/
    --navBg: #001e50;
    --navText: #ffffff;
    --navActiveBg: #00b0f0;
    --navTextActive: #ffffff;
    --navDropdownBg: #eff0f2;
    --navDropdownText: #363636;
    --navDropdownTextHover: #00b0f0;
    --navbdr: #00b0f0;
    /*Footer*/
    --footerBg: #110f0f;
    --footerText: #ffffff;
    /*Modal*/
    --modalHF_Bg: #dfe4e8;
    --modalBdr: #DDE5F5;
    --modalBodyBg: #ffffff;
    /* Adbuilder */
    --mtpp-Bg: #ffffff;
    --mtpp-Bdr: #CED4DA;
    --mtpp-Text: #323232;
    --mtpp-Bg-Hover: #f5f5f5;
    --mtpp-BdrHover: #001e5b;
    --mtpp-TextHover: #001e5b;
    --blockListBg: #fafafa;
    --blockListBdr: #ced4da;
    --blockListText: #323232;
    --blockListBg-Hover: #ffffff;
    --blockListBdr-Hover: #001e50;
    --blockListText-Hover: #001e50;
    /* Adbuilder */
    /*Asset Card*/
    --cardBg: #ffffff;
    --cardBdr: #e8ecf4;
    --cardImgBg: #fafafa;
    --cardBgHover: #fafafa;
    --cardBdrHover: #ced4da;
    --cardImgBgHover: #ffffff;
    /*Tabs*/
    --tabBg: #f3f1f1;
    --tabText: #323232;
    --tabBdr: #e8ecf4;
    --tabActiveBg: #00b0f0;
    --tabTextActive: #ffffff;
    --tabBdrActive: #00b0f0;
    /*Accordion*/
    --accordionBg: #dfe4e8;
    --accordionText: #323232;
    --accordionBdr: #dfe4e8;
    --accordionBgActive: #00b0f0;
    --accordionTextActive: #ffffff;
    --accordionBdrActive: #00b0f0;
    /*Pagination*/
    --pgBg: #f2f2f2;
    --pgText: #363636;
    --pgbdr: #dfdfdf;
    --pgBdrHover: #00b0f0;
    --pgActiveBg: #00b0f0;
    --pgActiveText: #ffffff;
    --pgActiveBdr: #00b0f0;
    /*Table*/
    --tableHeadBg: #e9ecf3;
    --tableHeadText: #363636;
    --tableHeadBdr: #e9ecf3;
    --tableRowBg: #ffffff;
    --tableRowBdr: #e9ecf3;
    --tableAltRowBg: #f1f4f7;
    /*Upload*/
    --uploadBdr: #00b0f0;
    --uploadBg: #F7F8FD;
    --uploadBdrLight: #A1A1A1;
    --uploadBgLight: #ffffff;
    /*Radio/Checkbox*/
    --rc_bg: #ffffff;
    --rc_text: #323232;
    --rc_bgActive: #00b0f0;
    --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: #204e6d;
    --badge-Text: #204e6d;
    --Badge-Bdr: #CED4DA;
    --badge-Bg-Active: #E9EBF4;
    --badge-Text-Active: #00b0f0;
    --badge-Bdr-Active: #00b0f0;
    /*Wizard*/
    --wizard_bgActive: #E9EBF4;
    --wizard_bgMidCircle_Active: #00b0f0;
    --wizard_borderActive: #00b0f0;
    --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: #313131;
    --tooltipText: #ffffff;
    /* Login Page */
    --loginBg: #001e50;
    --loginBgRgt: #ffffff;
    --loginText: #ffffff;
    /* Stock Colors */
    --inStock: #3A700F;
    /* Dashboard Blocks */
    --dBlockHeadBg: #00b0f0;
    --dBlockHeadtext: #ffffff;
    --dbExportBg: #00b0f0;
    --dbExporttext: #ffffff;
    --dApproveBg: #00b0f0;
    --dApprovetext: #ffffff;
    --dIncompleteBg: #ced4da;
    --dIncompletetext: #363636;
    --dDeclinedBg: #717171;
    --dDeclinedtext: #ffffff;
    /* Landing Page Blocks */
    --lb_bg: #fdfdfd;
    --lb_text: #001e50;
    --lb_bdr: #c9c8c8;
    --lb_Icon: #323232;
    --lb_bgActive: #ffffff;
    --lb_textActive: #323232;
    --lb_bdrActive: #00b0f0;
    --lb_IconActive: #00b0f0;
    /* Dashboard Changes */
    --bonusAmount: #f5f5f5;
    /* 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: #001e50;
    --hc200: #00b0f0;
    --hc300: #174ca7;
    --hc400: #3f79df;
    --hc500: #65d1f8;
    --hc600: #abc6f5;
    --hc700: #495057;
    --hc800: #656669;
    --hc900: #454546;
    /* Guage color */
    --g1: #e7e9f8;
    --g2: #c3c7ed;
    --g3: #9ba3e1;
    --g4: #727ed5;
    --g5: #5362cc;
    --g6: #3046c2;
    --g7: #2a3eb7;
    --g8: #1f34ac;
    --g9: #1429a0;
    --g10: #001e50;
    /* 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: #dfe4e8;
    --pub-TabBdr: #C6CDE5;
    --pub-TabText: #2E2E2E;
    --pub-TabBg-Active: #00b0f0;
    --pub-TabBdr-Active: #00b0f0;
    --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/Volkswagen/Images/login_bg-Top.png');
    --login-bgBottom: url('/Clients/Volkswagen/Images/login_bg-bottom.png');
    --reward-bg: url('/Clients/Volkswagen/Images/pro_bg.jpg');
    --registration-bg: url('/Clients/Volkswagen/Images/spiff/Spiff-regIcon.svg');
    /* Fonts */
    --fontLight: "VWHead-Light", sans-serif;
    --fontRegular: "VWText", sans-serif;
    --fontMedium: "VWText", sans-serif;
    --fontSemiBold: "VWHead-Bold", sans-serif;
    --fontBold: "VWHead-Bold", sans-serif;
    /* Fonts */

    --baseFont: 16px;
}