/**** Color Box Model ******/
body{
    font-size:16px !important;
}
#cboxOverlay {
    background: #000;
    width:100%;
    height:100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}

#colorbox {
    height: auto !important;
    left: 50% !important;
    top: 15% !important;
    transform: translate(-50%, 0%);
    z-index: 9999;
    right: 50% !important;
    bottom: 50% !important;
    overflow: visible !important;
    }
.page-quickOrderPage #colorbox {
    height: auto !important;
    left: auto !important;
    top: 0 !important;
    transform: none;
    z-index: 9999;
    right: 0 !important;
    bottom: 50% !important;
    overflow: visible !important;

}
#addToCartLayer .add-to-cart-item:nth-child(even){
    border-top: 1px solid #929a9d;
    padding-top: 12px;
}
.colorbox-scroll{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    overflow-y: auto;
    overflow-x: hidden;

}
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    max-width: none;
    height: auto !important;
}
#cboxMiddleLeft, #cboxTopLeft, #cboxTopCenter, #cboxTopRight{
    display: none;
}
#cboxMiddleLeft, #cboxTopLeft, #cboxTopCenter, #cboxTopRight{
    display: none;
}
#cboxLoadedContent, #cboxContent{
    /*margin-top: 32px;
    padding: 0px 35px 29px 15px!important;
    overflow:hidden !important; */
    width:100% !important;
    height:auto !important;
    overflow:visible !important;
}

#cboxTitle {
    /*padding: 43px 15px 6px!important;
	background: transparent;
    position: absolute;
    top: 0;
    height: 88px;
    display: table;
    width: 100%;*/
    display: none;
}
#cboxTopLeft {
    width: 14px;
    height: 14px;
}
#cboxTopCenter {
    height: 14px;
}
#cboxTopRight {
    width: 14px;
    height: 14px;
}
#cboxMiddleLeft {
    width: 14px;
}
#cboxContent {
    background: #fff;
    overflow: visible;
    padding: 48px;
	border-radius: 8px;
}
#cboxMiddleRight {
    width: 14px;
}
#cboxBottomLeft {
    width: 14px;
}
#cboxBottomCenter {
    height: 43px;
}
#cboxBottomRight {
    width: 14px;
}
#cboxClose {
    position: absolute;
    right: 13px;
    top: 10px;
    background: transparent;
    border: 0 none;
    color: #797979;
    padding: 5px;
    font-size: 25px;
}
/*.header{
    top: 0px;
    position: fixed !important;
}*/
header ~ section .estmatedTotal > .fixed {
    transition: .5s ease-in-out;
    top: 50px;
}
header.headerHidden ~ section .estmatedTotal > .fixed {
    top: 0 !important;
}
@media(max-width:320px){
    #colorbox, #cboxWrapper{
        width:272px !important;
    }
 /*   #colorbox{
        align-items: center;
        display: flex;
        visibility: visible;
        top: 8% !important;
        left: 0 !important;
        position: fixed !important;
        right: 0px !important;
        margin: 0px auto !important;
        justify-content: center;
    }*/
}
@media screen and (max-width: 568px) and (min-width: 321px) {
    #colorbox, #cboxWrapper{
        width:calc(100vw - 32px) !important;
    }
   #colorbox{
   /*  margin-left: 16px;
    margin-right: 16px;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
        align-items: center;
        display: flex;
        visibility: visible;
        top: 10% !important;
        left: 0 !important;
        position: fixed !important;
        right: 0px !important;
        margin: 0px auto !important;
        justify-content: center;*/

    }
}

/**** End  Color Box Model ******/
/***** Progress Bar ********/

.progress {
    overflow: hidden;
    height: 20px;
    margin-bottom: 10px;
    background-color: #f5f5f5;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 13px;
    line-height: 20px;
    color: #ffffff;
    text-align: center;
    background-color: #47b6b1;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}
/****** Progress Bar ********/
.has-error input.form-control{
	background:#fff;
}
.w-30px{
	width:30px;
}
.has-error input[type="text"],.has-error input[type="password"]{
	border:1px solid red;
}
.has-error select{
	border:1px solid red;
}
.breadcrumb > li + li:before {
    content: "/\00a0";
    color: #19212b;
}

.clearboth{
	clear:both; /** after add in Tailwind we need to remove **/
}

/*.border-bottom{
	border-bottom:1px solid #000000;
}*/
.sfc-search-btn{
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg%20width='15'%20height='14'%20viewBox='0%200%2015%2014'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.1431%205.6C10.1431%208.14532%208.09156%2010.2%205.57156%2010.2C3.05155%2010.2%201%208.14532%201%205.6C1%203.05468%203.05155%201%205.57156%201C8.09156%201%2010.1431%203.05468%2010.1431%205.6Z'%20stroke='%23C4C4C4'%20stroke-width='2'/%3e%3cline%20y1='-1'%20x2='6.58297'%20y2='-1'%20transform='matrix(0.705307%200.708902%20-0.705307%200.708902%208.35718%209.33331)'%20stroke='%23C4C4C4'%20stroke-width='2'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    position: absolute;
    left: 10px;
    top: 10px;
    padding: .5rem;
}
 .header .navbar-nav .nav-item:first-child{
     padding-left:0;
 }
 .header .svg a{
     display:block;
 }
 .user-profile{
     position:relative;
 }
 .user-profile > a{
     padding-left: 1.5rem;
     padding-right: 1.5rem;
     padding-top: 1rem;
     padding-bottom: .5rem;
 }
 .user-profile:hover > a{
     font-weight:600;
     box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.2);

 }
 .user-profile:hover > .user-profile-dropdown{
     display:block;
 }
 .user-profile-dropdown{
     display:none;
     position:absolute;
     background:#fff;
     box-shadow: 0px 6px 4px 0px rgba(0,0,0,0.2);
     z-index: 101;
     padding: 1.5rem;
     white-space: nowrap;
 }
 .user-profile-dropdown ul li{
     padding-bottom:1rem;
 }
 .user-profile-dropdown ul li:last-child{
     padding-bottom:0;
 }
 /* This doesn't work because of border-collapse */
/*tbody:before {

    line-height:1em;
    content:".";
    color:white;
    display:block;
}*/
.heading-border {
    background:#F2F2F2;
}
/* mobile nav style*/

.hamburger-menu {
   z-index: 2;
   position: absolute;
   top: 0;
   left: 0;
   cursor: pointer;
   width: 56px;
   height: 50px;
}

.bar,
.bar:after,
.bar:before {
  width: 24px;
    height: 2px;
}

.bar {
    position: relative;
    transform: translateY(8px);
    background: rgba(0, 0, 0, 1);
    transition: all 0ms 300ms;
}

.bar.animate {
  background: rgba(0, 0, 0, 0);
}

.bar:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 8px;
    background: rgba(0, 0, 0, 1);
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar:after {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    background: rgba(0, 0, 0, 1);
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.bar.animate:after {
     top: 0;
     transform: rotate(45deg);
     transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);;
}

.bar.animate:before {
     bottom: 0;
     transform: rotate(-45deg);
     transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);;
}

/*nav menu*/

.mobile-nav.show{
    width:90%;
    max-height: calc(100vh - 75px);
    overflow-y: auto;
}
.show {
  left:0;
  opacity:1;
}

.hide {
  opacity:0;
  left:-90%;
}
.deviceNavView{
    @apply fixed overflow-hidden;
}
@media (min-width: 992px) {
    .quick-order__list .item__price span, .quick-order__list .item__quantity span,.quick-order__list .item__total--column span{
        margin-left:-9px;
    }
    .tierToolTip:hover .tierToolTipText {
      visibility: visible;
      opacity: 1;
      width:280px !important;
    }
    .containerFluid .helpCheckout > div:first-child {
        border-top: 1px solid #e1e1e1;
        margin-top: -24px;
        padding-top: 24px;
    }
    .toggle-content{
        overflow-y: unset;
    }
	#cardDetailsInfoList{
        height:48px;
    }
	.statusStepLabel {
        left: -92px;
        padding: 0 16px;
        width: 200px;
    }
    .orderStatusWrap{
        padding: 0 50px !important;
    }
    .gradientBG{
        height:18px !important;
        background-image: linear-gradient(to left, transparent 0%, black 228%);
       /* top: 90px;*/
    }

    .returnStatusWrap .gradientBG{
        /*top: 46px;*/
    }

    .consigmentTop .gradientBG{
    /*top: 60px;*/
    }

    .deviceNavView{
        @apply static overflow-auto;
    }
    /*--SO Order Status Tracking Bar--*/
        .border-top-18{
        border-top-width: 18px;
        }
        .border-left-18{
        border-left-width: 0px;
        }

        .blueOutline{
        box-shadow: 0 0 0 1.5px #e10600 !important;
        margin-top: -17px !important;
        margin-left: -6px !important;
        }
        .curentStatus{
        margin-top: -17px !important;
        margin-left: -6px !important;
        box-shadow: 0 0 0 1.5px #e10600 !important;
        }
        .greyDot{
        margin-top: -17px !important;
        margin-left: -6px !important;
        box-shadow: 0 0 0 1.5px #6a6a6a !important;
        }
        .greyDotLast{
        margin-top: 9px !important;
        margin-left: -9px !important;
        }
        .greyDotLastOutline{
        box-shadow: 0 0 0 1.5px #6a6a6a;
        }
        .border-left-18 p{
        margin-left: -6px;
        }
        /*--EO Order Status Tracking Bar--*/
}

.mobile-nav{
    transition: .2s ease;
}

@media (min-width: 992px) {
    .mobile-nav-wrap {
        display:none;
    }
    .countryCodeHolder{
        height: 55px;
        left: 1.125rem;
    }
    .vatNumberPadding{
        padding-left: 48px !important;
    }
}

.mobile-header{
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12), 0 4px 8px 0 rgba(0,0,0,0.08);
}
.trans-transform{
    text-align:center;
}
.trans-transform:before{
    content: "\002b";
    font-size: 1.8rem;
    color: #179BD7;
    font-weight: 400;
}
.trans-transform.open:before{
    content: "\2012";
}
.mobile-nav nav > ul li > .cursor-pointer ~ ul{
    background:#f3f3f3;
}
.mobile-nav nav > ul li > .cursor-pointer ~ ul li > .cursor-pointer ~ ul{
    background:#f7f7f7;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	/*--- Paypal CSS Start-- */
	 #paypal-marks-container .paypal-marks, .radio-button-mark-logo .paypal-marks{
      display: flex;
      flex-direction: column;
      align-items: center;
	  }
	#paypal-marks-container .paypal-mark, .radio-button-mark-logo .paypal-mark{
		  margin: 0 0 4px 0 !important;
	  }
	/*---- Paypal CSS END---*/
	.only-mobile{
		display:block;
	}
	.login-section{
		margin-top:72px;
	}
	.hide-dektop-view{
		display:none;
	}
	.mobilespace{
		margin-bottom:1rem;
	}
	.w-halfmobile{
		width: 49%;
	}
	.flexmobile{
		display:flex;
	}
	.marginmobile{
		margin-left:18px;
		margin-right:18px;
	}
}
.bogo-slider .slick-slide {
    margin: 0px 15px;
}
.bogo-slider .slick-list{
    margin: 0px -15px;
}
/*
.slick-slide {
margin: 0px 20px;
}
.slick-slide img {
width: 100%;
}
.slick-prev:before,
.slick-next:before {
color: black;
}
.slick-slide {
transition: all ease-in-out .3s;
opacity: .2;
}
.slick-active {
opacity: .5;
}
.slick-current {
opacity: 1;
}
*/

/*.radioButton {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.radioButton input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.radioCheckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #9c9999;
    border-radius: 15px;
}
.radioButton .radioCheckmark:after {
    left: 3px;
    top: 3px;
    width: 4px;
    height: 12px;
    border: solid #000000;
    border-width: 6px;
    border-radius: 31px;
}
.radioButton input:checked ~ .radioCheckmark:after {
    display: block;
}
.radioCheckmark:after {
    content: "";
    position: absolute;
    display: none;
}*/
.cvv lable{
	margin-left:1rem;
}
.cvv_popup{
     cursor: pointer;
    display: none;
    height: 100%;
    position: absolute;
    text-align: center;
    bottom: 81px;
    width: 100%;
    z-index: 10000;
    left: 158px;
}
.cvv_popup1{
	cursor: pointer;
    display: none;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 10000;
}
.cvv_popup .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.cvv_popup > div {
    display: inline-block;
    height: auto;
    max-width: 551px;
    min-height: 100px;
    vertical-align: middle;
    width: 100%;
    position: relative;

    padding: 15px 5%;
}
.popupCloseButton {
   background-color: #fff;
    cursor: pointer;
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 3px;
    font-size: 21px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.trigger_popup_fricc {
    cursor: pointer;
    font-size: 20px;
    margin: 20px;
    display: inline-block;
    font-weight: bold;
}
.-z-1{
	z-index:-1;
}
.word-break{
	word-break:break-word;
}
.centeredtext{
	-ms-transform: translateX(-50%) translateY(-50%);
  	-webkit-transform: translate(-50%,-50%);
  	transform: translate(-50%,-50%);

}
/* style global message*/
.global-alerts {
    display: none;
}/*
.form-error > .alert.alert-danger{
    background:#fefafb;
}
.form-error > .alert.alert-danger button.close, .form-error > .alert.alert-danger button span{
  color:#DF001F;
}
.form-error > .alert.alert-info{
    background: #FAFCFE;
}
.form-error > .alert.alert-warning{
    background: #FDFCFA;
}

.form-error > .alert.alert-warning button.close, .form-error > .alert.alert-warning button span{
     color:#aa5d00 !important;
}

.alert-warning a:hover{
    text-decoration:underline;
    color:#ED1C24;
}
.form-error>.alert.alert-warning {
    background: #FDFCFA;
    color: #aa5d00;
    border: 1px solid #aa5d00;
}*/
.alert-danger button span,.alert-danger span a{
    color:#e10600;
}
.border-2 {
    border-width: 2px;
}
.warning-icon-r{background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23AA5D00'%20width='20px'%20height='20px'%3E%3Cpath%20d='M0%200h24v24H0z'%20fill='none'/%3E%3Cpath%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm1%2015h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E") no-repeat 98.5% center;}
.warning-icon-l{background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23AA5D00'%20width='20px'%20height='20px'%3E%3Cpath%20d='M0%200h24v24H0z'%20fill='none'/%3E%3Cpath%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm1%2015h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E") no-repeat 3% center;}
.ncnr{

    padding:8px 16px;
}/*
.form-error > .alert{
    color: white;
    padding: 8px 48px 8px 14px;
    position: relative;
}*/
.form-error>.alert {
    padding: 4px 47px 4px 8px;
}
.form-error > .alert button.close{
    position: absolute;
    /*font-size: 2rem;
    color: #fff;
    top: .75rem;
    line-height: 0.5;
    font-family: RobotoLight;*/
}
.form-error>.alert button.close {
    right: 4px;
}
.break-all{
	word-break: break-all;
}

select::-ms-expand {
    display: none;
}
.pagination {
    display: flex;
    list-style-type: none;
}
.pagination-next img {
    width:25px;
}
.pagination-prev img {
    width:25px
}
.return-img {
    width:50px;
}
.custom-margin {
	margin-top:-50px
}
.store-form .form-group select ~ .floatingLabelTop {
    display: block !important;
}

.store-form .form-group select:focus ~ label{
	top:-18px;
}

.navWrapper{
	top:76px;
	left:0;
}
.productNavWrapper {
    top: auto;
    left: 0;
}
.custom-word-wrap {

  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;

}
/*--- CSS for Printing - Start ---*/
@media print {
	.gradientBG{background-image: unset}
	.statusStepLabel .word-break{padding-left: 20px}
    .print-pb{
        padding-bottom:0 !important;
    }
    .print-mb{
        margin-bottom:0 !important;
    }
    .printInvisible {
        visibility: hidden
    }

    .printHidden {
        display: none
    }
	.header{
        display: none;
    }

    .mobile-nav-wrap .fixed {
        position: relative
    }

    .printBlock {
        display: block
    }

    .printFlexRow {
        flex-direction: row
    }

    .printAbsolute {
        position: absolute !important
    }
}
/*--- CSS for Printing - End ---*/
.businessName, .businessName ~ p, .businessName ~ label{
    display:none !important;
}
.disableBg{
    background:#ebebe4;
    color:#aeaeae;
}
.helperTxt{
    display:none;
}
.cvvhelp:hover .helperTxt{
    display:block
}
/* make container 100% width by forcing parent div padding-left/right as null*/
@media only screen and (max-width : 1024px) {
     #paypal-cart-marks-container .paypal-marks .paypal-mark .paypal-logo-paypal{
        margin-top: 10px;
        }
}
@media only screen and (max-width : 992px) {
    .codeAlreadyGenerated{
        padding:8px;
    }
    [lang="el-GR"] .myRewardsItem .tier-min-h-272px > p:first-of-type {
      margin-top: 80px;
    }
    #generateCoupontiles .myRewardsItem button{
        padding:8px 16px;
    }
    .rewardsNotOptIn table thead tr th, #tierBenefitsContent table thead tr th,#pointsActivityContent #pointsActivityTable tr th{
        background-color:#f8f8f8 !important;
    }
    .fontSize22{
        font-size:18px !important;
    }
    .js-sku-input-field {
        width: calc(100% - 26px) !important;
    }
    .insertAfterRemove td p a {
        width: 200px !important;
    }
    .bo-js-product-price{
        bottom: 44px;
        right: 16px;
    }
    .bo_total-items{
        bottom: 24px;
        right: 16px;
    }
    .item__remove{
        top:36px;
    }

    .prodNameEllipsis{
        width: 300px !important;
    }
    .prodNameEllipsisOrder{
        /*white-space: nowrap;
        overflow: hidden;
        width: 240px;
        text-overflow: ellipsis;*/
    }
        .countryCodeHolder{
            height: 56px;
            left: 1.125rem;
        }
        .vatNumberPadding{
            padding-left: 48px !important;
        }
     #paypal-marks-container .paypal-marks .paypal-mark .paypal-logo-paypal, #paypal-cart-marks-container .paypal-marks .paypal-mark .paypal-logo-paypal{
        margin-top: 10px;
        }
	.statusStepLabel{
        top: -10px;
        margin-left: 24px;
        width: 130px;
    }
    .greyDotLast .statusStepLabel {
        top: -3px !important;
        margin-left: 30px;
    }
}
@media only screen and (max-width : 767px) {
    .item__remove {
        top: 30px;
    }
    .fontSize22 {
        font-size: 16px !important;
    }
    .arrowhead{
        left: unset !important;
        right: 10px;
    }
    #whereICanFindThis{
        right:0 !important;
    }
	.page-productRegistrationPage .leftNavPage, .page-productRegEmailFormPage .mTop, .page-productRegistrationReviewSummary .leftNavPage {
        margin-top: 44px;
    }
	.reviewSummaryTable tbody tr td:first-child div {
        white-space: normal;
        width: 120px;
    }
    .width150{
        width:100%;
        line-height: 1.2;
    }
    .tierStatusTooltip .tierToolTipText{
        top:146% !important;
        bottom:unset !important;
    }
    .tierStatusTooltip .toolTipBottomArrow{
        top:34px !important;
    }
    .totalTierToolTipWrap .toolTipBottomArrow{
        z-index:1;
    }
    .tierStatusTooltip .tierToolTipText::after{
        opacity: 0 !important;
    }
    #accountRewards .globalMessages-error{
        position:static !important;
    }
	.ncnr {
        padding: 8px !important;
    }
    .countryCodePlaceHolder {
        top: 18px !important;
        font-size:14px !important;
    }

    .proRewards .totalTierToolTipWrap .tierToolTip .tierToolTipText {
        margin-left: 10px !important;
    }
    .proRewards .totalTierToolTipWrap .tierToolTip .tierToolTipText::after {
        margin-left: -9px !important;
    }
    .rewardsContent .tierToolTipText::after {
        margin-left: -86px !important;
    }
	.proRewardOrderDetails .tierToolTip .tierToolTipText::after,.availablePts .tierToolTip .tierToolTipText::after {display:none;}
    .tierBenefits table,.pointsActivity table{
        word-break: unset;
    }
    .tierBenefits table,.pointsActivity table {
        display: block;
        height: 100%;
        border-collapse: collapse;
        width: 100%;
        margin: 0;
        font-size: 16px;
        white-space: wrap;
        overflow-x: auto;
        overflow-y: auto;
    }
    .tierBenefits tr th:first-child,.pointsActivity  tr th:first-child {
        position: sticky;
        width: 200px;
        left: 0;
        background: #ffffff;
        text-align: left;
    }
    .tierBenefits thead>tr,.pointsActivity thead>tr {
        position: relative;
    }
    .tierBenefits thead th,.pointsActivity thead th {
        position: sticky;
        top: 0;
        width: 288px;
        border-bottom: 1px solid #bbb;
    }
    .tierBenefits td{
        padding:16px 16px 16px 18px;
    }
    /*.tierBenefits th{
        padding:16px 0;
    }*/
    .pointsActivity th ,.pointsActivity td{
        padding:16px 16px 16px 0;
    }
    .tierBenefits td,.pointsActivity td{
        min-width:118px;
    }
    .thFreezeWidth{
        /*display:block;*/
        width:223px;
    }
    #pointsActivityTable .thFreezeWidth{
     width:198px;
    }
    .noOptIntierBenefits tr th:first-child{
        background: #f2f3f3;
    }
    .eoriAlert .alert-warning{
        padding:8px !important;
    }
    .imgMB{
        width:65px !important;
    }
	#confirmreturnorderForm .helperTxt{
        transform: translateX(-72%);
    }
    .tooltipArrow{
        left: 42px;
    }
    #customColumnCss div{
      width: 100%;
    }

    #paypal-cart-marks-container .paypal-marks .paypal-mark .paypal-logo-paypal{
    margin-top: 10px;
    }
    .containerFluid{
        width:calc(100% + 40px) !important;
        margin: 0 -20px 0 -20px;
    }
}
/*@media only screen and (max-width : 490px) {
    .proRewardOrderDetails .tierToolTipText{
        display:none;
    }
}*/

.formGroup-b-none .form-group, .formGroup-b-none .form-group .checkbox{
    margin-bottom: 0px;
}

body.screenBlock{
    overflow:hidden;
}

body.screenBlock::before {
  content: "";
  background-color: #ffffffcf;
  position:fixed;
  width:100%;
  height:100%;
  display:block;
  top:0;
  left:0;
  z-index: 100;
}
/*on submit block screen*/

body.screenBlock::after {
    content:"";
  border: 5px solid #fff;
  border-radius: 50%;
  border: 5px solid #333;
  border-top-color: #454545;
  border-left-color: #565656;
  border-bottom-color: transparent;
  width: 55px;
  height: 55px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
  position:fixed;
  top: 50%;
left: 50%;
margin-left:-25px;
margin-top:-25px;
    z-index: 100;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.text-darker-orange{color:#AA5D00}
/* ------------------------ Inet-Tel library CSS and Flag sprite image postioning ------------------------------------------- */
.iti {
  width:100%;
  position: relative;
  display: inline-block; }
  .iti * {
    box-sizing: border-box;
    -moz-box-sizing: border-box; }
  .iti__hide {
    display: none; }
  .iti__v-hide {
    visibility: hidden; }
  .iti input, .iti input[type=text], .iti input[type=tel] {
    position: relative;
    z-index: 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-right: 36px;
    margin-right: 0; }
  .iti__flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px; }
  .iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 6px 0 12px; }
  .iti__arrow {
    margin-left: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555; }
    .iti__arrow--up {
      border-top: none;
      border-bottom: 4px solid #555; }
  .iti__country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    background-color: white;
    border: 1px solid #CCC;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch; }
    .iti__country-list--dropup {
      bottom: 100%;
      margin-bottom: -1px; }
    @media (max-width: 500px) {
      .iti__country-list {
        white-space: normal; } }
  .iti__flag-box {
    display: inline-block;
    width: 20px; }
  .iti__divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #CCC; }
  .iti__country {
    padding: 5px 10px;
    outline: none; }
  .iti__dial-code {
    color: #999; }
  .iti__country.iti__highlight {
    background-color: rgba(0, 0, 0, 0.05); }
  .iti__flag-box, .iti__country-name, .iti__dial-code {
    vertical-align: middle; }
  .iti__flag-box, .iti__country-name {
    margin-right: 6px; }
  .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
    padding-right: 6px;
    padding-left: 74px;
    margin-left: 0; }
  .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    right: auto;
    left: 0; }
  .iti--allow-dropdown .iti__flag-container:hover {
    cursor: pointer; }
    .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
      background-color: rgba(0, 0, 0, 0.05); }
  .iti--allow-dropdown input[disabled] + .iti__flag-container:hover,
  .iti--allow-dropdown input[readonly] + .iti__flag-container:hover {
    cursor: default; }
    .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag,
    .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag {
      background-color: transparent; }
  /*.iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05); }*/
  .iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px; }
  .iti--container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px; }
    .iti--container:hover {
      cursor: pointer; }

.iti-mobile .iti--container {
  top: 30px;
  bottom: 30px;
  left: 30px;
  right: 30px;
  position: fixed; }

.iti-mobile .iti__country-list {
  max-height: 100%;
  width: 100%; }

.iti-mobile .iti__country {
  padding: 10px 10px;
  line-height: 1.5em; }

.iti__flag {
  width: 20px; }
  .iti__flag.iti__be {
    width: 18px; }
  .iti__flag.iti__ch {
    width: 15px; }
  .iti__flag.iti__mc {
    width: 19px; }
  .iti__flag.iti__ne {
    width: 18px; }
  .iti__flag.iti__np {
    width: 13px; }
  .iti__flag.iti__va {
    width: 15px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
      background-size: 5652px 15px; } }
  .iti__flag.iti__ac {
    height: 10px;
    background-position: 0px 0px; }
  .iti__flag.iti__ad {
    height: 14px;
    background-position: -22px 0px; }
  .iti__flag.iti__ae {
    height: 10px;
    background-position: -44px 0px; }
  .iti__flag.iti__af {
    height: 14px;
    background-position: -66px 0px; }
  .iti__flag.iti__ag {
    height: 14px;
    background-position: -88px 0px; }
  .iti__flag.iti__ai {
    height: 10px;
    background-position: -110px 0px; }
  .iti__flag.iti__al {
    height: 15px;
    background-position: -132px 0px; }
  .iti__flag.iti__am {
    height: 10px;
    background-position: -154px 0px; }
  .iti__flag.iti__ao {
    height: 14px;
    background-position: -176px 0px; }
  .iti__flag.iti__aq {
    height: 14px;
    background-position: -198px 0px; }
  .iti__flag.iti__ar {
    height: 13px;
    background-position: -220px 0px; }
  .iti__flag.iti__as {
    height: 10px;
    background-position: -242px 0px; }
  .iti__flag.iti__at {
    height: 14px;
    background-position: -264px 0px; }
  .iti__flag.iti__au {
    height: 10px;
    background-position: -286px 0px; }
  .iti__flag.iti__aw {
    height: 14px;
    background-position: -308px 0px; }
  .iti__flag.iti__ax {
    height: 13px;
    background-position: -330px 0px; }
  .iti__flag.iti__az {
    height: 10px;
    background-position: -352px 0px; }
  .iti__flag.iti__ba {
    height: 10px;
    background-position: -374px 0px; }
  .iti__flag.iti__bb {
    height: 14px;
    background-position: -396px 0px; }
  .iti__flag.iti__bd {
    height: 12px;
    background-position: -418px 0px; }
  .iti__flag.iti__be {
    height: 15px;
    background-position: -440px 0px; }
  .iti__flag.iti__bf {
    height: 14px;
    background-position: -460px 0px; }
  .iti__flag.iti__bg {
    height: 12px;
    background-position: -482px 0px; }
  .iti__flag.iti__bh {
    height: 12px;
    background-position: -504px 0px; }
  .iti__flag.iti__bi {
    height: 12px;
    background-position: -526px 0px; }
  .iti__flag.iti__bj {
    height: 14px;
    background-position: -548px 0px; }
  .iti__flag.iti__bl {
    height: 14px;
    background-position: -570px 0px; }
  .iti__flag.iti__bm {
    height: 10px;
    background-position: -592px 0px; }
  .iti__flag.iti__bn {
    height: 10px;
    background-position: -614px 0px; }
  .iti__flag.iti__bo {
    height: 14px;
    background-position: -636px 0px; }
  .iti__flag.iti__bq {
    height: 14px;
    background-position: -658px 0px; }
  .iti__flag.iti__br {
    height: 14px;
    background-position: -680px 0px; }
  .iti__flag.iti__bs {
    height: 10px;
    background-position: -702px 0px; }
  .iti__flag.iti__bt {
    height: 14px;
    background-position: -724px 0px; }
  .iti__flag.iti__bv {
    height: 15px;
    background-position: -746px 0px; }
  .iti__flag.iti__bw {
    height: 14px;
    background-position: -768px 0px; }
  .iti__flag.iti__by {
    height: 10px;
    background-position: -790px 0px; }
  .iti__flag.iti__bz {
    height: 14px;
    background-position: -812px 0px; }
  .iti__flag.iti__ca {
    height: 10px;
    background-position: -834px 0px; }
  .iti__flag.iti__cc {
    height: 10px;
    background-position: -856px 0px; }
  .iti__flag.iti__cd {
    height: 15px;
    background-position: -878px 0px; }
  .iti__flag.iti__cf {
    height: 14px;
    background-position: -900px 0px; }
  .iti__flag.iti__cg {
    height: 14px;
    background-position: -922px 0px; }
  .iti__flag.iti__ch {
    height: 15px;
    background-position: -944px 0px; }
  .iti__flag.iti__ci {
    height: 14px;
    background-position: -961px 0px; }
  .iti__flag.iti__ck {
    height: 10px;
    background-position: -983px 0px; }
  .iti__flag.iti__cl {
    height: 14px;
    background-position: -1005px 0px; }
  .iti__flag.iti__cm {
    height: 14px;
    background-position: -1027px 0px; }
  .iti__flag.iti__cn {
    height: 14px;
    background-position: -1049px 0px; }
  .iti__flag.iti__co {
    height: 14px;
    background-position: -1071px 0px; }
  .iti__flag.iti__cp {
    height: 14px;
    background-position: -1093px 0px; }
  .iti__flag.iti__cr {
    height: 12px;
    background-position: -1115px 0px; }
  .iti__flag.iti__cu {
    height: 10px;
    background-position: -1137px 0px; }
  .iti__flag.iti__cv {
    height: 12px;
    background-position: -1159px 0px; }
  .iti__flag.iti__cw {
    height: 14px;
    background-position: -1181px 0px; }
  .iti__flag.iti__cx {
    height: 10px;
    background-position: -1203px 0px; }
  .iti__flag.iti__cy {
    height: 14px;
    background-position: -1225px 0px; }
  .iti__flag.iti__cz {
    height: 14px;
    background-position: -1247px 0px; }
  .iti__flag.iti__de {
    height: 12px;
    background-position: -1269px 0px; }
  .iti__flag.iti__dg {
    height: 10px;
    background-position: -1291px 0px; }
  .iti__flag.iti__dj {
    height: 14px;
    background-position: -1313px 0px; }
  .iti__flag.iti__dk {
    height: 15px;
    background-position: -1335px 0px; }
  .iti__flag.iti__dm {
    height: 10px;
    background-position: -1357px 0px; }
  .iti__flag.iti__do {
    height: 14px;
    background-position: -1379px 0px; }
  .iti__flag.iti__dz {
    height: 14px;
    background-position: -1401px 0px; }
  .iti__flag.iti__ea {
    height: 14px;
    background-position: -1423px 0px; }
  .iti__flag.iti__ec {
    height: 14px;
    background-position: -1445px 0px; }
  .iti__flag.iti__ee {
    height: 13px;
    background-position: -1467px 0px; }
  .iti__flag.iti__eg {
    height: 14px;
    background-position: -1489px 0px; }
  .iti__flag.iti__eh {
    height: 10px;
    background-position: -1511px 0px; }
  .iti__flag.iti__er {
    height: 10px;
    background-position: -1533px 0px; }
  .iti__flag.iti__es {
    height: 14px;
    background-position: -1555px 0px; }
  .iti__flag.iti__et {
    height: 10px;
    background-position: -1577px 0px; }
  .iti__flag.iti__eu {
    height: 14px;
    background-position: -1599px 0px; }
  .iti__flag.iti__fi {
    height: 12px;
    background-position: -1621px 0px; }
  .iti__flag.iti__fj {
    height: 10px;
    background-position: -1643px 0px; }
  .iti__flag.iti__fk {
    height: 10px;
    background-position: -1665px 0px; }
  .iti__flag.iti__fm {
    height: 11px;
    background-position: -1687px 0px; }
  .iti__flag.iti__fo {
    height: 15px;
    background-position: -1709px 0px; }
  .iti__flag.iti__fr {
    height: 14px;
    background-position: -1731px 0px; }
  .iti__flag.iti__ga {
    height: 15px;
    background-position: -1753px 0px; }
  .iti__flag.iti__gb {
    height: 10px;
    background-position: -1775px 0px; }
  .iti__flag.iti__gd {
    height: 12px;
    background-position: -1797px 0px; }
  .iti__flag.iti__ge {
    height: 14px;
    background-position: -1819px 0px; }
  .iti__flag.iti__gf {
    height: 14px;
    background-position: -1841px 0px; }
  .iti__flag.iti__gg {
    height: 14px;
    background-position: -1863px 0px; }
  .iti__flag.iti__gh {
    height: 14px;
    background-position: -1885px 0px; }
  .iti__flag.iti__gi {
    height: 10px;
    background-position: -1907px 0px; }
  .iti__flag.iti__gl {
    height: 14px;
    background-position: -1929px 0px; }
  .iti__flag.iti__gm {
    height: 14px;
    background-position: -1951px 0px; }
  .iti__flag.iti__gn {
    height: 14px;
    background-position: -1973px 0px; }
  .iti__flag.iti__gp {
    height: 14px;
    background-position: -1995px 0px; }
  .iti__flag.iti__gq {
    height: 14px;
    background-position: -2017px 0px; }
  .iti__flag.iti__gr {
    height: 14px;
    background-position: -2039px 0px; }
  .iti__flag.iti__gs {
    height: 10px;
    background-position: -2061px 0px; }
  .iti__flag.iti__gt {
    height: 13px;
    background-position: -2083px 0px; }
  .iti__flag.iti__gu {
    height: 11px;
    background-position: -2105px 0px; }
  .iti__flag.iti__gw {
    height: 10px;
    background-position: -2127px 0px; }
  .iti__flag.iti__gy {
    height: 12px;
    background-position: -2149px 0px; }
  .iti__flag.iti__hk {
    height: 14px;
    background-position: -2171px 0px; }
  .iti__flag.iti__hm {
    height: 10px;
    background-position: -2193px 0px; }
  .iti__flag.iti__hn {
    height: 10px;
    background-position: -2215px 0px; }
  .iti__flag.iti__hr {
    height: 10px;
    background-position: -2237px 0px; }
  .iti__flag.iti__ht {
    height: 12px;
    background-position: -2259px 0px; }
  .iti__flag.iti__hu {
    height: 10px;
    background-position: -2281px 0px; }
  .iti__flag.iti__ic {
    height: 14px;
    background-position: -2303px 0px; }
  .iti__flag.iti__id {
    height: 14px;
    background-position: -2325px 0px; }
  .iti__flag.iti__ie {
    height: 10px;
    background-position: -2347px 0px; }
  .iti__flag.iti__il {
    height: 15px;
    background-position: -2369px 0px; }
  .iti__flag.iti__im {
    height: 10px;
    background-position: -2391px 0px; }
  .iti__flag.iti__in {
    height: 14px;
    background-position: -2413px 0px; }
  .iti__flag.iti__io {
    height: 10px;
    background-position: -2435px 0px; }
  .iti__flag.iti__iq {
    height: 14px;
    background-position: -2457px 0px; }
  .iti__flag.iti__ir {
    height: 12px;
    background-position: -2479px 0px; }
  .iti__flag.iti__is {
    height: 15px;
    background-position: -2501px 0px; }
  .iti__flag.iti__it {
    height: 14px;
    background-position: -2523px 0px; }
  .iti__flag.iti__je {
    height: 12px;
    background-position: -2545px 0px; }
  .iti__flag.iti__jm {
    height: 10px;
    background-position: -2567px 0px; }
  .iti__flag.iti__jo {
    height: 10px;
    background-position: -2589px 0px; }
  .iti__flag.iti__jp {
    height: 14px;
    background-position: -2611px 0px; }
  .iti__flag.iti__ke {
    height: 14px;
    background-position: -2633px 0px; }
  .iti__flag.iti__kg {
    height: 12px;
    background-position: -2655px 0px; }
  .iti__flag.iti__kh {
    height: 13px;
    background-position: -2677px 0px; }
  .iti__flag.iti__ki {
    height: 10px;
    background-position: -2699px 0px; }
  .iti__flag.iti__km {
    height: 12px;
    background-position: -2721px 0px; }
  .iti__flag.iti__kn {
    height: 14px;
    background-position: -2743px 0px; }
  .iti__flag.iti__kp {
    height: 10px;
    background-position: -2765px 0px; }
  .iti__flag.iti__kr {
    height: 14px;
    background-position: -2787px 0px; }
  .iti__flag.iti__kw {
    height: 10px;
    background-position: -2809px 0px; }
  .iti__flag.iti__ky {
    height: 10px;
    background-position: -2831px 0px; }
  .iti__flag.iti__kz {
    height: 10px;
    background-position: -2853px 0px; }
  .iti__flag.iti__la {
    height: 14px;
    background-position: -2875px 0px; }
  .iti__flag.iti__lb {
    height: 14px;
    background-position: -2897px 0px; }
  .iti__flag.iti__lc {
    height: 10px;
    background-position: -2919px 0px; }
  .iti__flag.iti__li {
    height: 12px;
    background-position: -2941px 0px; }
  .iti__flag.iti__lk {
    height: 10px;
    background-position: -2963px 0px; }
  .iti__flag.iti__lr {
    height: 11px;
    background-position: -2985px 0px; }
  .iti__flag.iti__ls {
    height: 14px;
    background-position: -3007px 0px; }
  .iti__flag.iti__lt {
    height: 12px;
    background-position: -3029px 0px; }
  .iti__flag.iti__lu {
    height: 12px;
    background-position: -3051px 0px; }
  .iti__flag.iti__lv {
    height: 10px;
    background-position: -3073px 0px; }
  .iti__flag.iti__ly {
    height: 10px;
    background-position: -3095px 0px; }
  .iti__flag.iti__ma {
    height: 14px;
    background-position: -3117px 0px; }
  .iti__flag.iti__mc {
    height: 15px;
    background-position: -3139px 0px; }
  .iti__flag.iti__md {
    height: 10px;
    background-position: -3160px 0px; }
  .iti__flag.iti__me {
    height: 10px;
    background-position: -3182px 0px; }
  .iti__flag.iti__mf {
    height: 14px;
    background-position: -3204px 0px; }
  .iti__flag.iti__mg {
    height: 14px;
    background-position: -3226px 0px; }
  .iti__flag.iti__mh {
    height: 11px;
    background-position: -3248px 0px; }
  .iti__flag.iti__mk {
    height: 10px;
    background-position: -3270px 0px; }
  .iti__flag.iti__ml {
    height: 14px;
    background-position: -3292px 0px; }
  .iti__flag.iti__mm {
    height: 14px;
    background-position: -3314px 0px; }
  .iti__flag.iti__mn {
    height: 10px;
    background-position: -3336px 0px; }
  .iti__flag.iti__mo {
    height: 14px;
    background-position: -3358px 0px; }
  .iti__flag.iti__mp {
    height: 10px;
    background-position: -3380px 0px; }
  .iti__flag.iti__mq {
    height: 14px;
    background-position: -3402px 0px; }
  .iti__flag.iti__mr {
    height: 14px;
    background-position: -3424px 0px; }
  .iti__flag.iti__ms {
    height: 10px;
    background-position: -3446px 0px; }
  .iti__flag.iti__mt {
    height: 14px;
    background-position: -3468px 0px; }
  .iti__flag.iti__mu {
    height: 14px;
    background-position: -3490px 0px; }
  .iti__flag.iti__mv {
    height: 14px;
    background-position: -3512px 0px; }
  .iti__flag.iti__mw {
    height: 14px;
    background-position: -3534px 0px; }
  .iti__flag.iti__mx {
    height: 12px;
    background-position: -3556px 0px; }
  .iti__flag.iti__my {
    height: 10px;
    background-position: -3578px 0px; }
  .iti__flag.iti__mz {
    height: 14px;
    background-position: -3600px 0px; }
  .iti__flag.iti__na {
    height: 14px;
    background-position: -3622px 0px; }
  .iti__flag.iti__nc {
    height: 10px;
    background-position: -3644px 0px; }
  .iti__flag.iti__ne {
    height: 15px;
    background-position: -3666px 0px; }
  .iti__flag.iti__nf {
    height: 10px;
    background-position: -3686px 0px; }
  .iti__flag.iti__ng {
    height: 10px;
    background-position: -3708px 0px; }
  .iti__flag.iti__ni {
    height: 12px;
    background-position: -3730px 0px; }
  .iti__flag.iti__nl {
    height: 14px;
    background-position: -3752px 0px; }
  .iti__flag.iti__no {
    height: 15px;
    background-position: -3774px 0px; }
  .iti__flag.iti__np {
    height: 15px;
    background-position: -3796px 0px; }
  .iti__flag.iti__nr {
    height: 10px;
    background-position: -3811px 0px; }
  .iti__flag.iti__nu {
    height: 10px;
    background-position: -3833px 0px; }
  .iti__flag.iti__nz {
    height: 10px;
    background-position: -3855px 0px; }
  .iti__flag.iti__om {
    height: 10px;
    background-position: -3877px 0px; }
  .iti__flag.iti__pa {
    height: 14px;
    background-position: -3899px 0px; }
  .iti__flag.iti__pe {
    height: 14px;
    background-position: -3921px 0px; }
  .iti__flag.iti__pf {
    height: 14px;
    background-position: -3943px 0px; }
  .iti__flag.iti__pg {
    height: 15px;
    background-position: -3965px 0px; }
  .iti__flag.iti__ph {
    height: 10px;
    background-position: -3987px 0px; }
  .iti__flag.iti__pk {
    height: 14px;
    background-position: -4009px 0px; }
  .iti__flag.iti__pl {
    height: 13px;
    background-position: -4031px 0px; }
  .iti__flag.iti__pm {
    height: 14px;
    background-position: -4053px 0px; }
  .iti__flag.iti__pn {
    height: 10px;
    background-position: -4075px 0px; }
  .iti__flag.iti__pr {
    height: 14px;
    background-position: -4097px 0px; }
  .iti__flag.iti__ps {
    height: 10px;
    background-position: -4119px 0px; }
  .iti__flag.iti__pt {
    height: 14px;
    background-position: -4141px 0px; }
  .iti__flag.iti__pw {
    height: 13px;
    background-position: -4163px 0px; }
  .iti__flag.iti__py {
    height: 11px;
    background-position: -4185px 0px; }
  .iti__flag.iti__qa {
    height: 8px;
    background-position: -4207px 0px; }
  .iti__flag.iti__re {
    height: 14px;
    background-position: -4229px 0px; }
  .iti__flag.iti__ro {
    height: 14px;
    background-position: -4251px 0px; }
  .iti__flag.iti__rs {
    height: 14px;
    background-position: -4273px 0px; }
  .iti__flag.iti__ru {
    height: 14px;
    background-position: -4295px 0px; }
  .iti__flag.iti__rw {
    height: 14px;
    background-position: -4317px 0px; }
  .iti__flag.iti__sa {
    height: 14px;
    background-position: -4339px 0px; }
  .iti__flag.iti__sb {
    height: 10px;
    background-position: -4361px 0px; }
  .iti__flag.iti__sc {
    height: 10px;
    background-position: -4383px 0px; }
  .iti__flag.iti__sd {
    height: 10px;
    background-position: -4405px 0px; }
  .iti__flag.iti__se {
    height: 13px;
    background-position: -4427px 0px; }
  .iti__flag.iti__sg {
    height: 14px;
    background-position: -4449px 0px; }
  .iti__flag.iti__sh {
    height: 10px;
    background-position: -4471px 0px; }
  .iti__flag.iti__si {
    height: 10px;
    background-position: -4493px 0px; }
  .iti__flag.iti__sj {
    height: 15px;
    background-position: -4515px 0px; }
  .iti__flag.iti__sk {
    height: 14px;
    background-position: -4537px 0px; }
  .iti__flag.iti__sl {
    height: 14px;
    background-position: -4559px 0px; }
  .iti__flag.iti__sm {
    height: 15px;
    background-position: -4581px 0px; }
  .iti__flag.iti__sn {
    height: 14px;
    background-position: -4603px 0px; }
  .iti__flag.iti__so {
    height: 14px;
    background-position: -4625px 0px; }
  .iti__flag.iti__sr {
    height: 14px;
    background-position: -4647px 0px; }
  .iti__flag.iti__ss {
    height: 10px;
    background-position: -4669px 0px; }
  .iti__flag.iti__st {
    height: 10px;
    background-position: -4691px 0px; }
  .iti__flag.iti__sv {
    height: 12px;
    background-position: -4713px 0px; }
  .iti__flag.iti__sx {
    height: 14px;
    background-position: -4735px 0px; }
  .iti__flag.iti__sy {
    height: 14px;
    background-position: -4757px 0px; }
  .iti__flag.iti__sz {
    height: 14px;
    background-position: -4779px 0px; }
  .iti__flag.iti__ta {
    height: 10px;
    background-position: -4801px 0px; }
  .iti__flag.iti__tc {
    height: 10px;
    background-position: -4823px 0px; }
  .iti__flag.iti__td {
    height: 14px;
    background-position: -4845px 0px; }
  .iti__flag.iti__tf {
    height: 14px;
    background-position: -4867px 0px; }
  .iti__flag.iti__tg {
    height: 13px;
    background-position: -4889px 0px; }
  .iti__flag.iti__th {
    height: 14px;
    background-position: -4911px 0px; }
  .iti__flag.iti__tj {
    height: 10px;
    background-position: -4933px 0px; }
  .iti__flag.iti__tk {
    height: 10px;
    background-position: -4955px 0px; }
  .iti__flag.iti__tl {
    height: 10px;
    background-position: -4977px 0px; }
  .iti__flag.iti__tm {
    height: 14px;
    background-position: -4999px 0px; }
  .iti__flag.iti__tn {
    height: 14px;
    background-position: -5021px 0px; }
  .iti__flag.iti__to {
    height: 10px;
    background-position: -5043px 0px; }
  .iti__flag.iti__tr {
    height: 14px;
    background-position: -5065px 0px; }
  .iti__flag.iti__tt {
    height: 12px;
    background-position: -5087px 0px; }
  .iti__flag.iti__tv {
    height: 10px;
    background-position: -5109px 0px; }
  .iti__flag.iti__tw {
    height: 14px;
    background-position: -5131px 0px; }
  .iti__flag.iti__tz {
    height: 14px;
    background-position: -5153px 0px; }
  .iti__flag.iti__ua {
    height: 14px;
    background-position: -5175px 0px; }
  .iti__flag.iti__ug {
    height: 14px;
    background-position: -5197px 0px; }
  .iti__flag.iti__um {
    height: 11px;
    background-position: -5219px 0px; }
  .iti__flag.iti__un {
    height: 14px;
    background-position: -5241px 0px; }
  .iti__flag.iti__us {
    height: 11px;
    background-position: -5263px 0px; }
  .iti__flag.iti__uy {
    height: 14px;
    background-position: -5285px 0px; }
  .iti__flag.iti__uz {
    height: 10px;
    background-position: -5307px 0px; }
  .iti__flag.iti__va {
    height: 15px;
    background-position: -5329px 0px; }
  .iti__flag.iti__vc {
    height: 14px;
    background-position: -5346px 0px; }
  .iti__flag.iti__ve {
    height: 14px;
    background-position: -5368px 0px; }
  .iti__flag.iti__vg {
    height: 10px;
    background-position: -5390px 0px; }
  .iti__flag.iti__vi {
    height: 14px;
    background-position: -5412px 0px; }
  .iti__flag.iti__vn {
    height: 14px;
    background-position: -5434px 0px; }
  .iti__flag.iti__vu {
    height: 12px;
    background-position: -5456px 0px; }
  .iti__flag.iti__wf {
    height: 14px;
    background-position: -5478px 0px; }
  .iti__flag.iti__ws {
    height: 10px;
    background-position: -5500px 0px; }
  .iti__flag.iti__xk {
    height: 15px;
    background-position: -5522px 0px; }
  .iti__flag.iti__ye {
    height: 14px;
    background-position: -5544px 0px; }
  .iti__flag.iti__yt {
    height: 14px;
    background-position: -5566px 0px; }
  .iti__flag.iti__za {
    height: 14px;
    background-position: -5588px 0px; }
  .iti__flag.iti__zm {
    height: 14px;
    background-position: -5610px 0px; }
  .iti__flag.iti__zw {
    height: 10px;
    background-position: -5632px 0px; }

.iti__flag {
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("https://shop.sandisk.com/content/dam/sandisk/en-us/portal-assets/icons/countryFlags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
      background-image: url("https://shop.sandisk.com/content/dam/sandisk/en-us/portal-assets/icons/countryFlags.png"); } }

.iti__flag.iti__np {
  background-color: transparent; }


.addressListForPh .formatterWrap .phoneFlag{
  margin-left: 0;
}

.phone-error-msg{
  display:none;
}

.phone-error-msg:before {
    content: "";
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23DF001F'%20width='20px'%20height='20px'%3E%3Cpath%20d='M0%200h24v24H0z'%20fill='none'/%3E%3Cpath%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm1%2015h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E")no-repeat 98% center;
    position: absolute;
    z-index: 0;
    right: 1rem;
    padding: .625rem;
    top: .9rem;
}


#error-msg:before {
    content: "";
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23AA5D00'%20width='20px'%20height='20px'%3E%3Cpath%20d='M0%200h24v24H0z'%20fill='none'/%3E%3Cpath%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm1%2015h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E") no-repeat 98% center;
    position: absolute;
    z-index: 0;
    right: 1rem;
    padding: .625rem;
    top: .9rem;
}

/*---Paypal CSS Start ---*/
#paypal-cart-logo-container .paypal-marks .paypal-mark{
       border: none;
       background: none;
       margin: 0;
       padding: 0 4px;
       display: flex;
       align-items: center;
}
#paypal-cart-logo-container .paypal-marks .paypal-mark img {
    height: 22px!important;
    background: transparent !important;
}
#paypal-cart-marks-container .paypal-marks {
    display: flex;
}
#paypal-cart-marks-container .paypal-marks .paypal-mark{
 border:none;
 background: none;
 margin: 0;
 padding: 0 4px;
 /*width: 3.5rem;*/
 display:flex;
 align-items: center;
}
/*.paypal-mark img {
 height: auto !important;
}*/
#paypal-cart-marks-container .paypal-marks .paypal-mark .paypal-logo-sofort{
width: 62px;
}

#paypal-marks-container .paypal-mark, .radio-button-mark-logo .paypal-mark{
  border:none;
  background: none;
  padding: 0 3px;
  margin: 0;
}
#paypal-marks-container .paypal-mark .paypal-logo-sofort{
  width:48px;
}
#paypal-marks-container .paypal-mark img{
  height:15px;
}
.loadingGear{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background-color: #ffffff;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #ffffff;
    opacity: .9;
}
.loadingGearImage{
    content: "";
    border: 5px solid #fff;
    border-radius: 50%;
    border: 5px solid #333;
    border-top-color: #454545;
    border-left-color: #565656;
    border-bottom-color: transparent;
    width: 55px;
    height: 55px;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    z-index: 999;
}

/* The container */
.customRadioBox {
  display: block;
  position: relative;
  padding-right: 32px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.customRadioBox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.customRadioBox .checkmark {
  position: absolute;
  top: 4px;
  right: 4px;
  left: unset;
  height: 16px;
  width: 16px;
  background-color: #eee;
  border-radius:50%;
}

/* On mouse-over, add a grey background color */
.customRadioBox:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.customRadioBox input:checked ~ .checkmark {
  background-color: #0377BD;
}

/* Create the checkmark/indicator (hidden when not checked) */
.customRadioBox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.customRadioBox input:checked ~ .checkmark:after {
  display: block;
}
 .customRadioBox  .activeBox{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border: 1px solid #ccc;
   background: #63636312;
 }
  .customRadioBox input:checked ~  .activeBox{
     border: 1px solid #0377BD;
     background: none;
     box-shadow: 0px 1px 4px 1px rgb(47 47 47 / 20%);

  }
/* Style the checkmark/indicator */
.customRadioBox .checkmark:after {
  left: 4px;
    top: 2px;
    width: 5px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* --- Paypal CSS END--*/
.quick-order__list .js-li-container{
	border-bottom: 1px solid #e1e1e1;
}
.mini-cart-list li:nth-child(odd) {
    border-bottom-width: 1px;
    border-color: #7f7f7f;
}

.saved__carts__overview--table .smallDeviceWrap:nth-child(even) {
    background: #f2f3f3;
}

.replenishmentOrderHistory table tr:nth-child(even),.failedHistoryTable table tr:nth-child(even),.replenishment-overview-table table tr:nth-child(even),.savedCartDetailsPageTable tr:nth-child(even),  .saved__carts__overview--table table tr:nth-child(even) {
    background: #F9F7F6;
    border: 1px solid #e1e1e1;
    text-align: center;
}
.replenishmentOrderHistory table tr:nth-child(odd),.failedHistoryTable table tr:nth-child(odd),.replenishment-overview-table table tr:nth-child(odd),.savedCartDetailsPageTable tr:nth-child(odd), .saved__carts__overview--table table tr:nth-child(odd) {
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    text-align: center;
}
.replenishmentOrderHistory table tr:last-child,.failedHistoryTable table tr:last-child,.replenishment-overview-table table tr:last-child,.savedCartDetailsPageTable tr:last-child, .saved__carts__overview--table table tr:last-child {
    border-bottom: 1px solid #e1e1e1;
}
.replenishmentOrderHistory table tr:first-child,.failedHistoryTable table tr:first-child,.replenishment-overview-table table tr:first-child,.savedCartDetailsPageTable tr:first-child, .saved__carts__overview--table table tr:first-child {
    border-top: 1px solid #e1e1e1;
}
.savedCartDetailsPageTable tr{
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px solid #e1e1e1 !important;
}
.savedCartDetailsPageTable tr:last-child{
    border-bottom: none !important;
}

@media (max-width: 767px) {
    .replenishment-overview-table table thead,.saved__carts__overview--table table thead, .savedCartDetailsPage{
      display: none;
    }
}
/*--- Start New Header Style --*/
.flexNowrap{
flex-wrap:nowrap;
padding-left:20px;
padding-right:20px;
}
.mm-menu_offcanvas {
width: 100%;
top: 50px;
z-index: 100;
}
.mm-panels > .mm-panel > .mm-listview{
width: auto;
}
.mm-navbar,
.mm-panel {
background-color: white;
}
.mm-listitem__btn:not(.mm-listitem__text),
.mm-listitem:after   {
border: 0;
}
.mm-listitem a{
color:#000000;
}
.mm-btn:after, .mm-btn:before{
border-color: #000000;
}
.mm-listitem__btn, .mm-listitem__text{
display:flex;
}
.mm-menu a, .mm-menu a:active, .mm-menu a:hover, .mm-menu a:link, .mm-menu a:visited {
color: #000000;
font-weight: 400;
}
.mm-navbar{
text-align:left;
}
.mm-panel_has-navbar .mm-navbar {
display: flex;
align-items: center;
padding: 0 48px;
background-color:#F2F3F3;
border: 0;
}
.mm-listitem__text {
padding-left: 48px;
}
#mm-2{
padding-top:0;
}
#mm-2 .mm-listitem__text{
padding-left: 16px;
padding-right: 16px;
}
#mm-2 > .mm-navbar{
display:none;
}
.mm-listitem.nav-brand-logo {
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
margin: 0 16px;
}

.header .searchbutton {
top: 5px;
}
.header .search {
height: 37px;
}
.hamburger-menu .bar, .hamburger-menu .bar:after, .hamburger-menu .bar:before {
width: 17px;
height: 2px;
}
.hamburger-menu .bar:after {
top: 6px;
}
.hamburger-menu .bar:before {
bottom: 6px;
}
.title-style-blue-l-border {
border-color: #0074f3;
font-size: 1.125rem;
padding-left: .5rem;
border-left-width: 4px;
font-weight: 700;
line-height: 1.1;
margin-left: 0;
}
@media (max-width: 991px) {
.template-pages-CheckoutLoginPageTemplate .rd-mobile-account-icon {
    right: 3px !important;
}
.cvvhelp .helperTxt{
 left:-40px !important;
}
.cvvhelp .helperTxt div:nth-child(2){
  left: 49px !important;
}
.page-cartPage .eoriAlert .alert-warning{
   width: 100% !important;
}
.tierBenefits table,.pointsActivity table{
    word-break: unset;
}
.tierBenefits table,.pointsActivity table {
    display: block;
    height: 100%;
    border-collapse: collapse;
    width: 100%;
    margin: 0;
    font-size: 16px;
    white-space: wrap;
    overflow-x: auto;
    overflow-y: auto;
}
.tierBenefits tr th:first-child,.pointsActivity  tr th:first-child {
    position: sticky;
    width: 200px;
    left: 0;
    background: #ffffff;
    text-align: left;
    padding-left:20px;
}
.tierBenefits thead>tr,.pointsActivity thead>tr {
    position: relative;
}
.tierBenefits thead th,.pointsActivity thead th {
    position: sticky;
    top: 0;
    width: 288px;
    border-bottom: 1px solid #bbb;
}
.tierBenefits td{
    padding:16px 16px 16px 18px;
}
/*.tierBenefits th{
    padding:16px 0;
}*/
.pointsActivity th ,.pointsActivity td{
    padding:16px 16px 16px 0;
}
.tierBenefits td,.pointsActivity td{
    min-width:118px;
}
.thFreezeWidth{
    /*display:block;*/
    width:223px;
}
#pointsActivityTable .thFreezeWidth{
 width:198px;
}
.noOptIntierBenefits tr th:first-child{
    background: #f2f3f3;
}
#cardDetailsInfoList{
    height:56px;
}
.gradientBG{
    width:18px !important;
    background-image: linear-gradient(to top, transparent 0%, black 228%);
    /*top: 140px;*/
}
.returnStatusWrap .gradientBG{
    /*top: 98px;*/
}

.consigmentTop .gradientBG{
/*top: 116px;*/
}
.consigmentTop .customML{
margin-left: 0;
}

.border-top-18{
border-top-width: 0px;
}
.border-left-18{
border-left-width: 19px;
}
.blueOutline{
outline: #e10600 solid 1.5px  !important;
margin-top: -7px !important;
margin-left: -18px !important;
left:0 !important;
}
.curentStatus{
margin-top: -7px !important;
margin-left: -17px !important;
outline: #e10600 solid 1.5px !important;
left:0 !important;
}
.greyDot{
margin-top: -7px !important;
margin-left: -17px !important;
outline: #6a6a6a solid 0.1px !important;
}
.greyDotLast{
margin-top: -3px !important;
margin-left: 9px !important;
}
.greyDotLastOutline{
outline: #6a6a6a solid 0.1px;
}
.border-left-18 p{
margin-left: -6px;
}
.carousel .slider.promo-carousel .slick-prev {
display:none !important;
}
.carousel .slider.promo-carousel .slick-next {
display:none !important;
}
.header .searchbutton {
top: 9px;
}
.header .search {
height: 39px;
}
.title-style-blue-l-border{
font-size:1rem;
}
.openLoginFlyout{
padding-right:15px;
}
.mobSearch{
right: 86px;
}
.newCardWD  {
top:-32px;
right:20px;
}
}
.newCardWD .carticon{
margin-right:0 !important;
}
.newCardWD .newCartIcon{
display:block;
}
.newCardWD .oldCartIcon{
display:none;
}
.middleMenu li, .middleMenuActiveBorder{
border-right:none;
border-left:none;
}
.middleMenu li:hover, .middleMenuActiveBorder{
border:none;
border-bottom: 4px solid  #0074f3;
color: #0074f3;
}
.productNavWrapper > .container > .responsive-columns-flexbox {
border-top: none;
}
.mobile-nav.show nav, .header .mobile-nav.show:before {
top: 50px !important;
}
.carousel .slider.promo-carousel .slick-prev {
content: "";
background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='10'%20viewBox='0%200%2013%208'%20fill='none'%3E%3Cpath%20d='M12%201L6.5%206L1%201'%20stroke='%23000000'%20stroke-width='2'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center center;
margin-right: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
top: 0;
left: -30px;
opacity: 1;
}
.carousel .slider.promo-carousel .slick-next {
content: "";
background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='10'%20viewBox='0%200%2013%208'%20fill='none'%3E%3Cpath%20d='M12%201L6.5%206L1%201'%20stroke='%23000000'%20stroke-width='2'/%3E%3C/svg%3E");
background-repeat: no-repeat;
margin-right: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
top: 0;
right: -30px;
background-position: center center;
opacity: 1;
}

.slidingDiv  {
    height: .25rem;
    width: 0%;
    margin: 0;
    background: #1377BD;
    border: none;
    transition: .2s ease-in-out;
    list-style: none;
    position: absolute;
    bottom: 0;
    z-index: -1;
}
.middleMenu li,.middleMenu li:hover, .middleMenuActiveBorder {
    border-right: none;
    border-left: none;
    border: 0;
}

.cartMobile-nav{
        display: none;
    }

.cartMobile-nav.show{
        display: block;
    }

.cartMobile-nav{
    background: #ffffff;
}
.cartMobile-nav.show:before{
    content: '';
    background: #ffffff;
    position: fixed;
    z-index: -1;
    height: 100%;
    width: 100%;
    margin-left: -16px;
}
.deviceNavView {
    width: 100%;
}

.cartHamburger-menu .bar, .cartHamburger-menu .bar:after, .cartHamburger-menu .bar:before {
    width: 17px;
    height: 2px;
}
.cartHamburger-menu .bar:after{
    top: 6px;
}
.cartHamburger-menu .bar:before{
    bottom: 6px;
}
.cartHamburger-menu .bar.animate:before {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: bottom 300ms cubic-bezier(.23,1,.32,1),-webkit-transform 300ms 300ms cubic-bezier(.23,1,.32,1);
    transition: bottom 300ms cubic-bezier(.23,1,.32,1),-webkit-transform 300ms 300ms cubic-bezier(.23,1,.32,1);
    transition: bottom 300ms cubic-bezier(.23,1,.32,1),transform 300ms 300ms cubic-bezier(.23,1,.32,1);
    transition: bottom 300ms cubic-bezier(.23,1,.32,1),transform 300ms 300ms cubic-bezier(.23,1,.32,1),-webkit-transform 300ms 300ms cubic-bezier(.23,1,.32,1);
}
.cartHamburger-menu .bar.animate:after {
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top 300ms cubic-bezier(.23,1,.32,1),-webkit-transform 300ms 300ms cubic-bezier(.23,1,.32,1);
    transition: top 300ms cubic-bezier(.23,1,.32,1),-webkit-transform 300ms 300ms cubic-bezier(.23,1,.32,1);
    transition: top 300ms cubic-bezier(.23,1,.32,1),transform 300ms 300ms cubic-bezier(.23,1,.32,1);
    transition: top 300ms cubic-bezier(.23,1,.32,1),transform 300ms 300ms cubic-bezier(.23,1,.32,1),-webkit-transform 300ms 300ms cubic-bezier(.23,1,.32,1);
}
@media (max-width : 1140px) {
    .thFreezeWidth {
        /*display:block;*/
        width: 223px;
    }
}
@media only screen and (min-width : 768px) {
	.prodRegSuccess{
        height:calc(100vh);
    }
    .page-productRegistrationPage .parentWraper .contain, .page-productRegEmailFormPage .parentWraper .contain,.page-productRegistrationReviewSummary .parentWraper .contain{
        padding: 0 128px !important;
    }
    .page-productRegistrationSuccessPage .parentWraper .contain{
        padding: 0 100px !important;
    }
    .page-productRegistrationPage .leftNavPage,.page-productRegEmailFormPage .mTop,.page-productRegistrationReviewSummary .leftNavPage{
     margin-top:170px;
    }
    .width150{
        width:150px;
        line-height: 1.2;
    }
	html[lang="el-GR"] .cusWidthTooltip .tierToolTipText, html[lang="fr-FR"] .cusWidthTooltip .tierToolTipText{
        width: 270px;
    }
    .cartMobile-nav{
        display: block;
        height: auto;
    }
    .cartMobile-nav.hide{
        opacity: 1;
        left:auto;
        display: flex;
        align-items: center;
        justify-content: end;
    }
}
/*---End of New Header Style ---*/

/* ------ Start of Date Picker ------ */
.ui-datepicker{
    background: #ffffff;
    padding: 16px;
    border: 1px solid #e1e1e1;
    width: 300px;
    display: none;
}
.ui-datepicker-calendar{
    width: 100%;
}
.ui-datepicker-title{
    text-align: center;
    border: 1px solid rgb(230, 230, 230);
    padding: 8px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.ui-datepicker-next,.ui-datepicker-prev{
    text-decoration:underline;
    cursor: pointer;
}
.ui-datepicker-next:hover,.ui-datepicker-prev:hover{
    font-weight: 400;
    color:rgb(2, 119, 189);
}

.ui-datepicker-next{
    float: right;
}
.ui-datepicker-calendar td{
    text-align: center;
}
.ui-datepicker-today{
    outline: 2px solid #e1e1e1;
}
.ui-datepicker-today:hover{
    outline: 2px solid rgb(2, 119, 189);
}

.ui-datepicker-calendar td:hover{
    outline: 2px solid rgb(2, 119, 189);
    font-weight: 400;
}

.scheduleformW,.scheduleformD{
    margin-top: 28px;
}
.scheduleform .control-label{
    margin-right: 4px;
    font-weight: 500;
}
.scheduleformD .form-group, .scheduleformW .form-group, .scheduleformM .form-group{
    display: flex;
    -webkit-box-align: center;
    align-items: center;
}
.endDatepicker .form-group{
    width: 100%;
}
/* ------ End of Date Picker ------ */
.scheduleReplenishmentButton {
    margin-top: 6px;
}


@media only screen and (max-width : 992px) {
    .scheduleReplenishmentButton{
            margin-top: 6px;
            float: right;
            margin-right:0 !important;
    }
	.b2b .profile-header-b2b .brand-logo-list svg,.b2b .mini-cart-trigger .newCartIcon svg{ fill:#fff;}
    .b2b .searchbutton svg path,.b2b .searchbutton svg line{
        stroke: #ffffff;
    }
    .infoIconTop{
        top: 17px !important;
    }
}

@media only screen and (max-width : 1200px) {
    .scheduleReplenishmentButton{
            margin-top: 10px;
            float: right;
            margin-right: 40px;
    }

}

@media only screen and (min-width : 1200px) {
    .scheduleReplenishmentButton{
            margin-top: -56px;
    }
}
.page-replenishmentConfirmationPage .order-print{
    display: none;
}
.replenishmentTooltipTxt{
    display:none;
}
.replenishmentTooltip:hover .replenishmentTooltipTxt{
    display:block
}
.scheduleform .datepicker #error_replenishmentStartDate:before,.scheduleform .endDatepicker #error_replenishmentEndDate:before{
    display: none;
}
/*---Have to enable after Backend Logic implemented---*/
/*.change-indicator{
  content:'';
  background-color:#DF001F;
  width:10px;
  height:10px;
  display: inline-block;
  border-radius: 100%;
  top: -6px;
  position: relative;
  margin-right: 2px;
    margin-left: 2px;
}*/
.b2b .profile-header-b2b:not(.login-flyout) {background: #000 !important;color: #fff;}
.b2b .profile-header-b2b .login-flyout{color: #000;}
.b2b .profile-header-b2b .openLoginFlyout{color: #fff;}
.b2b .profile-header-b2b .myAccountMenu { color: #fff;text-decoration: underline;}
.removeWordBreak{
    word-break: normal;
}
.estmatedTotal .newCartIcon>svg {
    fill: #000000 !important;
}
#trevipayCreditsApplyModal .radioCheckmark{
    top: 8px;
}

.selectReasonError {
    border: 2px solid #df001f;
}
.customColumnCss{
	overflow-y: auto;
    max-height: 350px;
}
.customColumnCss div{
  line-height: 1.5em;
  border-bottom: 1px solid #c3c3c3;
  float: left;
}
.customColumnCss div:last-child{
    border-bottom: none;
}
#customColumnCss div{
  width: 50%;
}
.disabledCheckbox.checkbox input:checked ~ .checkmark {
    color: #fff;
    background-color: #8d8d8d !important;
    border-color: #8d8d8d !important;
}

.aTag.btn-disabled {
    background: #ddd;
    border-color: #ddd;
    color: #afafaf;
    cursor: default;
}

.parent_prod{
/*border: 1px solid #7f7f7f;*/
}
.drs_prod{
border-left: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
margin-top: -18px;
border-top: 1px solid #ffffff;
}
@media (max-width: 412px) {
	.ncnr {
        width: 109% !important;
    }
    .page-cartPage .eoriAlert .alert-warning {
        width: 109% !important;
    }
	.custHorizontalScroll .checkbox.control-label {
        display: block;
        padding-left: 26px;
    }
    .custHorizontalScroll .checkbox.control-label > span{
        margin-left: 0;
    }
    #customColumnCss div {
        width: 100%;
    }
	#customColumnCss div {
		width: 100%;
	}
	.custGreenTextWidth{
        width: 140px;
    }
}
.orderStatusWrap > div:last-child {
    flex:0
}

@media(min-width : 992px) and (max-width : 1140px){
    .item__quantity,.item__total--column,.item__price{
        width:120px !important;
    }
    .purchaseDetails .ordertotItms{display:block;}
    .purchaseDetails .orderFullWidth{width: 100%}
}
#confirmreturnorderForm .helperTxt{
        transform: translateX(-75.5%);
}
#confirmreturnorderForm .tooltipArrow{
    left: 76.8px;
}
.infoIconTop{
    top: 12px;
    right: 16px;
}
/*---API: Common Header/Footer---*/
.Aem-Shared-Header-signIn.activeWeclome,.Aem-Shared-Header-my-account.activeWeclome{
     visibility: visible;
}
/*---EO API: Common Header/Footer---*/
.closeDimension{
    height: 26px;
    width: 27px;
}
.correctDimension{
    height: 11px;
    width: 27px;
    line-height: .1;
}
#wdRegisterForm .form-group.focused>input:focus ~ div, #defaultRegistrationView .form-group.focused>input:focus ~ div, #updatePwdForm .form-group.focused>input:focus ~ div, #passwordDetailsForm .form-group.focused>input:focus ~ div{
    border:none;
}
.pwdResetCustHeight{
    min-height: calc(100vh - 210px);
}
/*.strong-pass-error:before, .vatNumberErrorMsg:before, #i18nBillingAddressForm .form-group.invalidField .error-message#error_billingAddress\.phone:before,#customWdAddressForm .form-group.invalidField .error-message.postCodeErrorJp:before,#customWdAddressForm .form-group.invalidField .error-message#error_phone:before{
    content: " ";
    background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='%23DF001F'%20width='20px'%20height='20px'%3E%3Cpath%20d='M0%200h24v24H0z'%20fill='none'/%3E%3Cpath%20d='M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm1%2015h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E") no-repeat 98% center;
    position: absolute;
    z-index: 0;
    right: 1rem;
    padding: 0.625rem;
    top: -2.2rem;
}*/
/*.store-form .form-group.invalidField input {
    border: 2px solid #df001f !important;
}*/

#i18nBillingAddressForm .form-group.focused>input:focus ~ div, #customWdAddressForm .form-group.focused>input:focus ~ div{border:none};
.navActiveSubList li{
    display:block;
}
/*.hasSubNodes{
    font-weight: 500;
    color:#ED1C24;
}
.hasSubNodes:hover{
    text-decoration: underline;
}*/
.hasSubNodes + ul li a{
    font-weight: 500;
    margin-left: 32px;
    display: block;
    word-break: break-word;
    text-decoration: underline;
    text-decoration-color: #e10600;
    text-decoration-thickness: 1px;
    line-height: 1.4;
    text-underline-offset: 4px;
    color:#e10600;
}
.pagination-wrap .pagination{
    padding-left: 0px;
}
.pagination-toolbar .control-label{
    color:#363636;
	padding-right: 4px;
}

.pagination-toolbar #sortForm1 select, .pagination-toolbar #sortForm2 select{
    color:#575757;
	padding: 0 4px;
}
.page-return-order .navActiveSubList:first-of-type{
    display:none;
}
.rotateAccordionArrow{
   transform: rotate(-180deg);
   transition: all .2s;
}
.bulkOrderAccordion svg{
    transition: all .2s;
}
.selectAllOrders{
    margin-bottom: 12px !important;
}
.viewByOrder, .viewByProduct{
    padding-left: 25px !important;
}
.viewByProductTable{
    display:table !important;
}
.selectAllProds{
    margin-bottom: 0 !important;
}
.viewByProductTable td{
    vertical-align:middle !important;
}
.prodNameEllipsis{
    width: 200px;
}
/*---Fixed Table Header-----*/
.fixTableHead {
    overflow-y: auto;
    max-height: 350px;
}
.fixTableHead thead{
    background: none;
}
.fixTableHead thead th {
    position: sticky;
    top: 0;
    z-index: 10;
}
.fixTableHead table {
    border-collapse: collapse;
    width: 100%;
    white-space: nowrap;
}

.fixTableHead td {
    border-top: none;
    border-right:1px solid #e3e3e3;
}
.fixTableHead th {
    padding:0 !important;
    border-bottom:none;
    border-top: none;
}
.fixTableHead th button{
    border-bottom:1px solid #e3e3e3;
    border-right:1px solid #e3e3e3;
    padding: 4px 6px 4px 12px;
}
.insertAfterRemove td p a{
    white-space: nowrap;
    overflow: hidden;
    width: 250px;
    text-overflow: ellipsis;
}
.insertAfterRemove td p{
    width: 234px;
}
/*---End of fixed Table Header----*/
.pageReloadModalBox{
    z-index:60;
}
.sectionImgRight{
     width: 50%;
     left: auto !important;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }
 .signInImg{
      background-image: url(https://shop.sandisk.com/content/dam/sandisk/en-us/portal-assets/hybris/sandiskAssets/b2bSignIn.svg);
      background-repeat: no-repeat;
      background-size: cover;
}
.regImg{
   background-image: url("https://shop.sandisk.com/content/dam/sandisk/en-us/portal-assets/hybris/become-a-member-bg.jpg");
   background-repeat: no-repeat;
   background-size: cover;
}
.regB2BImg{
   background-image: url("https://shop.sandisk.com/content/dam/sandisk/en-us/portal-assets/hybris/sandiskAssets/b2bSignIn.svg");
   background-repeat: no-repeat;
   background-size: cover;
}
.imgMB{
    width:68px;
}
.custErrorPosition .globalMessages-error{
    z-index:1;
    position: relative;
    top:0 !important;
}

.redeemGrey{
    top:44px;
    z-index:0;
    width:100%;
 }
.gold-marker,.diamond-marker{
    position: absolute;
    top: 44px;
    left: 24px
}
.lastGreyDot{
    left: 41px;
}

/* Add your CSS styles here */
.table-container {
    height: 350px;
    overflow: auto;
}
table {
    width: 100%;
}
th, td {
    padding: 3px;
}
.pagination {
    text-align: center;
    margin-top: 10px;
}
.pagination button {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 5px 10px;
    margin: 5px;
}
.pagination button.active {
    background-color: #007bff;
    color: #fff;
}

/* NEW LOYALTY DESIGN - START */

#pointsActivityTable table{
    width:100%;
}




 #semiDonutChart {
   width: 206px;
   height: 103px;
 }
 #semiDonutChart svg path{
    stroke-width: 4px;
 }
#semiDonutChart .progressbar-text{
   transform: none !important;
   color:#000000 !important;
   font-size:12px !important;
}
 #semiDonutChart svg {
   height: 120px;
   width: 200px;
   fill: none;
   stroke: #DEB038;
   stroke-width: 4px;
   stroke-linecap: round;
 }
  .requirePoints{
    position:absolute;
    top:76px;
  }
  .activeRewardTab{
    font-weight: 600;
    border-bottom: 4px solid #e10600;
    padding-bottom: 18px;
    color:#e10600;
  }
  .totalTierToolTip{
    top: -138px;
    right: -68px;
    width: 270px;
  }
  .totalTierToolTipArrow{
    top: 85px;
    z-index: 0;
    transform: rotate(45deg);
    left: 137px;
  }
  .availableToolTip{
    top: -190px !important;
    right: -54px !important;
  }
  .availableToolTip .totalTierToolTipArrow{
    top: 135px !important;
  }
    .td250{
      width:250px;
    }
    .width150{
      width:150px
    }


    /*----------*/
    .proRewards .tierToolTip .tierToolTipText{
        bottom: 120%;
    }

    .tierToolTip {
      position: relative;
      display: inline-block;
    }

    .tierToolTip .tierToolTipText {
      visibility: hidden;
      width: 0;
      background-color: #000000;
      color: #fff;
      text-align: left;
      padding: 8px;
      position: absolute;
      z-index: 10;
      bottom: 138%;
      left: 50%;
      right: 50%;
      transform: translate(-50%,0);
      opacity: 0;
      transition: opacity 0.3s;
    }

    .tierToolTip .tierToolTipText::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 51%;
      right: 50%;
      transform: translate(-50%,0);
      border-width: 10px;
      border-style: solid;
      border-color: #000000 transparent transparent transparent;
    }
	.rewardsContent .tierToolTip .tierToolTipText::after {display:none;}
    /*.tier-min-h-272px{
    min-height:272px;
    }*/

    /* Tier STYLES
    –––––––––––––––––––––––––––––––––––––––––––––––––– */
    .rewards_arc_wrap{
        padding-top:2px;
    }
    .initialGoldPoint{
        left: 40px;
        top:40px;
    }
    .initialPlatniumPoint{
        right: 40px;
        top: 40px;
    }
    .requirePoints{
        position:absolute;
        top:72px;
    }
    .initialPoint {
        position: absolute;
        left: -12px;
        bottom: -48px;
    }
    .endPoint {
        position: absolute;
            right: -49px;
            bottom: -92px;
            width: 112px;
            height: 80px;
    }

    .tierType {
      position: relative;
      width: 216px;
      height: 108px;
      padding:0;
    }
    .rewards_arc_wrap{
      width: 217px;
      padding-left: 1px;
      overflow: hidden;
      padding-right: 1px;
    }
    .tierType::before,
    .tierType::after {
      position: absolute;
    }

    .tierType::before {
      content: '';
      width: inherit;
      height: inherit;
      border: 8px solid #E2E2E2;
      border-bottom: none;
      border-top-left-radius: 175px;
      border-top-right-radius: 175px;
    }
    .tierType li {
      position: absolute;
      top: 101%;
      left: 0;
      width: inherit;
      height: inherit;
      border: 8px solid;
      border-top: none;
      border-bottom-left-radius: 175px;
      border-bottom-right-radius: 175px;
      transform-origin: 49.9% 0;
      transform-style: preserve-3d;
      backface-visibility: hidden;
      animation-fill-mode: forwards;
      animation-duration: .4s;
      animation-timing-function: linear;
    }
    .tierType .silverTierArc{
      z-index: 4;
      border-color: #4E4E4E;
      animation-name: rotate-one;
	  top:100%;
    }

    .tierType .goldTierArc{
      z-index: 3;
      border-color: #e10600;
      animation-name: rotate-two;
      animation-delay: .4s;
	  top:100%;
    }

    .tierType .platinumTierArc{
      z-index: 2;
      border-color: #9DB9D0;
      animation-name: rotate-three;
      animation-delay: .8s;
	  top:100%;
	  left: .6px;
    }

    .tierType span {
      position: absolute;
      font-size: .85rem;
      backface-visibility: hidden;
      animation: fade-in .4s linear forwards;
    }

    .tierType .silverTierArc span {
        top: -2.9px;
        left: -7.8px;
        border-radius: 50%;
        background: #4E4E4E;
        z-index: 0;
        width: 8px;
        height: 8px;
        padding: 4px;
    }

    .tierType .goldTierArc span {
        top: -4px;
        left: -8px;
        border-radius: 50%;
        background: #e10600;
        z-index: 0;
        width: 8px;
        height: 10px;
        padding: 2px;
    }

    .tierType .platinumTierArc span {
        top: -5.9px;
        left: -7.7px;
        border-radius: 50%;
        background: #9DB9D0;
        z-index: 0;
        width: 7.9px;
        height: 8px;
    }

    @keyframes fade-in {
      0%,
      90% {
        opacity: 0;
      }
      100% {
        opacity: 1;
      }
    }
    .bottomRoundEdgeLeft{
        position: absolute;
        width: 9.2px;
        height: 8px;
        padding: 2px;
        border-radius: 50%;
        left: 0px;
        bottom: -3px;
        background:#4e4e4e;
		border: 2px solid #4e4e4e;
    }
    .bottomRoundEdgeRight{
        position: absolute;
        width: 7.9px;
        height: 8px;
        padding: 2px;
        border-radius: 50%;
        right: 0px;
        bottom: -3px;
        background:#E2E2E2;
    }
    .goldMarker{
        border: 2px solid #ffffff;
        width: 8px;
        transform: rotate(-32deg);
        top: 11px;
        position: absolute;
        left: 48px;
        z-index: 9;
        padding: 1px;
        background: #ffffff;
        height: 17px;
    }
    .platinumMarker{
        border: 2px solid #ffffff;
        width: 9px;
        transform: rotate(31deg);
        top: 17px;
        position: absolute;
        right: 46px;
        z-index: 9;
        padding: 1px;
        background: #ffffff;
        height: 14px;
    }
	.tierToolTip img{
		position:relative;
	}
	.toolTipBottomArrow{
		position: absolute !important;
		left: 0px;
		bottom:15px;
		visibility: hidden;
		opacity: 0;
		transition: opacity 0.3s;
		z-index: -1;
	}
	.tierToolTip:hover .toolTipBottomArrow{
	  visibility: visible;
	  opacity: 1;
	}
    .tierLine{
        border:1.6px solid #4E4E4E;
        display:inline-block;
        width:21px;
    }
    #loadMoreBtn{
        min-width: 140px;
        width: auto;
    }

.eoriAlert .alert-warning{
    padding:8px 16px;
    width: 101%;
}
.page-cartPage .eoriAlert .alert-warning{
   width: 130%;
}

.page-multiStepCheckoutSummaryPage .eoriAlert .alert-warning{
  padding:8px 16px;
  width: 100%;
}
.page-multiStepCheckoutSummaryPage .eoriAlert .alert-warning button{
  color: #aa5d00;
}
.visibleOnlyDevice{
  overflow-y: auto;
}
#eoriValue{
    font-weight:400;
}
.countryCodePlaceHolder{
    top: 13px;
}
.tierStatusTooltip .tierToolTipText::after, .availablePts .totalTierToolTipWrap .tierToolTipText::after{
    opacity:1;
    left: 50%;
}
.page-myAccProductRegistrationReviewSummary .confirmreturnorderForm .parent_prod, .page-productRegistrationReviewSummary .confirmreturnorderForm .parent_prod{
	display:none;
}
.reviewSummaryTable tbody tr td{
	padding:16px;
	align-content: start;
}
.reviewSummaryTable tbody tr td:first-child {
	width:300px;
}
.reviewSummaryTable tbody tr td:first-child div {
	white-space: normal;
}
.reviewSummaryTable tbody tr{
	border-bottom: 1px solid #bbbbbb;
}
.reviewSummaryTable tbody tr:last-child{
	border: none !important;
}
.reviewSummaryTable tbody tr td a img{
	width:80px;
}
.reviewSummaryTable tbody tr td a{
	display: block;
	margin-top: 29px;
}
.reviewSummaryTable tbody tr td p{
	margin-bottom:0px;
}
.reviewSummaryTableWrap{
	white-space: nowrap;
	overflow-x: auto;
}
.removeMarginBottom{
	margin-bottom:0px !important;
}
/*===== SO SPINCO CUSTOM CSS =====*/
.planYearWrap,.accountTypeInput{
    padding-bottom:0 !important;
}
.js-update-entry-quantity-input{
    padding:4px !important;
    height:auto !important;
    border-radius: unset !important;
}
.cancelOrderBody .form-group{
    padding-bottom: 0 !important;
}
.store-form .form-group.invalidField .emailAddressAsUsername, #password_bar{
    margin-top: 1.25rem !important;
}
body{
    max-width: 1920px;
    margin: 0 auto !important;
    background-color: #fff;
}
.b2bMembenefit .content div > div{
    border-radius:20px
}
.form-group.invalidField .applyText, .form-group.invalidField p:nth-of-type(2){
    margin-top: 1.25rem;
}
.error-arrow{
    top: -12px;
    right: 4px;
}/*
.btn{
    padding-left:8px !important;
    padding-right:8px !important;
}*/
.myAccount-nav.active-myAccount-nav a {
    border-bottom-width: 1px !important;
    border-color: #ED1C25 !important;
    color:#ED1C25;
    font-weight:500;
}
.bg-sd-warning{
    background-color:#FFEECF;
}
.st-table-hybris{
    white-space: nowrap;
    overflow-x: auto;
}
.st-table-hybris table{
    white-space: nowrap;
}

/*.st-table-hybris table th{
    padding:0 16px 24px 16px;
}*/
.st-table-hybris table tr td{
    padding:24px 16px;
}
.st-table-hybris table tr:nth-child(2) {
    background:#f9f7f6;
}
.st-table-hybris table tr{
    border-bottom: 1px solid #e1e1e1;
}
.st-table-hybris table tr:last-of-type{
    border-bottom: none;
}
.navActiveSubList li {
    padding-bottom: 20px !important;
}
.form-group textarea{
    border-radius: .5rem;
}
.target-a a:hover{
    color:#e10600;
}
.error-arrow{
    top:-10px !important;
}
.checkoutStepsWrap .breadcrumb-item{
    color:#666666;
   /* text-decoration:underline;*/
}
.checkoutStepsWrap #addressbook a:hover{
    color:#000000;
}
.checkoutStepsWrap a:hover,.disclosuresTextLink a:hover{
    color:#e10600;
}
.checkoutStepsWrap .panel-body .form-error{
    border-radius:8px;
}
.spinco-flash-msg .text-orange{
    color:#886625;
}
.cart-restoration-bar.form-error>.alert.alert-info {
    background: #000000 !important;
    color: #ffffff !important;
    border-radius:8px;
}
.page-saved-carts #sortForm1,.page-saved-carts #sortForm2{
    margin-bottom:0;
}
.saved__carts__overview--table table {
    border-collapse:separate;
    border:solid #e1e1e1 1px;
    border-radius:8px;
}
.saved__carts__overview--table td, .saved__carts__overview--table th {
    border-top:solid #e1e1e1 1px;
}
.saved__carts__overview--table th {
    border-top: none;
}
#dataRecoveryPlanLearnMoreModal a{
    color:#000000;
    font:500;
    text-decoration:underline
}
#dataRecoveryPlanLearnMoreModal a:hover{
    color:#e10600;
}
#focusSelectedAddress ul li a{
    text-decoration:none !important;
}
#focusSelectedAddress ul li a,.selectedOption a{
    text-decoration:none !important;
}
.planYearWrap{
    padding-bottom:0px !important;
}
.customSpaceReason .error-arrow {
   top: 4px !important;
}
/*--SO Label Design--*/
.store-form .form-group label{
    font-size: .75rem !important;
    top: -0.5rem !important;
    background: #fff;
    padding: 0 4px;
    z-index: 1;
    line-height: 17px;
    position: absolute;
    pointer-events: none;
    font-weight: 500 !important;
    left: 0.75rem;
    color:#000000 !important;
}
.store-form .form-group {
    margin-bottom: 1rem;
}
/*--EO Label Design--*/
.applyText,.emailAddressAsUsername{
    line-height: 16px;
    margin-bottom: -11px;
}
.store-form .form-group.invalidField .applyText,.store-form .form-group.invalidField .emailAddressAsUsername {
    margin-top: 16px !important;
    line-height: 16px;
}
#newCreateAccountLabel{
    top:-4px;
}
.alreadyMembLine.border-b,.alreadyMemb.border-b{
    border-bottom-color: #666666;
}
.bg-mem{
    background: #FAF9F8;
    border-radius:0px;
}
.btn-style span, .btn-sm span, .btn-lg span {
    line-height: 100%;
}
.recaptcha-text a{
    color: #666666;
    text-decoration: underline;
}
.update-anchor span a,.update-anchor a,.personalTC a{
    font-weight:500;
    color: #000000;
    text-decoration: underline;
}
.update-anchor span a:hover,.update-anchor a:hover,.personalTC a:hover{
    color:#e10600;
}
#applyVoucherForm label{
    background-color: #f9f7f6;
}
.account-orderhistory ul li:last-child .targetLastElement {
    padding-bottom:0px;
}
.list-reset li:first-child .targetLastElement,.addressFormWrapper li:first-child .targetLastElement,.account-orderhistory ul li:first-child .targetLastElement{
    padding-top:0px;
}
#billingAddressChk .form-group label, #savePaymentMethodDiv .form-group label,.checkbox .form-group label{
    padding-left: 18px !important;
    top: 0 !important;
    position: relative !important;
    font-size:16px !important;
    font-weight:500;
    pointer-events: unset !important;
}
#billingAddressChk .form-group label, #savePaymentMethodDiv .form-group label{
    background:#F9F7F6;
}
#billingAddressChk .form-group, #savePaymentMethodDiv .form-group{
    margin:0;
    padding:0;
}
.keep-border > div:first-child{
    border-top: 1px solid #e1e1e1;
    margin-top: 0px !important;
    padding-top: 24px;
}
.force-border-none > div:first-child{
    border:none !important;
}
.target-anchor a{
    color:#000000;
    text-decoration:underline;
}
#applyVoucherForm #js-voucher-code-text,.trevipayPONumber .form-group label,.trevipayPONumber .form-group input, #worldpayCsePaymentForm .form-group label,#applyVoucherForm1 label, #applyVoucherForm1 input, #worldpayCsePaymentForm .form-group input[type=email], #worldpayCsePaymentForm .form-group input[type=text], #worldpayCsePaymentForm .form-group input[type=number], #worldpayCsePaymentForm .form-group input[type=password], #worldpayCsePaymentForm .form-group input[type=date], #worldpayCsePaymentForm .form-group input[type=file], #worldpayCsePaymentForm .form-group select {
    background:#F9F7F6;
}
.selectPaymentMethod,#worldpayCsePaymentForm .form-group input[type=email], #worldpayCsePaymentForm .form-group input[type=text], #worldpayCsePaymentForm .form-group input[type=number], #worldpayCsePaymentForm .form-group input[type=password], #worldpayCsePaymentForm .form-group input[type=date], #worldpayCsePaymentForm .form-group select {
    background:#F9F7F6;
}

#newCardForm input:-webkit-autofill, #newCardForm input:-webkit-autofill:hover, #newCardForm input:-webkit-autofill:focus, #newCardForm input:-webkit-autofill:active, #newCardForm select:-webkit-autofill, #js-po-number-text:-webkit-autofill, #js-po-number-text:-webkit-autofill:hover, #js-po-number-textinput:-webkit-autofill:focus, #js-po-number-text:-webkit-autofill:active, #js-po-number-text:-webkit-autofill,#js-voucher-code-text:-webkit-autofill, #js-voucher-code-text:-webkit-autofill:hover, #js-voucher-code-text:-webkit-autofill:focus, #js-voucher-code-text:-webkit-autofill:active, #js-voucher-code-text:-webkit-autofill{
    -webkit-box-shadow: 0 0 0 30px #F9F7F6 inset !important;
}
/*[lang="en-CA"] input[name="line1"] ~ p.error-message ~ p.error-message, [lang="en-CA"] input[name="townCity"]~ p.error-message ~ p.error-message {
    margin-top: 1.25rem !important;
    position: relative !important;
}*/
.bogoBodyHeight{
    height:calc(100vh - 225px);
    overflow-y: auto;
}
.store-form .form-group label[for="show_password"] {
    position: unset;
    pointer-events: unset;
}
#cardDetailsList #selectedOption a:hover,#cardDetailsList .selectPaymentMethod a:hover{color:#000000}
.custom-checkbox .form-group label{
    font-size: 16px !important;
    padding: 0 0 0 16px !important;
    pointer-events: unset;
    font-weight: 500 !important;
    left: 0;
}
.showForPaypal #buttons-container .paypal-button.paypal-button-color-blue, .showForPaypal #buttons-container .paypal-button-row.paypal-button-color-blue .menu-button{
    background:#e10600 !important;
}
.business_Name_wrap .bg-sd-grey-light{
    font-size:16px;
    padding: 0 0 0 16px !important;
    border: 2px solid #000;
    font-weight: 500;
    opacity: .5;
}
.business_Name_wrap .control-label{
    font-weight:500;
    color:#000000;
    top: -13px;
    background: #F9F7F6;
    padding: 0 4px;
    left: 12px;
}
#changeToNotAnonymous:hover{
    color:#e10600 !important;
}
select option {
  font-size: 16px;
  font-weight:500;
}
.arrowhead{
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: rotate(45deg);
    z-index: -1;
}
#whereICanFindThis{
    right:-69px;
    top: unset !important;
     bottom: 68px;
}
.ordernoToolTip{
    display:none;
}
.fixTableHead th button:focus,#addFromOrderHistory button.bulkOrderAccordion:focus{
    outline-offset: -4px;
}
#error_specialChars_line1,#error_specialChars_townCity{
    margin-top:0px;
    position:relative !important;
    margin-bottom: -20px;
}
.page-cartPage .cartItemsPromotion{max-height:22px;}
.targetPayment .orderConf{
    font-size:16px !important;
}
.consigmentTop .headinghidden{display:none;}
.pageLabel-order .value-order{
    margin-bottom:0 !important;
}
.page-registration .bg-mem > p:first-of-type{
    font-size:20px;
}
#guestUserSmtModal label{
    background:#f9f7f6;
}
.vatNumberErrorMsg{
    margin-top: 0 !important;
    position: relative !important;
    margin-bottom: -20px !important;
}
/*===== EO SPINCO CUSTOM CSS =====*/
/*----SO Red Button and Disabled Button Style----*/
 .btn-style.btn-red {
     background: #E10600 !important;
     color: #fff;
 }
 .btn-style.btn-red:hover{
      background: #D21920 !important;
 }
.btn-style.btn-black-outline:hover {
    background: rgba(0, 0, 0, .1);
}
.btn-style.btn-disabled {
    background: #e4e4e4 !important;
    color: #BCBCBC !important;
}
.btn-style.btn-red-outline {
    border: 1px solid #E10600;
    color: #E10600;
}
/*----SO Red Button and Disabled Button Style----*/

/*----Hybris Only Code----*/
.myAccount-nav.active-myAccount-nav a {
    border-bottom-width: 1px !important;
    border-color: #E10600 !important;
    color: #E10600;
    font-weight: 500;
}
.text-sd-red {
    color: #E10600;
}
.fontSize22{
    font-size:22px
}
.fontWeight600,.require-Points span{
    font-weight:600;
}
.fontWeight700{
    font-weight:700;
}
.backgroundf8f8{
    background: #F8F8F8;
}
.text-grey888{
    color:#888888;
}
.businessRewardLabel{
    margin-bottom:0px !important;
}
.backgroundeaea{
    background: #EAEAEA;
}
/*.page-rewards .rewardsDisclousers{
    display:block !important;
}*/
.page-rewards .thFreezeWidth .tierToolTip .tierToolTipText{
    left: 58%;
}
.req_points_wrap{
    top:68px;
}
.success-bg-green-lighter{
    background-color:#D0FFCF;
}
#tierBenefitsContent .tierToolTipText .toolTipBottomArrow{
    left: 47%;
    bottom: -4px;
}
#renderPointsActivityData tr th{
    font-weight:400;
}
.border-viewCodeGreen {
    border-color:#D0FFCF;
}
.bg-viewCodeGreen{
    background:#D0FFCF;
}
.tierToolTipText{
    font-weight:400;
    font-size:14px;
}
.totalTierToolTipWrap{
    font-weight:400;
}
.rewardTab tr:last-child td,.rewardTab tr:last-child th,.tierBenefits table tr:last-child th,.tierBenefits table tr:last-child td{
  border: none;
}
.rewardsNotOptIn .toolTipBottomArrow{
    display:none;
}
.form-error>.alert.alert-warning {
    background: #ffeecf;
    color: #886625;
}
#accountRewards .accountRewardsWarningMsg{
    padding:8px;
}
.tierType .silverTierArc{
    border: 9.4px solid #4e4e4e;
    border-top: none;
    left: -1px;
}
/** Zinrelo rewards statu colors (Loyalty program) **/
.zrl_silver{
    color:#000000;
}
.zrl_platinum{
    color:#497597;
}
.zrl_gold{
    color:#E10600;
}
.zrl_delimiter{
    color:#666666;
}
.zrl_points{
    color:#000000;
}
.bg-grey-lighte4e4{
    background:#e4e4e4;
}
@media (min-width: 512px) and (max-width: 768px) {
    .checkout-help .tierToolTip:hover .tierToolTipText {
        width: 200px;
    }
    .tierStatusTooltip .tierToolTipText {
        top: 146% !important;
        bottom: unset !important;
    }
    .tierStatusTooltip .toolTipBottomArrow{
        top:34px !important;
    }
    .totalTierToolTipWrap .toolTipBottomArrow{
        z-index:1;
    }
    .tierStatusTooltip .tierToolTipText::after{
        opacity: 0 !important;
    }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    .js-sku-input-field {
        width: calc(100% - 42px) !important;
    }
}
/* 1163px – 1270px */
@media (min-width: 1163px) and (max-width: 1270px) {
  .item__price,
  .item__quantity,
  .item__total--column {
    width: 140px !important;
  }
}

/* 1100px – 1162px */
@media (min-width: 1100px) and (max-width: 1162px) {
  .item__price,
  .item__quantity,
  .item__total--column {
    width: 140px !important;
  }
}

/* 1025px – 1099px */
@media (min-width: 1025px) and (max-width: 1099px) {
  .item__price,
  .item__quantity,
  .item__total--column {
    width: 100px !important;
  }
}

/* 992px – 1024px */
@media (min-width: 992px) and (max-width: 1024px) {
  .item__price,
  .item__quantity,
  .item__total--column {
    width: 80px !important;
  }
}