/**** 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 {
	outline: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    max-width: none;
}

#cboxLoadedContent, #cboxContent{
    /*margin-top: 32px;
    padding: 0px 35px 29px 15px!important;
    overflow:hidden !important; */
    width:400px !important;
    height:390px !important;
    overflow:visible !important;
}

#cboxTitle {
    padding: 43px 15px 6px!important;
	background: transparent;
    position: absolute;
    top: 0;
    height: 88px;
    display: table;
    width: 100%;
}
#cboxTopLeft {
    width: 14px;
    height: 14px;
}
#cboxTopCenter {
    height: 14px;
}
#cboxTopRight {
    width: 14px;
    height: 14px;
}
#cboxMiddleLeft {
    width: 14px;
}
#cboxContent {
    background: #fff;
    overflow: visible;
}
#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;
}
/**** 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) {
    .containerFluid .helpCheckout > div:first-child {
        border-top: 1px solid #e1e1e1;
        margin-top: -24px;
        padding-top: 24px;
    }
    .toggle-content{
        overflow-y: unset;
    }
    .drs-pos{
        margin-left: 249px;
    }
	#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;
    margin-left: -9px;
    }
    .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;
    }
}

.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{
    background-color: #AA5D0005;
    padding:8px 16px 8px 36px;
}/*
.form-error > .alert{
    color: white;
    padding: 8px 48px 8px 12px;
    position: relative;
}*/
.form-error > .alert button.close{
    position: absolute;
    font-size: 2rem;
    color: #fff;
    top: 9px;
    line-height: 0.5;
    font-family: RobotoLight;
}
.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;
}

.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;

}

.loginFormWrap{
    margin: 0 auto;
}
.selectReasonError {
    border: 2px solid #df001f;
}
/*--- 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) {
    .drs-pos{
        margin-left:0px !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;
    }
	.infoIconTop{
        top: 17px !important;
    }
}
@media only screen and (max-width : 767px) {
    .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;
    }
    .regDefaultSelect{
        height:56px !important;
        padding-top: 16px !important;
     }
	#confirmreturnorderForm .helperTxt{
        transform: translateX(-72%);
    }
    .tooltipArrow{
        left: 42px;
    }
	.cusMar-10{
        margin: 0 !important;
    }
	#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;
    }
}
.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--*/
.page-orderStatusLogin .globalMessages-error{
    padding-bottom: 1rem;
}

/*--- Start New Header Style --*/
.flexNowrap{
flex-wrap:nowrap;
padding-left:20px;
padding-right:20px;
}

.mm-menu_offcanvas {
width: 100%;
top: 50px !important;
z-index: 100 !important;
}
.mm-panels > .mm-panel > .mm-listview{
width: auto;
}
.mm-navbar,
.mm-panel {
background-color: white !important;
}
.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 !important;
}
.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 !important;
font-weight: 400;
}
.mm-navbar{
text-align:left !important;
}
.mm-panel_has-navbar .mm-navbar {
display: flex !important;
align-items: center;
padding: 0 48px;
background-color:#F2F3F3 !important;
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;
}
.regDefaultSelect{
    height:56px !important;
    padding-top: 16px !important;
}
#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;
margin-left: 9px;
}
.greyDotLastOutline{
outline: #6a6a6a solid 0.1px;
}
.border-left-18 p{
margin-left: -6px;
}
.b2c.page-multiStepCheckoutSummaryPage .checkoutPagesBorder{
    border: none;
}
header ~ section .estmatedTotal > .fixed {
    transition: .5s ease-in-out;top: 50px;
}
header.headerHidden ~ section .estmatedTotal > .fixed {
    top:0px !important;
}
.checkout-help .toggle-content{
    top: 108px;
}
header.headerHidden ~ section .checkout-help .toggle-content {
    top: 54px;
}
.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 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;
    }
    .cartMobile-nav{
        display: block;
        height: auto;
    }
    .cartMobile-nav.hide{
        opacity: 1;
        left:auto;
        display: flex;
        align-items: center;
        justify-content: end;
    }
}
/*.header {
    top: 0;
    position: fixed!important
}*/
/*---End of New Header Style ---*/
@media(min-width:992px){
/*---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 .myAccountMenu { color: #fff;text-decoration: underline;}
.b2b .profile-header-b2b .brand-logo-list svg{ fill:#fff;}
}
.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;
}

.order-entries-table tbody tr:last-child {
    border : none;
}

.page-checkout-login h1.custAlignLeft{
    text-align: left;
    margin-bottom: 30px;
}
.page-checkout-login .custAlignLeft{
    text-align: left;
}
.cusMar-10{
    margin: 0 10px;
}

.parent_prod{
/*border: 1px solid #7f7f7f;
border-top: 1px solid #7f7f7f;
border-right: 1px solid #7f7f7f;*/
}
.drs_prod{
border-left: 1px solid #e1e1e1;
/*background-color: #f2f3f3;*/
border-bottom: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
margin-top: -22px;
/*border-top: 1px solid #e1e1e1;*/
border-bottom-left-radius:8px;
border-bottom-right-radius:8px;
}
@media (max-width: 412px) {
	.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){
    .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;
}
#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);
}
.select-plan-form .form-group{
    margin-bottom: 0;
}
.select-plan-form .rotateArrow .select-arrow-dwn{
    transform: rotate(180deg);
    transition: all .2s;
}
.select-plan-form .select-arrow-dwn{
    transition: all .2s;
}
.drsYearPlan{
    height: 26px !important;
    font-size: 16px !important;
    font-weight: normal !important;
    width: 121px !important;
    border-radius: 6px !important;
    border: 2px solid;
    border-color: rgba(0,0,0,.5);
    padding: 0 4px;
    margin-left: 4px;
}
.store-form.select-plan-form select{
    height: 26px !important;
    font-size: 16px !important;
    font-weight: normal !important;
    width: 121px !important;
    border-radius: 6px !important;
}
.store-form.select-plan-form .form-group {
    margin-bottom: 0 !important;
}
.containerFluid .accordion-content{
	background:none !important;
}
/*.strong-pass-error:before, #i18nBillingAddressForm .form-group.invalidField .error-message#error_billingAddress\.line2_pobox:before, #i18nBillingAddressForm .form-group.invalidField .error-message#error_billingAddress\.line1_pobox:before, #i18nBillingAddressForm .form-group.invalidField .error-message#error_billingAddress\.line1_pobox:before, #i18nBillingAddressForm .form-group.invalidField .error-message#error_billingAddress\.line2_pobox: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, #customWdAddressForm .form-group.invalidField .error-message:before, #customWdAddressForm .form-group.invalidField .error-message:before, #customWdAddressForm .form-group.invalidField .line1ErrorMsg:before, #customWdAddressForm .form-group.invalidField .line2ErrorMsg:before{
    content: " ";
    background: url(data:image/svg+xml,<svg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'><mask%20id='mask0_1431_1116'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'><rect%20width='24'%20height='24'%20fill='%23D9D9D9'/></mask><g%20mask='url(store-vue/css/%23mask0_1431_1116)'><path%20d='M11%2017H13V11H11V17ZM12%209C12.2833%209%2012.5208%208.90417%2012.7125%208.7125C12.9042%208.52083%2013%208.28333%2013%208C13%207.71667%2012.9042%207.47917%2012.7125%207.2875C12.5208%207.09583%2012.2833%207%2012%207C11.7167%207%2011.4792%207.09583%2011.2875%207.2875C11.0958%207.47917%2011%207.71667%2011%208C11%208.28333%2011.0958%208.52083%2011.2875%208.7125C11.4792%208.90417%2011.7167%209%2012%209ZM12%2022C10.6167%2022%209.31667%2021.7375%208.1%2021.2125C6.88333%2020.6875%205.825%2019.975%204.925%2019.075C4.025%2018.175%203.3125%2017.1167%202.7875%2015.9C2.2625%2014.6833%202%2013.3833%202%2012C2%2010.6167%202.2625%209.31667%202.7875%208.1C3.3125%206.88333%204.025%205.825%204.925%204.925C5.825%204.025%206.88333%203.3125%208.1%202.7875C9.31667%202.2625%2010.6167%202%2012%202C13.3833%202%2014.6833%202.2625%2015.9%202.7875C17.1167%203.3125%2018.175%204.025%2019.075%204.925C19.975%205.825%2020.6875%206.88333%2021.2125%208.1C21.7375%209.31667%2022%2010.6167%2022%2012C22%2013.3833%2021.7375%2014.6833%2021.2125%2015.9C20.6875%2017.1167%2019.975%2018.175%2019.075%2019.075C18.175%2019.975%2017.1167%2020.6875%2015.9%2021.2125C14.6833%2021.7375%2013.3833%2022%2012%2022ZM12%2020C14.2333%2020%2016.125%2019.225%2017.675%2017.675C19.225%2016.125%2020%2014.2333%2020%2012C20%209.76667%2019.225%207.875%2017.675%206.325C16.125%204.775%2014.2333%204%2012%204C9.76667%204%207.875%204.775%206.325%206.325C4.775%207.875%204%209.76667%204%2012C4%2014.2333%204.775%2016.125%206.325%2017.675C7.875%2019.225%209.76667%2020%2012%2020Z'%20fill='%23DF001F'/></g></svg>) no-repeat;
    position: absolute;
    z-index: 0;
    right: 1rem;
    padding: 0.625rem;
    top: -2.2rem;
}*/

#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;
}
.pagination-toolbar #sortForm1 select, .pagination-toolbar #sortForm2 select{
    color:#575757;
}
.page-return-order .navActiveSubList:first-of-type{
    display:none;
}
.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/b2cSignIn.svg");
     background-repeat: no-repeat;
     background-size: cover;
 }
 .regImg{
      background-image: url("https://shop.sandisk.com/content/dam/sandisk/en-us/portal-assets/hybris/sandiskAssets/b2cSignIn.svg");
      background-repeat: no-repeat;
      background-size: cover;
 }
 #accountType{
    background:transparent;
 }
 .custErrorPosition .globalMessages-error{
    z-index:1;
    position: relative;
    top:0 !important;
 }
 .regDefaultSelect{
    height:48px;
    top:-2px;
 }
  .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;
  }
  .image-container {
     width: 71px;
     flex-shrink: 0;
  }
  .regDefaultSelect{
     border-color: transparent;
     color:#49454f;
  }
.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;
}

/*==========*/
.store-form .form-group .floatingLabelTop {
    /*top: -1.5rem !important;*/
}
.js-update-entry-quantity-input{
    padding:4px !important;
    height:auto !important;
    border-radius: unset !important;
}
.store-form .form-group .floatingLabelTop {
    /*font-weight: 500 !important;*/
}

.cancelOrderBody .form-group{
    padding-bottom: 0 !important;
}
.store-form .form-group.invalidField .emailAddressAsUsername, #password_bar{
    margin-top: 16px !important;
    line-height:16px;
}
.form-group.invalidField .emailAddressAsUsername{
    margin-top: 16px;
    margin-bottom: -18px;
    line-height: 16px;
}
.emailAddressAsUsername{
    line-height:16px;
    margin-bottom:-11px;
}
body{
    max-width: 1920px;
    margin: 0 auto !important;
    background-color: #fff;
}/*
.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 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: -14px !important;
    right: 8px;
}
.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;
}
.form-error>.alert.alert-info button.close {
    color: #e10600;
}
.page-saved-carts #sortForm1{
    margin-bottom:0;
}
.planYearWrap{
    padding-bottom:0px !important;
}
.customSpaceReason .error-arrow {
   top: 4px !important;
}
.servicePlansTable table th, .servicePlansTable table th{
    border-bottom:1px solid #e1e1e1 !important;
    box-shadow: none !important;
}
.servicePlansTable.wd-table-default.wd-table-bordered table tbody tr:last-of-type td {
  border:none !important;
}
.servicePlansTable.wd-table-default.wd-table-bordered table tbody tr td {
  border-color:#e1e1e1 !important;
  font-size:16px;
}
.accent-gray{
    background-color:#F6F3F1;
}
/*--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--*/
#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%;
}
.anchor-style a{
    font-weight:500;
    display:inline-block;
}

.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;
}
/*.store-form .form-group.invalidField input {
    border: 2px solid #df001f !important;
}*/
#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;
    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"] .pac-target-input ~ 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;
}
.arrowhead{
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: rotate(45deg);
    z-index: -1;
}
#whereICanFindThis{
    right:-69px;
    top: unset !important;
    bottom: 68px;
}
.ordernoToolTip{
    display:none;
}

#changeToNotAnonymous:hover{
    color:#e10600 !important;
}
select option {
  font-size: 16px;
  font-weight:500;
}
.hasDrsProd table:nth-of-type(2) {
    margin-top:24px;
}
.targetPayment .orderConf{
    font-size:16px !important;
}
.consigmentTop .headinghidden{display:none;}
.consigmentTop .headingLg{font-size:20px;}
.consigmentTop .targetPayment .orderConf{font-size:20px !important;}
.pageLabel-orderConfirmation .value-order{
    margin-bottom:0 !important;
}
.page-registration .memberBenefitWrap .bg-mem > p:first-of-type{
    font-size:20px;
}
#guestUserSmtModal label{
    background:#f9f7f6;
}
.consigmentTop table tbody tr td > table:first-of-type:nth-last-of-type(2) tbody tr{
    border: none !important;
}
.page-orderConfirmationPage table tbody tr td > table:first-of-type:nth-last-of-type(2) tbody tr{
    border: none !important;
}
.consigmentTop table tbody tr td table:nth-of-type(2) tbody tr .py-6{
    padding-top:0px !important;
}
.page-orderConfirmationPage table tbody tr td table:nth-of-type(2) tbody tr .py-6{
    padding-top:0px !important;
}
.page-serviceOrderDetails .accountServiceOrderFAQ{
    margin-top:24px;
}
.page-serviceOrderDetails .accountServiceOrderFAQ .row div p{
    color:#666666;
}
/*==========*/
/*----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: #afafaf !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;
}