@font-face {
    font-family: 'Purista-SemiBold';
    src: url('../Fonts/Purista-SemiBold.eot');
    src: url('../Fonts/Purista-SemiBold.eot') format('embedded-opentype'), url('../Fonts/Purista-SemiBold.woff2') format('woff2'), url('../Fonts/Purista-SemiBold.woff') format('woff'), url('../Fonts/Purista-SemiBold.ttf') format('truetype'), url('../Fonts/Purista-SemiBold.svg#Purista-SemiBold') format('svg');
}

@font-face {
    font-family: 'Purista-Medium';
    src: url('../Fonts/Purista-Medium.eot');
    src: url('../Fonts/Purista-Medium.eot') format('embedded-opentype'), url('../Fonts/Purista-Medium.woff2') format('woff2'), url('../Fonts/Purista-Medium.woff') format('woff'), url('../Fonts/Purista-Medium.ttf') format('truetype'), url('../Fonts/Purista-Medium.svg#Purista-Medium') format('svg');
}

@font-face {
    font-family: 'Purista-Bold';
    src: url('../Fonts/Purista-Bold.eot');
    src: url('../Fonts/Purista-Bold.eot') format('embedded-opentype'), url('../Fonts/Purista-Bold.woff2') format('woff2'), url('../Fonts/Purista-Bold.woff') format('woff'), url('../Fonts/Purista-Bold.ttf') format('truetype'), url('../Fonts/Purista-Bold.svg#Purista-Bold') format('svg');
}
:root {
    /*Main Colors*/
    --p_main: #ffb91d;
    --s_main: #000000;
    /* Primary Shades */
    --lightbluish: #fff8e4;
    --p_main_50: #fff8e4;
    --p_main_100: #feedbb;
    --p_main_200: #fee290;
    --p_main_300: #fed866;
    --p_main_400: #fecd4d;
    --p_main_500: #fdc542;
    --p_main_700: #faa639;
    --p_main_800: #f89736;
    --p_main_900: #f47c31;
    --Bluishgrey: #EFF2FD;
    /*Text Color*/
    --TextMain: #323232;
    --TextLight: #A0A0A0;
    --icon-color: #3b3b3b;
    --icon-color-bg: #FAFAFA;
    --faIcon: #323232;
    --faIconHover: #ffb91d;
    --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;
    --greyBg: #cccccc;
    /*Body Background*/
    --bodyBg: #fbfbfb;
    --whiteBlockBg: #ffffff;
    --assetSideBlock: #ffffff;
    --cmsBlockBg: #ffffff;
    --formWrapperBg: #ffffff;
    --failureBg: #16161d;
    /*Title Block*/
    --blockBg: #ffffff;
    --titleBg: #222222;
    --pageHeadingText: #222222;
    --pageTitleBg: #E8ECF4;
    /* Header */
    --headerBg: #ffffff;
    --headerBdr: #CED4DA;
    --headershadow: rgb(255 255 255 / 0%);
    --HeaderUserInfoDropBg: #fafafa;
    --HeaderUserInfoDropBdr: #ced4da;
    --HeaderUserInfoDropText: #434343;
    --HeaderUserInfoDropText-Hover: #ffb91d;
    --HeaderUserInfoDropSignOutBdr: #e4e7ea;
    /* Border */
    --border: #CED4DA;
    --borderActive: #ffb91d;
    --borderWhite: #ffffff;
    /* Form Control */
    --FormBg: #ffffff;
    --FormText: #495057;
    --FormFocusBdr: #a0a8b7;
    --FormIconBg: #F0F0F0;
    --FormIconText: #323232;
    --FormValidationTxt: #DC3545;
    --selectDropHoverBg: #F0F0F0;
    --selectDropHoverText: #495057;
    --selectDropActiveBg: #ffb91d;
    --selectDropActiveText: #ffffff;
    /*Buttons*/
    --BtnBg: #ffb91d;
    --BtnText: #ffffff;
    --btnBdr: #ffb91d;
    --BtnBgHover: #e9a100;
    --BtnTextHover: #ffffff;
    --btnBdrHover: #e9a100;
    --BtnBorderedBg: #ffffff;
    --BtnBorderedText: #ffb91d;
    --btnBorderedBdr: #ffb91d;
    --BtnBorderedBgHover: #e9a100;
    --BtnBorderedTextHover: #ffffff;
    --btnBorderedBdrHover: #e9a100;
    --s_btnBg: #231f20;
    --s_btnText: #ffffff;
    --s_btnBdr: #231f20;
    --s_btnBgHover: #ffffff;
    --s_btnTextHover: #231f20;
    --s_btnBdrHover: #231f20;
    --link: #ffb91d;
    --linkHover: #e9a100;
    /*Navigation*/
    --navBg: #000000;
    --navText: #ffffff;
    --navActiveBg: #ffb91d;
    --navTextActive: #ffffff;
    --navDropdownBg: #ffffff;
    --navDropdownText: #363636;
    --navDropdownTextHover: #ffb91d;
    --navbdr: #ffb91d;
    /*Footer*/
    --footerBg: #110f0f;
    --footerText: #ffffff;
    --footerBdr: #CED4DA;
    /*Modal*/
    --modalHF_Bg: #F7F8FD;
    --modalBdr: #DDE5F5;
    --modalBodyBg: #ffffff;
    /* Ad Page */
    --ad-LeftFilterBg: #F6F5F5;
    --ad-LeftFilterBdr: #eee;
    --ad-filterTitlebdr-h: #ffb91d;
    /* 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: #fcf6eb;
    --reportListIcon-Active: #ffb91d;
    --reportListText-Active: #ffb91d;
    /* Report */
    /*Tabs*/
    --tabWrapperBg: #ffffff;
    --tabWrapperBdr: #CED4DA;
    --tabBg: #ffffff;
    --tabText: #323232;
    --tabBdr: #ffffff;
    --tabHoverBg: #E9EBF4;
    --tabTextHover: #ffb91d;
    --tabBdrHover: #E9EBF4;
    --tabActiveBg: #E9EBF4;
    --tabTextActive: #ffb91d;
    --tabBdrActive: #ffb91d;

    /*Accordion*/
    --accordionBg: #DEDEDE;
    --accordionText: #323232;
    --accordionBdr: #DEDEDE;
    --accordionBgActive: #ffb91d;
    --accordionTextActive: #ffffff;
    --accordionBdrActive: #ffb91d;
    /*Pagination*/
    --pgBg: #f2f2f2;
    --pgText: #363636;
    --pgbdr: #dfdfdf;
    --pgBdrHover: #ffb91d;
    --pgActiveBg: #ffb91d;
    --pgActiveText: #ffffff;
    --pgActiveBdr: #ffb91d;
    /*Table*/
    --tableHeadBg: #e9ecf3;
    --tableHeadText: #363636;
    --tableHeadBdr: #e9ecf3;
    --tableRowBg: #ffffff;
    --tableRowBdr: #e9ecf3;
    --tableAltRowBg: #F6F6F6;
    --tableRowBgHover: #f1f4f7;
    /*Upload*/
    --uploadBdr: #ffb91d;
    --uploadBg: #F7F8FD;
    --uploadBdrLight: #A1A1A1;
    --uploadBgLight: #ffffff;
    /*Radio/Checkbox*/
    --rc_bg: #ffffff;
    --rc_text: #323232;
    --rc_bgActive: #ffb91d;
    --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: #ffb91d;
    --badge-Bdr-Active: #ffb91d;
    /*Wizard*/
    --wizard_bg: #ffffff;
    --wizard_border: #D4D8EC;
    --wizardIcon: #D4D8EC;
    --wizardDivider: #A0A0A0;
    --wizard_bgActive: #ffffff;
    --wizard_bgMidCircle_Active: #ffb91d;
    --wizard_borderActive: #ffb91d;
    --wizard_bgcomplete: #000000;
    --wizard_complete_icon: #ffffff;
    --wizard_border_complete: #000000;
    /*ToolTip*/
    --tooltipBg: #313131;
    --tooltipText: #ffffff;
    /* Login Page */
    --loginBg: #000000;
    --loginBgRgt: #ffffff;
    --loginText: #ffffff;
    /* Stock Colors */
    --inStock: #3A700F;
    /* Dashboard Blocks */
    --dBlockHeadBg: #ffb91d;
    --dBlockHeadtext: #ffffff;
    --dbExportBg: #ffb91d;
    --dbExporttext: #ffffff;
    --dApproveBg: #ffb91d;
    --dApprovetext: #ffffff;
    --dIncompleteBg: #ced4da;
    --dIncompletetext: #363636;
    --dDeclinedBg: #717171;
    --dDeclinedtext: #ffffff;
    /* Landing Page Blocks */
    --lb_bg: #ffffff;
    --lb_text: #323232;
    --lb_bdr: #323232;
    --lb_Icon: #323232;
    --lb_bgActive: #ffffff;
    --lb_textActive: #323232;
    --lb_bdrActive: #ffb91d;
    --lb_IconActive: #ffb91d;
    --NotificationHeadBg: #efefef;
    --NotificationHeadText: #323232;
    --NotificationContentBg: #ffffff;
    /* 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 */
    --hc-CustomFirst: var(--hc100);
    --hc-CustomSecond: var(--hc200);
    --hc-CustomThird: var(--hc300);
    --hc100: #ffb91d;
    --hc200: #231f20;
    --hc300: #e7a378;
    --hc400: #faceb3;
    --hc500: #ffe9dc;
    --hc600: #977966;
    --hc700: #7a726d;
    --hc800: #3b3b3b;
    --hc900: #141414;
    /* Guage color */
    /*--g1: #fff8e4;
    --g2: #feedbb;
    --g3: #fee290;
    --g4: #fed866;
    --g5: #fecd4d;
    --g6: #fdc542;
    --g7: #fcb83d;*/
    --g1: #FFF3D7;
    --g2: #feedbb;
    --g3: #FFEBBE;
    --g4: #FFE09B;
    --g5: #FFD67C;
    --g6: #FFCD5B;
    --g7: #FFB91D;
    --g8: #faa639;
    --g9: #f89736;
    --g10: #f47c31;
    /* Manage Tree */
    --mTreeBlockBg: #ffffff;
    --mTreeBlockInnerBg: #f8f8f8;
    /* Publisher */
    --templatePublisherTopBlockBg: #e9ebf4;
    --templatePublisherSideBarBg: #c6cde5;
    --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: #ffb91d;
    --pub-TabBdr-Active: #ffb91d;
    --pub-TabText-Active: #FFFFFF;
    --pub-TabContentBg: #FBFBFB;
    --pub-TabContentBdr: #CBCBCB;
    --pub-FormBg: #ffffff;
    --pub-FormBdr: #B7B7B7;
    --pub-FormText: #434343;
    --pub-formatBlock: #ffffff;
    /* Publisher */
    /* Vertical Nav */
    --v-NavBdr: #CED4DA;
    --v_NavBg: #ffffff;
    --v-accHeadBg: #FAFAFA;
    --v-accHeadText: #070707;
    --v-acccontHoverBg: #ECECEC;
    --v-acccontHoverText: #ffb91d;
    --v-acc2-Bg: #ffffff;
    --v-acc2-Text: #070707;
    --v-acc2-Bg-hover: #FAFAFA;
    --v-acc2-Text-hover: #ffb91d;
    --v-acc2-Bg-active: #FAFAFA;
    --v-acc2-Text-active: #ffb91d;
    --v-acc2-bottom-Bdr: #CED4DA;
    --v-acc2-bottom-Bdr-highlighted: #ffb91d;
    --v1-bg: #000000;
    --v1-bookmarkBdr: #252525;
    --v1-listText: #ffffff;
    --v1-listHoverBg: #fcefd5;
    --v1-listHoverText: #ffffff;
    --v2-toggleBg: #e0e1e7;
    --v2-topTitleBg: #f7f7f7;
    --v2-topTitleText: #070707;
    /* Vertical Nav */
    /* Administration */
    --adminBlockBg: #fff;
    --adminBlockBdr: #CED4DA;
    --admin-accBg: #f9f9f9;
    --admin-accBdr: #E4E4E4;
    --admin-accText: #323232;
    --admin-accBg-hover: #F7F8FD;
    --admin-accBdr-hover: #F7F8FD;
    --admin-accText-hover: #323232;
    --admin-contentBg: #FBFBFD;
    --admin-contentText: #454545;
    --admin-contenthoverText: #ffb91d;
    /* Administration */
    /*Alerts*/
    --expired--bg: #f8d7da;
    --expired--border: #f5c6cb;
    --expired--text: #721c24;
    --publish--bg: #ffb91d;
    --publish--border: #ffb91d;
    --publish--text: #ffffff;
    --draft--bg: #fff3cd;
    --draft--border: #ffeeba;
    --draft--text: #856404;
    /*Alerts*/
}

:root {
    --white: #ffffff;
    --login-bgTop: url('/Clients/TireCo/Images/login_bg-Top.png');
    --login-bgBottom: url('/Clients/TireCo/Images/login_bg-bottom.png');
    --reward-bg: url('/Clients/TireCo/Images/pro_bg.jpg');
    --registration-bg: url('/Clients/TireCo/Images/spiff/Spiff-regIcon.svg');
    /* Fonts */
    --fontLight: 'Purista-Medium', sans-serif;
    --fontRegular: 'Purista-Medium', sans-serif;
    --fontMedium: 'Purista-Medium', sans-serif;
    --fontSemiBold: 'Purista-SemiBold', sans-serif;
    --fontBold: 'Purista-Bold', sans-serif;
    /* Fonts */

    --baseGap: 16px;
    --baseFont: 16px;
    --border-radius: 5px;
    --inputHeight: 40px;
    --filterGapRow: 12px;
    --filterGapCol: 6px;
    --fieldGap: 8px;
}