/** Color Names picked from http://chir.ag/projects/name-that-color/ */
$cdnBasePath: "https://static.nnnow.com" !default;

//
// Font Family Declarations
//
$primary-font-family: Avenir-Next !default;
$secondary-font-family: Avenir-NextBold !default;

//
// Color Declarations
//
$plum: #92278f !default;

$selective-yellow: #ffbc00 !default;
$bermuda: #8adbd4 !default;
$alto: #d5d5d5 !default;
$amaranth: #ee3968 !default;
$amber: #ffc001 !default;
$arctic-blue: #b5dce1 !default;
$blue: #4285f4 !default;
$bright-yellow: #fbf802 !default;
$cabaret: #cd486b !default;
$emerald: #4fce5d !default;
$cardinal: #c8232c !default;
$cerulean-dark: #0092df !default;
$cerulean: #00aced !default;
$chambray: #3b5998 !default;
$keppel: #40aca4 !default;
$concrete-solid: #f2f2f2 !default;
$conifer: #b4d73d !default;
$cornflower-blue: #4285f4 !default;
$dark-blue: #3b5998 !default;
$dove-gray: #656565 !default;
$dusty-grey: #999999 !default;
$eastern-blue: #1886bc !default;
$gray: #555555 !default;
$hard-yellow: #fcbe2c !default;
$hollywood-cerise-dark: #ff0099 !default;
$hollywood-cerise: #ec008c !default;
$jaffa: #f39 !default;
$light-grey: #e8e8e8 !default;
$lime-green: #d7e0b1 !default;
$mine-shaft: #383838 !default;
$monza: #d50032 !default;
$orange: #e95420 !default;
$orange-light: #f28216 !default;
$pale-pink: #f4e0e9 !default;
$porcelain: #eeeff0 !default;
$porcelain: #f4f5f6 !default;
$share-blue: #2ba2e4 !default;
$silver: #cfcccc !default;
$sky-blue: #98d6d2 !default;
$transparent: transparent !default;
$turquoise: #21dfcf !default;
$white: #fff !default;
$yellowish-green: #abc72c !default;
$vivid-green: #36f7a7 !default;
$yellowish-orange: #fab531 !default;
$orange-peel: #ff9800 !default;
$vermillion: #f4c626 !default;
$white-faded: unquote('#ffffffc4') !default;
$eminence: #6f2c91 !default;
$atlantis: #b2d235 !default;
$pacific-blue: #0093d0 !default;
$tango: #f28216 !default;
$red: #ff0000 !default;
$nnnow-blue3: #58bad8;
$nnnow-yellow2: #fab632;
$nnnow-green2: #b2d235;
$tundora: #484848;
$picton-blue: #51cbee !default;
$violet: #704280 !default;
$mercury: #e3e3e3 !default;

//
// Component Color Declarations
//
$twitter-logo-color: $cerulean !default;
$pinterest-logo-color: $cardinal !default;
$menu-background: $mine-shaft !default;
$instagram-logo-color: $cabaret !default;
$icon-color: $jaffa !default;
$icomoon-blue: $sky-blue !default;
$header-background: $concrete-solid !default;
$gmail-blue: $cornflower-blue !default;
$fitguide-border: $porcelain !default;
$fb-logo-color: $chambray !default;
$colorchip-hover: $dusty-grey !default;
$border-line-grey: $alto !default;
$border-color: $dove-gray !default;

//default
$default-color: $black !default;
// $color-primary: $plum;
$loyalty-color: #33dece !default;

//
// Border
//
$border-color-1: darken-colors($concrete, 1) !default;
$border-none: none !default;

//
//Background
//
$background-none: none !default;

//
// Body
//
$body-maxwidth: 1230px !default;
$body-maxwidth-media-breakpoint: $body-maxwidth + 15 !default;

//
// Select Override
//
$select-variants: (
  primary: $color-primary,
  secondary: $black,
  notification: $color-notification,
  success: $color-success,
  warning: $color-warning,
  danger: $color-danger
) !default; // variants for border property

//
// Login
//
$login-action-links: get-rems(11px, $font-size) !default;
$userinput-error-font-color: $color-danger !default;

//
// Dropdown
//
$dropdown-hover-color: $concrete !default;

//
// Product
//
$product-brand-color: $black !default;
$product-name-color: $black !default;
$product-price-color: $black !default;
$product-pricediscount-color: $torch-red !default;
$product-offer-color: darken-colors($concrete, 9) !default;
$product-morecolors-color: darken-colors($concrete, 9) !default;
$product-isnew-color: $color-danger !default;

//
// PDP size chart link
//

$pdp-size-chart-link-color:$color-primary !default;
$pdp-size-block-title-font-size:$font-size-xxs !default;
$pdp-fitguide-modal-min-width:790px !default;
//
// Header Desktop
//
$header-desktop-actionbuttons-btn-text-color: $black !default;
$header-desktop-brannavcontainer-list-border-color: $border-color-1 !default;
$header-desktop-brannavcontainer-list-background: $white !default;
$header-desktop-brannavcontainer-list-width: calc(
  (100% - #{$body-maxwidth} + 300px) / 2
);
$header-desktop-brannavcontainer-items-border: $border-color-1 !default;
$header-desktop-brannavcontainer-link-color: $black !default;
$header-desktop-brandnavtree-container-border-color: $border-color-1 !default;
$header-desktop-brandnavtree-container-background: $white !default;
$header-desktop-brandnavtree-link-color: $black !default;
$header-desktop-mainbar-background: $concrete !default;
$header-desktop-mainbar-fontfamily :$secondary-font-family !default;
$header-desktop-mainbar-boxshadow: $dusty-grey !default;
$header-desktop-mainbar-nav-min-width: auto !default; // Other possible value `calc(100vw - 75px)`
$header-desktop-mybagpopup-border-color: $border-color-1 !default;
$header-desktop-navcontainer-link-color: $black !default;
$header-desktop-navcontainer-link-hover-color: $color-secondary !default;
$header-desktop-navtree-background: $white !default;
$header-desktop-navtree-link: $black !default;
$header-desktop-navtree-container-head-color: $color-secondary !default;
$header-desktop-navtree-topbar-background: $white !default;
$header-desktop-menu-icon-color: $eastern-blue !default;
$header-desktop-background: $white !default;
$header-fav-color: $color-danger !default;
$header-myorder-color: $yellowish-green !default;
$header-myaccount-color: $share-blue !default;
$header-signout-color: $amaranth !default;
$header-desktop-menu-fav-color: $color-primary !default;
$header-desktop-border-color: $concrete-solid !default;
$header-mybag-count-background: $color-primary !default;
$header-mybag-count-color: $white !default;

//
// New Header
//
$header-seperator-color: $dusty-grey !default;
$desktopheader-navigation-boxshadowcolor: $concrete !default;
$brandheader-navigation-boxshadowcolor: $concrete !default;
$favouriteslink-color: $color-primary !default;
$loggedinmenu-personicon-color: $color-primary !default;
$loggedinmenu-arrowbottom-color: $color-primary !default;
$loggedinmenu-listul-background: $white !default;
$logoutbutton-icon-color: $color-primary !default;
$desktopheader-buttons-iconmarginright: 10px !default;
$loyaltylink-loyaltymain-color: $color-primary !default;
$desktopheader-topbar-background: $concrete !default;
$brandheader-topbar-background: $concrete !default;
$desktopfixedheader-row-background: $white !default;
$loginbutton-icon-color: $color-primary !default;
$brandpagennnowbtn-btn-color: $header-desktop-menu-icon-color !default;
$desktopfixedheader-boxshadow: $dusty-grey !default;
$navcontainer-link-bordercolortopactive: $header-desktop-navtree-background !default;

//
// Header Mobile
//
$header-topbar-link-color: $black !default;
$header-mobile-action-color: $white !default;
$header-mobile-action-icon: $violet-red !default;
$header-mobile-navtree-link: $white !default;
$header-mobile-navtree-border: $dove-gray !default;
$header-mobile-navtree-buttonborder: $light-grey !default;
$header-mobile-navtree-background: rgba(0, 0, 0, 0.4) !default;
$header-mobile-seperator-border: $dusty-grey !default;
$omniview-store: $eastern-blue !default;
$omniview-delivery: $bright-yellow !default;

//
// PDP
//
$sizeblock-buttonhover-background: $sky-blue !default;
$sizeblock-meachmeasurement-border: $black !default;
$size-recommendation-border: $orange-light !default;
$size-recommendationicon-color: $size-recommendation-border !default;
$size-recommendationicon-fontsize: 33px !default;
$pdp-sizechip-color: $black !default;
$pdp-returnsicon-size: 3.5rem !default;
$pdp-scrollers-arrow-size: 40px !default;
$pdp-vscroller-size: 25px !default;
$pdp-thumbnail-loader-color-0: $arctic-blue !default;
$pdp-thumbnail-loader-color-1: $lime-green !default;
$pdp-thumbnail-loader-color-2: $pale-pink !default;
$pdp-fitguide-color: $hard-yellow !default;
$pdp-share-color: $share-blue !default;
$pdp-mobile-share-icon-size: 2.5rem !default;
$pdp-mobile-share-mobile-close-size: 40px !default;
$pdp-addtobag-disabled-color: $dusty-grey !default;
$master-component-section-title-font-size: 34px !default;
$master-component-section-title-font-size-mobile: 32px !default;
$story-content-bgcolor: $white !default;
$story-component-video-icon-font-size: 64px !default;
$story-component-video-icon-font-sizemobile: 50px !default;
$story-component-video-icon-color: $white !default;
$banner-carousel-dots-color: darken-colors($concrete, 3);
$banner-carousel-dotsactive-color: darken-colors($concrete, 8);
$banner-carousel-arrow-font-size: 40px !default;
$banner-carousel-arrow-background: rgba(255, 255, 255, 0.6) !default;
$quicklinks-bottom-border-color: $border-line-grey !default;
$gap-story-title-font-size: 24px !default;
$gap-border-line-grey: $silver !default;
$gap-banner-button-background: rgba(255, 255, 255, 0.5) !default;
$colorsblock-colorname-fontsize: $font-size-xs !default;


//
//  My Account
//
$myaccount-addaddress-block-height: 60px !default;
$myaccount-savedcard-block-height: 200px !default;
$myaccount-savedcard-logo-height: 45px !default;
$myaccount-savedcard-title-font-size: 11px !default;
$myaccount-savedcard-font-size: 14px !default;
$myaccount-savedcard-font-size-xl: 33px !default;
$myaccount-savedcard-block-btn-color: $hollywood-cerise !default;
$myaccount-savedcard-icon-sm: 18px !default;
$myaccount-savedcard-icon-xl: 24px !default;
$myaccount-accordioncolor-1: $share-blue !default;
$myaccount-accordioncolor-2: $vivid-green !default;
$myaccount-accordioncolor-3: $yellowish-orange !default;
$myaccount-accordioncolor-4: $loyalty-color !default;
$myaccount-icon-color: $black !default;
$myaccount-arrow-color: $black !default;
$myaccount-subtitle-color: $dove-gray !default;
//
// homeMasterVariables
//

$homemaster-mobile-storytitle-fontsize: $font-size-xl !default;
$homemaster-mobile-storytitle-letterspacing: 2.4px !default;
$homemaster-desktop-storytitle-fontsize: 32px !default;
$homemaster-desktop-storytitle-letterspacing: 1.4px !default;
$gap-section-title-font-size: 32px !default;
$gap-storytitle-font: $secondary-font-family !default;
$leftnavmobile-primarycolor: $mine-shaft !default;
$leftnavmobile-itemtitle-color: $black !default;
$leftnavmobile-incrementalColor: rgba(0, 0, 0, 0.4) !default;
$brandmaster-desktop-storytitle-fontsize: 32px !default;
$storygrid-title-font: 32px !default;
$storygrid-title-fontmobile: 22px !default;
$storygrid-title-fontfamily: $primary-font-family !default;
//
// CMT
//

$cmt-bannercontent-titledesktop: 54px !default;
$cmt-bannercontent-titlemobile: 36px !default;
$mybag-qtyview-dropdownhoverbgcolor: $color-secondary !default;
$mybag-productview-bottomborder: $border-color-1 !default;
$mybag-oos-text-color: $color-danger !default;
$mybag-oos-background: $white !default;
$translucent-background-white: rgba(255, 255, 255, 0.9) !default;
$mybag-topstrip-bg: $cerulean-dark !default;
$mybag-offerblock-bg: $cerulean-dark !default;
$mybag-offerblock-textcolor: $black !default;
$addfromfav-bg: $cerulean-dark !default;
//checkout top strip
$checkoutfooter-bg: $concrete;
$checkout-topstrip-bg: $share-blue !default;
$checkout-topstriptitle-color: $white !default;
$checkout-topstripactivebutton-border: $color-primary !default;
$checkout-topstriptitle-font: $secondary-font-family !default;
$checkout-topstripnumber-font: $secondary-font-family !default;
$checkout-topstripnumber-bg:rgba(0, 0, 0, 0.3) !default;
$checkout-topstripnumber-color: rgba(255, 255, 255, 0.3) !default;
$checkout-topstripnumberactive-color: $white !default;
$checkout-topstripnumberactive-bg: $color-primary !default;
$checkout-topstripbuttoninactive-color: rgba(0, 0, 0, 0.3) !default;
$checkout-topstripbutton-color: $white !default;


//pincode overlay
$pincodeoverlay-background: rgba(255, 255, 255, 0.9) !default;

//
//Promotions
//
$promotions-apply-promo-btn: $concrete-solid !default;
$promotions-font-size: $font-size !default;
$promotions-apply-promo-btn-hover: $jaffa !default;
$promotions-applicable-promos-input-text: $black !default;

//
$promotion-or-bordercolor: $silver !default;
$promotion-or-background: $white !default;
$promotionblock-promo-id-bordercolor: $silver !default;
//Pricing overview
//
$pricingoverview-border-top: 1px solid $black !default;
$pricingoverview-total-font: $secondary-font-family !default;
$pricingoverview-discount-color: $color-primary !default;
$pricingsummary-separator-color: $mine-shaft !default;

//
//checkoutmybag continue button
//
$checkoutmybag-button-height: 55px !default;
$checkoutmybag-button-font-family: $secondary-font-family !default;

//
//shopmore
//
$shopmore-color-hover: $jaffa !default;

//
//pincode
//
$checkout-pincode-icon-fontsize: 40px !default;

//
//Checkout
//
$checkout-delopt-selectedcolor: $color-primary !default;
$checkout-subheader-buttoncolor:$black !default;
$checkout-addaddress-placeholder: $gray !default;
$checkout-addaddress-inputbg: $porcelain !default;
$checkout-deloptsselect-background: $white !default;
$checkout-deloptsselect-hoverbackground: $concrete !default;
$checkout-addresslist-hovecolor: $porcelain !default;
$checkout-addresslist-buttonfont: $secondary-font-family !default;
$checkout-totalpayable-background: $concrete-solid !default;
$checkout-totalpayable-background-desktop: none !default;
$storelistmodal-scroller-maxwidth-desktop: 500px !default;
$storelistmodal-scroller-maxwidth-mobile: 470px !default;
$storelistmodal-number-fontfamily: $secondary-font-family !default;
$checkout-deloptsselect-background: $white !default;
$checkout-deloptsselect-hoverbackground: $concrete !default;
$checkout-totalpayable-background: $concrete-solid !default;
$checkout-loyaltytooltip-color: $black !default;
$checkout-loyaltytooltip-border-color: $black !default;
$checkout-loyaltytooltip-text-color: $white !default;
$checkout-loyalty-loyaltyvalue: $dusty-grey !default;

//
// My Account
//

$acnt-desktop-icon-fontsize: 32px !default;

//
// My Order
//
$myorder-default-color : $black !default;
$myorder-btn-fontsize: 40px !default;
$myorder-btntxt-color: $hollywood-cerise-dark !default;
$myorder-buttonbg: $hollywood-cerise !default;
$myorder-cancelledbg: $alto !default;
$myorder-delivered-color: $dove-gray !default;
$myorder-deliveredbg: $white !default;
$myorder-info-cancelcolor: $black !default;
$myorder-info-deliveredcolor: $dove-gray !default;
$myorder-info-initiatecolor: $black !default;
$myorder-initiatedbg: $sky-blue !default;
$myorder-inprogressbg: $amber !default;
$myorder-separator: $silver !default;
$myorder-img-maxwidth: 157px !default;
$myorder-carousel-height: 134% !default;
$myorder-dots-shadow: $white !default;
$myorder-dots-active: $color-primary !default;
$myorder-dots-bg: $concrete !default;
$myorder-status-inprogress: $nnnow-yellow2 !default;
$myorder-status-initiated: $nnnow-blue3 !default;
$myorder-status-delivered: $nnnow-green2 !default;
$myorder-status-cancelled: $dusty-grey !default;
$myorder-noorder-font-size: 14px !default;
$myorder-noorder-font-size-xl: 32px !default;
$myorder-pagination-font-size: 14px !default;
$myorder-login-font-family: $secondary-font-family !default;

//
//Payment
//
$paytm-logo-border: $black !default;
$otp-failed: $color-danger !default;
$otp-action-color: $gray !default;
$otp-message-default-color: $default-color !default;
$otp-inputbox-color: $white !default;
$otp-message-fontsize: $secondary-font-family !default;
$otpcontainer-fontsize: $font-size-xs !default;
$promotion-couponnotappliedmessage-color: $torch-red!default;
$mybag-appliedpromo-color: $color-primary !default;
$mybag-appliedpromoclearhover-color: $light-grey !default;
$mybag-appliedpromoclear-color: $black !default;
$mybagpage-pricingoveriewwrap: $concrete-solid !default;


$tooltip-default-color: $dove-gray !default;
$tooltip-text-color: $white !default;
$tooltip-box-bgcolor: $black !default;

$inherit: inherit !default;
$addressbookblock-tick-defcolor: $light-grey !default;
$addressbookblock-tick-selectedcolor: $color-primary !default;
$addressbookblock-newaddress-error-outline: $color-danger !default;
$addaddress-invalidpincode-color: $color-danger !default;

$paymentview-hover-bg-orange: $orange !default;
$paymentview-nooptions-fontfamily: $primary-font-family !default;
$paymentpage-dropdown-border: $light-grey !default;
$savedcardmodal-details-color: $black !default;
$savedcardcvv-input-bgcolor: $concrete-solid !default;
$paymentsavedcards-headingtitle-color: $default-color !default;
$paymentview-paymentmethodstitle-borderbottom-color: $border-color !default;
$savedcardview-validthroughtext-fontsize: $font-size-xxs !default;
$paymentview-subtitle-fontsize: $font-size-xs !default;
$paymentview-subtitle-fontsize-desktop: $font-size-sm !default;
$paymentview-paymentmethodstitle-bordercolor: $silver !default;

//
// Who we are
//
$whowearetitle-background-color: $eminence !default;

//customercare
$customercaretitle-background-color: $hollywood-cerise !default;

//contactus page
$contactus-textarea-height: 260px !default;
$contactus-input-width: 53% !default;
$contactus-mobilesubmit-button-width: 175px !default;
$contactus-desktop-icons-font-size: 32px !default;
$contactus-mobile-icons-font-size: 24px !default;
$contactusform-font-size: $font-size-sm !default;
$contactusform-input-font-size: $font-size-normal !default;
$contactusform-label-font-color: $dove-gray !default;
$contactusform-mobile-input-background-color: $concrete !default;
$contactusform-desktop-input-background-color: $white !default;
$contactusform-mobile-textarea-background-color: $concrete !default;
$contactusform-desktop-textarea-background-color: $white !default;
$contactus-textarea-height: 200px !default;
$contactustitle-background-color: $atlantis !default;
$contactus-submit-button-width: 200px !default;
$contactus-detail-max-height: 400px !default;
$contactus-mobile-titlecomponent-min-height: 80px !default;
$contactusmessage-faqblock-background-color: $nnnow-blue3 !default;
$contactusmessage-callusblock-background-color: $yellowish-orange !default;
$contactusmessage-emailblock-background-color: $vivid-green !default;
$contactusmessage-mobile-iconcontainer-width: 45px !default;
$contactusmessage-mobile-iconcontainer-height: 45px !default;
$contactusmessage-desktop-iconcontainer-width: 80px !default;
$contactusmessage-desktop-iconcontainer-height: 80px !default;
$contactusmessage-iconcontainer-background-color: $white !default;
$contactusmessage-iconcontainer-font-color: $black !default;
$desktopcontactus-formcontainer-background-color: $concrete !default;
$desktopcontactus-formcontainer-max-width: 1200px !default;
$mobilecontactus-title-font-size: $font-size-xl !default;

//termsandcondition page
$termsandconditiontitle-background-color: $pacific-blue !default;

//privacypolicy page
$privacypolicytitle-background-color: $tango !default;

//Static Pages
$about-banner-font-size: 45px !default;
$staticpage-border-color: $silver !default;
$staticpage-select-background: $web-orange !default;
$staticpage-leftnav-width: 280px !default;
$staticpage-select-height: 150px !default;
$staticpage-desktopheader-color: $white !default;
$staticpage-mobileheader-color: $black !default;

// Thumbnail
//
$thumbnailcarousel-videoicon-fontsize: 65px !default;

//
//Terms & Conditions
//
$termsconditionspage-leftnav-width: 220px !default;
$termsconditionspage-content-wrapper: 1240px !default;
$termsconditionspage-border-color: $silver !default;
$termsconditionstitle-background-color: $pacific-blue !default;


//
//Privacy Policy
//
$privacypolicypage-leftnav-width: 220px !default;
$privacypolicypage-content-wrapper: 1240px !default;
$privacypolicypage-border-color: $silver !default;
$privacypolicytitle-background-color: $tango !default;

//
// Breadcrumbs
//
$breadcrumb-link-color: $black !default;
$breadcrumb-linkactive-color: $color-primary !default;
$breadcrumblist-list-mobile-fontsize: $font-size-xxs !default;
$breadcrumblist-list-desktop-fontsize: $font-size-xs !default;

$crcard-image: url( $cdnBasePath + "/client/assets/images/cards.png") no-repeat !default;
$crcard-position: 4px -120px,321px -57px !default;
$crcard-size: 120px 550px,120px 550px !default;
$mybag-promotion-tooltipcolor: $keppel !default;
$mybag-promotion-tooltiphovercolor: $black !default;

//
// Returns
//

$returns-submit-button-width: 240px !default;
$return-submit-button-font-family: $secondary-font-family !default;
$returns-label-font-size: $font-size-xs !default;
$returns-label-font-color: $dove-gray !default;
$returns-input-background-color: $concrete !default;
$returns-title-font-size: 24px !default;
$return-alternatemobile-error-color: $color-danger !default;
$return-alternatemobile-error-size: $font-size-xxs !default;

$returnorcancelreason-input-font-size: $font-size-xs !default;
$returnorcancelreason-label-font-size: $font-size-xs !default;
$returnorcancelreason-input-font-family: $primary-font-family !default;
$returnorcancelreason-select-input-height: 45px !default;
$returnorcancelreason-textarea-input-height: 200px !default;
$returnorcancelreason-select-dropdown-color: $white !default;
$returnorcancelrefund-font-size: $font-size-xs !default;

$return-reversepickuporselfship-addresswrapper-max-width: 280px !default;
$return-reversepickuporselfship-addresscontainer-min-height: 140px !default;
$return-reversepickuporselfship-addresscontainer-border-color: $black !default;
$return-reversepickuporselfship-addresscontainer-disabled-border-color: $dusty-grey !default;
$return-reversepickuporselfship-title-font-size: $font-size-xs !default;
$return-reversepickuporselfship-content-font-size: $font-size-xxs !default;

$returnorcancelcomplete-title-font-size: 35px !default;
$returnorcancelcomplete-modal-background-color: $share-blue !default;
$returnorcancelcomplete-block-max-width: 380px !default;
$returnorcancelcomplete-block-font-size: $font-size-xs !default;
$returnorcancelcomplete-message-line-height: 30px !default;
$returnorcancelcomplete-modal-max-width: 580px !default;
$returnorcancelcomplete-modal-min-height: 520px !default;
$returnorcancelcomplete-button-hover-color: $color-primary !default;

$returns-addaddress-input-border-color : $transparent !default;
$addneft-errormsg-color: $color-danger !default;
$returns-closebutton-color: $color-primary !default;
// Title Block
//
$titleblock-fontfamily: $primary-font-family !default;
$titleblock-myorderbg: $share-blue !default;
$titleblock-myordertxt: $white !default;

//OrderCOnfirmation
$orderconfirm-static-subtitle-bgcolor: $yellowish-green !default;
$orderconfirm-ordersummary-title-font-size: $font-size-xl !default;
$orderconfirm-ordersummary-btn-font-size: $font-size-sm !default;
$orderconfirm-ordersummary-border-color: $fitguide-border !default;
$orderconfirm-orderdata-info-font-size: $font-size-sm !default;
$orderconfirm-pricingdetails-discountvalue: $torch-red !default;
$orderconfirm-pricingdetails-container-bgcolor: $sky-blue !default;
$orderconfirm-pricingdetails-line-bgcolor: $black !default;
$orderconfirm-pricingdetails-info-font-size: $font-size-xs !default;
$orderconfirm-deliverydetails-col-bgcolor: $concrete-solid !default;
$orderconfirm-deliverydetails-title-font-size: $font-size-lg !default;
$orderconfirm-deliverydetails-subtitle-font-size: $font-size-xs !default;
$orderconfirm-deliverydetails-info-font-size: $font-size-sm !default;
$orderconfirm-storepickup-bgcolor: $concrete-solid !default;
$orderconfirm-storepickup-title-font-size: $font-size-lg !default;
$orderconfirm-storepickup-subtitle-font-size: $font-size-xs !default;
$orderconfirm-storepickup-info-font-size: $font-size-sm !default;
$orderconfirm-productdetails-info-font-size-xs: $font-size-xs !default;
$orderconfirm-productdetails-info-font-size-sm: $font-size-sm !default;
$orderconfirm-productdetails-info-exp-date-color: $share-blue !default;
$orderconfirm-productdetails-title-font-size: $font-size-lg !default;
$orderconfirm-productdetails-border-division-color: $fitguide-border !default;
$orderconfirm-productdetails-info-cols-font-family: $secondary-font-family !default;
$orderconfirm-static-text-font-family: $secondary-font-family !default;
$orderconfirm-static-text-font-size-mobile: $font-size-xxxl !default;
$orderconfirm-summary-block-btn-hover-fontcolor: $jaffa !default;
$orderconfirm-static-text-icomoon-check-font-size: 85px;


$font-size-checkout-mobile-address-header: 12px !default;
$creditcard-monthyear-dropdown-bg-color: $white !default;

//sticky pricing overview
$stickypricingoverview-background: $white !default;
$stickypricingoverview-boxshadow:  0px -1px 3px rgba(50, 50, 50, 0.75) !default;

//OrderDetails
$orderdetailspage-title-strip-background-color: $share-blue !default;
$orderdetailspage-title-strip-color: $white !default;
$orderdetailspage-pricing-overview-background-color: $concrete-solid !default;
$orderdetailspage-title-font-size: $font-size-xl !default;
$orderdetailspage-sub-title-font-size: $font-size-sm !default;
$consignment-product-name-font-size: $font-size-sm !default;
$consignment-link-color: $hollywood-cerise !default;
$consignment-small-font-size: $font-size-xs !default;
$consignment-skudata-color: $black !default;
$consignment-buttonblock-font-size: $font-size-xs !default;
$consignment-buttonblock-font-family: $primary-font-family !default;
$consignment-buttonblock-mobfont-size: $font-size-xs !default;
$consignment-address-font-size: $font-size-xs !default;
$consignment-estimate-font-family: $secondary-font-family !default;
$consignment-estimate-font-size: $font-size-xs !default;
$consignment-estimate-color: $share-blue !default;
$consignment-sub-title-font-size: $font-size-sm !default;
$consignment-sub-title-font-family: $secondary-font-family !default;
$consignment-delivery-color: $orange-peel !default;
$consignment-delivery-disabled-color: $border-line-grey !default;
$consignment-delivery-background-color: $white !default;
$consignment-status-font-size: 11px !default;
$consignment-mobile-status-font-size: 10px !default;
$consignment-item-width: 33% !default;
$consignment-item-mobile-break: 450px !default;
$consignment-details-max-width: 390px !default;
$consignment-item-button-separator: $black !default;
$orderdetailspage-footer-background-color: $vermillion !default;
$orderdetailspage-footer-text-font-size: 40px !default;
$orderdetailspage-footer-height: 350px !default;
$orderdetailspage-mobile-footer-height: 250px !default;
$orderdetailspage-footer-contactus-width: 180px !default;
$orderdetailspage-footer-mobile-text-font-size: 20px !default;
$orderdetailspage-footer-contactus-color: $black !default;
$ordersummary-subtitle-font-family: $secondary-font-family !default;
$orderdetailspage-title-border: $light-grey !default;
$orderdetailspage-pricing-unit-font-size: $font-size-sm !default;
$orderdetailspage-pricing-title-font-size: $font-size-xs !default;
$orderdetailspage-pricing-disacount-color: #FF2400 !default;
$orderdetailspage-pricing-loyalty-color: #5e5ce6 !default;
$consignment-skudata-description-font-size: $font-size-xs !default;
//
//Mobile app prompt
//

$mobileappprompt-modal-height: 170px !default;
$mobileappprompt-modal-minheight: 170px !default;
$mobileappprompt-logo-width: 40px !default;
$mobileappprompt-logo-height: 40px !default;
$mobileappprompt-cancel-button: $dove-gray !default;
$otpbutton-disabledcolor: $dusty-grey !default;
$pricingsummary-separator-color: $mine-shaft !default;
$dropdown-hover-color: $concrete !default;
$paymentpage-dropdown-border: $light-grey !default;

//
// Next Button
//

$nextbtn-ico-fontsize: 20px !default;
$nextbtn-dabled-color: $light-grey !default;

//
// Back Button
//

$backbtn-ico-fontsize: 30px !default;

//
// modal
//

$modal-closebutton-color: $color-primary !default;
$modal-closebutton-font: $secondary-font-family !default;
$modal-closebutton-size: $font-size-xxxl !default;

//
// Address Block
//
$addressblockwrapper-disabled-color: $white !default;
$addressblockwrapper-notservicible-color: $red !default;
$addressblockwrapper-fontsize: $font-size-xxs !default;
$addressblockwrapper-desktop-height: 140px !default;
$addressblockwrapper-mob-height: 160px !default;

//
// AccountAddressList
//

$favorites-productdesc-font-size: $font-size-xxs !default;
$favorites-productname-fontsize: $font-size-lg !default;
$favoriteproduct-action-color: $hollywood-cerise !default;
$favorites-smallmsgtag-fontsize:$font-size-sm !default;
$avorites-bigmsgtag-fontsize: $font-size-xxl !default;
$favorites-submsg-fontsize: $font-size-normal !default;
$favorites-submsg-color: #333 !default;
$favorites-shopbutton-font-size: $font-size-xs !default;
$favoriteproduct-oos-overlay: $white !default;
$favoriteproduct-oos-text: $red !default;

$accountaddresslist-addadrssbtntxt-font-size: $font-size-xs !default;
$accountaddresslist-addadrssbtntxt-before-font-size: $font-size-xxxl !default;
$accountaddresslist-addadrssbtn-border-color: $silver !default;
$accountaddresslist-addadrssbtn-font-size: $font-size-sm !default;
$accountaddresslist-description-font-size: $font-size-xs !default;
$accountaddresslist-description-font-color: $mine-shaft !default;
$accountaddresslist-title-font-size: $font-size-xxxl !default;


//no results
$noresults-input-background: $black !default;
$noresults-input-color: $white !default;
$noresults-applybutton-color: $color-primary !default;

//store locator
$storelocator-moreinfo-color: $bermuda !default;
$storelocator-shopmore-color: $selective-yellow !default;
$storelocator-direction-color: $cerulean !default;
$storelocator-infocolor: $black !default;
//listing

$listingfiltercontainer-button-bordercolor: $black !default;
$omnifilterinput-bordercolor: $black !default;
$selectedfilters-heading-color: $black !default;



//
// Apps
//
$apps-appscreen-container-background-color: rgb(246, 248, 250) !default;
$apps-appscreen-image-max-height: 550px !default;
$apps-mobilenumber-input-width: 220px !default;
$apps-mobilenumber-input-height: 60px !default;
$apps-sendapplink-button-max-height: 60px !default;
$apps-customer-image-width: 60px !default;
$apps-customer-image-height: 60px !default;
$apps-customer-block-max-width: 550px !default;
$apps-customer-feedback-font-family: $primary-font-family !default;
$apps-appsdetails-max-width: 400px !default;
$apps-blocktitle-font-size: 55px !default;
$apps-success-block-title-color: $jaffa !default;
$apps-appscreen-image-max-width: 200px !default;

//
// Get App
//
$getapp-anchor-font-color: $black !default;
$getapp-logo-height: 20px !default;

//
// PDP Main Carousel
//
$maincarousel-placeholder-background: $sky-blue !default;
$maincarousel-videoicon-color: $color-primary !default; 

//
// Main Bar
//
$mainbar-actionbutton-getapp-height: 20px;
//
// NavTreeContainer
//
$navtreecontainer-box-shadow: 0 25px 60px -43px rgba(0, 0, 0, 0.5);

$brandstorytitle-fontfamily: $primary-font-family !default;


//404 page
$notfound-container-padding: 0 !default;
$notfound-container-paddingmobile: 100px 0 !default;
$notfound-image-padding: 0 50px !default;
$notfound-image-paddingmobile: 0 !default;
$notfound-title-fontsize: 200px !default;
$notfound-title-fontsizemobile: 150px !default;
$notfound-title-fontfamily: $secondary-font-family !default;
$notfound-title-color: $color-primary !default;
$notfound-title-padding: 0 !default;
$notfound-title-paddingmobile: 0 !default;
$notfound-message-fontsize: 38px !default;
$notfound-message-fontsizemobile: 32px !default;
$notfound-message-fontfamily: $secondary-font-family !default;
$notfound-message-color: $black !default;
$notfound-message-padding: 0 !default;
$notfound-message-paddingmobile: 0 !default;


//mobile header transition values
$mobileheadertransition-default: translateY(0) !default;
$mobileheadertransition-fixedshippinttext: translateY(-51px) !default;
$mobileheadertransition-hiddendefault: translateY(-50px) !default;
$mobileheadertransition-hiddenshippingtext: translateY(-101px) !default;

// Mobile Filter Button
$mobilefilterbutton-border-bottom-color: $concrete-solid !default;
$mobilefilters-open-color: $color-primary !default;
//default select
$select-secondary-color: $black !default;
$select-secondary-background: $black !default;

//
// Footer
//
$footer-nav-container-background: $concrete-solid !default;
$social-media-container-background: $concrete-solid !default;
$fineprint-container-background: $concrete-solid !default;
$back-to-top-btn-background: $yellowish-green !default;
$back-to-top-btn-color: $default-color !default;

// shop app styles
$shopallstyles-defaultbackground-color: $white !default;
$shopallstyles-mainbutton-fontsize: $font-size-sm !default;
$shopallstyles-mainbutton-fontfamily: $secondary-font-family !default;
$shopallstyles-modal-maxwidth: 1000px !default;
$shopallstyles-productitem-containerheight: 540px !default;
$shopallstyles-verticalcarousel-height: 285px !default;
$shopallstyles-verticalcarousel-activeborder:  4px solid $color-primary !default;
$shopallstyles-verticalcarousel-iconfontsize: 32px !default;
$shopallstyles-verticalcarousel-iconcolor: $color-primary !default;
$shopallstyles-horizontalcarousel-iconfontsize: 40px !default;
$shopallstyles-horizontalcarousel-iconcolor: $color-primary !default;
$shopallstyles-horizontalcarousel-dotscolor: $silver !default;
$shopallstyles-horizontalcarousel-dotscoloractive: $color-primary !default;
$shopallstyles-actionsrow-background: $white !default;
$shopallstyles-actionsrow-backgrounddesktop: $porcelain !default;
$shopallstyles-actionsrow-totalamountfontfamily: $secondary-font-family !default;
$shopallstyles-title-font: 30px !default;
$shopallstyles-title-fontfamily: $secondary-font-family !default;
$shopallstyles-productcount-font: $font-size-sm !default;
$shopallstyles-productcount-fontfamily: $secondary-font-family !default;
$shopallstyles-productitem-namefontfamily: $secondary-font-family !default;
$shopallstyles-productitem-namefontsize: $font-size-xs !default;
$shopallstyles-productitem-namefontweight: 600 !default;
$shopallstyles-productitem-brandfontsize: $font-size-xxs !default;
$shopallstyles-productitem-brandfontfamily: $primary-font-family !default;
$shopallstyles-productitem-pricecolor: $color-primary !default;
$shopallstyles-productitem-pricefont:  $font-size-xs !default;
$shopallstyles-productitem-selecttitlefontsize: $font-size-xxs !default;
$shopallstyles-productitem-selecthoverbackground: $dusty-grey !default;
$shopallstyles-productitem-colortitlefontfamily: $primary-font-family !default;
$shopallstyles-productitem-togglecontentbackground: $transparent !default;
$shopallstyles-productitem-togglefontsize: $font-size-sm !default;
$shopallstyles-productitem-togglebackground: $white !default;
$shopallstyles-productitem-toggleiconcolor: $color-primary !default;
$shopallstyles-productitem-bottomborder: none !default;
$shopallstyles-productitem-highlightedborder: 1px solid $torch-red !default;
$shopallstyles-productitem-addtobagfontfamily: $secondary-font-family !default;
$shopallstyles-productitem-addtobagfontsize: $font-size-sm !default;
$shopallstyles-productitem-oosfontsize: $font-size-xs !default;
$shopallstyles-productitem-oosfontfamily: $secondary-font-family !default;
$shopallstyles-productitem-color: $torch-red !default;

//fav and share
$favnshare-absmainbutton-bg: $white !default;
$favnshare-absmainicon-fontsize: 30px !default;
$favnshare-relmainicon-fontsize: 18px !default;
$favnshare-docfavicon-color: $color-primary !default;
$favnshare-docshareicon-color: $color-primary !default;
$favnshare-fblogo-color: $chambray !default;
$favnshare-twitterlogo-color: $cerulean !default;
$favnshare-pinterestlogo-color: $cardinal !default;
$favnshare-copylogo-color: $black !default;
$favnshare-whatsapplogo-color:$emerald !default;
$blogheading-data-bordercolor: $gray !default;
//footer docs
$footerdocs-container-background: $white !default;
$footerdoc-text-color: $dove-gray !default;
$footerdoc-anchor-color: $dove-gray !default;
$footerdoc-anchor-fontfamily: $secondary-font-family !default;
//price filter
$custompricefilter-allpricebutton-fontsize: $font-size-xs !default;
$custompricefilter-allpricebutton-mobilecolor: $white !default;
$custompricefilter-allpricebutton-color: $black !default;
$custompricefilter-allpricebutton-fontfamily: $secondary-font-family !default;
$custompricefilter-priceinput-backgroundcolor: $porcelain !default;
$custompricefilter-priceinput-fontsize: $font-size-xs !default;
$custompricefilter-priceinput-placeholdercolor: $black !default;
$custompricefilter-pricebutton-backgroundcolor: $color-primary !default;
$custompricefilter-pricebutton-disabledbackgroundcolor: $gray !default;
$custompricefilter-pricebuttonicon-color: $white !default;
$custompricefilter-pricebuttonicon-fontsize: $font-size-xxl !default;
$custompricefilter-error-color: $torch-red !default;
$custompricefilter-error-fontsize: $font-size-xxs !default;
$custompricefilter-error-fontfamily: $secondary-font-family !default;
$custompricefilter-hypen-color: $black !default;
$custompricefilter-hypen-mobilecolor: $white !default;

//
// My Bag Offering Block
//

$mybagofferingblock-lefttpartspan-fontsize: 25px !default;

//
// Pincode
//

//loyalty
$loyaltycard-bordercolor: $black !default;
$loyaltycard-tierpoints-bordercolor: $dusty-grey !default;
$loyaltycard-subheading-color: $dusty-grey !default;
$loyaltymodal-title-font-size: 28px !default;
$loyaltymodal-subheading-font-size: 16px !default;
$loyaltymodal-text-font-size: 16px !default;
$loyaltymodal-subheading-bgcolor: $light-grey !default;
$loyaltymodal-icon-fontsize: 35px !default;
$loyaltymodal-burn-icon-color: $selective-yellow !default;
$loyaltymodal-conversion-icon-color: $red !default;
$loyaltymodal-downgrade-icon-color: #782e8e !default;
$loyaltymodal-expiry-icon-border-color: #3083d1 !default;
$creditcardinput-outline-color: $picton-blue !default;
$pincode-btn-bg: $white !default;


//master template new components
$titlecomponent-subtitle-fontsize: $font-size-sm !default;
$titlecomponent-title-fontsize: 30px !default;
$titlecomponent-title-fontsizev2: 24px !default;
$mt-titlecomponent-titlefontfamily: $primary-font-family !default;
$mt-titlecomponent-titlefontfamilyv2: $primary-font-family !default;

//master template base paddings
$mt-documentpadding-desktop: 16px auto !default;
$mt-documentpadding-bc: 32px;
$mt-component-padding: 0 12px !default;
$mt-sectiontosection-margin: 0 0 40px 0 !default;
$mt-sectiontocomponent-margin: 0 0 40px 0 !default;
$mt-componenttosection-margin: 0 0 40px 0 !default;
$mt-componenttocomponent-margin: 0 0 24px 0 !default;
$mt-paratext-contentfontsize: $font-size-sm !default;

//mt variales
$mt-storycomponent-desktop-titlefontsize: $font-size-lg !default;
$mt-storycomponent-mobile-titlefontsize: $font-size-xs !default;
$mt-storygrid-storymargin: 0 0 20px !default;
$master-componentsectiontitle-fontfamily: $primary-font-family !default;
$mt-storycomponent-desktop-subtitlefontsize: $font-size-sm !default;
$mt-storycomponent-mobile-subtitlefontsize: $font-size-xxs !default;
$mt-storycomponent-desktop-ctafontsize: $font-size-sm !default;
$mt-storycomponent-mobile-ctafontsize: $font-size-xxs !default;


//loyalty block on order confirmation page

$loyaltypointspopupblock-subtitle-color: $color-primary !default;
$loyaltypointspopupblock-th-backgroundcolor: $concrete-solid !default;
$loyaltypointspopupblock-note-bordertop: 1px solid $fitguide-border !default;

$loyaltyblock-background-color: rgba(255, 255, 255, 0.4)  !default;
//Product tags
$producttags-container-font-family: $secondary-font-family !default;
$producttags-container-font-size: $font-size-xxs !default;
$producttags-container-font-color: $monza !default;
$producttags-mobile-icon-height: 16px !default;
$producttags-desktop-icon-height: 20px !default;

//searchbar
$searchbar-searchbutton-mobilecolor: $black !default;
$searchbar-searchbutton-color: $color-primary !default;
$searchbar-bottomborder-color: $silver !default;
$searchbar-suggestionlist-hovercolor: $color-primary !default;
$searchbar-mobile-mainbackground: $porcelain !default;
$searchbar-fixed-header-background: $transparent !default;
$searchbar-fixed-header-icon-color: $white !default;

//Non-Return Policy Block
$pdpnonreturnblock-background-color: $concrete !default;
$pdpnonreturnblock-font-size-xs: $font-size-xs !default;
$pdpnonreturnblock-font-size-xxs: $font-size-xxs !default;

//SizeNudge Block

$sizenudgeblock-desktop-background-color: $vermillion !default;
$sizenudgeblock-mobile-background-color: $tundora !default;
$sizenudgeblock-font-size-xs: $font-size-xs !default;
$sizenudgeblock-font-size-xxs: $font-size-xxs !default;
$sizenudgeblock-mobile-font-color: $vermillion !default;

// Continue Login Block

$continue-login-font-size: $font-size-xs !default;
$continue-login-font-size-xl: 32px !default;
$continue-login-font-family: $secondary-font-family !default;
$continue-login-container-height: calc(100vh - 300px) !default;
$continue-login-smiley-margin-bottom: 24px !default;
$continue-login-margin-bottom: 16px !default;
// Wallet
$payment-selected-background-color: $jaffa !default;
$upi-error-color: $color-danger !default;

// Brandlist page
$brandslist-filterlist-background-color: $mine-shaft !default;
$brandslist-header-title-fontsize: 52px !default;
$brandslist-anchoritems-hover-color: $color-primary !default;
$brandslist-anchoritems-font-size: $font-size-sm !default;
$brandslist-bannerbutton-border-color: $white !default;
$brandslist-bannerbutton-hover-border-color: $color-primary !default;
$brandslist-bannerbutton-font-color: $white !default;
$brandslist-bannerbutton-hover-font-color: $color-primary !default;
$brandslist-headerhr-border-bottom-color: $silver !default;
$brandlist-headertitle-font-size: $font-size-xl !default;
$brandlist-headertitle-font-family: $primary-font-family !default;
$brandslist-header-desktop-max-width: 600px !default;
$brandslist-filterselect-width: 300px !default;
$brandslist-filterselect-height: 60px !default;
$brandslist-filterselect-arrowbottom-color: $color-primary !default;
$brandslist-filterselect-list-background-color: $black !default;
$brandslist-filterselect-list-font-color: $white !default;
$brandslist-filterselect-list-max-height: 450px !default;
$brandslist-form-background-color: $black !default;
$brandslist-applybutton-transform : translate(-20%, 15%) !default;
$brandslist-applybutton-font-size: $font-size-lg !default;
$brandslist-applybutton-font-color: $color-primary !default;
$brandslist-searchinput-background-color: $black !default;
$brandslist-searchinput-font-color-onfocus: $white !default;
$brandlist-keyscontainer-max-width: 65px !default;
$brandlist-keyscontainer-background-color: $color-primary !default;
$brandlist-keyscontainer-font-color: $white !default;
$brandslist-bannerslot-max-width: 515px !default;
$brandslist-banner1-image-width: 500px !default;
$brandslist-banner2-image-width: 500px !default;
$brandslist-trendingbanner-image-width: 200px !default;
$brandslist-brandkey-font-size: 46px !default;

// Continue Login Block

$continue-login-font-size: $font-size-xs !default;
$continue-login-font-size-xl: 32px !default;
$continue-login-font-family: $secondary-font-family !default;
$continue-login-container-height: calc(100vh - 300px) !default;
$continue-login-smiley-margin-bottom: 24px !default;
$continue-login-margin-bottom: 16px !default;

// register otp
$register-opt-container-width: 326px;
$register-opt-heading-width: 100%;

// register checkbox and T&C
$login-tnc-font-size: $font-size-xxs !default;
$checkbox-tick-icon-font-size: 0.75rem;
$whatsapp-icon-color:#25D366;
$login-tnc-font-color: $color-primary;
$register-checkicon-font-color: $color-primary;

// Price info block

$priceinfoblock-infohover-width: 350px !default;
$priceinfoblock-infohover-min-height: 100px !default;
$priceinfoblock-infohover-font-size: $font-size-xxs !default;
$priceinfoblock-infohover-font-color: $black !default;
$priceinfoblock-recommendationicon-font-size: $font-size-sm !default;
$priceinfoblock-recommendationicon-color: $dusty-grey !default;
$priceinfoblock-header-font-size: $font-size-xs !default;
$priceinfoblock-header-font-family: $secondary-font-family !default;
$priceinfoblock-header-border-bottom-color: $silver !default;
$priceinfoblock-body-border-bottom-color: $black !default;
$priceinfoblock-body-font-size: $font-size-sm !default;
$priceinfoblock-mrpblock-font-size: $font-size-sm !default;
$priceinfoblock-subtitle-font-size: $font-size-xxs !default;
$priceinfoblock-footer-border-bottom-color: $black !default;
$priceinfoblock-spblock-font-size: $font-size-sm !default;
$priceinfoblock-spblock-font-family: $secondary-font-family !default;
$priceinfoblock-sp-min-width: 180px !default;
$priceinfoblock-prompt-min-height: 220px !default;
$priceinfoblock-savemsgblock-font-size: $font-size-xs !default;

// Exchange
$exchange-size-chip-hover-color: $color-primary !default;
$exchange-modal-mobile-width: 366px !default;
$exchange-modal-mobile-height: 548px !default;
$exchange-mobile-input-width: 302px !default;
$exchange-modal-desktop-height: 580px !default;
$exchange-modal-closebutton-width: 95px !default;
$exchange-modal-closebutton-height: 95px !default;
$exchange-modal-closebutton-font-size: 55px !default;
$exchange-modal-closebutton-font-family: $primary-font-family !default;
$exchangeinitiate-mobtitle-font-size: 24px !default;
$exchangeinitiate-desktoptitle-font-size: 32px !default;
$exchangeinitiate-title-font-family: $primary-font-family !default;
$exchangeinitiate-mobmsg-font-size: $font-size-sm !default;
$exchangeinitiate-desktopmsg-font-size: $font-size-lg !default;
$exchangeinitiate-input-height: 48px !default;
$exchangeinitiate-input-width: 412px !default;
$exchangeinitiate-input-font-size: $font-size-xs !default;
$exchangeinitiate-button-font-size: $font-size-sm !default;
$exchangeinitiate-button-font-family: $secondary-font-family !default;
$exchangecomplete-mobtitle-font-size: 24px !default;
$exchangecomplete-mobtitle-font-family: $secondary-font-family !default;
$exchangecomplete-desktoptitle-font-size: 48px !default;
$exchangecomplete-mobmsg-font-size: $font-size-sm !default;
$exchangecomplete-desktopmsg-font-size: $font-size-lg !default;


// Delivery Charges
$deliverycharges-title-font-size: 32px !default;
$deliverycharges-title-font-family: $secondary-font-family !default;
$deliverycharges-list-desktop-font-size: $font-size-normal !default;
$deliverycharges-list-mob-font-size: $font-size-sm !default;
$deliverycharges-secondarylist-desktop-font-size: $font-size-sm !default;
$deliverycharges-secondarylist-mob-font-size: $font-size-xs !default;
$deliverycharges-secondarylist-font-color: $dove-gray !default;


// Payment Based Charges 

$postpaid-msg-font-color: $red !default;
$postpaid-msg-font-size: $font-size-xs !default;
$prepaid-msg-font-color: $color-primary !default;
$prepaid-msg-font-size: $font-size-xs !default;


// social login web view

$socialloginwebview-height: 100vh !default;

// Login V2
$loginv1-input-sub-heading-font-size: $font-size-xs !default;
$loginv2-input-sub-heading-font-size: $font-size-xs !default;
$loginv2-input-sub-heading-color: $dusty-grey !default;
$loginv2-sub-heading-font-size: $font-size-xxs !default;
$loginv2-sub-heading-font-color: $dove-gray !default;
$loginv2-tnc-font-size: $font-size-xxs !default;
$loginv2-tnc-font-color: $black !default;
$loginv2-tnc-border-color: $black !default;
$loginv2-max-width: 380px;
$loginv2-input-font-size:  $font-size-xs;
$loginv2-input-font-color: $black;

$userinputwrapper-invalid-border-color: $red !default;
$userinputwrapper-border-color: $black !default;
$usernameinputwrapper-genderdropdown-width: 110px !default;
$usernameinputwrapper-genderdropdown-arrow-color: $color-primary !default;
$userinputwrapper-inp-height: 44px !default;
$userinput-error-font-size: $font-size-xxs !default;
$userinput-error-font-color: $color-danger !default;
$userinputwrapper-error-container-height: 20px !default;
$otpsub-font-color: $red !default;
$otpsub-countdown-font-color:  $dusty-grey !default;
$loginotp-border-color: $black !default;
$loginsubv2-border-color: $default-color !default;
$registrationv2-border-color: $black !default;
$loginotp-border-color: $black !default;
$loginsubv2-border-color: $default-color !default;
$registrationv2-input-border-color: $black !default;
$registrationv2-input-color: $black !default;
$registrationv2-userverified-background: $black !default;
$registerv2-submitbtn-font-size: $font-size-xs !default;

$loginotp-switch-background-color: $black;
$loginotp-switch-border-color: $black;
$loginv2-input-sub-heading-font-color: $dusty-grey;

$forgotpwd-border-bottom-color:rgb(255, 51, 153);
$forgotpwd-color:rgb(255, 51, 153);
$loginotp-dividerv2: $default-color  !default;

$paymentview-placeorderbutton-modal-title-size: $font-size-xxxl;
$paymentview-placeorderbutton-modal-title-color: $black;
$paymentview-placeorderbutton-modal-btn1-background:$black;
$paymentview-placeorderbutton-modal-btn1-border-color:$black;
$paymentview-placeorderbutton-modal-font-family:$primary-font-family !default;
$paymentview-placeorderbutton-modal-title-font-family:$secondary-font-family !default;
$paymentview-placeorderbutton-modal-font-size:16px;
$paymentview-placeorderbutton-modal-font-weight:900;

// Rewards 
$reward-grid-row-shadow-color: rgba(0, 0, 0, 0.08);
$rewards-grid-shadow: 0 2px 4px 0 $reward-grid-row-shadow-color !default;
$reward-grid-row-border-color: #e8e9e9;
$reward-grid-row-border: solid 1px $reward-grid-row-border-color;
$reward-grid-row-background: #ffffff;
$reward-item-title-color: #9b9b9b;
$reward-item-data-color: #4a4a4a;
$reward-item-title-font: 12px !default;
$reward-item-data-font: 14px !default;
$reward-balance: 16px !default;
$rewards-title-font: 20px !default;
$reward-sub-block-border: solid 1px rgba(151, 151, 151, 0.12);
$reward-find-store-color: #36b0c9;
$reward-modal-boxshadowcolor: darken-colors($concrete, 4) !default;
$reward-modal-top-btn-border: 1px solid rgba(0, 0, 0, 0.1);
$reward-separator: $silver !default;
$reward-noreward-font-size: 14px !default;
$reward-noreward-font-size-xl: 32px !default;
$reward-pagination-font-size: 14px !default;
$reward-loyalty-earned-color: #579d07;
$reward-loyalty-burnt-color: #dd3d3d;
$reward-noreward-btn-font: 18px;
$reward-shoppingbtn-background: $jaffa;
$reward-shoppingbtn-color: $white;
$rewards-black: $black;
$reward-item-row-bck: #f1f1f1;

$otpv2-border-color: $dove-gray;
$otpv2-border-bottom: 1px solid $otpv2-border-color;
$return-addneft-color: $white;
$return-addneft-border: $border-none;
$addneft-cta-font-family: $secondary-font-family;
$addneft-cta-font-size-16: 16px;
$addneft-cta-font-size-14: 14px;