:root {
	--primary-color: #F26A20;
	--primary-light-color: #f8f2ed;
	--primary-bg-color: #f8f2ed;
	--secondary-color: #344054;
	--secondary-light-color: #b79c7f;
	--secondary-bg-color: #f8f2ed;
	--tertiary-color: #EED253;
	--tertiary-light-color: #EED253;
	--tertiary-bg-color: #EED253;
	
   --cart-bg-color: var(--primary-bg-color);
   --footer-bg-color: #f8f2ed;
   --black: #000000;
   --black-90: #1D2939;
   --body-black:#344054;
   --grey-01:#72757E;
   --grey-02:#70768F;
   --grey-03:var(--secondary-color);
   --grey-04:#EEEEEE;
   --grey-05: #c8c8c8;
   --grey-06:#F5F5F5;
   --grey-07:#E7E7E7;
   --grey-08:#acadae;
   --grey-09:#E9E9E9;
   --grey-10:#5E5E5E;
   --grey-11: #d9d9d9;
   --grey-12: #8f8f8f;
   --grey-13: #475467;
   --grey-14: #e1e1e1;
   --grey-15: #757575;
   --grey-16:#43464E;
   --grey-17: #F8F9FC;
   --grey-18: #cfcfcf;
   --grey-19:#333333;
   --grey-20: #91929D;
   --grey-21: #fbfbfb;
   --orange:#FF8800;
   --red:#E81414;
   --dark-red:#D92D20;
   --light-blue:var(--primary-bg-color);
   --blue-01:#002C75;
   --blue-02:#fbfcfd;
   --blue-03:#3A4980;
   --circle-size: clamp(30px, 30px, 30px);
    --spacing: clamp(10px, 10px, 10px);
    --white:#ffffff;
    --overlay-bg:rgb(0 0 0 / 75%);
    --green:#05A660;
    --extended-primary-color:#43b649;
    --red:#fa2424;
}

body {
	background:var(--white);
    margin:0;
    padding: 0;
    font-family: 'Inter', sans-serif;
    font-size:14px;
    line-height: 1.4;
}
 
img {
    max-width: 100%;
    height: auto;
    border: 0;
}

p{
	padding:8px 0;
	margin:0;
}
blockquote, 
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    color:var(--black-90);
}

h1{
	font-size:26px
}

h2{
	font-size:20px;
	font-weight: 600;
}

.title{
	font-size:26px;
}

.page-title{
	padding: 60px 0 16px 0;
    color: #010f1c;
    font-weight:600;
}

.title.page-title{
	font-size:20px;
}


.title.page-sub-title{
	font-size:18px;
}

fieldset, iframe, img {
    margin: 0;
    padding: 0;
    border: 0
}

dl, ol, ul {
    margin: 0
}

a, .alink {
    color: var(--primary-color);
    text-decoration: none;
    cursor: pointer;
} 

.alink:hover{
	text-decoration:underline;
}

.pointer-none{
	pointer-events: none;
}
label{
	font-size:16px;
	font-weight:500;
	color:var(--grey-02);
}

.min-130{
	min-width:130px;
}
.w-wrap{
	word-wrap: break-word;
}
.w-auto{
	width:auto !important;
}
.h-auto{
	height:auto !important;
}
.line-height-20{
	line-height:20px;
}
.line-height-30{
	line-height:30px !important;
}
.dark-border{
	border-color: var(--grey-10) !important;
}
.border-right{
	border-right:1px solid var(--grey-02);
}
.dark-border{
	border:1px solid var(--grey-02);
}

input, input[type="text"],
 input[type="password"], 
 input[type="url"], 
 input[type="tel"], 
 input[type="search"],
 input[type="number"], 
 input[type*="date"], 
 input[type="email"]{
	 border: 1px solid var(--grey-05);
	 border-radius: 8px;
	 margin: 0;
	 padding: 10px 12px;
	 color: var(--black);
}

 input[type="text"],
 input[type="password"], 
 input[type="url"], 
 input[type="number"],
 input[type="email"],
 input[type="tel"]{
	 box-sizing: border-box;
    width: 100%
}
 input::placeholder, 
 input[type="text"]::placeholder,
 input[type="password"]::placeholder,
 input[type="url"]::placeholder, 
 input[type="tel"]::placeholder, 
 input[type="search"]::placeholder,
 input[type="number"]::placeholder, 
 input[type*="date"]::placeholder, 
 input[type="email"]::placeholder,
 select::placeholder {
	  color: #91929D;
	 opacity: 1;
}

 input:focus, 
 input[type="text"]:focus,
 input[type="password"]:focus, 
 input[type="url"]:focus,
 input[type="tel"]:focus, 
 input[type="search"]:focus, 
 input[type="number"]:focus, 
 input[type*="date"]:focus, 
 input[type="email"]:focus, 
 select:focus {
	 /*border: 1px solid #000;*/
}
 input[type="radio"] {
	 height: auto;
}

.icon{
	min-width:24px;
	min-height:24px;
	background-color: var(--white);
	-webkit-mask-size: cover;
    mask-size: cover;
}

.icon-md{
	min-width:34px;
	min-height:34px;
}

.icon-lg{
	min-width:44px;
	min-height:44px;
}

.icon-xl{
	min-width:80px;
	min-height:80px;
}

.icon-profile{   
    -webkit-mask: url(../images/icons/profile-icon.svg) no-repeat 50% 50%;
    mask: url(../images/icons/profile-icon.svg) no-repeat 50% 50%;
}

.icon-fav{
    -webkit-mask: url(../images/icons/heart-icon.svg) no-repeat 50% 50%;
    mask: url(../images/icons/heart-icon.svg) no-repeat 50% 50%;

}

.icon-cart{
	-webkit-mask: url(../images/icons/cart-icon.svg) no-repeat 50% 50%;
    mask: url(../images/icons/cart-icon.svg) no-repeat 50% 50%;
}

.icon-bars{
	-webkit-mask: url(../images/icons/menu-option.svg) no-repeat 50% 50%;
    mask: url(../images/icons/menu-option.svg) no-repeat 50% 50%;
}

.icon-location{
	-webkit-mask: url(../images/icons/location-icon.svg) no-repeat 50% 50%;
    mask: url(../images/icons/location-icon.svg) no-repeat 50% 50%;
    -webkit-mask-size: 24px 22px;
    mask-size: 24px 22px;
}

.icon-warning{
	background-image: url(../images/icons/warning-Icon.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
}
.img-fluid{
	width:100%;
}

.radio-button-item{
	display: flex;
    flex-wrap: wrap;
}
.radio-button.active{
	border:1px solid var(--primary-color);
	background:rgba(58, 73, 128, 0.10);
}

.radio-button, .more-attr{
    padding: 6px 10px;
    border: 1px solid #726C6C;
    margin-right: 10px;
    border-radius: 8px;
    font-size: 14px;
    color: #726C6C;
    font-weight: 500;
    text-transform: capitalize;
    min-width: 45px;
    margin: 0 10px 10px 0;
    display: flex;
    gap: 5px;
    align-items: center;
    background: transparent;
}


.radio-button input[type=radio] {
  --s: 14px;     /* control the size */
  --c: #3A4980; /* the active color */
  
  height: var(--s);
  aspect-ratio: 1;
  border: calc(var(--s)/8) solid #726C6C;
  padding: calc(var(--s)/8);
  background: 
     radial-gradient(farthest-side,var(--c) 94%,#0000) 
     50%/0 0 no-repeat content-box;
  border-radius: 50%;
  outline-offset: calc(var(--s)/10);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  font-size: inherit;
  transition: .3s;
}
.radio-button input[type=radio]:checked {
  border-color: var(--c);
  background-size: 100% 100%;
}

.radio-button input[type=radio]:disabled {
  background: 
     linear-gradient(#002C75 0 0) 
     50%/100% 20% no-repeat content-box;
  opacity: .5;
  cursor: not-allowed;
}


.radio-custom:checked ~ label {
    color: blue;
}
 
 input[type=checkbox] {
  position: relative;
	border: 1px solid var(--grey-16);
	border-radius: 4px;
	background: none;
	cursor: pointer;
	line-height: 0;
	margin: 0 .6em 0 0;
	outline: 0;
	padding: 0 !important;
	vertical-align: text-top;
	height: 20px;
	width: 20px;
	min-width:20px;
	-webkit-appearance: none;
  opacity: .5;
  background: var(--white);
}

input[type=checkbox]:hover {
  opacity: 1;
}

input[type=checkbox]:checked {
  background-color: var(--primary-color);
  opacity: 1;
}
.set-checkbox-label input[type=checkbox]:checked + label{
	font-weight:500;
	color: var(--secondary-color);
}
.set-checkbox-label input[type=checkbox] + label{
	font-weight:400;
	color: var(--secondary-light-color);
}

.switch input[type=checkbox]:before,
.switch input[type=checkbox]:checked,
.switch:hover input[type=checkbox]{
	opacity: 0;
}


input[type=checkbox]:before {
  content: '';
  position: absolute;
  right: 50%;
  top: 50%;
  width: 4px;
  height: 10px;
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  margin: -1px -1px 0 -1px;
  transform: rotate(45deg) translate(-50%, -50%);
  z-index: 2;
}
.custom-radio-btn {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 8px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: var(--secondary-light-color);
}

.custom-radio-btn.checked{
	color: var(--primary-color);
}

.custom-radio-btn input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.custom-radio-btn .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 16px;
    width: 16px;
  background-color: #fff;
  border-radius: 50%;
  border: 1.5px solid var(--secondary-light-color);
}

.custom-radio-btn input:checked ~ .checkmark {
    border: 1.5px solid var(--primary-color);
}

.custom-radio-btn .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.custom-radio-btn input:checked ~ .checkmark:after {
  display: block;
}

.custom-radio-btn .checkmark:after {
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--primary-color);
}


 select {
	 border: 1px solid #91929D;
	 border-radius: 4px;
	 margin: 0;
	 padding:10px 7px;
	 color: #000;
	 min-width:50px;
	 background:var(--white)
}

 input:not([disabled]):focus, 
 select:not([disabled]):focus,
 textarea:not([disabled]):focus, 
  ._keyfocus *:focus {
	 box-shadow: none;
}
 input[placeholder],
 [placeholder], 
 *[placeholder] {
	 color: #91929D;
}
.form-control{
	width:calc(100% - 24px);
}

.base-form-control{
	border-radius: 8px;
}

.form-group .form-control{
	font-weight: 400;
	color:var(--black);
	border:1px solid rgba(0, 0, 0, 0.21);
}

.form-group{
	padding-top:12px;
	padding-bottom:12px;
}
	
.form-group label{
	font-size:16px;
	font-weight:400;
	color:var(--black);
	margin-bottom:10px;
	display: block;
}

.base-form .form-group label{
	font-weight:400;
	color:var(--grey-02);
}

.img-icon{
	position: relative;
	display:inline-block;
	min-width:20px;
	min-height:20px;
}

.img-icon.icon-md{
	width:24px;
	height:24px;
}

.img-icon:before{
	content: '';
	background-image:url("../images/sprite_images_all.png");
	position:absolute;
	top:0;
	left:0;
}
.crosshair:before{
	background-position: -96px -3px;
	min-width:20px;
	min-height:20px;
}
.cart:before{
	background-position: -3px -37px;
	min-width:24px;
	min-height:24px;
}

.eye:before{
	background-position: -44px -40px;
	min-width:24px;
	min-height:24px;
}
.list-view:before{
	background-position: -166px -4px;
	min-width:20px;
	min-height:20px;
}

.close-sm:before{
	background-position: -64px 0px;
	min-width:20px;
	min-height:20px;
}

.back-sm:before{
	background-position: -133px -1px;
	min-width:20px;
	min-height:20px;
}

.search-store:before{
	background-position: 0px 0px;
	min-width:20px;
	min-height:20px;
}
.search-store{
	position: absolute;
    top: 8px;
    left: 8px;
    z-index: 1;
}

.icon-approval{
	background: #fff;
    padding: 3px;
    border-radius: 4px;
}
.date-picker{
	position:relative;
}
.date-picker:after{
	content:'';
	position:absolute;
    background-image: url(../images/icons/Calendar.png);
    background-repeat: no-repeat;
    z-index: 1;
    width: 24px;
    height: 24px;
    right: 3px;
    top: 14px;
}

.button{
	font-size:14px;
	cursor:pointer;
	padding: 10px;
	border-radius:4px;
}


.primary{
	background:var(--extended-primary-color);
    color: var(--white);
    width: 100%;
    font-weight: 600;
}

.button.primary{
	border: 1px solid var(--extended-primary-color);
}

.button.button-red{
	background: var(--red);
	border: 1px solid var(--red);
}

.button.button-green{
	background: var(--green);
	border: 1px solid var(--green);
}

.button.button-eway{
	background: #f3a905;
    border: 1px solid #f3a905;
}

.button.button-paypal{
	background: #002e83;
    border: 1px solid #002e83;
    color:#fff;
}

.primary-color{
	color: var(--primary-color);
}

.primary-dark-color{
	color: var(--blue-03);
}

.black-color{
	color : var(--black) !important;
}

.color-white{
	color: var(--white);
}

.color-green {
	color: var(--green);
}

.warning{
	color: var(--orange);
}


.button.transparent{
	background:transparent;
	border: 1px solid var(--white);
	color: var(--white);
}


.button.link {
    color: var(--primary-color);
    font-size: 14px;
    font-weight: 600;
    background: none;
    border: none;
    padding: 0;
    text-transform: capitalize;
}

.secondary-color{
 color: var(--secondary-color)
}

.secondary-light-color{
	color: var(--grey-03);
}
.brand-color{
	color: var(--primary-color);
}
.light-gray{
color: var(--grey-03);
}

.button-xl{
	font-size:20px;
	padding:15px 20px;
	font-weight:700;
	border-radius: 8px;
}

.button-lg{
	font-size:16px;
	padding:16px 20px;
}

.button-md{
	font-size:16px;
	padding:14px 20px;
}
.secondary{
	background:#fff;
	border:1px solid var(--secondary-light-color);
	color:var(--primary-color);
}

.tertiary{
	background:var(--tertiary-color);
	color:#000;
}

.btn-small{
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	padding:8px 12px;
	color:var(--primary-color);
	background:var(--cart-bg-color);
	border-radius: 10px;
	display: flex;
    align-items: center;
    gap: 10px;
}

.btn-small.btn-free-gift{
	color:var(--white);
	background:var(--green);
}



.button.a-link{
	background: transparent;
	border:0 none;
	color:var(--primary-color);
}

.msg{
	font-size:12px;
	display:none;
}
.msg.msg-error{
	color:var(--red);
}

.msg-error-light{
	color:#fff1b3;
}

.form-error, .form-control.form-error{
	border:1px solid var(--dark-red);
	display:block;
}
.msg.active{
	display:block;
}


.button.disable{
	background: #e3e3e3;
    text-align: center;
    color: var(--grey-05);
    line-height: 22px;
    font-weight: 600;
    border: 1px solid var(--grey-05);
    pointer-events: none;
}
.button.primary-disable{
	background: var(--light-blue);
    text-align: center;
    color: var(--white);
    line-height: 22px;
    font-weight: 600;
    border-color:var(--light-blue);
}
.button.button-danger{
	border:1px solid var(--dark-red);
	color:var(--dark-red);
	font-weight: 600;
}

.d-flex-middle-left{
    display: flex;
    justify-content: left;
    align-items: center;
}
.d-flex-middle-center{
    display: flex;
    justify-content: center;
    align-items: center;
}

.d-flex-middle-right{
    display: flex;
    justify-content: right;
    align-items: right;
}
.underline:hover{
	text-decoration: none;
}
.underline{
	text-decoration:underline;
}

.bg-primary{
	background: var(--primary-color);
}
.bg-white{
	background: var(--white);
}

.relative{
	position: relative !important;
}

.left {
	float: left;
}

.right {
	float: right;
}

.w-100,
.elm-fluid {
	width: 100% !important;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-center.no-base {
	text-align: center !important;
}

.uppercase {
	text-transform: uppercase;
}

.capitalize {
	text-transform: capitalize;
}

.font-light {
	font-weight: 200;
}

.font-semi-regular {
	font-weight: 400 !important;
}

.font-regular {
	font-weight: 500;
}


.font-medium {
	font-weight: 600;
}

.font-semi-bold {
	font-weight: 700;
}

.font-bold {
	font-weight: 800;
}

.font-extra-bold {
	font-weight: 900;
}

.clear {
	clear: both;
}

.line-through {
	text-decoration: line-through;
}

.color-danger {
	color: var(--dark-red);
}


.color-grey {
	color: #ddd;
}

.color-tertiary {
	color: #3A4980;
}

.color-base {
	color: #1D2939;
}

.color-regular {
	color: var(--secondary-color);
}

.grey-600{
	color: var(--grey-13);
}

.color-green-light{color:#06AF87}

.font-xs {
	font-size: 10px;
}

.font-s {
	font-size: 12px;
}

.font-sm {
	font-size: 14px;
}

.font-md {
	font-size: 16px;
}

.font-lg {
	font-size: 18px;
}

.font-xl {
	font-size: 20px;
}

.font-xxl {
	font-size: 24px;
	line-height:32px;
}

.word-wrap{
	word-wrap: break-word;
}

.m-0,
.no-margin {
	margin: 0px !important;
}

.m-lr-0 {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.p-lr-0 {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.p-lr-5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.p-lr-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}

.p-lr-20 {
	padding-left: 20px;
	padding-right: 20px;
}

.p-lr-30 {
	padding-left: 30px;
	padding-right: 30px;
}

.p-lr-50 {
	padding-left: 50px;
	padding-right: 50px;
}

.p-tb-8 {
	padding-top: 8px;
	padding-bottom: 8px;
}

.p-tb-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.p-tb-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.p-0,
   .no-padding {
	padding: 0px !important;
}

.pl-0 {
	padding-left: 0 !important;
}

.pr-0 {
	padding-right: 0 !important;
}

.no-border {
	border: 0 none !important;
}

.border {
	border:1px solid #e4e4e4;
}

.border-top {
	border-top:1px solid #e4e4e4;
}

.border-bottom {
	border-bottom:1px solid #EEEEEE;
}

.border-primary-radius {
	border:1px solid var(--secondary-light-color);
	border-radius:4px;
}
.border-radius-06{
	border-radius:6px !important;;
}
.border-radius-08{
	border-radius:8px !important;;
}
.border-none {
	border: none !important;
}

.bg-grey {
	background: #ddd !important;
}

.bg-none {
	background: none !important;
}

.p-10 {
	padding: 10px !important;
}

.p-15 {
	padding: 15px !important;
}

.p-20 {
	padding: 20px !important;
}

.p-25 {
	padding: 25px !important;
}

.p-30 {
	padding: 30px !important;
}

.pr-5 {
	padding-right: 5px !important;
}

.pr-10 {
	padding-right: 10px !important;
}

.pr-15 {
	padding-right: 15px !important;
}

.pr-20 {
	padding-right: 20px !important;
}

.pr-25 {
	padding-right: 25px !important;
}

.pl-0 {
	padding-left: 0px !important;
}
.pl-5 {
	padding-left: 5px !important;
}

.pl-10 {
	padding-left: 10px !important;
}

.pl-15 {
	padding-left: 15px !important;
}

.pl-20 {
	padding-left: 20px !important;
}

.pl-25 {
	padding-left: 25px !important;
}

.pt-05{
	padding-top:5px;
}

.pt-8{
	padding-top:8px;
}
.pt-16{
	padding-top:8px;
}
.pb-16{
	padding-top:8px;
}

.pt-5 {
	padding-top: 5px !important;
}

.pt-10 {
	padding-top: 10px !important;
}

.pt-15 {
	padding-top: 15px !important;
}

.pt-20 {
	padding-top: 20px !important;
}

.pt-30 {
	padding-top: 30px !important;
}

.pt-40 {
	padding-top: 40px !important;
}

.pb-5 {
	padding-bottom: 5px !important;
}

.pb-10 {
	padding-bottom: 10px !important;
}

.pb-15 {
	padding-bottom: 15px !important;
}

.pb-20 {
	padding-bottom: 20px !important;
}

.pb-30 {
	padding-bottom: 30px !important;
}

.pb-40 {
	padding-bottom: 40px !important;
}

.m-10 {
	margin: 10px !important;
}

.m-15 {
	margin: 15px !important;
}

.m-20 {
	margin: 20px !important;
}

.m-25 {
	margin: 25px !important;
}

.m-30 {
	margin: 30px !important;
}

.mt-10 {
	margin-top: 10px !important;
}

.mt-15 {
	margin-top: 15px !important;
}

.mt-20 {
	margin-top: 20px !important;
}

.mt-30 {
	margin-top: 30px !important;
}

.mt-40 {
	margin-top: 40px !important;
}

.mt-50 {
	margin-top: 50px !important;
}

.mr-5 {
	margin-right: 5px !important;
}

.mr-10 {
	margin-right: 10px !important;
}

.mr-15 {
	margin-right: 15px !important;
}

.mr-20 {
	margin-right: 20px !important;
}

.ml-5 {
	margin-left: 5px !important;
}

.ml-10 {
	margin-left: 10px !important;
}

.mb-0 {
	margin-bottom: 0px !important;
}

.mb-05 {
	margin-bottom: 5px !important;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.mb-15 {
	margin-bottom: 15px !important;
}

.mb-20 {
	margin-bottom: 20px !important;
}

.mb-30 {
	margin-bottom: 30px !important;
}

.mb-40 {
	margin-bottom: 40px !important;
}

.mb-50 {
	margin-bottom: 50px !important;
}

.pe-none {
  pointer-events: none;
}

.d-flex {
	display: flex;
}

.d-flex-gap-5 {
	display: flex;
	gap: 5px !important;
}

.d-flex-gap-10 {
	display: flex;
	gap: 10px;
}

.d-flex-gap-15 {
	display: flex;
	gap: 15px;
}

.d-flex-gap-20 {
	display: flex;
	gap: 20px;
}

.d-flex-gap-25 {
	display: flex;
	gap: 25px;
}

.d-flex-gap-40 {
	display: flex;
	gap: 40px;
}

.align-content-middle {
	display: flex;
	align-items: center;
}

.align-content-center {
	display: flex;
	justify-content: center;
}

.flex-end{
	display: flex;
	justify-content: end;
}

.num-stepper {
  display: flex;
  margin:0 0 10px 0;
  padding:0px;
}
.num-stepper-desc, 
.num-stepper-item:before{
	font-size:14px;
	font-weight:500;
	color:var(--secondary-light-color);
}
.num-stepper-item {
  display: flex;
  flex-direction: column;
  flex: 1;
  text-align: center;
}
.num-stepper-item:before {
    /*--size: 3rem;*/
    display: block;
    width: var(--circle-size);
    height: var(--circle-size);
    border-radius: 50%;
    background-color: #fff;
	border:2px solid #fff;
    margin: 0 auto 1rem;
	display: flex;
	align-items: center;
    justify-content: center;
	box-shadow: 0px 0px 0px 4px #EDF0F8;
  }
  
.num-stepper-item:not(:last-child):after{
	  content: "";
      position: relative;
      top: calc(var(--circle-size) / 2);
      width: calc(100% - var(--circle-size) - calc(var(--spacing) * 2));
      left: calc(50% + calc(var(--circle-size) / 2 + var(--spacing)));
      height: 3px;
      background: rgb(237,240,248);
	  background: linear-gradient(90deg, rgba(237,240,248,1) 56%, rgba(237,240,248,0) 100%);
      order: -1;
}
.stepper-01:before{content: "01";}
.stepper-02:before{content: "02";}
.stepper-03:before{content: "03";}
.stepper-04:before{content: "04";}
.stepper-current:before{
	border:2px solid var(--primary-color);
	color:var(--primary-color);
}

.stepper-active span{
	cursor: pointer;
}
.stepper-current .num-stepper-desc, 
.stepper-current .num-stepper-item:before{
	color:var(--primary-color);
}
.stepper-active:before{
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    background: var(--primary-color);
    color: #fff;	
}
.stepper-active .num-stepper-desc{
    color: var(--primary-color)	
}

.num-stepper-title {
  font-weight: bold;
  font-size: clamp(1rem, 4vw, 1.25rem);
  margin-bottom: 0.5rem;
}

.num-stepper-desc {
  padding:0 0 10px 0;

}


.stepper-wrapper {
  max-width: 1000px;
  margin:0;
}

.plus-box{
	background: rgb(237 240 248 / 70%);
    border-radius: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    height:30px;
    width:30px;
}
	
.fa-plus-box{
	position: absolute;
    right: 0;
    top: 50%;
    transform: translate(40%, -50%);
}


.price-col{
	font-size:16px;
	line-height:20px;
	font-weight:700;
}


.tabs-content {
  display: none;
  padding: 10px 20px;
}

.tabs-content.active {
  display: block;
}
 .step-tabs .tab-button{
 	width:50%;
 }
 
 .tabs-button-Wrapper {
    border-bottom: 1px solid #bbb;
    margin-bottom: 30px;
    margin-top: 20px;
}
 
.tab-button{
	font-size:16px;
	font-weight: 400;
	color:var(--grey-01);
	background:transparent;
	border:0 none;
	padding:8px 20px;
	text-align:center;
}   


.tab-button.active{
	font-weight: 600;
	color:var(--primary-color);
}   
    
.card{
	background: var(--light-blue);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding:15px 20px 20px 20px;
    margin-bottom:20px;
    
}

.card-sm{
	max-width:438px;
}

.card-md{
	max-width:668px;
}

.mini-card{
background: var(--primary-bg-color);
    border-radius: 4px;
    padding:15px 20px 20px 20px;
}   
    
.basicButton>span, .departmentButton>span {
    padding: 0 15px;
    line-height: normal;
    vertical-align: middle;
    text-align: center
}
#content {
    overflow: hidden
}
.default_cursor {
    cursor: default
}
.basicButton {
    display: inline-block;
    border: 1px solid #56bc78;
    border-radius: 10px;
    vertical-align: middle;
    background: #56bc78;
    color: #ffffff;
}

.basicButton>span {
    display: table-cell;
    height: 30px;
}
.departmentButton {
    display: inline-block;
    margin: 5px 0px 5px 0px;
    vertical-align: middle;
    border-bottom: 0px solid var(--primary-color);
}
.departmentButton:hover {
    border-bottom: 0px solid #919292;
    background: #eee;
}
.departmentButton.selected {
    color: #111433;
    font-size: 13px;
    background-color: #fff;
}
.departmentButton>span {
    display: table-cell;
    max-width: 196px;
    height: 30px;text-transform: uppercase;
    
}
.departmentButton.selected>span {
    border-color: #fdd466
}

.navBaseHead {
    position: relative;
    background: #dde1ef;
    border-top: 5px solid var(--primary-color);
    border-bottom: 5px solid var(--primary-color);
 }

.navBaseHead .navHead {
    min-height: 77px; 
    width: 100%;
    max-width: 1200px;
    margin: 0 auto
}

@media (max-width:1024px) {

	.mobileSearchModal .modal-dialog{
	 margin: 0;
	 max-width: 1024px;
    width: auto;
    padding-top: 0px;
}

.mobileSearchModal .modal-dialog .modal-content{
	 height:100vh;
}

.mobileSearchModal .headerSearchWrapper{
	width:100%;
}

.mobileSearchModal .headerSearchWrapper .search-term-wrapper{
	background: #FBFBFB;
    border: 1px solid #EBEBEB;
    border-radius: 100px;
    height: auto;
    padding: 0px;
    width: 90%;
    margin: 0 0 0 25px;
}

.mobileSearchModal .headerSearchWrapper .search-term-wrapper input{
	background: #FBFBFB;
    border: 1px solid #EBEBEB;
    border-radius: 100px;
    padding-left: 35px;
    height: 34px;
    top: 0px;
    width: 100%;
}

.mobileSearchModal .search-options{
	position: absolute;
    top: 17px;
    right: 0px;
    gap: 12px;
}

.mobileSearchModal .headerSearchWrapper .submitButton{
	background-color: transparent;
    border-radius: 4px;
    padding: 12px 18px;
    left: 28px;
    right: auto;
}

.mobileSearchModal .headerSearchWrapper .searchSubmit:after{
	    width: 24px;
    height: 24px;
    top: -6px;
    left: -15px;
    background: url(../images/icons/mobile-search.png) no-repeat;
}
.mobile-search-modal.show{
	width: 100% !important;
    height: 100% !important;
}

.mainHeader .headerLinksWrapper .header-links .headerIcon-wrapper .headerIcon-text{
	display:none !important;
}

 .mobile-navigation .mobile-login-signup{
	background: var(--primary-color);
    border-radius: 5px;
    margin: 0px -15px;
    padding: 0px;
    margin-bottom: 0px;
    font-weight: 600;
    font-size: 14px;
    color: var(--white);
}

.mobile-nav-header{
	background-color:rgb(0 0 0 / 7%);
	padding: 15px 20px;
	display: flex;
    align-items: center;
    gap: 16px;
}

.mainHeader .headerLinksWrapper .header-links li.separator-false{
	display:block !important;
}
.headerLinksWrapper #quickLinksBar{
	padding-top:0px;
	padding-right: 0px;
	align-items:center;
	gap:20px;
}
.header-links .mobile-serach-btn{
	position:relative;
}
.header-links .mobile-serach-btn:before{
	content: '';
	background-image:url("../images/icons/SearchMobile.png");
	position:absolute;
	width:24px;
	height:24px;
	top: -13px;
    left: -25px;
}
.headerWrapper #headerRow2{
	height:0px;
}
.headerWrapper .mainHeader {
    padding: 15px 0px;
}
.headerWrapper:after{
	display:none;
}
.footer-wrapper{
	padding: 0px 16px !important;
}
.footer-wrapper .container{
	--bs-gutter-x: 0;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}
.footer-wrapper .header .toggle h3{
	 background-image: url(../images/icons/VectorDown.png);
	 background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 7px;
}

.footer-wrapper .section .header h3{
	font-weight:500;
}
#footerRow1 .section ul{
	display:none;
}
#footerRow1 .section.paper-supplies{
	margin-top:0px !important;
}

#footerRow1 .section.active ul{
	display:block;
	margin-bottom: 25px;
}
#footerRow1 .section .header h3{
	display:none;
}
#footerRow1 .section .header a h3{
	display:block;
}
#footer .section.active .header{
	margin-bottom:15px !important;
}
#footer .section .header{
	margin-bottom:25px !important;
}
#footerBottom .copy {
	    text-align: center;
    margin-bottom: 15px;
    font-weight:500;
    color: rgb(0 0 0 / 75%);
}
#footerBottom .dealer-panel-visa ul li .paywityh-wrapper{
	    justify-content: center;
}
#footerBottom .dealer-panel-visa ul{
	   padding:0px;
}
.headerWrapper .cd-dropdown-wrapper .cd-dropdown-content > .custom-navigation a{
padding: 15px 15px 15px 40px;
}
}
.navHead.stickyHead  div#home_menu, div#special_offers, div#PUBLICATIONS, div#mobile_app, div#toner_finder, div#URewards, div#furniture-i, div#booklist, div#latestCatalogues {
    width: 10.1% !important;
}

.navHead.stickyHead center {
    max-width: 1200px;
    margin: 0 auto;
}

#headerRow2 div#home_menu, div#services_menu, div#special_offers, div#PUBLICATIONS, div#mobile_app, div#toner_finder, div#URewards, div#furniture-i, div#booklist, div#latestCatalogues {
    border-right: solid 2px var(--primary-color);
    margin: 7px 0px 7px 0px;
    text-transform: uppercase;
    height: 61px;
    width: 9%;
    padding: 0% 0.5%;
}


#headerRow2 .navHead .nav-head-link a {
    font-size: 13px;
    display: block;
    line-height: 15px;
    text-align: center;
    
}

/* PDP MAQ UI */
.maq-qty-wrapper{
	padding-bottom: 15px;
}

.maq-qty{
	display: flex;
	@media (max-width: 1024px){
		gap: 12px;
	}
}

.maq-button.action-btns{text-align:left}

@media (min-width: 1025px){
	.maq-set-sku .moq-qty-box{margin-right: 12px;}
	.maq-set-sku .moq-sku-box{
		margin-right: 5px;
		@media (max-width: 1366px){
			margin-right: 15px;
		}
	}
	.maq-set-sku .moq-sku{
		width:calc(100% - 12px);
		@media (max-width: 1366px){
			width:100%;
		}
	}
	.moq-qty-box .moq-qty{
		 @media (min-width: 1025px) and (max-width: 1366px){
			width:93px;
		}
		@media (min-width: 1367px){
			width:100%; 
			max-width:121px;
		}
	}
}

.maq-qty-wrapper select{
    height: 45px;
    border:1px solid var(--primary-color);
    text-align: center;
	    @media (max-width: 1024px){
	    	width:100%;
	    }
    }

.moq-qty-box{
	width:17.333%;
	@media (max-width: 1024px){
		width:16.333%;
	}	
}


.maq-button{
	width:41.333%;
	
	@media (max-width: 1024px){
		max-width:184px;
	}
	
	@media (min-width: 1025px) and (max-width: 1280px){
		max-width:250px;
		margin-left:10px;
	}
	
	@media (min-width: 1281px) and (max-width: 1366px){
		max-width:221px;
		margin-left:10px;
	}
	
	@media (min-width: 1367px){
		max-width:280px;
		margin-left:12px;
	}
}

.maq-set-sku .maq-button{
	width:41.333%;
}

.maq-set-sku .maq-button{	
	margin-left:0;
	@media (min-width: 1025px){
		max-width:266px;
	}
}

.moq-sku-box{
	width:41.333%;
}
    
.maq-qty-wrapper .save-maq-qty{
	border: 0 none;
    padding: 13px 15px;
    display: flex;
    gap: 10px;
    align-items: center;
}

.save-maq-qty path{
	color:var(--primary-color);
}

.maq-qty-wrapper label{
	display:block;
    font-size: 16px;
    font-weight: 500;
    color: var(--grey-02);
}
/* End PDP MAQ UI */

.basicMenu {
    display: none
}
.basicMenu.active {
    display: block;
    position: absolute;
    top: 100%;
    z-index: 20;
    background-color: #fff;
    border: 1px solid #c9cece;
    border-radius: 0 0 4px 4px
}
.basicMenu>.closeButton, .basicMenu>h3 {
    display: none
}
.basicMenu>ul {
    margin: 0;
    padding: 0 16px 16px;
    list-style: none
}
.basicMenu>ul>li {
    padding: 8px 0
}
.basicMenu>ul>li>a {
    display: block;
    margin: 0 -8px;
    padding: 8px
}
.basicMenu>ul>li>span {
    display: block;
    padding: 8px 0
}
#quickLinksBar>li>a:not(.nohover):hover, #searchFilterButton:hover, .basicMenu a:hover, .departmentMenu a:hover, .product_info>.product_name>a:hover {
    text-decoration: none;
}
span#contactQuickLink_alt:hover {
    text-decoration: underline;
}

.arrow_button_icon {
    float: right;
    position: absolute;
    width: 7px;
    height: 7px;
    overflow: hidden;
    right: -8px;
    bottom: 14px;
    display: none;
}
#quickLinksButton .arrow_button_icon {
    bottom: 3px
}
.arrow_button_icon:before {
    content: url(../images/responsive/rwdUI.png);
    position: absolute;
    top: -1px;
    left: -101px
}
#allDepartmentsButton .arrow_button_icon:before, #departmentsButton .arrow_button_icon:before, #quickLinksButton .arrow_button_icon:before, #widget_minishopcart .arrow_button_icon:before {
    content: url(../images/responsive/rwdUI.png);
    position: absolute;
    top: -1px;
    left: -121px
}
.departmentButton.selected .arrow_button_icon:before {
    content: url(../images/responsive/rwdUI.png);
    position: absolute;
    top: -21px;
    left: -21px
}
#allDepartmentsButton.selected .arrow_button_icon:before, #departmentsButton.selected .arrow_button_icon:before, #quickLinksButton.selected .arrow_button_icon:before, #widget_minishopcart.selected .arrow_button_icon:before {
    content: url(../images/responsive/rwdUI.png);
    position: absolute;
    top: -21px;
    left: -241px
}
.pageControlButton:after {
    background-position: -141px -1px
}
.left_espot {
    position: relative;
    z-index: 0
}
.left_espot.centered {
    text-align: center
}
.left_espot.centered>a, .left_espot.centered>img {
    display: inline-block;
    max-width: 100%;
    vertical-align: top
}
.left_espot.centered>a>img {
    display: block;
    max-width: 100%
}
.subscribeButton {
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 1;
    background-color: rgba(0,0,0,0);
    line-height: 0
}
#header, #headerRow1, #headerRow2 {
    position: relative
}


#header .topHeader {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #8d7c7c3b;
    padding: 7px 0px;
}

#header .topHeader .topHeaderWrapper{
    display: flex;
    justify-content: space-between;
}
#header .store-locator{
	color:var(--white);
	gap:5px;
	font-weight: 500;
	display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
}

#header .store-locator a{
	color: var(--white);
}

.call-us, #header .call-us a {
    color: var(--white);
}

#header .topHeader-staticLinks ul{
	padding:0px;
	margin:0px;
	display:flex;
}
#header .topHeader-staticLinks ul li{
	list-style: none;
	position:relative;
}

#header .topHeader-staticLinks ul li a{
	list-style: none;
	position:relative;
}

#header .topHeader-staticLinks ul li a{
	text-decoration:none;
	color: var(--white);
	position:relative;
}
/* #header .topHeader-staticLinks ul li:not(:last-child):before, .call-us:before{
	position: absolute;
    content: '';
    width: 1px;
    height: 10px;
    background:var(--white);
    right: 0;
    top:3px;
}*/

.secondary-header-wrapper{
	    padding: 20px 0px;
	     background:var(--primary-color);
}

.secondary-header-wrapper .store-locator{
 text-align:right;
}

.call-us:before{
	left:0;
	right: inherit;
}

#header .topHeader-staticLinks ul li:not(:last-child) {
    padding-right: 5px;
    margin-right: 5px;
}


#header:before, #headerRow1:after, #headerRow2:after {
    content: "";
    display: block
}
#header {
    font-size:12px;
    line-height:16px;
    z-index: 10;
    margin: 0px auto;
}

#header {
    background: var(--primary-color);
}

.mainHeader{
	padding-top: 18px;
	padding-bottom: 18px;
}

.headerWrapper{
	position:relative;
}

/*.headerWrapper:after{
	content: '';
    position: absolute;
    left: -23px;
    top: -6px;
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-right: 35px solid transparent;
    border-top: 35px solid var(--tertiary-color);
    clear: both;
    transform: rotate(135deg);
}*/
.headerSearchWrapper{
	position: relative;
    width: 85%;
    margin: auto;
}

.headerSearchWrapper .search-term-wrapper{
	background: var(--grey-06);
    height: 42px;
    padding-left: 12px;
    border-radius: 4px;
}

.search-term-wrapper input{
	width: 100%;
    height: 38px;
    line-height: 34px;
    background: var(--grey-06);
    border: none;
    padding: 0px;
    top: 2px;
    position: relative;
   	color: var(--black);
}

.mob-search{
	padding:0 16px 10px 16px;
}

.headerSearchWrapper .submitButton{
	position: absolute;
    right: 0;
    top: 0;
    background-color: var(--tertiary-color);
    border-radius: 4px;
    padding: 21px 26px;
}

.headerSearchWrapper .searchSubmit,.headerSearchWrapper .searchBox{
	position:relative;
}

.headerSearchWrapper .searchSubmit:after{
	position:absolute;
	content: '';
	background: url(../images/icons/search.png) no-repeat;
	background-size: contain;
    width: 18px;
    height: 18px;
    top: -8px;
    right: -11px;
}

#header .headerIcon-wrapper {
    display: flex;
    gap: 10px;
        align-items: center;
}


#header .headerIcon-text {
    display: flex;
    flex-direction: column;
    color: var(--white);
    font-weight: 300;
}

#header .headerIcon-text br{
   display:none;
}

#header .headerIcon-text span {
    font-weight: 500;
}

.navHead.stickyHead {
  	background: #dde1ef;
    position: fixed;
    width: 100%;
    height: 80px;
    z-index: 2;
    top: 0;
    max-width: 100%;
    
}
#headerRow2 {
    color: var(--primary-color);
    font-size: 13px; 
}

.cd-dropdown-content ul a{
	color: var(--secondary-color) !important;
	font-size: 14px;
	line-height: 17px;
	font-weight:500;
}




/* =============================================
	Home page changes 
	============================================ */
.no-features .action-attributes,
.no-features .compare_target, 
.best-selling .compare_target,
.view-all-products .compare_target{
	/*display:none !important;*/
}
.no-features .bulk-price-box,
.featured-products .action-attributes,
.featured-products .compare_target,
.featured-products .add-to-favourite{
	display:none !important;
}

.subscribeButton:before {
    content: url(../images/responsive/rss_feed.png)
}

.best-selling .carousel>.carouselWrapper>div>.prevPageButton, 
.best-selling .carousel>.carouselWrapper>div>.nextPageButton{
margin-top:20px
}

.best-selling .product-item-col{
	margin:0 12px 0 0;
}

/*Header quickLinks Disable start*/

#quickLinksBar {
    color: #767676;
    text-align: right;
    padding-top: 0px;
     display: flex;
    justify-content: end;
    gap: 28px;
    padding-left:0px;
    align-items:baseline;
}
#quickLinksBar>li {
    display: inline-block;
    text-align: left;
    vertical-align: baseline;
    position:relative;
    border:0 none;
}
#quickLinksBar>li.hidden {
    position: absolute;
    visibility: hidden
}
#quickLinksBar>li.separator-false {
    border-right: 0 none
}
a#myAccountQuickLink_alt {
    background: url(../images/colors/color1/close_circle_sprite3.png) no-repeat 2px -60px;
   
}

#quickLinksMenu.active {
    top: 56px;
    right: 95px;
    width: 298px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px
}


#widget_minishopcart:not(.nohover):hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f7f9f9', endColorStr='#ced2d3')";
}
#cartDropdown>.closeButton:after, #searchFilterButton:after {
    content: "";
    background-image: url(../images/responsive/rwdUI.png)
}
#minishopcart_lock, #minishopcart_total {
    display: block;
    position: absolute;
    top: -7px;
    padding: 0px 5px;
    color: #000;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    left: 13px;
    border: 2px solid var(--primary-color);
    background: var(--tertiary-color);
    border-radius: 100px;
}
#minishopcart_lock.nodisplay, #minishopcart_total.nodisplay {
    display: none
}
#quick_cart_container > .dijitDialogPaneContent, #MiniShopCartProductAdded > .dijitDialogPaneContent {
    width: auto !important;
    height: auto !important;
}

#widget_minishopcart_popup>.cartDropDown_CSR {
    width: 415px
}

#cartDropdown>.closeButton:after {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    background-position: -61px -1px;
    vertical-align: middle
}


#departmentsButton {
    display: none
}
#departmentsMenu {
    margin: 0 0px;
    padding: 0;
    list-style: none
}
#departmentsMenu>li {
    display: inline-block;
    position: relative
}
#departmentsMenu>li.hidden {
    position: absolute;
    visibility: hidden
}
#departmentsMenu>li>.link, #departmentsMenu>li>.toggle {
    display: none
}
.departmentMenu {
    display: none;
    position: absolute;
    left: 2px;
    top: 100%;
    width: 360px;
    margin: 0;
    padding: 0 16px;
    list-style: none;
     font-size: 12px;
    background-color: #ffffff;
    border: 1px solid #515253;
    color: #333;
}
.departmentMenu.active {
    display: block
}
.departmentMenu>.header {
    margin: 0;
    padding: 8px 0;
    border-bottom: 1px dashed #ffa200;
    font-size: inherit
}
.departmentMenu>.header>.link {
    display: block;
    margin: 0 -8px;
    padding: 8px;
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.departmentMenu>.header>.toggle {
    display: none
}
.departmentMenu>li {
    padding: 8px 0;
    border-bottom: 1px solid #ffa200
}
.departmentMenu>li>a {
    display: block;
    margin: 0 -8px;
    padding: 8px;
    font-weight: 700
}
#allDepartmentsMenu {
    width: 240px;
    padding-bottom: 16px
}
.categoryList {
    margin: 0;
    padding: 8px 0;
    list-style: none
}
.departmentMenu.active>.categoryList {
    display: block
}
.categoryList>li {
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 50%;
    padding-right: 16px;
    vertical-align: top
}
.categoryList>li.more {
    display: block
}
.categoryList>li>a {
    display: block;
    margin: 0 -8px;
    padding: 8px;
    font-weight: 700;
    text-transform: uppercase
}
.categoryList>li>a:last-child {
    font-weight: 400;
    text-transform: none
}
.categoryList>li.more>a {
    font-weight: 700;
    text-transform: uppercase
}
.subcategoryList {
    margin: 0 0 8px;
    padding: 0 0 8px;
    list-style: none
}
.subcategoryList>li>a {
    display: block;
    margin: 0 -8px;
    padding: 8px
}


.search-dropdown-wrapper .product-result{
	width:50%;
	position:relative;
}
.suggested-keyword-results .list_section a{
	color: var(--primary-color);
}
.search-dropdown-wrapper .product-result.suggested-keyword-results:before{
	position: absolute;
    content: '';
    width: 1px;
    height: 90%;
    background: #EDF0F8;
    right: 0;
    margin-top: 10px;	
}

#searchDropdown {
   position: absolute;
    left: -1px;
    right: -1px;
    top: 44px;
    z-index: 1;
}

#AutoSuggestDiv::-webkit-scrollbar-track.
.scrollbar::-webkit-scrollbar-track.
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #F5F5F5;
	border-radius: 5px;
}

#AutoSuggestDiv::-webkit-scrollbar,
.scrollbar::-webkit-scrollbar{
	width: 6px;
	background-color: #F5F5F5;
}

#AutoSuggestDiv::-webkit-scrollbar-thumb,
.scrollbar::-webkit-scrollbar-thumb{
	background-color: #A3A9C2;
	border-radius: 5px;
}

#AutoSuggestDiv {
    background-color: #fff;
    border: 1px solid #c9cece;
    border-radius:5px;
    max-height: 460px;
    overflow: auto;
}
#AutoSuggestDiv>ul, .autoSuggestDivNestedList {
    padding: 0;
    list-style: none;
}
.list_section,.list_section>div{
	display: flex;
    flex-wrap: wrap;
    padding:5px;
    gap:10px;
}

.autoSuggestDivNestedList.product-drop-down li{
    padding: 10px;
}
#AutoSuggestDiv>ul>li {
    padding: 0;
    margin: 0;
    list-style: none
}
#AutoSuggestDiv #autoSuggestAdvancedSearch>a, 
#AutoSuggestDiv .searched-products  {
    padding: 6px 10px;
    font-size:12px;
    color: #344054;
    font-weight: 500;
    display: flex;
    gap:8px;
    cursor: pointer;
}

.search-thumbnail img {
    width: 44px;
    height: 44px;
}
.search-thumbnail {
    border: 1px solid #EDF0F8;
    height: 60px;
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.searched-details{
	width:70%;
}
.searched-name .highlight{
	font-weight: 700;
}
.search-suggested{
	position: absolute;
	z-index: 9;
	top:44px;
}

#autoSuggestStaticHistory .list_section li,
.search-suggested .list_section li{
	padding:0;
}
.search-suggested .list_section li a, 
#autoSuggestStaticHistory .list_section li a{
	padding:8px;
	background:#F4F4F5;
	border:1px solid #D3D4D8;
	color:var(--primary-color);
	border-radius: 2px;
    font-size: 12px;
}

#autoSuggestStaticHistory.list_section li strong.
.search-suggested .list_section li strong
{
	font-weight: 600;
}

#AutoSuggestDiv #autoSuggestAdvancedSearch>a, 
#AutoSuggestDiv .list_section li>a:hover{
    text-decoration:none;
}
#AutoSuggestDiv .heading {
    color: #A3A9C2;
    font-size: 14px;
    font-weight:500;
    padding: 10px 10px 14px 10px;
}
#AutoSuggestDiv #autoSuggestAdvancedSearch {
    border-bottom: 0 none;
    background-color: #fff;
    color: #b54200;
    padding: 0
}
#AutoSuggestDiv #autoSuggestAdvancedSearch:hover {
    background-color: #d9e9f7
}
#AutoSuggestDiv #autoSuggestAdvancedSearch>a:hover {
    text-decoration: underline
}
#autoSuggestCachedSuggestions_div, 
#autoSuggest_Result_div, #autoSuggest_Result_div_2 {
    display: none
}

/* Footer CSS */
#footerWrapper {
    background: var(--light-blue);
    border-top: solid 1px #EEEEEE;
    margin-top: 20px;
}
#footer {
    padding: 0px; 
    font-size: 14px;
    max-width: 1440px;
    margin: 0 auto;
}
.footer-row {
	border-bottom: solid 1px rgba(0, 0, 0, 0.3);
	padding-top: 20px;
}
.footer-without-enews {
    background: var(--primary-color);
    height: 64px;
    width: 100%;
}
#footerRow1.topFooterRow div#dealerPanelVisa ul li.float-left {
    padding-bottom: 5px;
}
#footer .section .header {
    margin-bottom:16px;
}
#footer .section .header h3 {
    font-size: 16px;
    color: var(--secondary-color);
    text-transform: capitalize;
}
#footer .section.mail-section .header h3 {
    font-size: 18px;
    display:block !important;
}
#footer .section a{
	color: #3A4980;
	font-size: 14px;
	text-decoration: none;
	font-weight:500;
}
@media (min-width: 1025px){
	#footer .section a.toggle {
	    display: none;
	}
	.grid-table-row{
		min-height:320px;
	}
}

/* we cant define new class for this that y need to add css with the existing classes or id */
div#eWAYBlock div {
    display: flex;
    gap: 10px;
    justify-content: end;
}


div#eWAYBlock div img {
    width: 110px;
    height: 30px;
}

.header.footer-sitemap h3 {
    padding-left: 0px;
    text-transform: uppercase;
    font-size: 16px;
    color: #333;
}
#footer .section ul {
    margin: 0px;
    padding: 0;
    list-style: none;
}
#footer .section ul li {
    margin-bottom: 10px;
}
#footer .section ul.info-list li {
    margin-bottom: 5px;
}
#footer .section ul.info-list li span {
    font-weight: bold;
}

#footer .section ul.info-list li a {
    text-decoration: underline;
}
.mail-box {
    position: relative;
}
.mail-box input[type="text"] {
    width: 90%;
    border: 0;
    border-radius: 4px;
    height: 36px;
    padding: 10px 16px;
        /*  text-transform: capitalize; */
}
.mail-box input::placeholder {
    color: #afafaf;
}
#footer .mail-box #eNewsButton {
    width: 56px;
    background: var(--tertiary-color);
    border: 0;
    border-radius: 5px;
    height: 36px;
    padding: 5px 10px;
    position: absolute;
    right: 0;
    top: 0;
}
.long-arrow {
    display: block;
    width: 14px;
    height: 14px;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    transform: rotate(135deg);
    margin-left: 15px;
}
.long-arrow:after {
    content: "";
    display: block;
    width: 2px;
    height: 24px;
    background-color: black;
    transform: rotate(-45deg) translate(8px, 3px);
    left: 0;
    top: 0;
}
#joinMailList ul.social {
    display: flex;
    gap:25px;
}
#joinMailList ul.social li img {
    width: 36px;
    height: 36px;
}

#footer div#eWAYBlock, #eWAYBlock > div {
    text-align: right !important;
}
#footerBottom{
	padding: 12px 0px;
}
.paywityh-wrapper {
    display: flex;
    justify-content: end;
    gap: 15px;
    align-items: center;
}
.paywityh-wrapper img {
    width: 141px;
}
.dealer-panel-visa ul li{
	margin: 0px !important;
	list-style:none;
}
#footerRow1{
	 padding-bottom: 20px;
}
.dealer-panel-visa .copy {
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: rgba(0, 0, 0, 0.75);
}
div#footerWrapper div#footer .header.footer-sitemap {
    padding: 8px 0px;
}

.carousel-wrapper{
	position:relative;
}
.carousel {
    position: relative
}

.carousel>.content {
    position: relative;
    z-index: 0
}
.carousel>.carouselWrapper>.content,
.carousel>.carousel-wrapper>.content  {
    position: relative;
    width: 100%;
}
.carousel>.carousel-wrapper>.content>ul
.carousel>.carouselWrapper>.content>ul, 
.carousel>.content>ul {
    display: block;
    position: relative;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    width: 100%
}
.carousel>.carousel-wrapper>.content>ul>li
.carousel>.carouselWrapper>.content>ul>li, 
.carousel>.content>ul>li {
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    width: 100%
}

.carousel>.carousel-wrapper>.content>ul>li.hidden, 
.carousel>.carouselWrapper>.content>ul>li.hidden, 
.carousel>.content>ul>li.hidden {
    visibility: hidden
}
.carousel .left_espot.centered {
    margin: 0 5px
}

.carousel>.carousel-wrapper>div>.nextPageButton, 
.carousel>.carousel-wrapper>div>.prevPageButton,
.carousel>.carouselWrapper>div>.nextPageButton, 
.carousel>.carouselWrapper>div>.prevPageButton, 
.carousel>.nextPageButton, .carousel>.prevPageButton {
    display: block;
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 45px;
    height: 45px;
    margin-top: -21px;
    overflow: hidden
}
.carousel>.carousel-wrapper>div>.prevPageButton, 
.carousel>.carouselWrapper>div>.prevPageButton, 
.carousel>.prevPageButton {
    left: -13px
}

.carousel>.carousel-wrapper>div>.nextPageButton,
.carousel>.carouselWrapper>div>.nextPageButton, 
.carousel>.nextPageButton {
    right: -13px
}

.carousel>.carousel-wrapper>div>.nextPageButton.hidden,
.carousel>.carousel-wrapper>div>.prevPageButton.hidden, 
.carousel>.carouselWrapper>div>.nextPageButton.hidden,
.carousel>.carouselWrapper>div>.prevPageButton.hidden, 
.carousel>.nextPageButton.hidden, 
.carousel>.prevPageButton.hidden {
    display: none
}

.carousel>.carousel-wrapper>div>.nextPageButton:before, 
.carousel>.carousel-wrapper>div>.prevPageButton:before, 
.carousel>.carouselWrapper>div>.nextPageButton:before, 
.carousel>.carouselWrapper>div>.prevPageButton:before, 
.carousel>.nextPageButton:before, 
.carousel>.prevPageButton:before {
    content: url(../images/responsive/rwdUI.png);
    display: block;
    position: absolute;
    top: -312px;
}

.carousel>.carousel-wrapper>div>.prevPageButton:before,
.carousel>.carouselWrapper>div>.prevPageButton:before, 
.carousel>.prevPageButton:before {
    left: 0px
}

.carousel>.carousel-wrapper>div>.nextPageButton:before, 
.carousel>.carouselWrapper>div>.nextPageButton:before, 
.carousel>.nextPageButton:before {
    left: -66px;
}

.carousel>.carousel-wrapper>div>.prevPageButton:active:before, 
.carousel>.carousel-wrapper>div>.prevPageButton:hover:before, 
.carousel>.carouselWrapper>div>.prevPageButton:active:before, 
.carousel>.carouselWrapper>div>.prevPageButton:hover:before, 
.carousel>.prevPageButton:active:before, .carousel>.prevPageButton:hover:before {
    left: 0px;
}

.carousel>.carousel-wrapper>div>.nextPageButton:active:before, 
.carousel>.carousel-wrapper>div>.nextPageButton:hover:before, 
.carousel>.carouselWrapper>div>.nextPageButton:active:before, 
.carousel>.carouselWrapper>div>.nextPageButton:hover:before, 
.carousel>.nextPageButton:active:before, 
.carousel>.nextPageButton:hover:before {
    left: -66px
}
.pageControl {
    position: absolute;
    z-index: 1;
    left: 10px;
    right: 10px;
    bottom: 14px;
    text-align:center
}
.pageControl.hidden {
    display: none
}

.pageControl>a {
    display: inline-block;
    vertical-align: top
}
.pageControl>.hidden {
    display: none!important
}
.pageControl.dot>a {
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background-color: #FFF;
    border: 1px solid transparent;
    border-radius: 6px;
}
.pageControl.dot>a:hover {
    opacity: .6
}
.pageControl.dot>a.selected {
        background-color: #999
}
.pageControl.number>a {
    width: 8px;
    height:8px;
    margin: 0 3px;
    background-color: #3A4980;
    border-radius: 100%;
    color: #fff;
    font-size: 14px;
    opacity: .6;
}
.pageControl.number>a:hover {
    opacity: .6
}
.pageControl.number>a.selected {
    opacity: .8;
    width: 20px;
    border-radius: 14px
}
.pageControl.number>.ellipsis:after {
    content: "\2026";
    color: #4d4d4d
}
.pageControl.thumbnail>a {
    display: inline-block!important;
    height: 30px;
    margin: 0 10px;
    background-color: #fff;
    border: 1px solid #a7daf5;
    border-radius: 2px
}
.pageControl.thumbnail>a:hover {
    border: 1px solid #79c7f0
}
.pageControl.thumbnail>a.selected {
    border: 1px solid #22a3e7
}
.pageControl.thumbnail>a>img {
    height: 100%
}
.carousel.clip-true>.content {
    overflow: hidden
}
.carousel.padding-true {
    padding: 10px
}
.carousel.padding-true>.content {
    margin: 0 30px
}
.carousel.padding-true .pageControl {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    padding-top: 10px
}
.carousel.padding-true .pageControl.hidden {
    display: block;
    visibility: hidden
}

.carousel.border-true {
    border: 1px solid var(--grey-09);
    border-radius: 10px
}
.carousel>.header {
    position: relative;
    padding: 10px;
    line-height: 40px
}
.carousel>.header:after {
    content: "";
    display: block;
    clear: both
}
.carousel>.header>h2 {
    display: inline-block;
    margin: 0;
    font-weight: inherit;
    line-height: normal;
    vertical-align: middle
}
.controlBar>.nextPageButton, .controlBar>.prevPageButton {
    display: inline-block;
    position: relative;
    width: 6px;
    height: 12px;
    border: 14px solid transparent;
    overflow: hidden;
    vertical-align: middle
}
.controlBar>.nextPageButton.hidden, .controlBar>.prevPageButton.hidden {
    display: none
}
.controlBar>.nextPageButton:before, .controlBar>.prevPageButton:before {
    content: url(../images/responsive/rwdUI.png);
    display: block;
    position: absolute;
    top: -1px
}
.controlBar>.prevPageButton:active:before, .controlBar>.prevPageButton:before, .controlBar>.prevPageButton:hover:before {
    left: -21px
}
.controlBar>.nextPageButton:active:before, .controlBar>.nextPageButton:before, .controlBar>.nextPageButton:hover:before {
    left: -41px
}
.controlBar .pageControl {
    display: inline-block;
    position: static;
    left: auto;
    right: auto;
    bottom: auto;
    line-height: 30px;
    vertical-align: middle;
    list-style: none
}
.controlBar .pageControl.hidden {
    display: none
}
.controlBar>.pageControlWrapper {
    display: inline-block;
    vertical-align: middle
}
.pageControlButton, .pageControlMenu>.closeButton {
    display: none
}
.controlBar .pageControl.number>a {
        width: auto;
    min-width: 30px;
    height: 30px;
    margin: 0 2px;
    background-color: #fff;
    border: 1px solid #a0a0a0;
    border-radius: 5px;
    color: #4d4d4d;
    font-size: 12px;
    text-align: center;
    opacity: 1;
    border-radius: 20px;
}
.controlBar .pageControl.number>a.selected, .controlBar .pageControl.number>a:hover {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
    opacity: 1
}
.controlBar>.subscribeButton {
    display: inline-block;
    position: static;
    right: auto;
    top: auto;
    margin: 0 2px;
    vertical-align: middle
}
.catalogEntryRecommendationWidget>.header, .categoryRecommendationWidget>.header {
    border-bottom: 1px solid var(--grey-09)
}
.contentRecommendationWidget {
    position: relative
}

.contentCarouselWidget .left_espot, .contentCarouselWidget .left_espot.centered {
       /*  width: 80%; */
    margin: 0 auto;
}
.contentCarouselWidget.clip-true .left_espot, .contentCarouselWidget.clip-true .left_espot.centered, .contentCarouselWidget.clip-true>.content {
    width: auto;
    margin: 0
}
.contentCarouselWidget>.nextPageButton, .contentCarouselWidget>.prevPageButton {
    width: 45px;
    height: 72px;
}
.contentCarouselWidget>.prevPageButton {
    left: -20px;
}
.contentCarouselWidget>.nextPageButton {
    right:-18px;
}
.contentCarouselWidget>.nextPageButton:before, .contentCarouselWidget>.prevPageButton:before {
    content: url(../images/responsive/rwdUI.png);
}
.contentCarouselWidget>.prevPageButton:before {
    left: 0px;
    top: -311px;
}
.contentCarouselWidget>.prevPageButton:focus:before, .contentCarouselWidget>.prevPageButton:hover:before {
    left: 0;
    top: -311px;
}
.contentCarouselWidget>.prevPageButton:active:before {
    left: 0;
    top: -144px
}
.contentCarouselWidget>.nextPageButton:before {
    left: -63px;
    top: -311px;
}
.contentCarouselWidget>.nextPageButton:focus:before, .contentCarouselWidget>.nextPageButton:hover:before {
    left: -63px;
    top: -311px;
}
.contentCarouselWidget>.nextPageButton:active:before {
    /*left: -38px;
    top: -144px*/
}

.pdpPage .carouselWrapper {
    position: relative;
}

.pdp-price-wrapper .in-stock{
	font-size: 16px;
    font-weight: 600;
    padding: 16px 0 0 0;
    color: var(--primary-color);
}

.pdpPage .prevPageButton, .pdpPage .nextPageButton {
    top: 25% !important;
}
.ui-datepicker {
    background-color: var(--white);
    width: 19.2%;
    min-width: 235px;
}
.ui-datepicker table {
    width: 100%
}
.ui-datepicker-unselectable .ui-state-default {
    color: #b4b3b3
}
.ui-datepicker tbody .ui-datepicker-current-day, .ui-datepicker tbody td a:hover {
    background: #F5AA31
}
.ui-datepicker-next, .ui-datepicker-prev {
    background: url(../images/responsive/rwdUI.png) -33px -1px no-repeat;
    width: 20px;
    height: 20px;
    line-height: 600%;
    overflow: hidden;
    margin: 10px
}
.ui-datepicker-prev {
    float: left;
    background-position: -13px -1px
}
.ui-datepicker-next {
    float: right
}
.ui-datepicker-title {
    padding: 10px;
    font-weight: 700;
    background-color: #cfe5fa;
    font-size: 15px
}
.ui-datepicker tbody .ui-datepicker-today {
    background: #0579F2!important;
    color: #FFF;
    text-decoration: none
}
@media (max-width:1133px) {
.pageControlButton {
    display: inline-block;
    position: relative;
    width: 38px;
    margin: 0 5px;
    background-color: #767676;
    border: 1px solid #767676;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    line-height: 38px;
    text-align: center
}
.pageControlButton.hidden, .pageControlMenu {
    display: none
}
.pageControlMenu.active {
    display: block;
    position: absolute;
    z-index: 20;
    background-color: #fff;
    border: 1px solid #a0a0a0
}
.pageControlMenu>.pageControl.number>a {
    display: block;
    margin: 4px
}
.pageControlMenu>.pageControl.number>.ellipsis {
    display: block;
    line-height: normal;
    text-align: center
}
.pageControlMenu>.pageControl.number>.ellipsis:after {
    content: "\22ee"
}
.pageControlMenu>.closeButton {
    display: block;
    position: relative;
    width: 14px;
    height: 14px;
    margin: 0 4px 4px;
    border: 13px solid #fff;
    overflow: hidden
}
.pageControlMenu>.closeButton:before {
    content: url(../images/responsive/rwdUI.png);
    display: block;
    position: absolute;
    left: -61px;
    top: -1px
}
.pageControlMenu>.closeButton:hover:before {
    left: -241px
}

}
@media screen and (max-width:1027px) {
.product-detail {     width: 68%;}
.product-detail .remove_address_link {    font-size: 11px;}

#searchBox {
    border-radius: 0px;
    margin: 0px auto !important;
    padding: 0;
}


#headerRow2 .navBaseHead .nav-head-link a span {
    display: none;
}
#home_menu .nav-head-link a {
   height: auto;
    
}

#searchButton {
    overflow: hidden
}
.basicMenu>h3 {
    display: block;
    margin: 0;
    padding: 15px;
    background-color: #687979;
    color: #fff;
    font-size: inherit
}
.navHead.stickyHead {     
	height: 55px;
    position: relative;
    }
#cartHolderHeaderPage{
	display: none !important;
}    
.basicMenu>.closeButton {
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 10px;
    color: #fff;
    font-family: monospace
}
.basicMenu>.closeButton>span:before {
    content: "[x]"
}


#quickLinksMenu.active {
    left: 0;
    right: 0;
    top: 53px;
    width: auto
}


#widget_minishopcart span { display: none;}
#widget_minishopcart {height: 41px; width: 36px; }

#widget_minishopcart:before {
   left: 4px;
    top: 9px;
    clip: rect(0px,70px,69px,0px);
}
#minishopcart_lock, #minishopcart_total {
    min-height: auto;
}

.nonRWDPage #cartDropdown, .nonRWDPageB #cartDropdown {
    width: 360px
}
#departmentsButton {
    display: block;
    height: 47px;
    width: 52px;
    background: url(../images/colors/color1/mobile-menu-icon.png);
    background-size: 100% 100%;
    position: relative;
    top: 56px;
}
#departmentsButton>span {
    display: block;
    height: 36px;
    line-height: 36px;
    padding: 0 10px;
    text-align: left
}
#departmentsMenu {
    display: none
}
#departmentsMenu.active {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin: 0;
    padding: 0 15px 15px;
    background-color: #fff;
    border: 1px solid #c9cece;
    border-top: 3px solid #ffa200;
    border-radius: 0 0 4px 4px;
    color: #404040;
    font-size: 12px;
    list-style: none
}
#departmentsMenu>li {
    display: block
}
#departmentsMenu>li.hidden {
    position: static;
    visibility: visible
}
.departmentButton {
    display: none
}
.departmentMenu {
    display: block;
    position: relative;
    top: auto;
    width: auto;
    margin: 0;
    padding: 0;
    border: 0
}
.departmentMenu>.header>.toggle {
    display: block;
    position: absolute;
    right: -8px;
    top: 0;
    margin: 8px 0;
    padding: 8px;
    font-family: monospace
}
.departmentMenu>.header>.toggle>span:before {
    content: "[+]"
}
.departmentMenu>.header>.toggle.selected>span:before {
    content: "[-]"
}
.categoryList {
    display: none;
    border-bottom: 1px solid #ffa200
}
.departmentMenu.active .categoryList {
    display: block
}
.subcategoryList {
    border-bottom: 1px solid #e0dee5
}
.subcategoryList>li {
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 50%;
    padding-right: 16px;
    vertical-align: top
}

.navBaseHead {
    margin-top: 30px;
}
#allDepartmentsMenu {
    display: none!important
}
#searchButton {
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0px 0px;
    background-color: #fff;
    border: 1px solid #BFBFBF;
    border-radius: 4px;
    vertical-align: middle;
    height: 55px;
    width: 55px;
    background-size: 100% 100%;
}

#searchDropdown {
    left: 0px;
    right: 0px;
    top: 35px;
    width: 100%;
    margin-left: auto;
}


.homePage #eNews .row { padding: 0 10px !important;}
.eNews .right {  text-align: center !important;}



.homePage #brandLogos { padding: 0px 15px;}
.brands-logos>div.kcol2 img { width: 100%;}
.brands-logos>div.kcol2 {    width: 14% !important;    min-height: 82px !important;}

.footer_eNews .right {
    text-align: center !important;
}
.footer_eNews .eNews-title {
   
    padding: 0px 2% 1% 3% !important;
       max-width: 466px;
}

}


div.hidden_summary {
    position: absolute;
    left: -99999px
}
#overlay {
    background: rgba(0,0,0,.3);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 898
}
.lightedSection {
    background: #FFF;
    border: 10px solid #FFF;
    border-radius: 20px;
    margin: auto;
    z-index: 899
}
.more_info_icon {
    display: inline-block;
    width: 18px;
    height: 18px
}
.more_info_icon .info_on, .more_info_icon:hover .info_off {
    display: none
}
.more_info_icon .info_off, .more_info_icon:hover .info_on, div#widget_minishopcart_popup>#cartDropdown>.content>.products>.product>.product_image a, div#widget_minishopcart_popup_1>#cartDropdown>.content>.products>.product>.product_image a {
    display: block
}
.more_info_icon>img {
    max-width: 100%;
    max-height: 100%
}

.product_info .proCode{
    font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	color: var(--secondary-light-color);
	padding-bottom: 8px;
}


.quick_info_toggle {
    display: none
}
div.widget_quick_info_popup {
    position: relative
}

#quickInfoPopup div.widget_quick_info_popup {           position: relative;    left: auto;    right: auto;    margin: 70px auto;    background: #fff;    border-radius: 5px;    width: 27%;    z-index: 138;    min-width: 300px;  max-width: 300px;}
#quickInfoPopup div.widget_quick_info_popup div#quickInfoRefreshArea .right_column, .left_column {    margin: 0px 3px;}
#quickInfoPopup div.widget_quick_info_popup select {    font-size: 12px;    padding: 5px 3px;    border: solid 1px #ccc;    width: 100%;}
#quickInfoPopup div.widget_quick_info_popup .purchase_section.shopperActions .button.primary {    width: 100%;    max-width: 270px;}
#quickInfoPopup div.widget_quick_info_popup div#quickInfoRefreshArea {    background-color: #fff;   margin: 0 auto;    width: 98% !important;    overflow: hidden;    max-width: 370px;    padding: 14px 3px;}

div.widget_quick_info_popup>.bottom, div.widget_quick_info_popup>.top {
    background: url(../images/colors/color1/widget_quick_info_popup/quick_info_border.png) repeat-x;
    overflow: hidden;
    width: auto
}
div.widget_quick_info_popup>.top>.left_border {
    width: 3px;
    height: 3px;
    float: left
}
div.widget_quick_info_popup>.top>.middle_tile {
    width: 728px;
    height: 3px;
    float: left
}
div.widget_quick_info_popup>.top>.right_border {
    width: 3px;
    height: 3px;
    float: left
}
div.widget_quick_info_popup>.middle>.content_left_border {
    background: url(../images/colors/color1/widget_quick_info_popup/quick_info_border.png) repeat-y;
    float: left;
    padding-left: 3px
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border {
    background: url(../images/colors/color1/widget_quick_info_popup/quick_info_border.png) repeat-y #fff;
    background-position: right;
    float: right;
    padding-right: 3px
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content {
    background-color: #fff;
    margin: 23px
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.left_column, div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column {
    width: auto;
    max-width: 330px;
    margin-right: 15px;
    margin-bottom: 15px;
    float: left
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.left_column>.image_container {
    border-bottom: 1px dotted #777;
    width: 95%
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.left_column>.image_container>img {
    width: 100%
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.left_column>.other_views {
    margin-right: 15px;
    border-bottom: 1px dotted #eee;
    margin-top: 1px;
    position: relative;
    z-index: 10;
    height: 100%
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.left_column>.other_views ul {
    display: table;
    padding-left: 0
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.left_column>.other_views ul li.selected {
    border: 3px solid #FAC549
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.left_column>.other_views ul li {
    border: 3px solid #E5E5E5;
    float: left;
    list-style: none;
    margin-right: 8px;
    width: 94px;
    height: 94px;
    text-align: center
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.left_column>.other_views ul li:hover {
    border: 3px solid #FAC549
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.left_column>.other_views ul li>a>img {
    height: 100%
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.left_column>.other_views>h1 {
    padding: 0 5px;
    background: #eee;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    font-size: 12px;
    float: left
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>span.main_header {
    color: #818181;
    display: block;
    font-size: 20px;
    line-height: 20px;
    margin-top: -3px;
    max-width: 320px
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>.not_available {
    font-size: 11px;
    line-height: 16px;
    color: #777;
    font-style: italic
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>span.configured {
    font-size: 14px;
    color: #CCC;
    line-height: 24px;
    float: left
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>span.price {
    color: var(--primary-color);
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>span.sku {
    color: #777;
    font-size: 10px;
    line-height: 12px
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>.star_ratings>.single_star {
    background: url(../images/colors/color1/star_rating.png) no-repeat;
    display: block;
    float: left;
    height: 16px;
    margin-top: 3px;
    padding-right: 3px;
    width: 16px
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>.star_ratings>.single_star:hover {
    background-position: 0 -16px
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>.star_ratings>span.reviews a {
    color: #006ECC;
    float: left;
    font-size: 12px;
    padding-left: 8px;
    text-decoration: none;
    line-height: 25px
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>.star_ratings>span.reviews a:hover, div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>a:hover {
    text-decoration: underline
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>.divider {
    height: 1px;
    background-color: #e5e5e5;
    margin-top: 11px;
    margin-bottom: 11px
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column p {
    font-size: 12px;
    line-height: 14px;
    color: #777
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>a {
    color: #006ECC;
    display: block;
    margin-top: 4px;
    font-size: 11px;
    float: left;
    line-height: 15px
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>li, div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>ul>li {
    font-size: 11px;
    line-height: 13px;
    color: #777;
    margin-left: 14px
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>.color_and_size>.heading {
    font-size: 14px;
    line-height: 14px
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>.color_and_size>.color_swatch_list>ul>li {
    display: block;
    float: left;
    margin-bottom: 6px;
    margin-right: 6px;
    margin-top: 6px
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>.color_and_size>.available_size_list {
    margin-top: 6px
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>.color_and_size>.available_size_list a {
    text-decoration: none
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>.purchase_section .dropdown_primary>.button>.content {
    min-width: 127px
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>.purchase_section>span.quantity_label {
    font-size: 14px;
    margin-top: 5px;
    line-height: 15px;
    float: left
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>.purchase_section>.button_primary>.wide_button {
    width: 110px
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>.purchase_section>.full_details {
    padding-top: 10px;
    padding-bottom: 10px
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>.purchase_section>span.full_details a {
    color: #006ECC;
    font-size: 11px;
    text-decoration: none
}

div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column .button_secondary .button_text, div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column>.purchase_section>.button_add_to_cart>.button_text {
    min-width: 120px
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column .close_group {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: -4px
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column .close_group:hover .close {
    background-position: 0 -13px
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column .close_group .close {
    width: 13px;
    height: 13px;
    background-image: url(../images/colors/color1/widget_quick_info_popup/close_sprite.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer
}
div.widget_quick_info_popup>.middle>.content_left_border>.content_right_border>.content>.right_column .close_group .close_text {
    position: relative;
    top: 10px;
    font-size: 13px;
    color: #404040;
    text-decoration: none;
    line-height: 15px;
    width: 100px;
    margin-right: 30px;
    text-align: right
}
div.widget_quick_info_popup>.bottom>.left_border {
    width: 3px;
    height: 3px;
    float: left
}
div.widget_quick_info_popup>.bottom>.middle_tile {
    width: 728px;
    height: 3px;
    float: left
}
div.widget_quick_info_popup>.bottom>.right_border {
    width: 3px;
    height: 3px;
    float: left
}
#quickInfoPopup {
    top: 0!important
}
#quickInfoPopup>div {
    height: 100%!important
}
#QuickInfoaddToShoppingList {
    line-height: 1.4
}

.catPos>.container {
    width: 100%;
    min-width: 0;
    padding: 0;
    /*background: #f8f8f8;*/
    text-align: center
}
.catEntryGrid_border, .catEntryList_border {
    border-bottom: 1px dotted #c9c9c9;
    bottom: 0;
    width: 90%
}
.catPos>.container>a {
    display: block;
    padding: 8px 0;
    text-align: center
}
.catPos>.container>a:hover {
    text-decoration: underline
}
.product_group_name {
    color: #3A4980;
    font-size: 16px;
    font-weight:500;
    float: none
}
.catEntryList_border {
    margin: 10px 5%;
    padding-bottom: 15px;
    position: absolute
}
.catEntryGrid_border {
    display: inline-block;
    margin: 0 5%
}
div.widget_articles_videos>.content>.header_bar {
    height: 75px;
    padding: 10px;
    border-bottom: 1px solid var(--grey-09);
    content: "";
    display: block;
    clear: both
}
div.widget_articles_videos>.content>.header_bar>.title {
    float: left;
    padding: 5px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase
}
div.widget_articles_videos>.content {
    width: 100%
}
div.widget_articles_videos>.content>.header {
    padding-left: 19px;
    padding-right: 19px;
    font-size: 16px;
    padding-top: 14px;
    position: relative;
    height: 60px;
    border-bottom: 1px solid #E5E5E5
}
div.widget_articles_videos>.content>.header>span.small {
    font-size: 12px;
    float: left;
    margin-left: 4px
}
div.widget_articles_videos>.content>.header>.title {
    float: left
}
div.widget_articles_videos>.content>.header>.paging_controls {
    color: #767676;
    font-size: 12px;
    height: 17px;
    line-height: 17px;
    overflow: hidden;
    position: absolute;
    right: 15px;
    top: 16px
}
div.widget_articles_videos>.content>.header>.paging_controls>.divider {
    background-color: #BFBFBF;
    float: left;
    height: 17px;
    margin: 0 6px;
    width: 1px
}
div.widget_articles_videos>.content>.header>.paging_controls .left_arrow {
    background-image: url(../images/colors/color1/left_arrow_sprite.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 17px;
    width: 17px;
    margin: 0 6px;
    float: left
}
div.widget_articles_videos>.content>.header>.paging_controls .right_arrow {
    background-image: url(../images/colors/color1/right_arrow_sprite.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 17px;
    width: 17px;
    margin: 0 6px;
    float: left
}
div.widget_articles_videos>.content>.header>.paging_controls .active {
    background-color: #EF5305;
    background-position: left top;
    color: #FFF!important;
    cursor: pointer
}
div.widget_articles_videos>.content>.header>.paging_controls .inactive {
    background-color: #BFBFBF;
    background-position: left bottom;
    color: #FFF!important
}
div.widget_articles_videos>.content>.header>.paging_controls>.pages {
    float: left;
    line-height: 17px;
    margin-left: 6px
}
div.widget_articles_videos>.content>.header>.paging_controls>.pages>ul {
    list-style-type: none;
    overflow: hidden
}
div.widget_articles_videos>.content>.header>.paging_controls>.pages>ul>li {
    color: var(--primary-color);
    cursor: pointer;
    display: block;
    float: left;
    margin: 0 2px;
    min-width: 14px;
    padding: 0 2px;
    text-align: center
}
div.widget_articles_videos>.content>.header>.paging_controls>.view_all {
    float: left;
    line-height: 17px;
    margin-left: 6px
}
div.widget_articles_videos>.content>.header>.paging_controls>.view_all>a {
    color: var(--primary-color);
    text-decoration: none
}
.product_listing_container .list_mode .product>.product_info>.product_name a:hover, div.widget_articles_videos>.content>.item>.description>.header:hover {
    text-decoration: underline
}
div.widget_articles_videos>.content>.header>.sorting_controls {
    color: #666;
    font-size: 11px;
    height: 18px;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 40px
}
div.widget_articles_videos>.content>.header>.sorting_controls>.sort_by {
    line-height: 18px
}
div.widget_articles_videos>.content>.header>.sorting_controls>select {
    border: 1px solid #666;
    font-size: 11px;
    height: 18px;
    min-width: 114px
}
div.widget_articles_videos>.content>.item {
    padding-left: 19px;
    padding-right: 8px;
    padding-bottom: 17px;
    padding-top: 17px
}
div.widget_articles_videos>.content>.divider {
    height: 1px;
    border-bottom: 1px solid #e5e5e5;
    margin-left: 8px;
    margin-right: 8px
}
#articleListing .icon, #articleListing li {
    float: left;
    margin-right: 10px
}
div.widget_articles_videos>.content>.item>.icon {
    height: 32px;
    width: 32px;
    float: left
}
div.widget_articles_videos>.content>.item>.description {
    font-size: 12px;
    float: left;
    line-height: 14px;
    padding-left: 11px;
    width: 630px
}
div.widget_articles_videos>.content>.item>.description>.header {
    font-size: 14px;
    margin-bottom: 5px;
    cursor: pointer;
    float: left
}
#articleListing {
    list-style-type: none;
    padding: 0 20px;
    margin-top: 20px
}
#articleListing li {
    width: 100%;
    min-height: 107px;
    margin-bottom: 30px;
    border-bottom: 1px solid var(--grey-09)
}
#articleListing .videoItem .icon .iconPlayOverlay {
    border: 0;
    position: relative;
    top: -86px;
    width: 69px;
    left: 48px;
    height: auto
}
#modelBox, #videoContentBackground {
    top: 0;
    padding: 1px 0 0 1px;
    position: fixed
}
#videoItemScreen {
    height: auto;
    width: 100%;
    border: 2px solid #fff
}
#videoContentBackground {
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgba(0,0,0,.7)
}
#modelBox {
    z-index: 101
}
#videoContentFrame {
    position: fixed;
    top: 100px;
    width: 719px;
    height: 413px;
    left: 50%;
    margin-left: -360px
}
#modelBoxClose {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #000;
    color: #fff;
    border-radius: 20px;
    width: 23px;
    text-align: center;
    z-index: 10;
    border: 2px solid #fff
}
#articleListing .icon:hover, #modelBoxClose:hover {
    cursor: pointer
}
#video1 {
    width: 718px!important;
    height: 412px!important
}
#articleListing li .content {
    padding: 15px 20px 20px 100px
}
#articleListing li .content h1 {
    font-size: 15px;
    padding: 0
}
#articleListing li .content h2 {
    font-size: 11px;
    text-transform: uppercase
}
.tabButtonContainer {
    margin-bottom: 0!important
}
.tab_header {
    margin-right: 0px;
    display: table;
    border-spacing: 0px 0;
    max-width: 100%;
    margin-left: 0px;
    width: 100%;
}
.tab_header .tab_container {
        width: calc(15% - 2px);
    float: none;
    padding: 5px 6%;
    text-transform: none;
    font-size: 12px;
    position: relative!important;
    display: table-cell;
    text-align: center;
    outline: none;
    vertical-align: middle;
    border: 1px solid #CCC;
    border-bottom: 0px;
    border-radius: 6px 6px 0px 0px;
    width: 15%;
}
.tab_container, .textContainer .title {
    font-weight: 700;
    text-transform: uppercase
}
.tab_header .tab_container>.contentRecommendationWidget {
        border: 1px solid transparent;
    border: 0px !important;
}

.tab .productListingWidget {
    border: none;
    border-radius: 0
}
.tab_spacer {
    width: 1%;
    float: left;
    height: 32px
}
.tab_container {
   background: #ededed;
    color: #222;
}
.tab_container:hover {
    cursor: pointer
}
.inactive_tab {
    color: #686868;
    background: #ffffff;
    
}
.tab {
    border: 1px solid #ccc;
    margin-top: 0!important;
    width: calc(100% - 2px)
}
div.widget_title_container {
    width: 100%;
    line-height: 30px;
    margin-bottom: 15px
}
div.widget_title_container>h1 {
    font-size: 24px;
    line-height: 28px;
    color: #666;
    padding-left: 9px
}
div.widget_title_container .black {
    color: #4d4d4d
}
div#widget_coordinate>.middle>.content>.coordinate_body>.left_column>.cross_image {
    height: 103px;
    width: 16.3333%;
    max-width: 113px
}
div#widget_coordinate>.middle>.content>.coordinate_body>.left_column>.product {
    width: 33.3333%;
    height: auto;
    max-width: 105px
}
div#widget_coordinate>.middle>.content>.coordinate_body>.left_column>.product img {
    width: 100%;
    height: auto;
    max-width: 105px
}
div#widget_coordinate>.middle>.content>.coordinate_body>.right_column {
    margin-left: 0;
    width: 100%
}
div#widget_coordinate>.middle>.content>.coordinate_body>.left_column {
    padding-bottom: 35px;
    width: 100%
}
div#widget_coordinate {
    width: 100%
}
div#widget_coordinate>.content {
    padding-bottom: 10px
}

div#widget_coordinate>.middle {
    width: 100%
}
div#widget_coordinate>.middle>.content {
    padding: 0 0 40px;
    width: 100%
}
div#widget_coordinate>.middle>.content .down_arrow, div#widget_coordinate>.middle>.content .up_arrow {
    position: absolute;
    left: 43%;
    width: 20px;
    visibility: hidden;
    height: 10px
}
div#widget_coordinate>.middle>.content .up_arrow {
    top: -17px
}
div#widget_coordinate>.middle>.content .down_active, div#widget_coordinate>.middle>.content .up_active {
    visibility: visible
}
.compare_target_hidden, .owl-carousel .owl-wrapper:after, .paging_controls>.invisible {
    /*visibility: hidden;*/
    display: none;
}
.textContainer .title {
    font-size: 40px;
    color: #073769;
    line-height: 42px;
    margin-bottom: 10px
}
.textContainer .bodyText {
    font-size: 14px;
    color: #073769;
    line-height: 14pt;
    margin-left: 1px
}
.textContainer .button {
    text-align: center;
    padding: 9px 20px;
    border-radius: 3px;
    background-color: #c5293e;
    font-size: 20px;
    color: #fff;
    width: 100px;
    margin-top: 15px;
    margin-left: 1px
}

.collapsible>h3 {
    cursor: pointer
}
.collapsible>.content {
    /*overflow: hidden*/
}
.collapsible[aria-expanded=false]>.content {
    max-height: 0;
    visibility: hidden
}

#content .collapsible>.header, .categoryNavWidget.collapsible>.header, .linkWidget.collapsible>.header {
    font-size: 17px
}
#content .collapsible>h3:before, .categoryNavWidget.collapsible>h3:before, .linkWidget.collapsible>h3:before {
    content: "-";
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 20px;
    border: 1px solid;
    text-align: center;
    border-radius: 25px;
    line-height: 20px;
    font-weight: 400;
    cursor: pointer;
    right: 0;
}
#content .collapsible[aria-expanded=false]>h3:before, .categoryNavWidget.collapsible[aria-expanded=false]>h3:before, .linkWidget.collapsible[aria-expanded=false]>h3:before {
        content: "+";
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 20px;
    border: 1px solid;
    text-align: center;
    border-radius: 25px;
    line-height: 18px;
    font-weight: 400;
    cursor: pointer;
    right: 0;
}
#content .collapsible>.content>ul, .linkWidget.collapsible>.content>ul {
    margin: 10px 0 0;
    background-color: #fff;
    font-size: 12px;
    list-style-type: none
}
#content .collapsible>.content>ul>li, .linkWidget.collapsible>.content>ul>li {
    padding: 10px;
    border-top: 1px solid #f0f0f0
}
#content .collapsible>.content>ul>li:first-of-type, .linkWidget.collapsible>.content>ul>li:first-of-type {
    border-top-width: 0
}
#attachmentPaginationContainer .attachment>.attachment {
    float: left;
    max-width: 100px;
    padding-top: 2px;
    padding-right: 15px
}
#attachmentPaginationContainer .attachment>.attachment>.description {
    padding-left: 2px
}
#attachmentPaginationContainer .header {
    text-transform: capitalize;
    font-size: 14px;
    clear: both
}
#attachmentPaginationContainer .paging_controls .active {
    background-position: left top;
    cursor: pointer
}
#attachmentPaginationContainer .paging_controls>.pages>ul>li {
    color: var(--primary-color);
    cursor: pointer;
    display: block;
    float: left;
    margin: 0 2px;
    min-width: 14px;
    padding: 0 2px;
    text-align: center
}
#attachmentPaginationContainer .title {
    float: left
}
#attachmentPaginationContainer .paging_controls {
    float: right
}
#attachmentPaginationContainer .paging_controls .pages {
    float: left
}
#attachmentPaginationContainer .paging_controls .left_arrow, #attachmentPaginationContainer .paging_controls .right_arrow {
    float: left;
    margin: 2px 0 0
}
.searchAssocAssets .showDetails {
    font-size: 10px;
    text-transform: uppercase;
    line-height: 16px
}
.searchAssocAssets {
    margin-top: 7px;
    background-color: transparent!important;
    padding: 0!important;
    border-radius: 0!important;
    transition: background-color .2s
}
.searchAssocAssets[aria-expanded=true]>a>.arrow {
    width: 15px;
    margin: 5px 3px 0 0;
    background-position: -241px -41px
}
.searchAssocAssets>a>.arrow {
    float: left;
    background: url(../images/responsive/rwdUI.png) no-repeat;
    width: 10px;
    height: 10px;
    margin: 2px 5px 0 3px;
    background-position: -221px -41px
}
.searchAssocAssets>.product_attachment {
    position: relative;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 99
}
.searchAssocAssets>.product_attachment .item_spacer_5px {
    border-bottom: 1px solid var(--grey-09);
    margin-bottom: 10px;
    padding-bottom: 10px
}
.searchAssocAssets>.product_attachment>.icon {
    float: left;
    margin-right: 5px
}
.searchAssocAssets>.product_attachment>.details p {
    color: #666;
    font-size: 14px;
    line-height: 14px;
    margin-left: 10px;
    margin-top: 10px;
    text-align: left;
    text-transform: capitalize
}
.product_page_content #productSlot56 {
    float: none
}
.product_page_content #productFullWidthSlot56 {
    float: right
}
.product_page_content .tab>.content {
    clear: both;
    font-size: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 17px;
    padding-right: 17px;
    color: #4D4D4D;
    line-height: 22px;
    background: #ffffff;
}
.product_page_content .tab>.content>div {
    padding-bottom: 10px
}
.product_page_content .tab>.content>ul {
    padding-top: 2px;
    padding-left: 25px;
    padding-bottom: 10px
}
.product_page_content .content .merchandisingAssociationWidget .product_info ul {
    padding-left: 0;
    float: left;
    width: 100%
}
.product_page_content .content .merchandisingAssociationWidget .product_info .product_option .button {
    width: 97%;
    min-height: 0;
    line-height: normal;
    padding-bottom: 7px;
    padding-top: 6px;
    word-wrap: break-word;
    position: relative;
    display: inline-block;
    vertical-align: middle
}
.product_page_content .content .merchandisingAssociationWidget .product_info .selectWrapper {
    width: 90%;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}
.product_page_content #productFullWidthSlot56>div:nth-child(2), .product_page_content #productSlot56>div:nth-child(2) {
    border-bottom: none;
    display: table-cell;
    display: -moz-groupbox
}
.product_page_content .widget_product_image_viewer > .content {
    padding-bottom: 20px;
}

.product_page_content .widget_product_image_viewer {
    padding-left: 0px;
    padding-right: 0px;
    margin-top: 0px !important;
    margin-left: 0px !important;
}

img#productMainImage {
    display: block;
    position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
   max-height: 462px;
    max-width: 462px;
    width: 100%;
}


.widget_product_image_viewer .image_container>img {
    width: 100%;
    float: left;
    max-width: 402px;
    max-height: 622px;
    margin-right: 140px
}
.mobileVisible {
    display: none
}
.definingAttributes {
    padding-bottom: 5px;
    font-size: 14px
}
.definingAttributes:after {
    clear: both;
    content: "";
    display: block
}
.product_listing_container .list_mode .product>.product_info>.product_color_swatches, div.product_listing_container .list_mode .product .product_info>.product_color_swatches {
    clear: left;
    overflow: hidden
}
.definingAttributes .options_dropdown_column {
    margin: 20px 0;
}
.definingAttributes .options_dropdown_column .heading {
    display:none;
}
.selectWrapper {
    height: auto;
    padding: 10px 7px;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: var(--grey-02);
    border: 1px solid #3A4980;
    border-radius: 4px;
    box-sizing: border-box;
    width: 100%;
}
.selectWrapper.small{
	padding: 6px 7px;
}


.selectWrapper.payment{
	border: 1px solid var(--grey-05);
    border-radius: 8px;
    margin: 0;
    padding: 8px 12px;
    color: var(--black);
}

.orderTotalSumAmount .order_total,
.orderTotalSumAmount .breadcrumb_current{
    border-top: 1px solid var(--grey-02);
    padding: 20px 0px
}

.more-option{
	display:none;
}
.attBorder {
    /*border-top: 1px solid #e5e5e5;*/
}
.definingAttributes .color_swatch_label {
    display: inline-block;
    padding-top: 10px
}
.definingAttributes>div.color_swatch_label:first-child {
    padding-top: 16px;
    color:var(--secondary-light-color);
    border-top: none;
    font-size: 16px;
    font-weight: 500;
}
.definingAttributes div[id^=swatch_selection_] {
    display: inline-block;
    color:var(--secondary-light-color);
    border-top: none;
    font-size: 16px;
    font-weight: 500;
}
.currentUsedFilters {
    font-size: 12px;
    padding-bottom: 7px;
    padding-top: 7px;
    margin-bottom: 10px;
    display:none;
}
.definingAttributes .currentUsedFilters .usedFilter {
    display: none;
    margin-right: 10px
}
.definingAttributes .currentUsedFilters .usedFilter.visible {
    display: inline-block
}
.definingAttributes .hidden, .product_listing_container .list_mode .product .divider {
    display: none
}
.definingAttributes .currentUsedFilters .close:before {
    position: absolute;
    content: url(../images/responsive/rwdUI.png);
    top: 0;
    left: -60px
}
.definingAttributes .currentUsedFilters .close {
    vertical-align: middle;
    margin-top: 1px;
    margin-right: 2px;
    float: left;
    height: 15px;
    width: 15px;
    overflow: hidden;
    position: relative;
    cursor: pointer
}
.definingAttributes .currentUsedFilters .close:hover:before {
    top: 0;
    left: -240px
}
.color_swatch_list {
    line-height: 35px
}
.color_swatch_list>ul, div.product_listing_container .list_mode .product>.product_info>.product_color_swatches>.color_swatch_list>ul {
    padding: 0
}
.color_swatch_list>ul>li, div.product_listing_container .list_mode .product>.product_info>.product_color_swatches>.color_swatch_list>ul>li {
    text-align: center
}

.spanacce{
	display:none
}
.color_swatch_list .color_swatch, div.product_listing_container .list_mode .product>.product_info>.product_color_swatches>.color_swatch_list .color_swatch {
    border-radius: 100%;
    vertical-align: middle;
    border: 4px solid #fff;
    width: 37px;
    height: 37px;
}

.product_listing_container .list_mode .product .product_info form select {
    width: 112px
}

.product_listing_container .list_mode .product>.product_info>.attr {
    font-size: 14px
}
.product_listing_container .list_mode .product>.product_info>.def_attr {
    display: block
}
.product_listing_container .list_mode .product>.product_info>.product_price {
    color: var(--primary-color);
    font-size: 14px
}

.product_listing_container .list_mode .product>.product_info>.not_available {
    color: #4D4D4D;
    font-style: italic;
    line-height: 14px;
    font-size: 11pt;
    margin-top: 2px
}
.product_listing_container .list_mode .product>.product_info>.product_description {
    font-size: 13px;
    line-height: 16px;
    margin-top: 12px;
    padding-right: 15px
}
.product_listing_container .list_mode .product>.product_info>.product_description a {
    color: #006ECC;
    margin-top: 4px;
    display: inline-block;
    text-decoration: none;
    float: left
}

.product_listing_container .list_mode .product>.product_info>.product_color_swatches>.color_swatch_list {
    float: left
}
.product_listing_container .list_mode .product>.product_info>.product_color_swatches>.color_name {
    font-size: 13px;
    float: left;
    line-height: 32px
}
.product_listing_container .list_mode .product>.product_info>.product_sizes {
    margin-top: 2px
}
.product_listing_container .list_mode .product>.product_info>.product_quantity_addtolist {
    line-height: 22px
}
.product_listing_container .list_mode .product>.product_info>.product_quantity_addtolist>.product_quantity .quantity_section .header {
    font-size: 13px;
    position: relative;
    bottom: 2px
}
.product_listing_container .list_mode .product>.product_info>.product_quantity_addtolist>.product_addtolist select {
    margin-left: 24px;
    height: 22px
}
.product_listing_container .list_mode .product>.product_info>.product_option {
    margin-top: 7px
}
.product_listing_container .list_mode .product>.product_info>.searchAssocAssets {
    padding: 20px 0;
    font-size: 12px;
    line-height: 16px
}
.product_listing_container .list_mode .product>.product_info>.searchAssocAssets>.product_attachment>.details {
    float: left
}
.product_listing_container .list_mode .product>.product_info>.searchAssocAssets>.product_attachment>.details a {
    color: #006ECC;
    text-decoration: none
}

.productDescDropMerch {
    margin-top: 7px;
    background-color: transparent!important;
    padding: 0!important;
    border-radius: 0!important
}
.productDescDropMerch>a>.showDetails {
    font-size: 12px!important;
    font-weight: 700;
    color: #767676!important;
    line-height: 21px!important
}
.productDescDropMerch .product_info {
    margin: 0
}
.productDescDropMerch .product_info>.header {
    font-size: 14px
}
.productDescDropMerch .product_info .quantity_section {
    margin-top: 0!important
}
.productDescDropMerch .product_info>.product_description {
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 12px
}
.productDescDropMerch .product_info>.product_description>.sku {
    font-size: 10px;
    color: #777
}
.productDescDropMerch>a>.arrow {
    float: left;
    background: url(../images/responsive/rwdUI.png) no-repeat;
    width: 15px;
    height: 15px;
    margin: 3px 5px 0 3px;
    background-position: -80px -40px
}
.productDescDropMerch[aria-expanded=true]>a>.arrow {
    background-position: -100px -40px
}
#widget_coordinate .list_mode .product>.product_image_merch {
    position: relative;
    width: 100%;
    margin: 0;
    background: #fff;
    padding-top: 5px;
    margin-bottom: 5px;
}
#widget_coordinate .list_mode .product>.product_name_merch {
    font-size: 16px;
    color: #767676;
    height: 90px;
    text-align: center;
    width: 100%;
}
.product_option.disabled{
	text-align: center;
}
.product_listing_container div.col {
    padding-top: 20px
}
.color_swatch_list .color_swatch_disabled, div.product_listing_container .list_mode .product>.product_info>.product_color_swatches>.color_swatch_list .color_swatch_disabled {
    border-radius: 100%;
    box-shadow: 0 0 0 1px #c1c1c1;
    vertical-align: middle;
    cursor: default
}
.color_swatch_list .color_swatch:hover, .color_swatch_list .color_swatch_selected, div.product_listing_container .list_mode .product>.product_info>.product_color_swatches>.color_swatch_list .color_swatch:hover, div.product_listing_container .list_mode .product>.product_info>.product_color_swatches>.color_swatch_list .color_swatch_selected {
    border-radius: 100%;
    box-shadow: 0 0 0 2px #FE6D0A;
    vertical-align: middle;
    border: 4px solid var(--white);
    width: 37px;
    height: 37px;
}

.namePartPriceContainer h2 {
    font-size: 13px;
    color: #000;
    padding-left: 24px;
    line-height: 30px
}
div.namePartPriceContainer>.print_section {
    float: right;
    line-height: 16px;
    font-size: 11px;
    text-decoration: none;
    cursor: pointer
}
div.namePartPriceContainer>.print_section>span {
    float: right
}
div.namePartPriceContainer>.print_section>.print_icon {
    float: right;
    margin-right: 10px;
    background: url(../images/colors/color1/widget_product_info/print_icon_sprite.png) no-repeat;
    height: 16px;
    width: 16px
}

div.namePartPriceContainer>.print_section:hover>.print_icon {
    background-position: 0 -16px
}
.product-name {
    font-weight: 600;
    color: var(--black-90);
    padding: 0px;
}

.not_available {
    color: var(--secondary-light-color);
    line-height: 16px;
    font-style: italic;
    padding:16px 0 0 0;
}

div.namePartPriceContainer>div>span.configured {
    font-size: 16px;
    color: #4d4d4e;
    line-height: 18px;
    margin-top: -2px;
    float: left
}

.product_page_content div.namePartPriceContainer > div > span.price {
    margin-top: 0px; font-size: 20px;
}
div.namePartPriceContainer>div>span.price {
    font-size: 24px;
    line-height: normal;
    font-weight: bold;
    display: block;    color: #666666;
}
 
 div.namePartPriceContainer>span.sku {
	font-size: 11pt;
    line-height: 12px;
    color: #666666;
    margin-top: 3px;
    margin-bottom: 10px;
    font-weight: bold;
    border-top: solid 2px #000;
    padding-top: 3px;
    display: block;
    text-transform: capitalize;
    /* width: 90%; 
    display:none;*/
}

div.namePartPriceContainer .promotion {
    font-size: 12px;
    color: #006ECC;
    text-decoration: none
}

div.namePartPriceContainer {
    padding-bottom: 4px
}

.pdp-brands{
	padding-right: 50px;
}

.product_listing_container .list_mode .product>.product_info>.product_rating>div.star_ratings .single_star, div.namePartPriceContainer .single_star {
    display: block;
    float: left;
    height: 16px;
    width: 16px;
    padding-right: 3px;
    margin-top: 3px;
    background: url(../images/colors/color1/star_rating.png) no-repeat
}
.product_listing_container .list_mode .product>.product_info>.product_rating>div.star_ratings .single_star:hover, div.namePartPriceContainer .single_star:hover {
    background-position: 0 -16px
}
div.namePartPriceContainer>div.star_ratings {
    padding-top: 1px;
    padding-bottom: 7px
}
.product_listing_container .list_mode .product>.product_info>.product_rating>div.star_ratings .reviews a, div.namePartPriceContainer>div.star_ratings>span.reviews a {
    color: #006ecc;
    font-size: 12px;
    float: left;
    padding-left: 8px;
    text-decoration: none;
    line-height: 22px
}

.product_listing_container .list_mode .product>.product_info>.product_rating>div.star_ratings div.stars, div.namePartPriceContainer div.star_ratings div.stars {
    float: left
}
.widget_product_info_viewer>.top .social {
    padding-top: 4px
}
.color_and_size, .product_desc, .product_text {
    padding-top: 11px;
    padding-bottom: 11px
}
.product_text {
    line-height: 22px
}
.product_text p, .product_text ul li {
    line-height: inherit;
    font-size: 12px;
}
.product_text .recurring {
    margin-top: 5px
}
.product_text .recurring:hover .recurring_text {
    text-decoration: underline;
    cursor: pointer
}
.product_text .recurring .recurring_icon {
    height: 13px;
    width: 13px;
    background: url(../images/colors/color1/widget_product_info/recurring_icon.png);
    background-repeat: no-repeat;
    float: left
}
.product_text .recurring .recurring_text {
    float: left;
    margin-left: 3px;
    font-size: 12px;
    color: #006ECC;
    text-decoration: none
}
.product_text>.subscription>.icon {
    height: 13px;
    width: 9px;
    background: url(../images/colors/color1/widget_product_info/subscription_icon.png);
    float: left
}
.product_text>.subscription>a {
    font-size: 12px;
    text-decoration: none;
    color: #0030df;
    margin-left: 5px
}
.product_text p {
    color: #4D4D4D
}
.product_text ul {
    padding-left: 14px;
    list-style-type: disc
}
.product_text ul li {
    color: #4d4d4d
}
.color_and_size {
    float: left
}
.product_desc {
    line-height: 22px
}
.product_desc p {
    color: #4D4D4D;
    font-size: 12px;
    line-height: inherit;
}
.options_dropdown select {
    height: 23px;
    width: 164px
}
.check_size_chart {
    color: #006ECC;
    float: left;
    font-size: 12px;
    text-decoration: none
}
.product_listing_container .list_mode .product>.product_info>.product_option .button_secondary {
    margin-top: 7px
}
.widget_product_info_viewer>.product_options .color_and_size .header, .widget_product_info_viewer>.product_options .color_and_size .heading {
    font-size: 14px
}
.widget_product_info_viewer>.product_options .color_and_size .vertical_divider {
    height: 11px;
    width: 1px;
    background: #e5e5e5;
    margin-left: 13px;
    margin-right: 13px;
    margin-top: 7px
}

.color_swatch_list > ul{
	display: flex;
	margin:10px 0;
}
.color_swatch_list ul li, div.product_listing_container .list_mode .product>.product_info>.product_color_swatches>.color_swatch_list ul li {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    cursor: pointer
}
div.product_listing_container .list_mode .product>.product_info>.product_color_swatches>.color_swatch_list ul li.last_swatch {
    margin-bottom: 0
}
.quantity_discount, div#widget_package_summary .quantity_discount, div.widget_bundle_package_list .quantity_discount {
    font-size: 14px;
    color: #767676;
    line-height: 16px
}
div#widget_package_summary .quantity_discount {
    margin-bottom: 12px
}
.quantity_discount>p>span.price, div#widget_package_summary .quantity_discount>p>span.price, div.widget_bundle_package_list .quantity_discount>p>span.price {
    color: var(--primary-color)
}

.widget_product_info_viewer>.product_options .divider {
    height: 1px;
    background-color: #E5E5E5
}
#widget_package_summary>.left_border>.right_border>.content>.item>.available {
    float: none;
    padding-bottom: 20px
}
#widget_package_summary>.left_border>.right_border>.content>.item>.available .header, .available .header, .product_listing_container .list_mode .product>.available .header {
    font-size: 14px;
    line-height: 17px
}
#widget_package_summary>.left_border>.right_border>.content>.item>.available .sublist, .available .sublist, .product_listing_container .list_mode .product>.available .sublist {
    line-height: 14px
}
#widget_package_summary>.left_border>.right_border>.content>.item>.available .sublist .text, .available .sublist .text, .product_listing_container .list_mode .product>.available .sublist .text {
    font-size: 12px
}
#widget_package_summary>.left_border>.right_border>.content>.item>.available .sublist a.store_name, .available .sublist a.store_name, .product_listing_container .list_mode .product>.available .sublist a.store_name {
    font-size: 12px;
    color: #006ECC;
    padding-left: 14px;
    text-decoration: none
}

#widget_package_summary>.left_border>.right_border>.content>.item>.available ul, .available ul, .product_listing_container .list_mode .product>.product_info>.available ul {
    list-style-image: url(../images/colors/color1/widget_product_info/checkmark_icon.png)
}
#widget_package_summary>.left_border>.right_border>.content>.item>.available .instore_sublist, .available .instore_sublist, .product_listing_container .list_mode .product>.available .instore_sublist {
    margin-left: 40px;
    font-size: 12px;
    line-height: 17px
}
#widget_package_summary>.left_border>.right_border>.content>.item>.available a.check_stores, .available a.check_stores, .product_listing_container .list_mode .product>.available a.check_stores {
    color: #006ECC;
    float: left;
    width: 90%;
    font-size: 12px;
    margin-left: 15px;
    text-decoration: none;
    cursor: pointer
}

.available {
    padding: 11px 0;
    width: 100%;
    float: left
}
.available>.text {
    font-size: 12px;
    padding-left: 16px
}
.available .subHeading, .available>.sublist {
    padding-top: 4px;
    padding-left: 15px;
    padding-bottom: 10px;
    float: left
}
.available>.sublist {
    max-width: 130px
}
.available .subHeading {
    color: #666;
    font-size: 12px;
    line-height: 14px
}
.available .availabilityBorder {
    margin-left: 15px;
    margin-bottom: 10px;
    padding-bottom: 10px
}
.widget_product_info_viewer>.product_options .left_column {
    padding-top: 16px;
    float: left;
    padding-right: 12px
}
.left_column .quantity_section {
    margin-bottom: 6px
}
.left_column .quantity_section .header {
    font-size: 16px;
    line-height: 36px;
    padding-right: 10px
}
.widget_product_info_viewer>.product_options .right_column {
    padding-top: 16px
}
.widget_product_info_viewer>div.social_commerce {
    padding-top: 11px;
    padding-bottom: 6px;
    border-top: 1px solid #E5E5E5
}
.widget_product_info_viewer>div.social_commerce .social {
    padding-right: 14px
}
.widget_product_info_viewer>div.social_commerce .social .social_icon {
    margin-right: 5px;
    height: 25px
}
.widget_product_info_viewer>div.social_commerce .social .divider {
    width: 1px;
    height: 24px;
    background: #e5e5e5;
    margin-right: 12px;
    margin-left: 7px
}
.widget_product_info_viewer>div.social_commerce .send_and_print {
    height: 24px;
    line-height: 1px;
    border-left: 1px solid #e5e5e5;
    padding-left: 14px
}
.widget_product_image_viewer>.content>.other_views {
    margin-right: 0px;
    /* border-bottom: 1px dotted #eee; */
    margin-top: 7px;
    position: relative;
    height: 100%;
}
.widget_product_image_viewer>.content>.other_views>.other_views_text {
    padding: 0 5px;
    background: #eee;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    font-size: 12px;
    float: left
}
.widget_product_image_viewer>.content>.other_views>ul {
    display: table;
    padding-left: 0
}
.widget_product_image_viewer>.content>.other_views>ul>li {
    list-style: none;
    float: left;
    width: 94px;
    height: 94px;
    text-align: center;
    border: 1px dotted #e5e5e5
}
.widget_product_image_viewer>.content>.other_views>ul>li.selected {
    border: 1px solid #FAC549
}
.widget_product_image_viewer>.content>.other_views>ul>li>a>img {
    height: 100%
}
#widget_language_and_currency_popup {
    height: auto!important;
}

#inactivityWarningPopup_body {
    padding-top: 60px;
    padding-bottom: 60px
}
#inactivityWarningPopup .widget_site_popup>.middle>.content_left_border>.content_right_border>.content>.body .message_icon {
    width: 19px
}
#inactivityWarningPopup .widget_site_popup>.middle>.content_left_border>.content_right_border>.content>.body .message_text {
    color: #4D4D4D;
    font-size: 12px;
    line-height: 16px;
    margin-left: 10px
}
#inactivityWarningPopup .widget_site_popup>.middle>.content_left_border>.content_right_border>.content>.footer>.button_container>.button_primary>.button_text {
    min-width: 50px
}
#inactivityWarningPopup .widget_site_popup>.middle>.content_left_border>.content_right_border>.content>.close_acce {
    width: 13px;
    height: 13px;
    position: absolute;
    right: 14px;
    top: 12px
}

.dropdown_list {
    position: absolute;
    top: 23px;
    z-index: 5;
    min-width: 190px;
    border: 1px solid #ccc;
    background-color: #fff
}
div.dropdown_list>ul div.divider {
    border-bottom: 0;
    height: 1px;
    margin-left: 10px;
    margin-right: 10px;
    background-color: #b9b9b9;
    margin-top: 7px
}
.shopperActions .dropdown_list {
    top: 31px;
    min-width: 270px;
    z-index: 1000
}
.created_list {
    background: url(../images/colors/color1/widget_quick_info_popup/plus_icon.png) 10px 50% no-repeat;
    color: #515151;
    cursor: pointer;
    display: block;
    font-size: 11px;
    line-height: 11px;
    overflow: hidden;
    padding-left: 24px;
    padding-bottom: 8px;
    padding-top: 8px
}
.created_list_wrapper {
    width: 200px;
    overflow: auto;
    overflow-x: hidden;
    max-height: 100px
}
.created_list:hover, .created_list_wrapper>.focused {
    background-color: #d9e9f7
}
.shopperActions .dropdown_list .created_list_wrapper {
    width: auto
}
.shopperActions .dropdown_list .message {
    font-style: italic;
    padding: 6px;
    border-bottom: 1px solid #e4e4e4;
    line-height: 14px
}

.shopperActions .dropdown_primary {
    background: linear-gradient(#fff, #e5e8e9 100%);
    border-width: 1px;
    border-style: solid;
    border-color: #bfbfbf;
    border-radius: 4px;
    position: relative;
    width: 97%;
    max-width: 270px;
    min-height: 29px;
    height: 100%
}
.shopperActions .dropdown_primary>a {
    padding-bottom: 1px;
    font-size: 14px;
    text-align: center;
    color: #323232;
    min-width: 200px;
    width: 100%
}
.shopperActions .dropdown_primary>.drop {
    height: 100%;
    width: 30px;
    border-left: 1px solid #bfbfbf;
    line-height: 29px;
    right: 0;
    position: absolute
}
.shopperActions .dropdown_primary>.drop>a {
    padding-left: 9px;
    display: block;
    vertical-align: middle;
    height: 100%
}
.shopperActions .dropdown_primary>.drop div {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}
.shopperActions .dropdown_primary .shoppping_list_content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 65%;
    padding-bottom: 5px;
    padding-top: 5px;
    word-wrap: break-word
}
.dropdown_primary {
    height: 24px;
    display: inline-block;
    text-decoration: none
}
.dropdown_primary>.button {
    float: left;
    text-decoration: none;
    cursor: pointer
}
.dropdown_primary>.button>.left_border {
    width: 2px;
    height: 24px;
    float: left;
    background: url(../images/colors/color1/widget_quick_info_popup/dropdown_left_border.png) top left no-repeat
}
.dropdown_primary>.button>.right_border, .dropdown_primary>.drop .right_border {
    width: 2px;
    height: 24px;
    float: left;
    background: url(../images/colors/color1/widget_quick_info_popup/dropdown_right_border.png) top left no-repeat
}
.dropdown_primary>.button>.content, .dropdown_primary>.drop>.dropdown_arrow {
    background: url(../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg.png) top left repeat-x;
    text-align: center;
    line-height: 20px;
    float: left
}
.dropdown_primary>.button>.content {
    height: 20px;
    padding: 2px 7px;
    color: #49310f;
    font-size: 11px;
    overflow: hidden;
    cursor: pointer
}
.dropdown_primary>.drop {
    float: left;
    cursor: pointer
}
.dropdown_primary>.drop>.dropdown_arrow {
    height: 24px;
    width: 16px
}
.dropdown_primary>.drop>.white_line {
    background: url(../images/colors/color1/widget_quick_info_popup/dropdown_white.png) top left repeat-x;
    height: 24px;
    width: 1px;
    float: left
}
.dropdown_primary>.button:focus>.left_border {
    background: url(../images/colors/color1/widget_quick_info_popup/dropdown_left_border_active.png) top left no-repeat
}
.dropdown_primary>.button:focus>.content {
    background: url(../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg_active.png) top left repeat-x
}
.dropdown_primary>.button:focus>.right_border {
    background: url(../images/colors/color1/widget_quick_info_popup/dropdown_right_border_active.png) top left no-repeat
}
.dropdown_primary>.button:hover>.left_border {
    background: url(../images/colors/color1/widget_quick_info_popup/dropdown_left_border_active.png) top left no-repeat
}
.dropdown_primary>.button:hover>.content {
    background: url(../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg_active.png) top left repeat-x
}
.dropdown_primary>.button:hover>.right_border {
    background: url(../images/colors/color1/widget_quick_info_popup/dropdown_right_border_active.png) top left no-repeat
}
.dropdown_primary>.drop:focus>.dropdown_arrow {
    background: url(../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg_active.png) top left repeat-x
}
.dropdown_primary>.drop:focus>.right_border {
    background: url(../images/colors/color1/widget_quick_info_popup/dropdown_right_border_active.png) top left no-repeat
}
.dropdown_primary>.drop:hover>.dropdown_arrow {
    background: url(../images/colors/color1/widget_quick_info_popup/dropdown_tile_bg_active.png) top left repeat-x
}
.dropdown_primary>.drop:hover>.right_border {
    background: url(../images/colors/color1/widget_quick_info_popup/dropdown_right_border_active.png) top left no-repeat
}
div#purchase_options input {
    border: none;
    background-color: none;
    vertical-align: middle;
    margin-top: -2px
}
div#purchase_options label {
    padding-right: 15px
}
div#purchase_options label img {
    padding-right: 5px;
    vertical-align: middle
}
.productSpecTable {
    font-size: 12px;
    padding: 10px
}
.specTableHeading {
    border-bottom: 1px solid #999;
    padding: 10px 10px 10px 0
}
.specTableHeading h1 {
    font-weight: 700;
    font-size: 12px
}
.specTableRow {
    padding: 5px;
    border-bottom: 1px dotted #ccc
}
.productSpecs {
    font-size: 12px;
    padding: 10px
}
#productSpecsTab {
    padding: 10px!important
}
.widget_bundle_package_list {
    margin-right: 0!important
}
.widget_bundle_package_list .widget_product_listing {
    width: 100%
}
.widget_bundle_package_list .list_mode {
    border: 1px solid var(--grey-09);
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    margin-top: 0!important
}
.widget_bundle_package_list .product_listing_container>.list_mode .product {
    width: auto;
    padding: 12px 0 0;
    border-top: 1px solid #e5e5e5;
    margin-bottom: 20px;
    color: #4D4D4D;
    float: none
}
.widget_bundle_package_list .product_listing_container>.list_mode div:nth-child(2) {
    border-top: none
}
.widget_bundle_package_list .product_listing_container>.list_mode .product .product_info {
    border-right: none;
    min-width: 100px;
    width: 85%
}
.widget_bundle_package_list .product_listing_container>.package_mode .product .product_info {
    width: 58.333333%
}
.widget_bundle_package_list .product_listing_container>.package_mode .product .product_info>.product_quantity_addtolist {
    display: none
}
.widget_bundle_package_list .product_listing_container .list_mode .product>.product_info>.product_price {
    font-weight: 400
}
.widget_bundle_package_list .product_listing_container .list_mode .product>.product_info>div:nth-child(2) {
    font-size: 10px;
    color: #767676;
    margin-top: 7px;
    margin-bottom: 7px
}
.widget_bundle_package_list .product_listing_container>.bundle_mode .product .product_info>.product_description {
    line-height: 22px
}
.widget_bundle_package_list .product_listing_container .list_mode .product {
    background: 0 0;
    max-width: none
}
.widget_bundle_package_list .product_listing_container .list_mode .product>.product_image {
    margin: 0;
    position: relative;
    float: left;
    width: 15%
}
.widget_bundle_package_list .product_listing_container .bundle_mode .product {
    background: url(../images/colors/color1/bundle_product_bg.png) repeat-y
}
.widget_bundle_package_list .product_listing_container>.bundle_mode .product .product_info {
    border-right: 1px solid #e5e5e5;
    padding-right: 10px;
    width: 300px
}
.widget_bundle_package_list .product_listing_container .bundle_mode .product>.product_image {
    width: 20%
}
.widget_bundle_package_list .product_listing_container .bundle_mode .product>.product_image>a {
    width: 90%
}
.widget_bundle_package_list .product_listing_container .package_mode .product>.product_image {
    width: 41.666666%
}
.widget_bundle_package_list .product_listing_container .package_mode .product>.product_image>a {
    width: 80%;
    max-width: 285px
}
.widget_bundle_package_list .product_listing_container .list_mode .product>.product_info>.product_name>a {
    font-size: 16px;
    padding-bottom: 0;
    line-height: 22px
}
.widget_bundle_package_list .product_listing_container>.list_mode .product .available {
    padding: 10px;
    border-top: none;
    border-bottom: none;
    width: 38%
}
.widget_bundle_package_list .product_listing_container>.list_mode .product .product_info .product_sizes .heading {
    font-size: 13px
}
.widget_bundle_package_list .product_listing_container>.bundle_mode .product .available {
    width: 190px;
    padding-left: 12px
}
.container_full_width_bundle, .container_full_width_package {
    width: 80%;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    font-size: 14px;
    max-width: 330px
}

.container_margin_5px {
    margin: 5px auto
}
.container_margin_8px {
    margin: 8px auto
}
.container_full_width_bundle {
    padding: 5px;
    padding-left: 20px;
    background: #767676;
    color: #fff
}
.container_full_width_package {
    padding: 5px;
    padding-left: 20px;
    background: #ddd;
    color: #555
}

.shopperActions .dropdown_primary>.drop {
    overflow: hidden
}
.WCTooltip>.container {
    margin-top: 12px;
    font-size: 12px;
    /*border: 1px solid var(--primary-color);*/
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-align: left;
    /*background-color: #fafafa;*/
    padding: .12em;
    max-width: 600px;
    color:var(--red);
    margin:10px 0 0 0;
}
.WCTooltip>.container>.connector {
    left: 47%;
    top: 0;
    width: 16px;
    position: absolute;
    height: 14px;
    /*background: url(../images/colors/color1/tooltipConnectorUp.png) top left no-repeat*/
}
.WCTooltip>.container>.header {
    font-size: 14px;
    background-color: #f5f6f7;
    border-bottom: 1px solid #edeff0;
    padding: 8px 15px
}
.WCTooltip>.container>.content {
    background-color: #fff;
    padding: 15px;
    color: #000;
    max-width: 300px;
    min-width: 250px
}

@media (max-width:1023px) {
.WCTooltip>.container>.content {
    max-width: 250px;
    min-width: 200px
}
.widget_bundle_package_list .product_listing_container>.list_mode .product .product_info {
    border: none;
    width: 58.333333%;
    padding: 0
}
.widget_bundle_package_list .product_listing_container .list_mode .product>.product_image {
    width: 41.666666%
}
.widget_bundle_package_list .product_listing_container>.list_mode .product .available {
    border-top: 1px solid #e5e5e5;
    margin-left: 0;
    float: none;
    display: block;
    width: auto;
    clear: both
}
.widget_product_image_viewer>.content>.other_views>.other_views_text, div.namePartPriceContainer>.print_section {
    display: none
}

.tab .productListingWidget {
    border-top: none
}
.widget_product_image_viewer>.content>.other_views>ul {
    padding-left: 40px
}
.widget_product_image_viewer>.content>.other_views>ul>li {
    width: 43px;
    height: 50px
}
.widget_product_image_viewer>.content>.other_views>ul>li img {
    width: 32px;
    height: 50px
}

}

@media (min-width:601px) {


.tab .productListingWidget {
    border: none;
    border-radius: 0
}
.product_page_content #productFullWidthSlot56>div:nth-child(2), .product_page_content #productSlot56>div:nth-child(2) {
    margin: 0 5px
}
}
.productListingWidget>.header_bar {
    padding: 10px 0px 20px;
}

.productListingWidget>.header_bar>.title {
    float: left;
    padding: 5px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase
}
.productListingWidget>.header_bar>.title>.num_products {
    font-weight: 400;
    text-transform: lowercase
}

.productListingWidget>.footer_bar:after, .productListingWidget>.header_bar:after {
    content: "";
    display: block;
    clear: both
}

.productListingWidget>.header_bar .controls .sorting_controls, .productListingWidget>.header_bar .controls .view_controls {
    float: left;
    margin-left: 4px;
    padding-right: 0
}

.sorting_controls>span, .sorting_controls>span>label, .view_controls>span {
    font-size: 11px;

}
.pages>*, .pages>ul>* {
    vertical-align: middle
}

.shopperActions .dropdown_primary>.drop div:before {
    content: url(../images/responsive/rwdUI.png);
    display: block;
    position: relative;
    width: 12px;
    height: 6px;
    margin: 10px 7px;
    float: right;
    top: 1px;
    left: -2px
}
#pageSize_menu, .pageSizeSelectMenu {
    width: 70px!important
}
#orderByContent_dropdown>#orderByContent_menu, #orderBy_dropdown>#orderBy_menu, #pageSize_dropdown>#pageSize_menu, .orderBySelectMenu, .pageSizeSelectMenu, div[id^=attrValue_]>table[id^=attrValue_], div[id^=attrName_]>table[id^=attrName_] {
    position: relative;
    border: 1px solid #898989;
    background: #FFF;
    z-index: 20
}
#orderByContent_dropdown>#orderByContent_menu>tbody tr td, #orderBy_dropdown>#orderBy_menu>tbody tr td, #pageSize_dropdown>#pageSize_menu>tbody tr td, .orderBySelectMenu>tbody tr td, .pageSizeSelectMenu>tbody tr td, div[id^=attrValue_]>table[id^=attrValue_]>tbody tr td, div[id^=attrName_]>table[id^=attrName_]>tbody tr td {
    height: 16px;
    padding: 12px 0;
    font-size: 14px;
    line-height: 16px;
    padding-left: 5px;
    color: #545454;
    border-bottom: 1px solid #898989;
    list-style: none
}
.hoverover>a:hover, .pages>ul>.active {
    background-color: #767676;
    color: #fff
}
#pageSize_dropdown>#pageSize_menu>tbody tr td, .pageSizeSelectMenu>tbody tr td {
    text-align: center
}

.paging_controls>.left_arrow>img, .paging_controls>.right_arrow>img {
    padding: 10px
}
.paging_controls>.left_arrow>img {
    padding-left: 0
}
.paging_controls>.right_arrow>img {
    padding-right: 0
}

.pages>*, .pages>ul>* {
    display: inline-block
}

.hoverover>a, .pages>ul>.active {
    width: 39px;
    line-height: 39px;
    text-align: center
}

.pages>ul {
    margin: 0;
    padding: 0;
    list-style: none
}
.pages>ul>.active {
    border: 1px solid #a0a0a0;
    border-radius: 5px
}
.pageControlMenu .controlBar .pageControl.number>a {
    margin: 0
}
.hoverover>a {
    display: block;
    border: 1px solid #a0a0a0;
    border-radius: 5px
}
.grid>.col {
    float: left
}
.grid:after {
    content: "";
    display: block;
    clear: both
}

.product>.product_image {
    overflow: visible
}
.catPos>.product_image {
    border: 1px solid transparent
}
.catPos>.product_image>a {
    position: relative;
    display: block;
    /* height: 160px; */
    text-align: center
}
.catPos>.product_image>a>img {
    position: relative;
    width: 100%;
}
.product>.product_image>a {
    display: inline-block;
    max-width: 100%
}
.product>.product_image>a>img {
    display: block;
    margin: auto
}
.product_image .image {
    position: relative;
    width: 100%;
    background: #fff;
    padding-top: 18px;
    margin-bottom: 12px;
	padding-bottom: 18px;
	display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #EEEEEE;
}
.product_image .image img{
	max-width:172px;
	max-height:172px;
	min-height: 172px;
    width: 100%;
}
.badge{
 	position: absolute;
   left: 10px;
   top: 30px;
   width:30px;
   z-index:5;
  }
  .badge .badge-info-img{
  	max-width:26px;
  	margin-bottom:15px;
  }
  
.product-sticky-header .badge{
	display:none
}

.full-image .badge{
    right: 15px;
    top: 50px;
}
/* .bulk-price-box{
	display:none;
} */
.product_image .RibbonAdDefault {
    position: absolute;
    right: 5px;
    background: #F78125;
    font-weight: 600;
    font-size: 10px;
    padding: 5px;
    line-height: 14px;
    text-transform: uppercase;
    color: #FFFFFF;
    bottom: 5px;
}
.product_image .RibbonAdDefault.Exclusive {
    background-color: var(--primary-color);
    background: -webkit-gradient(linear, left top, right top, color-stop(.76, rgba(202,67,0,1)), color-stop(1, rgba(255,255,255,0)));
    background: linear-gradient(to right, rgba(202,67,0,1) 76%, rgba(255,255,255,0) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(gradientType=1, startColorStr='#FFCA4300', endColorStr='#00FFFFFF')";
    bottom: 70px
}


.featured-products{
	border:1px solid var(--primary-color);
	padding:0 19px;
}
.featured-products .carousel{
	height:100%;
}
.featured-products .pageControl{
	bottom:10px;
}

.featured-products .image{
	border:0px none;
	padding:0px;
}
.page-title.featured-page-title{
	padding:14px 0 6px 0;
	font-size:18px;
}


.view-all-products{
	background:var(--primary-bg-color);
	padding:40px 15px 40px 15px;
	display: flex;
	flex-wrap: wrap;
} 
.view-all-img{
	width:20%;
}
.view-all-product-items{
	width:80%;
}

.view-all-products .product{
	margin:0px;
	padding:0;
	width:100%;
}
.view-all-products .gridProduct{
	border:1px solid #EEEEEE;
	padding:0 15px 24px 15px;
	background:#fff;
}

.view-all-products .image{border:0 none}
.product-type-col .slide:nth-of-type(odd) .image{background:#FFF6FF}
.product-type-col .slide:nth-of-type(even) .image{background:#FFFCF3}
.view-all-product-items .add-to-cart, 
.product-type-col .add-to-cart{
	background: transparent;
    color: #3A4980;
    font-size: 12px;
    font-weight: 500;
    height:36px;
}
.view-all-product-items .form-select,
.best-selling .form-select{
	height:36px;
	min-width:60px;
}
.product-type-col .gridProduct {
	border: 1px solid #eee;
    border-radius: 5px;

}

.product-type-col .product-items{
	padding:0
}

.product-type-col .image{
	background:#F3F7FF;
	margin:0;
	padding:0 4px;
	height:100%;
}

.product-type-col .image img{
	max-width:132px;
	max-height:132px;
	width:100%;
	mix-blend-mode: multiply;
    filter: contrast(1);
}

.product-type-col .product_image{
	min-height: 200px;
}

.product-type-col .product_info{
	padding:20px 20px 20px 10px;
}

.product-type-col .product_name a{
	font-size:16px;
	color:#3A4980;
	font-weight: 500;
    margin-bottom: 13px;
    display: inline-block;
}

.cat-product-image{
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-catergories .cat-product-image{
	margin:0 auto;
}

.category-name{
	text-align: center;
	font-size:16px;
	font-weight: 500;
	margin-top:20px;
}
.cat-product-image img{
	position: relative;
    z-index: 2;
    mix-blend-mode: multiply;
	filter: contrast(1);
}

.cat-product-image:before{
	content:'';
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    background: var(--white);
    border:1px solid var(--grey-04);
    transform: translate(-50%, -50%);
}
.favourites{
	order:2;
	}
.product-items .add-to-favourite{
    font: normal normal normal 14px/1 FontAwesome;
}
.product-items .button-favourite:before{
	content: "\f08a";
	height:20px;
	width:20px;
	position:absolute;
	right: 0px;
    top: 0px;
}

.product-items .button-favourite.favourite-active:before{
	content: "\f004";
	color:var(--red);
}

.fa.fav-icon{
    position: absolute;
    right: 20px;
    font-size: 20px;
    top: 20px;
}

.fav-icon.active{
	color:var(--red);
}

.product-items .button-favourite{
    position: absolute;
    top: 10px;
    right:10px;
    border:0 none;
    z-index: 9;
}
.product-items .add-to-favourite.list-view{
    right: 0;
}


.product-items .earn-upoints, 
.product-items .add-to-favourite .fav-text{
	display:none;
}
.product-items .price {
	margin-bottom:16px;
}

.button_text {
    text-align: center
}

.add2CartButtonDisabled {
    color: #BFBFBF!important;
    cursor: default;
    pointer-events: none
}

.compare-sticky{
    position: fixed;
    left: 0;
    bottom: -170px;
    width: 100%;
    box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.10);
    padding-top: 10px;
    padding-bottom: 10px;
    z-index:10;
     transition: all 1.5s ease-in-out;
    -webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transform: translateY(0%);
    animation: createDiv 1.5s ease-in-out alternate;
    -moz-animation: createDiv 1.5s ease-in-out alternate;
    -webkit-animation: createDiv 1.5s ease-in-out alternate;
    
}

.compare-sticky.open{
	bottom: 0px;
}


.compare-arrow{
	background:var(--white);
	border: 1px solid var(--primary-color);
    background: transparent;
    position: fixed;
    z-index:11;
    transition-duration: 0.8s;
    transition-property: transform;
}
.compare-arrow.active{
transform: rotate(180deg);
}
.compare-item-details .compare-product-name{
	height: 34px;
    overflow: hidden;
    text-transform: capitalize;
}

.compare-close{
	position:absolute;
	top:10px;
	right:10px;
}


.compare_target[data-state="2"] {
    padding: 0 0 0 9px
}
.compare_target[data-state="2"], .compare_target[data-state="1"] {
    border-radius: 4px
}

.compare_target>a {
    display: none;
    padding: 7px;
    background-color: #767676;
    border-radius: 0 4px 4px 0;
    color: #fff;
    text-decoration: none;
    margin-left: 4px;
    padding-left: 10px;
    padding-right: 10px
}
.catPos, .catPos_catalog {
    width:125px;
}
.compare_target[data-state="2"]>a {
    display: inline-block
}
.compareCheckboxLabels {
    display: none
}

.productListHeader {
    padding: 10px 20px 0
}
.catPos_catalog {
    border-radius: 4px
}


.add-to-cart-modal-wrapper {
  	-webkit-animation-iteration-count: 1;
  	-webkit-animation-delay: 3s;
 	animation-iteration-count: 1;
    animation-delay: 3s;
    background: white;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 370px;
    max-height: 390px;
    overflow: auto;
    width:auto;
    padding: 8px 20px 20px;
    box-shadow: 0px 0px 5px 0px #bbbbbb;
    border-radius: 5px;
    z-index: 9;
}

.add-to-cart-modal-wrapper .add-to-cart-modal-header {
    background: #EED253;
    padding: 15px 10px;
    border-radius: 5px;
    margin-bottom: 20px;
}

.add-to-cart-modal-wrapper .product-image{
	border: 1px solid #EEEEEE;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
}

.add-to-cart-modal-wrapper .product-image img{
	max-width:100px;
	width:100%;
}

div#widget_breadcrumb {
    padding-bottom: 0px;
}
div#widget_breadcrumb>ul {
    padding: 0;
    list-style-type: none
}
div#widget_breadcrumb>ul li {
    display: inline;
    color: var(--primary-color);
    font-size: 12px;
    margin: 0;
    text-transform: capitalize;
}
div#widget_breadcrumb>ul li a {
    text-decoration: none;
    color: var(--primary-color);
}

div#widget_breadcrumb>ul li.current {
    color: var(--grey-03);
    text-transform: capitalize;
}
div#widget_breadcrumb>ul li.divider, div#widget_breadcrumb>ul span.divider {
    margin: 0 6px;
    color: var(--grey-03);
    font-size: 15px;
    font-family: monospace;
    
}

.facet-category span{
	color: var(--grey-03);
}
.facetWidget {
    border-radius: 5px
}

.facetWidget .dropdownIcon {
    float: left;
    width: 16px;
    height: 16px;
    background: url(../images/responsive/rwdUI.png);
    background-position: -61px -41px;
    margin: 3px 6px 0 0
}
.facetWidget[aria-expanded=false] .dropdownIcon {
    background-position: -41px -41px
}

.optionContainer.vertical .title {
    margin: 10px 5% 0 0
}
.optionContainer .arrow {
        width: 27px;
    height: 27px;
    margin: -1px 0px 0 0;
    float: right;
    position: relative;
    overflow: hidden;
}
.optionContainer .arrow:before {
        content: "-";
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 20px;
    border: 1px solid;
    text-align: center;
    border-radius: 25px;
    line-height: 20px;
    font-weight: 400;
    cursor: pointer;
}
.optionContainer .arrow_collapsed:before {
        content: "+";
    position: absolute;
    width: 20px;
    height: 20px;
    font-size: 20px;
    border: 1px solid;
    text-align: center;
    border-radius: 25px;
    line-height: 19px;
    font-weight: 400;
    cursor: pointer;
}


.facetWidget .close {
    float: left;
    position: relative;
    width: 15px;
    height: 15px;
    overflow: hidden;
    margin-top: 3px;
    margin-right: 2px
}
.facetWidget .close:before {
    position: absolute;
    content: url(../images/responsive/rwdUI.png);
    top: -1px;
    left: -61px
}
.facetWidget .clearAll:hover .close:before, .facetWidget .filter_option:hover .close:before {
    top: -1px;
    left: -241px
}
#facetFilterListWrapper .facetSelectedCont {
    border-top: 1px solid #e3e1e1;
    border-bottom: 1px solid #e3e1e1;
    padding: 3px 0;
}
#facetFilterListWrapper .facetSelectedCont .filter_option img {
    border-radius: 100%;
    vertical-align: middle
}
#facetFilterListWrapper .facetSelected {
    list-style: none;
    font-size: 13px;
    line-height: 30px
}
#facetFilterListWrapper .facetSelected:hover .close {
    background-position: -241px -1px
}
#facetFilterListWrapper .facetSelected.vertical {
    width: 95%
}
.facetSelected .close {
    margin: 7px 3px 0 0
}
#facetFilterListWrapper .header {
    width: 95%;
    margin: 0 5% 0 0
}

.facetWidget .openTab {
    float: right;
    font-size: 13px;
    margin-right: 20px;
    font-style: normal;
    font-weight: 400
}
.facetSelectContainer {
    background: #FFF;
    margin: 0;
    padding: 0 0 10px;
    border-radius: 0 0 5px 5px
}
.facetSelectContainer>ul {
    padding: 0
}
.facetSelectContainer .facetSelectedHighlight {
    color: var(--primary-color);
    font-weight: 700
}
.facetSelect li, .showLess, .showMore {
    line-height: 16px;
    color: #565656;
    font-size: 12px
}
.facetSelectContainer .facetSelect li.singleFacet {
    border-bottom: none;
    margin-bottom: 2px;
    padding: 10px 5%;
    text-align: center;
    width: 38px;
    float: left
}
.facetSelectContainer .swatch .outline>span {
    display: table-cell;
    height: 34px;
    vertical-align: middle
}
.facetSelectContainer .swatch img, .facetSelected>a>div.filter_option>span>img {
    border-radius: 100%;
    vertical-align: middle;
    box-shadow: 0 0 0 1px #E5E5E5
}
.facetSelectContainer .swatch .outline.facetSelectedHighlight>span>img {
    box-shadow: 0 0 0 3px #FAC549
}
.facetSelect .swatch .outline {
    display: inline-block;
    text-align: center
}
#catSelectCont, .col12>.facetWidget>#facetLinkSelect, .optionContainer.vertical .facetSelectContainer {
    margin-right: 5%
}
.facetWidget #facetLinkSelect {
    max-height: none;
    overflow-y: inherit;
    margin-right: 20px;
    background: 0 0
}
#facetFilterListWrapper .facetSelect {
    margin-top: 0
}
.facetSelect li a, .facetSelect li label {
    display: block;
    margin: -10px -5%;
    padding: 10px 0px;
    text-transform: capitalize;
}
.facetSelect li {
    list-style: none;
    padding: 5px 5%;
    /*border-bottom: 1px solid #e3e1e1*/
}
#fSCColor ul li, #facetLinks ul li {
    border-bottom: none
}
.facetSelect.active>li.more, .facetSelect>li.more~li {
    display: none
}
.facetSelect.active>li.more~li {
    display: block
}
.showLess, .showMore {
    text-align: right;
    padding: 5px 5% 0 0
}
#fSCColor ul li, .input_field.center, .pageNumber {
    text-align: center
}
#facetFilterListWrapper .facetSelect li:first-child {
    padding-top: 0
}
#colorSelect .facetSelect li:first-child {
    padding-top: 10px
}
#fSCColor ul li {
    float: left;
    width: 30px;
    margin-bottom: 2px;
    padding: 10px 5%
}
#facetCat ul li, #facetLinks ul li {
    padding-left: 10%
}
#facetCat.col8 li {
    padding-left: 4%;
    width: 27.3%;
    float: left;
    margin-right: 2%
}
#facetCat ul li {
    background: #FFF
}
#fSCPrice input {
    height: 20px;
    border: 1px solid #767676
}
.facColor {
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin: 0 auto 2px
}
.facetSelect .checkBox {
    margin: 0 10px 0 0;
    width: 15px;
    height: 15px;
    border: 1px solid var(--secondary-light-color);
    background-color: white;
    border-radius: 4px;
    float: left;
    position: relative;
    display: none
}
.singleFacet .facetSelect .checkBox {
    display: block
}
#pageNumber3, #pageNumber4, #pricing_popup_main_div, .selectDropdown, .titleNonLink {
    display: none
}
.facetSelect li input:checked+a .checkBox>.checkmark, input:checked~.checkBox>.checkmarkMulti {
    position: absolute;
    background: url(../images/responsive/rwdUI.png);
    background-position: -79px 0px;
    margin-left: 1px;
    margin-top: 1px;
    width: 12px;
    height: 11px
}
input:disabled+label {
    color: #CCC
}
.optionContainer.fixed {
    min-width: 200px;
    float: left
}
.optionContainer.percent {
    width: 33.33333%;
    float: left
}
.optionContainer.vertical {
    width: 100%;
    float: left
}
#facetFilterListWrapper>.facetSelectedCont {
    border-top: 1px solid #E3E1E1;
    border-bottom: 1px solid #E3E1E1;
    margin-top: 7px;
    padding: 0;
    display: flex;
    gap: 15px;
}
#facetFilterList li {
    font-size: 12px;
    list-style: none;
    padding: 3px 0;
    display: inline-block;
    vertical-align: top;
    line-height: 28px;
}
.homeHero>.textContainer>.button {
    border: 1px solid transparent
}
.homeHero>.textContainer>.button:focus {
    border: 1px dotted #000
}
.pageControl.number>.dropdownToggleButton>.arrow, .pages .pageNumber>.arrow {
    background: url(../images/responsive/rwdUI.png);
    background-position: -141px -1px;
    width: 7px;
    height: 9px;
    position: absolute;
    right: 2px;
    bottom: 2px
}
.pageOptionsDropdown {
    position: absolute;
    display: none;
    top: 45px;
    left: -5px;
    z-index: 100;
    width: 84px;
    background: #FFF;
    border: 1px solid #A0A0A0;
    padding: 0 3px 3px 0
}
.pageOptionsDropdown>.ellipsis {
    list-style: none;
    width: auto!important;
    text-align: center;
    line-height: 15px;
    margin: 5px 5px 5px 40px!important;
    font-weight: 700;
    border: 0!important;
    cursor: default;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1)
}
.pageOptionsDropdown>.pageDropdownClose {
    list-style: none;
    float: left!important;
    width: 15px!important;
    height: 15px!important;
    border: 0!important;
    background: url(../images/responsive/rwdUI.png);
    background-position: -61px -1px;
    margin: 16px 0 0 15px!important
}
.pageOptionsDropdown>.pageDropdownClose:hover {
    background-position: -241px -1px
}
.pageDropdownClose {
    list-style: none;
    float: left;
    width: 15px;
    height: 15px;
    background: url(../images/responsive/rwdUI.png);
    background-position: -61px -1px;
    border: 14px solid #fff
}
.pageNumber.active, .pageNumber:hover {
    border-color: #767676;
    background: #767676;
    color: #FFF;
    cursor: pointer
}
.pageNumber {
    margin-left: 3px;
    float: left;
    border: 1px solid #A0A0A0;
    background: #FFF;
    width: 37px;
    height: 30px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    padding-top: 8px;
    list-style: none
}
.pagingLeft, .pagingRight {
    height: 12px;
    margin-top: 13px;
    float: left
}
.pagingLeft {
    background-position: -21px -1px;
    width: 6px;
    margin-right: 17px
}
.pagingRight {
    background-position: -41px -1px;
    width: 11px;
    margin-left: 16px
}
.productListingWidget>.header_bar .pagination_controls {
    clear: left
}

.addrbook_header .inputField {
    width: 250px;
    margin-bottom: 0!important
}

.wcSelectMenu {
    border: 1px solid #E0E0E0;
    background: #FFF;
    box-shadow: 0 2px 13px -4px #000;
    z-index: 20;
    font-size: 12px
}
.OrganizationUserInfo #Register .formField {
    margin-bottom: 0
}
.sign_in_registration #Register .formField {
    margin-bottom: 25px;
    max-width: 450px;
    min-width: initial;
    position: relative
}
#Register .description {
    border-bottom: 1px solid #e0e0e0;
    border-top: 3px solid #ef5305;
    margin-bottom: 20px;
    margin-top: 5px;
    padding: 20px 10px;
    position: relative
}
#Register #registration_arrow {
    left: 6%;
    position: absolute;
    top: -20px;
    transition: all 1s ease 0s
}
#Register #registration_arrow.right {
    left: 56%
}


.mobileToolbarButton, .toolbarButton {
    cursor: pointer
}
.selectDropdown {
    position: absolute;
    width: 190px;
    border: 1px solid #ccc;
    background: #fff;
    z-index: 10
}
.selectItem {
    border-bottom: 1px solid #e4e4e4
}
.selectTitle {
    padding: 5px;
    cursor: pointer
}
.selectItem:last-child {
    border-bottom: 0
}
.selectTitle:hover {
    background: #d9e9f7
}
div#distributor_pricing_popup {
    padding-right: 16px
}
div#distributor_pricing_popup div.row div.price_column {
    width: 100px
}
div#distributor_pricing_popup div.row div.price_column input {
    background-color: transparent;
    border: none;
    margin-bottom: 0;
    padding: 0;
    vertical-align: text-top
}
div#distributor_pricing_popup div.row div.price_range_link {
    display: block;
    margin: 0 0 0 18px
}
div#distributor_pricing_popup div.row div.contract_column {
    width: 250px
}
.listTable {
    border: 1px solid var(--grey-09);
    border-radius: 5px
}

.listTable .toolbar #quantityAdd {
    margin-top: 3px
}
.listTable .toolbar #csr_resetPassword_button, .listTable .toolbar #newListButton, .listTable .toolbar #uploadListButton {
    float: right;
    margin-left: 10px
}
.listTable .toolbar .button_secondary .button_text {
    border-bottom: 0 none
}
.listTable .toolbar .newList {
    display: inline-block;
    /* position: relative; */
    float: right
}
.listTable .tableHeader {
        background: #9E9E9E;
    padding: 0 10px;
    color: #fff;
}

.listTable .creator {
    width: 20%
}
.listTable .actions {
    float: right
}
.listTable .selected .cell {
    text-align: center
}
.listTable .tableHeader .cell {
    font-size: 12px;
    font-weight: 700;
    padding: 5px 5px 5px 0
}
.listTable .cell {
    font-size: 12px;
    padding: 13px 10px 7px 0;
    word-wrap: break-word
}
.listTable .cell a, .listTableMobile .cell a {
    color: #006ECC
}
.listTable a, .listTableMobile a {
    font-size: 12px;
    color: #006ECC
}
.listTable .cell .field {
    margin-bottom: 8px
}
.listTable .tableHeader .cell img {
    margin-left: 3px;
    vertical-align: middle
}
.listTable .entry {
    border-bottom: 1px solid var(--grey-09);
    margin: 0 10px
}
.listTable .entry .input_field {
    width: 40px;
    text-align: center
}

.listTable .entry .quantity.editable .cell {
    float: none;
    margin-right: 0
}

.listTable .previewImage img {
    width: 70px
}
.listTable .eachCost {
    text-align: left;
    width: 10%
}
.listTable .totalCost {
    text-align: right;
    width: 11%
}
.listTable .remove {
    text-align: right;
    width: 8%
}
.listTableMobile {
    display: none;
    font-size: 12px
}
.listTableMobile .selected {
    text-align: center;
    padding: 0 10px 0 0;
    width: 20px
}
.listTableMobile .title {
    float: none;
    clear: both
}
.listTableMobile .toggle {
    width: 20px;
    float: right;
    cursor: pointer
}
.listTableMobile .expandedContent .expandedCol {
    padding: 0 11px;
    min-width: 200px
}
.listTableMobile .expandedContent .expandedCol>div {
    min-height: 10px;
    padding: 5px 0 5px 20px
}
.listTableMobile .expandedContent .expandedCol .leftCol {
    float: left;
    font-weight: 700;
    display: inline-block;
    width: 40%;
    padding-right: 25px
}
.listTableMobile .expandedContent .expandedCol .rightCol {
    display: inline-block;
    width: 45%
}
.listTableMobile .actions {
    font-size: 12px;
    padding: 0 11px 0 30px;
    float: none;
    display: inline-block
}
.listTable .button_primary.disable, .toolbarDropdown .hidden {
    display: none
}
.listTableMobile .actions .button_text {
    padding: 3px 0!important;
    width: 218px
}
.listTableMobile .actions .actionImage {
    vertical-align: middle
}
.listTableMobile .actionDropdown {
    position: absolute;
    right: inherit;
    width: 220px
}

.withPreviewImage .previewImage .cell {
    padding: 5px;
    text-align: center
}

.listTable .withPreviewImage .actions .cell {
    padding-top: 25px
}
.listTable .withPreviewImage .col1 .cell img {
    width: 100%
}
.listTable .footer, .listTableMobile .footer {
    padding: 20px 0 20px 10px;
    width: 98%
}
.listTable .footer .pageCount, .listTableMobile .footer .pageCount {
    font-size: 12px
}
.listTable .footer .pageButtons, .listTableMobile .footer .pageButtons {
    float: right;
    margin-top: -10px
}
.listTable .actions .cell {
    padding: 5px 5px 5px 0;
    text-align: right
}
.listTable .button_primary .button_text, .listTable .button_secondary .button_text {
    font-size: 13px
}
#Saved_OrderList_list_table.listTable .name, #Saved_OrderList_list_table.listTable .order {
    width: 25%;
    text-align: left
}
#Saved_OrderList_list_table.listTable .updated {
    width: 11%;
    text-align: left
}
#Saved_OrderList_list_table.listTable .total_price {
    width: 16%;
    text-align: right
}
#csr_resetPassword_dropdown_panel, #newListDropdown {
    right: 0;
    width: 320px
}
#uploadListDropdown {
    right: 25px;
}
.toolbarDropdown {
    background: linear-gradient(to bottom, #FFF 46%, #F5F5F5 100%) hsla(0,0%,0%,0);
    border: 1px solid #BFBFBF;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    box-shadow: -5px 5px 20px -6px rgba(191,191,191,.75);
    font-size: 12px;
    margin-top: 24px;
    padding: 15px;
    position: absolute;
    z-index: 10;
    display: none;
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F5F5F5', GradientType=0 );
    background-color: #FFF
}
.toolbarDropdown.active {
    display: block
}
.createTableList .input_field, .uploadTableList .input_field {
    margin: 15px 0;
}
.createTableList .button_primary, .createTableList .button_secondary, .uploadTableList .button_secondary {
    margin: 5px 0
}
.createTableList .button_primary>.button_text, .createTableList .button_secondary>.button_text, .uploadTableList .button_primary>.button_text, .uploadTableList .button_secondary>.button_text {
    width: 197px;
    max-width: 197px
}
.uploadTableList #uploadButton.button_primary>.button_text {
    width: auto
}
.uploadTableList #uploadSaveButton {
    float: left;
    margin-right: 9px
}
#fileUploadStatusBox .uploadStatus img, .uploadTableList .download_link_icon {
    margin-right: 5px;
    float: left;
    vertical-align: middle
}
.uploadTableList .download_link {
    position: relative;
    top: 2px
}
.uploadTableList #uploadButton {
    margin-top: 10px;
    cursor: pointer
}
.uploadTableList .uploadForm {
    padding-bottom: 15px;
    border-bottom: 1px solid var(--grey-09);
    margin-bottom: 15px
}
.uploadTableList .uploadForm .formContents {
    margin-bottom: 15px
}
.uploadTableList .exampleInfo .exampleTable td {
    border: 1px solid #b7b7b7;
    padding: 5px
}
.uploadTableList .exampleInfo .exampleTable td:nth-child(1) {
    width: 150px
}
.uploadTableList .exampleInfo .exampleTable td:nth-child(2) {
    width: 50px
}
.uploadTableList #uploadButtonArea {
    width: 90%;
    margin:0 auto;
}
.uploadTableList #UpLoadedFile {
    position: absolute;
    left: -150px;
    opacity: 0;
    filter: alpha(opacity=0)
}

#fileUploadStatus {
    margin-bottom: 20px;
    margin-top: 5px;
    padding-left: 0
}
#fileUploadStatus h1 {
    font-size: 18px;
    padding: 0 0 10px
}
#fileUploadStatusBox {
    border-radius: 5px;
    padding: 10px;
    border: 1px solid var(--light-blue);
}
#fileUploadStatusBox .fileUpload {
    border-bottom: 1px solid var(--light-blue);
    padding-bottom: 10px;
    margin-bottom: 10px
}
#fileUploadStatusBox .fileUpload:last-child {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.fileName {
    overflow: hidden;
    text-overflow: ellipsis
}

#fileUploadStatusBox .uploadStatus img {
    width: 20px;
    padding: 0 4px
}
#fileUploadStatusBox .uploadStatus span {
    display: inline
}
#fileUploadStatusBox .uploadStatus .loading {
    font-style: italic;
    padding-top: 2px
}
#fileUploadStatusBox .uploadStatus .complete {
    padding-top: 2px
}
#fileUploadStatusBox .timeStamp {
    vertical-align: middle;
    padding-top: 2px
}

#fileUploadStatusBox .columnHead {
    display: none
}
#LogTable {
    height: auto;
    border: 1px solid var(--grey-09);
    border-radius: 5px;
    max-width: 100%
}
#LogTable .row {
    font-size: 12px
}
#LogTable .toolbar {
    background: #F0F0F0;
}
#LogTable .last {
    border-bottom: 0 none
}
#LogTable .row .UploadStatus {
    display: inline-block;
    float: none;
    padding-left: 11px;
    position: relative;
    top: 2px
}
#LogTable .row .UploadStatus img {
    width: 20px
}
#LogTable .row .UploadStatusText {
    padding-left: 5px;
    padding-top: 2px;
    float: left
}
#LogTable .row .UploadStatusDate {
    padding-left: 11px;
    padding-top: 2px;
    float: left
}
#LogTable.requisitionList .entry {
    margin: 0 15px
}
#LogTable #status {
    font-size: 12px;
    padding: 10px 0 10px 14px;
}
.logTable {
    display: inline-block;
    float: left;
    width: 50%
}
.logTable .cell {
    padding: 13px 10px 7px 4px
}
.logTable:nth-of-type(1) {
    font-style: bold
}
#twoTables {
    height: 147px;
    padding-left: 0
}
.requisitionList {
    border: 1px solid var(--grey-09);
    border-radius: 5px
}
.requisitionList .toolbar {
    background: #F9F9F9;
    margin-bottom: 4px;
    padding: 10px
}
.requisitionList .entry {
    border-bottom: 1px solid var(--grey-09);
    margin: 0 10px
}
.requisitionList .entry .input_field {
    width: 40px;
    text-align: center
}
.requisitionList .cell {
    padding: 13px 10px 7px 0;
    font-size: 12px
}
.requisitionList .cell a, .requisitionListMobile .cell a {
    color: #006ecc
}
.UploadStatus .imgStatus {
    padding: 0 4px 0 1px;
    position: relative;
    float: left
}
#autoSuggestBySKU_Result_div, .skuAddSearch {
    position: absolute
}
#suggestedProductsResults .as_thumbnail img {
    border: 1px solid #EDF0F8;
    margin-right: 8px;
    padding: 0;
}
.skuCode, .skuTitle {
    padding: 13px
}
.search-clear{
	border: 0;
    background: #f5f5f5;
    color: #000;
    position: absolute;
    right: 65px;
    top: 0;
    padding: 9px 10px;
    height: 42px;
    width: 40px;
    z-index: 99;
}
#suggestedProductsResults .price {
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: #3A4980;
}
#MQuickOrderForm .autoSuggestBySKU_QuickOrder {
    margin: 2px 0 0 25px
}
.actionDropdown, .skuAddSearch {
    margin-top: -2px;
    font-size: 12px
}
.skuAddSearch {
    background: #FFF;
    border: 1px solid #B8B8B8;
    display: none;
    width: 400px;
    z-index: 20
}
.skuSearchItem:hover {
    background: #D9E9F7;
    cursor: pointer
}
.skuSearchItem:nth-child(1) {
    border-top: 0 none
}
.skuSearchItem {
    border-top: 1px solid #B8B8B8
}
.skuCode {
    float: left;
    margin-right: 40px
}
#editRequisitionListInfo #updateInfoButton, #editSavedOrderInfo #updateInfoButton, #editSavedOrderInfo .input_field {
    margin-right: 10px
}
.formButtonDisabled {
    cursor: default;
    pointer-events: none
}
.formButtonGreyOut {
    color: #BFBFBF!important
}




@media screen and (max-width:1023px) {
#LogTable, #twoTables {
    height: auto
}
#LogTable .last {
    border-bottom: 1px solid var(--grey-09)
}
.logTable {
    position: relative;
    width: 100%;
    float: none
}

.logHeader {
    display: none
}
#LogTable {
    border-radius: 0
}
.sorting_controls>span.page_size_label {
    display: inline-block;
    width: 70px
}
.sorting_controls>span.order_by_label {
    display: inline-block;
    width: 75px
}
}
.logColumn .col3, .logHeader .col3 {
    width: 30%
}
.globalLogin.selectWrapper {
    margin-bottom: 15px;
    height: auto;
    display: flex;
    width: 100%;
    line-height: 16px;
}
#WC_B2BMyAccountParticipantRole_select_1_alt_dropdown .orderBySelectMenu>tr td, #WC_B2BMyAccountParticipantRole_select_1_dropdown .orderBySelectMenu>tr td, #WC_B2BMyAccountParticipantRole_select_2_alt_dropdown .orderBySelectMenu>tr td, #WC_B2BMyAccountParticipantRole_select_2_dropdown .orderBySelectMenu>tr td {
    height: 16px;
    padding: 6px 0;
    font-size: 12px;
    line-height: 16px;
    padding-left: 2px;
    color: #545454;
    border-bottom: 1px solid #898989;
    list-style: none
}
#newListPublicPrivateDropdown.selectWrapper {
    margin-bottom: 15px;
    height: auto;
    display: block;
    line-height:24px;
    max-width:100%;
}
#newListPublicPrivateDropdown .ui-icon{
	top:0px;
}
#listType_dropdown .orderBySelectMenu>tr td {
    height: 16px;
    padding: 6px 0;
    font-size: 12px;
    line-height: 16px;
    padding-left: 2px;
    color: #545454;
    border-bottom: 1px solid #898989;
    list-style: none
}
.contractSelectPanel .selectWrapper {
    margin-bottom: 15px;
    height: auto;
    display: block
}
#contractSelectDropDown_dropdown .orderBySelectMenu>tr td, #organizationSelectDropDown_dropdown .orderBySelectMenu>tr td {
    height: 16px;
    padding: 6px 0;
    font-size: 12px;
    line-height: 16px;
    padding-left: 2px;
    color: #545454;
    border-bottom: 1px solid #898989;
    list-style: none
}
.keyIcon {
    display: none!important;
    padding: 2px;
    z-index: 998
}
.actionDropdown {
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    -webkit-box-shadow: -5px 5px 20px -6px rgba(0,0,0,.75);
    -moz-box-shadow: -5px 5px 20px -6px rgba(0,0,0,.75);
    box-shadow: -5px 5px 20px -6px rgba(0,0,0,.75);
    position: absolute;
    z-index: 10;
    background: #fff;
    right: 2%;
    width: 170px;
    display: none
}
.actionDropdownPushContent {
    position: relative
}
.actionDropdown.active {
    display: block
}

.actionDropdownAnchorDisplay {
    background: #fff;
    border-bottom: 1px solid #fff;
    z-index: 12
}

.actionItem.inactive .actionTitle a {
    cursor: default;
    color: #6C6C6C
}
.actionItem .actionTitle a {
    color: inherit
}
.listTable a.button_secondary.actionButton.clicked, .listTable a.button_secondary.toolbarButton.clicked {
    background: #fff;
    border-bottom: 1px solid #fff;
    z-index: 8;
    filter: none!important
}


.requisitionList_type_selection img {
    position: absolute;
    right: 3px;
    bottom: 3px
}
#orderInfo, #savedOrderCurrentInfo .editListInfo {
    font-size: 12px
}
#editRequisitionListInfo {
    display: none
}
#editRequisitionListInfo .fields {
    max-width: 485px;
    min-width: 402px;
    position: relative
}
#editRequisitionListInfo .input_field {
    width: 50%;
    margin-bottom: 15px;
    margin-right: 10px
}
#editRequisitionListInfo .label {
    max-width: 50px;
    min-width: 40px;
    margin-bottom: 10px
}
#editRequisitionListInfo #actionDropdown4 {
    left: 66.5%;
    top: 30px
}
#editRequisitionListInfo #actionButton4 .button_text {
    width: 60%;
    padding: 0 20px;
    min-width: 40px
}
#orderInfo {
    padding: 0 10px;
    margin: 10px 10px 30px 20px!important
}
#orderInfo h1 {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 10px
}
#orderInfo .entry {
    margin-bottom: 3px
}
#orderInfo .label {
    display: inline-block;
    min-width: 150px
}

#editSavedOrderInfo {
    margin-bottom: 30px;
}

.loginMenuDropdown, .menuDropdown {
    color: #4D4D4D;
    font-size: 13px;
    top: 76px;
}

#editSavedOrderInfo {
    display: none
}
#editSavedOrderInfo .fields {
    max-width: 550px;
    min-width: 352px;
    position: relative
}
#editSavedOrderInfo .input_field {
    width: 60%;
    margin-bottom: 15px
}

#quickLinksBar>li>#Header_GlobalLogin_signOutQuickLink {
       max-width: 208px;
    display: inline-flex;
    text-align: -webkit-auto;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 24px;
    min-height: 29px;
}
#quickLinksBar>li>#Header_GlobalLogin_signOutQuickLink span#Header_GlobalLogin_signOutQuickLinkUser {
    height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	min-width: 55px;
    text-align: center;
	max-width: 71px;
}
#quickLinksBar>li>#Header_GlobalLogin_signOutQuickLink.Header_GlobalLogin_signOutQuickLink_CSR {
    
}

.loginMenuDropdown .panel, .menuDropdown .panel ul{
    padding: 0px
}
.loginMenuDropdown .panel, .menuDropdown .panel ul li {
    list-style: none;
            padding: 6px 10px 6px;
    margin: 5px 0px;
}

.menuDropdown .panel ul li:hover{
    font-weight:500;
    background:rgb(163, 169, 194 , 20%);
}

#Header_GlobalLogin_desktopExpandArrow {
    bottom: 2px;
    position: absolute;
    right: 6px;
    display: none;
}
#Header_GlobalLogin_loggedInDropdown.menuDropdown {
    right: 0;
    top: 55px;
}
#Header_GlobalLogin_loggedInDropdown:before {
    position: absolute;
    content: '';
    height: 20px;
    border-style: solid;
    border-width: 0 15px 15px 14px;
    border-color: transparent transparent #f6f8f7 transparent;
    top: -34px;
    right: 15px;
}
.menuDropdown {
    background: linear-gradient(to bottom, #FFF 46%, #F5F5F5 100%) hsla(0,0%,0%,0);
    background-color: #FFF;
    display: none;
    position: absolute;
    right: 299px;
    width: 200px;
    z-index: 2;
    outline: none;
        box-shadow: 0px 0px 2px 1px #cdcdcdeb;
}
.menuDropdown_csr {
    right: 299px;
    z-index: 999
}
.menuDropdown.active {
    display: block
}
.menuDropdown .field {
        padding: 10px 10px 0px 10px;
    color: var(--primary-color);
    font-weight: 600;
    font-size: 14px;
}
.menuDropdown .footer {
    border-top: 1px solid #BFBFBF;
    margin-top: 20px;
        margin-top: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.menuDropdown .label {
    margin-bottom: 8px
}
.loginMenuDropdown {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 0px;
    display: none;
    position: absolute;
    right: 0;
    top: 56px;
    width: 290px;
    z-index: 3; /* From 2 to 3 becausee OBVM 440*/
    outline: 0;
	box-shadow: 0px 9px 4px 3px grey;
}
.loginMenuDropdown.active {
    display: block;
    background: #f6f8f7;
    box-shadow: 0px 4px 11px #aba9a9;
    margin-top: 0px !important;
}

.loginMenuDropdown.active::before {
    content: "";
    background: #af1c1c00;
    position: absolute;
    top: -14px;
    z-index: 1000;
    width: 0;
    border-style: solid;
    border-width: 0 15px 15px 14px;
    border-color: transparent transparent #f6f8f7 transparent;
    margin: auto;
    display: block;
    text-align: center;
    left: 229px;
	line-height: 0px;
	_border-color: #ffffff #ffffff var(--primary-color) #ffffff;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');
}
.loginMenuDropdown .field {
    margin-bottom: 18px
}
.loginMenuDropdown .label {
    margin-bottom: 8px
}
.loginMenuDropdown .input_field {
    width: 233px
}
.loginMenuDropdown .errorLabel, .menuDropdown .errorLabel {
    color: #C40;
    display: none;
    margin-bottom: 10px
}
.loginMenuDropdown .errorLabel.active, .menuDropdown .errorLabel.active {
    color: #C40;
    display: block;
    margin-bottom: 10px
}
.signInForm .button_primary, .signInForm .button_secondary {
    margin-right: 4px;
    width: 117px
}
.signInForm .button_primary .button_text, .signInForm .button_secondary .button_text {
    width: 105px;
    padding: 0 5px
}
.loginMenuDropdown .checkbox {
    padding: 5px 5px 5px 0;
    width: auto
}
.loginMenuDropdown .checkbox .checkedCheckBox {
    display: inline;
    cursor: pointer;
    margin-right: 7px;
    vertical-align: middle
}
.loginMenuDropdown .field .link {
    color: #006DCC;
    font-size: 12px
}
.loginMenuDropdown .button_primary .button_text, .loginMenuDropdown .button_secondary .button_text {
    font-size: 11px
}
.loginMenuDropdown .footer {
    border-top: 1px solid #BFBFBF;
    margin-top: 20px;
    padding-top: 20px
}
.GlobalLoginWidgetAlt {
    display: none
}
#globalLoginWidget .loginMenuDropdown.active, .GlobalLoginWidgetAlt.active {
    display: block
}
.headerWidgetLink {
    display: block;
    position: relative;
    max-width: 200px;
    margin: -10px 0;
    padding: 10px 15px
}
#signInDropdown {
    top: 0;
    right: 299px
}
.loggedInContractSelectPanel .button_primary .button_text, .loggedInContractSelectPanel .button_secondary .button_text {
    font-size: 11px;
    line-height: normal;
    text-align: center
}
.col6.orderValueCol, .orderLabelCol .orderLabel, .orderSummary, .orderValueCol .orderValue {
    text-align: right
}
.userProfileIcon {
    vertical-align: middle;
    margin-right: 3px
}
#QuickLinks_GlobalLogin_signOutQuickLink.panelLinkSelected.selected:after, #QuickLinks_GlobalLogin_signOutQuickLink.panelLinkSelected:after {
    top: 110px
}
#globalLoginWidget .loginMenuDropdown {
    border: none;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
    background: linear-gradient(to bottom, #FFF 46%, #FCFCFC 100%) hsla(0,0%,0%,0);
    color: #4D4D4D;
    font-size: 13px;
    z-index: 100
}
#QuickLinks_GlobalLogin_signInQuickLink.panelLinkSelected.selected:after, #QuickLinks_GlobalLogin_signInQuickLink.panelLinkSelected:after {
    right: -34px;
    top: 60px
}
#globalLoginWidget .panelLinkSelected.selected {
    background: hsla(0,0%,0%,0);
    border: 0;
    border-radius: 0;
    left: 1px;
    z-index: 101
}
#globalLoginWidget .sign_in_registration {
    color: #4D4D4D;
    line-height: 1.1em;
    margin: 0 auto;
    max-width: 773px
}
#globalLoginWidget .loginMenuDropdown .panel {
    padding: 0 20px 10px 10px
}
.row.footer.savedOrderFooterSection {
    width: 99%
}
.col12.savedOrderFooterColSection {
    width: 100%
}
.col6.orderLabelCol {
    width: 87%;
    position: relative;
    display: inline-block;
    text-align: right
}
.col6.orderValueCol {
    width: 12%;
    position: relative;
    display: inline-block
}
.orderSummary {
    padding-right: 70px
}
.orderSummary .orderField {
    margin-bottom: 5px
}
.orderSummary .orderLabel {
    display: inline-block;
    margin-right: 20px
}
.orderSummary .orderValue {
    display: inline-block
}
.orderFinalAmount {
    color: var(--primary-color);
    font-weight: 700
}
#OrganizationAndUsersPageHeading h1 {
    padding: 0
}
#BuyerAdministratorBuyerCommonPageHeading .required-field {
    padding: 0 10px;
    color: red
}
#OrganizationUsersList_Widget_Heading, #orgListHeading_2 {
    margin-bottom: 10px;
    font-size: 18px
}
#OrganizationUsersList_toolbar_form_botton {
    padding: 10px 0
}

.listTable .collapsible .toggle .button_text {
    height: 0;
    width: 0;
    padding: 5px
}
.listTable .collapsible .toggle .button_text:after {
    content: "";
    background-repeat: no-repeat;
    bottom: 4px;
    right: 4px;
    height: 20px;
    width: 20px;
    position: absolute
}
.listTable .collapsible[aria-expanded=false] .toggle .button_text:after {
    background-image: url(../images/icon_plus.png)
}
.listTable .collapsible[aria-expanded=true] .toggle .button_text:after {
    background-image: url(../images/icon_minus.png)
}
.listTable .collapsible span {
    font-size: 13px
}
.listTable .content .field {
    font-size: 13px;
    margin: 15px 0 0
}
.listTable .content .field input {
    font-size: 12px;
    padding: 8px;
    background: #FFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    width: 80%
}
.listTable .quantity .input_field {
    padding: 8px
}
#SavedOrderItems_table .eachCost .cell, #SavedOrderItems_table .quantity #quantityCell_1, #SavedOrderItems_table .totalCost .cell {
    padding-right: 0
}
#autoSuggestBySKU_Result_div_skuAdd.autoSuggestBySKU_QuickOrder {
    position: absolute
}
#RequisitionListItems_table .input_field.small {
    width: 80px
}
#SavedOrderItems_table .previewImage {
    width: 14%
}
#SavedOrderItems_table .name {
    width: 20%
}
#SavedOrderItems_table .availability {
    text-align: center;
    width: 14%
}
#SavedOrderItems_table .eachCost {
    text-align: right;
    width: 10%
}
#SavedOrderItems_table .quantity {
    text-align: center;
    width: 14%
}
#SavedOrderItems_table .totalCost {
    text-align: right;
    padding-right: 0;
    width: 14%
}
#SavedOrderItems_table .actions {
    text-align: right;
    width: 14%
}
#SavedOrderItems_table .withPreviewImage .actions .cell {
    padding-top: 25px
}
#SavedOrderItems_table .entry .input_field {
    float: left;
    left: 32px;
    positon: relative;
    text-align: center;
    width: 40px
}
#SavedOrderItems_table .quantityCellDiv {
    height: 100%;
    margin: 0 auto;
    position: relative
}
#SavedOrderItems_table .quantityUpdated {
    height: 16px;
    float: left;
    left: -24px;
    position: relative;
    right: auto;
    top: 6px;
}
#SavedOrderItems_table .quantityUpdated img {
    width: initial
}
#SavedOrderItems_table .input_field.small {
    width: 10%;
}
#SavedOrderItems_table .info_icon {
    color: #006ecc
}
#OrganizationUsersList_toolbar_searchForm {
    margin: 0 10px
}
.col1.actions.orgUsersHeader, .col1.status.orgUsersHeader {
    width: 14%
}
.col2.logonId.orgUsersHeader {
    width: 15%
}
.col3.name.orgUsersHeader {
    width: 22%
}
.col5.roles.orgUsersHeader {
    width: 35%
}
.col1.actions.orgUsersColumn, .col1.status.orgUsersColumn {
    width: 14%
}
.col2.logonId.orgUsersColumn {
    width: 15%
}
.col3.name.orgUsersColumn {
    width: 22%
}
.col5.roles.orgUsersColumn {
    width: 35%
}
.col1.actions.buyerApprovalHeader {
    width: 9%
}
.col2.buyerApprovalHeader {
    width: 16%
}
.col2.approve.buyerApprovalHeader {
    width: 19%
}
.col3.buyerApprovalHeader {
    width: 22%
}
.col1.actions.buyerApprovalColumn {
    width: 9%
}
.col2.buyerApprovalColumn {
    width: 16%
}
.col2.approve.buyerApprovalColumn {
    width: 19%
}
.col3.buyerApprovalColumn {
    width: 22%
}
#WC_denotesRequiredField {
    font-size: 12px
}
.required_field:after {
    content: "*";
    color: red
}
.row.margin-true>div>div.OrganizationUserInfo, .row.margin-true>div>div.UserMemberGroupManagement, .row.margin-true>div>div.UserRoleManagement {
    margin: 0
}
.pageSection {
    padding: 16px;
}
.pageSection.header {
    border-bottom: 0 none;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0
}
.pageSection.header .pageSectionTitle {
    margin-bottom: 0
}
.pageSection .pageSectionTitle .title {
    display: inline-block;
    width: 400px
}
.pageSection .pageSectionTitle h2 {
    display: inline-block;
}
.pageSection .pageSectionTitle h2#addressBookContactDetails {
    margin-top: 10px
}
.pageSectionTitle .description {
    font-size: 12px
}
.pageSection .pageSectionTitle>h2, .pageSection .pageSectionTitle>p, .pageSection .pageSectionTitle>span:not(.spanacce) {
    display: inline-block;
    width: 340px
}
.pageSection .pageSectionTitle #OrderCommentsSection, .pageSection .pageSectionTitle #memberGroupExpand {
    width: 17px
}
.pageSection .pageSectionTitle .editIcon {
    cursor: pointer;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    width: 25px;
    height: 25px;
    text-align: center;
    display: inline-block
}
.editView {
    position: relative
}
.editView .readField, .pageSection.editView .pageSectionTitle .editIcon {
    display: none
}
.pageSection .readField .readLabel-NoWidth, .pageSection .readField .readValue {
    display: inline-block
}
.pageSection .pageSectionTitle .editIcon img {
    position: relative;
    right: -2px
}
.pageSection .field {
    margin-bottom: 15px;
    position: relative
}
.pageSection .field .link {
    color: #006ECC
}
.pageSection .field .column_label {
    width: 80%
}
.pageSection .field .privacy .link {
    float: right
}
.pageSection .field .sub_field {
    float: left
}

.pageSection .field input {
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    padding: 8px;
    font-size: 12px;
    width: 80%;
    max-width: 300px;
    margin-bottom: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.editActions .button_primary .button_text, .editActions .button_secondary .button_text {
    min-width: 60px
}

.pageSection .readField .field {
    margin-bottom: 6px
}
.pageSection .readField .readLabel {
    width: 195px;
    display: inline-block
}
.readOnly .editField {
    display: none
}
.formField {
    min-width: 300px
}
#UserRoleManagement_OrgList .row.tableHeader span {
    display: table-cell;
    height: 27px;
    vertical-align: middle
}
.pageSection.collapsible .content, .pageSection.collapsible .pageSectionTitle {
    padding-left: 29px
}
.pageSection.collapsible .toggle {
    background-image: url(../images/icon_minusBlue.png);
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    height: 25px;
    position: absolute;
    width: 25px
}
.pageSection.collapsible[aria-expanded=false] .blutPlusMinus{
    background-image: url(../images/icon_plusBlue.png)
}
.pageSection.collapsible {
    background-color: transparent!important;
    padding: 10px 0!important
}
.roleSelector .orgHeader {
    padding-left: 12%!important
}
.pageSection .subTitle {
    font-size: 12px;
    margin-bottom: 10px
}
.roleSelector {
    display: block!important
}
.roleSelector .toolbar input {
    width: 250px;
    float: left;
    margin-right: 15px
}
.roleSelector .toolbar .toolbarButtons {
    float: left;
    margin: 5px 0
}
.roleSelector .toolbar .toolbarButtons a {
    margin-right: 10px
}
.roleSelector .tableHeader {
    font-weight: 700
}

.roleSelector .entry .panel {
    height: auto;
    padding:0 0 10px 0;
    position: relative
}
.roleSelector .entry {
    margin: 0!important
}
.roleSelector .reportSummary {
    padding: 10px;
    position: relative
}

.roleSelector .reportSummary p {
    padding-right: 20px
}
.roleSelector .reportSummary .icon {
    position: absolute;
    right: 0;
    top: 10px;
    width: 20px
}

.roleSelector .checkField .checkBoxer {
    float: left;
    margin-right: 10px;
    border-style: none;
    border-width: 0;
    min-height: 30px;
    width: auto;
    height: auto;
    padding:15px 0 5px 50px;
}
.roleSelector .checkField p {
    font-size: 16px;
    font-weight:500;
    padding: 0 6px;
    color: var(--secondary-color);
}

/* css for select all role */
.selectAllRole {
    margin-top: 35px;
}
.checkField #checkBoxer-all {
    display: none;
    cursor: pointer;
}
.selectAllRole .checkAllRolesCustom {
    display: inline-block;
    padding-left: 50px;
    position: relative;
    font-size: 14px;
}
.selectAllRole label {
    cursor: pointer;
    color: var(--secondary-color);
    padding:0 8px;
}

.selectAllRole input[type=checkbox]:checked + label:before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--white);
}
.roleSelector #WC_UserRoleManagement_edit_roleSelector  .checkField .checkBoxer {
    pointer-events: none;
}
/* --------------End---------------- */

.roleSelector .selectIcon .cell {
    background: url(../images/star_icon_OFF.png);
    background-repeat: no-repeat;
    background-position: 3px 8px;
    content: "";
    height: 28px;
    width: 22px
}
.roleSelector .highlight .selectIcon .cell {
    background: url(../images/star_icon_ON.png);
    background-repeat: no-repeat;
    background-position: 3px 8px;
    content: "";
    height: 28px;
    width: 22px
}
.roleSelector .checkField .checkBoxer:before {
    content: "";
    position: absolute;
    left: 10px;
    margin-bottom: 10px;
    padding:2px 4px 4px;
}
.roleSelector .checkField .checkBoxer:before,
.selectAllRole label:before{
    width: 13px;
    height: 15px;
    border: 1px solid var(--grey-16);
    border-radius:4px; 
}
.selectAllRole label:before {
    content: "";
    position: absolute;
    left: 24px;
    top: 1px;
    padding:0px 4px 6px;
}
.roleSelector .checkField .checkBoxer[aria-checked=true]:before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--white);
    position: absolute;
    left: 10px;
}
.roleSelector .checkField .checkBoxer[aria-checked=true]:before,
.selectAllRole input[type=checkbox]:checked + label:before{
   border: 1px solid var(--primary-color); 
    background-color:var(--primary-color);   
}
.UserMemberGroupManagement .memberGroup .entryField[aria-hidden=true], .roleSelector .toolbar .toolbarButtons .filterButton[aria-hidden=true] {
    display: none
}
.UserMemberGroupManagement .memberGroup .entryField {
    border: 1px solid #999;
    border-radius: 5px;
    float: left;
    font-size: 12px;
    margin-right: 10px;
    margin-top: 5px;
    maring-bottom: 5px;
    padding: 10px 25px 10px 10px;
    position: relative
}
.UserMemberGroupManagement .entryField .icon {
    position: absolute;
    right: 5px;
    top: 10px
}
.UserMemberGroupManagement .group {
    margin-bottom: 20px
}
.UserMemberGroupManagement .group p {
    font-size: 12px;
    margin-bottom: 5px
}

#OrderDetail_ItemTable_table {
    margin-top: 20px
}
#orderSummary .label {
    display: inline-block;
    width: 140px
}

.orderSummaryReport h2 {
    font-size: 15px;
    margin-bottom: 4px
}
.orderSummaryReport h3 {
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px
}

.orderSummaryReport .value {
    display: inline-block;
    max-width: 80px;
    text-align: right;
    width: 31%
}

#totalLabel .label {
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    padding-left: 0;
    width: 60%
}
#totalLabel .value {
    color: var(--primary-color);
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    max-width: 91px;
    text-align: right;
    width: 38%
}
#summaryOfChanges .label, .largeLabel {
    padding-left: 10px
}
.approvalToolbarButton {
    margin: 20px 0 10px
}

.selfServiceCal {
    font-size: 12px
}
.listTable .toolbar #skuAdd {
    width: 24%;
}
.listTableMobile .toolbar #skuAddMobile {
    width: 215px
}
.quantityUpdated, .reqListQuantityUpdated {
    position: relative;
    top: -33px;
    padding: 8px 0 9px;
    font-size: 12px;
    width: 144px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #FFF;
    display: none
}
.listTable .toolbar #quantityAdd, .listTable .toolbar #skuAdd {
    margin-right: 10px
}
.listTable .toolbar #toolbarButton1, .listTable .toolbar #toolbarButton2 {
        float: right;
    margin-bottom: 10px;
    margin-left: 10px;
    /* padding: 8px; */
}
.quantityUpdated {
    background: #006ECC;
    right: -54px;
    text-align: left;
    z-index: 2
}
.reqListQuantityUpdated {
    right: -37px;
    background: #006ecc;
    z-index: 20
}
.quantityUpdated img, .reqListQuantityUpdated img {
    float: left;
    padding-left: 10px;
    padding-right: 4px;
    vertical-align: middle
}

.sorting_view_controls_container {
    clear: both;
    padding-top: 0;
    padding-right: 0
}
.widget_articles_videos_position .sorting_view_controls_container {
    clear: none;
    padding-top: 5px;
    padding-right: 15px
}
.paging_controls>.left_arrow>img {
    padding-left: 10px
}
.paging_controls>.right_arrow>img {
    padding-right: 10px
}

#commentGroup .row, .apple-pay-button-clear-float, .comment_container {
    clear: both
}


@media screen and (max-width:1024px) {

.headerWrapper .cd-dropdown-wrapper .cd-dropdown-content > .custom-navigation {
list-style: none;
    margin-top: 0px;
    background: none;
    color: black;
    margin-left: 0px;
}

.cd-dropdown-wrapper .cd-dropdown-content > .custom-navigation a:before,
.cd-dropdown-wrapper .cd-dropdown-content > .custom-navigation a:after,
.cd-dropdown-gallery.is-active:before{
display:none;
}

#fileUploadStatusBox .fileUpload {
    padding-bottom: 20px
}
#fileUploadStatusBox .fileName {
    float: left;
    width: 55%;
    margin: 0 0 26px 9px
}
#fileUploadStatusBox .logbtn {
    display: block;
    float: left;
    width: auto
}
#fileUploadStatusBox .uploadStatus {
    float: left;
    width: auto;
    margin: 0
}
#fileUploadStatusBox .timeStamp {
    float: left;
    width: 55%;
    vertical-align: middle;
    padding: 5px 0 0;
    margin: 0 0 6px 10px
}

}
.widget_subscription_item>.bottom, .widget_subscription_item>.top {
    background: url(../images/colors/color1/widget_border.png) repeat-x;
    overflow: hidden;
    width: 463px
}
.widget_subscription_item>.bottom>.left_border, .widget_subscription_item>.top>.left_border {
    float: left;
    height: 3px;
    width: 3px
}
.widget_subscription_item>.bottom>.middle, .widget_subscription_item>.top>.middle {
    height: 3px;
    width: 457px;
    float: left
}
.widget_subscription_item>.bottom>.right_border, .widget_subscription_item>.top>.right_border {
    float: left;
    height: 3px;
    width: 3px
}
.widget_subscription_item>.middle {
    width: 463px
}
.widget_subscription_item>.middle>.content_left_border {
    background: url(../images/colors/color1/widget_border.png) repeat-y;
    float: left;
    padding-left: 3px;
    width: 460px
}
.widget_subscription_item>.middle>.content_left_border>.content_right_border {
    background: url(../images/colors/color1/widget_border.png) right center repeat-y;
    float: right;
    padding-right: 3px;
    width: 457px
}
.widget_subscription_item>.middle>.content_left_border>.content_right_border>.content {
    background-color: #fff
}
.widget_subscription_item>.middle>.content_left_border>.content_right_border>.content>.header {
    background-color: #F5F6F7;
    border-bottom: 1px solid #EDEFF0;
    height: 38px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 22px
}
.widget_subscription_item>.middle>.content_left_border>.content_right_border>.content>.header>span {
    color: #777;
    font-size: 16px
}
.widget_subscription_item>.middle>.content_left_border>.content_right_border>.content>.header>.close {
    cursor: pointer;
    height: 13px;
    position: absolute;
    right: 14px;
    top: 0;
    width: 13px
}
.widget_subscription_item>.middle>.content_left_border>.content_right_border>.content>.header>.close:hover {
    background-position: 0 -13px
}
.widget_subscription_item>.middle>.content_left_border>.content_right_border>.content>.input_section {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 25px;
    padding-bottom: 25px;
    line-height: 1em
}
.widget_subscription_item>.middle>.content_left_border>.content_right_border>.content>.input_section>span {
    font-size: 12px;
    color: #444
}

@media screen and (max-width:535px) {
.widget_subscription_item>.bottom, .widget_subscription_item>.middle, .widget_subscription_item>.middle>.content_left_border, .widget_subscription_item>.middle>.content_left_border>.content_right_border, .widget_subscription_item>.top, .widget_subscription_item>.top>.middle {
    width: auto
}
}
div.widget_store_details_popup>.middle>.content_left_border>.content_right_border {
    border: 3px solid #a3a3a3;
    border-color: rgba(71,71,71,.5)
}
div.widget_store_details_popup>.middle>.content_left_border>.content_right_border>.content {
    background-color: #fff
}
div.widget_store_details_popup>.middle>.content_left_border>.content_right_border>.content>.header {
    background-color: #f5f6f7;
    border-bottom: 1px solid #edeff0;
    padding: 7px 20px 9px
}
div.widget_store_details_popup>.middle>.content_left_border>.content_right_border>.content>.header>span {
    color: #666;
    font-size: 16px
}
div.widget_store_details_popup>.middle>.content_left_border>.content_right_border>.content>.header>.close {
    width: 13px;
    height: 13px;
    position: absolute;
    right: 14px;
    top: 12px;
    background-image: url(../images/colors/color1/close_sprite.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    cursor: pointer
}
div.widget_store_details_popup>.middle>.content_left_border>.content_right_border>.content>.body {
    font-size: 12px;
    color: #666;
    line-height: 16px
}
div.widget_store_details_popup>.middle>.content_left_border>.content_right_border>.content>.body .header {
    font-size: 13px;
    font-weight: 700;
    padding-bottom: 7px;
    border-bottom: 1px solid #edeff0
}
div.widget_store_details_popup>.middle>.content_left_border>.content_right_border>.content>.body>.container_availability, div.widget_store_details_popup>.middle>.content_left_border>.content_right_border>.content>.body>.container_hours, div.widget_store_details_popup>.middle>.content_left_border>.content_right_border>.content>.body>.container_store_address {
    width: auto;
    float: left;
    padding: 20px 10px
}
div.widget_store_details_popup>.middle>.content_left_border>.content_right_border>.content>.body>.container_availability>.backordered {
    width: 10px;
    height: 10px;
    float: left;
    margin-top: 3px;
    margin-right: 8px;
    background: url(../images/colors/color1/widget_store_locator_popup/backordered_icon.png)
}
div.widget_store_details_popup>.middle>.content_left_border>.content_right_border>.content>.body>.container_availability>.status_img_div {
    margin-right: 8px
}

.facebookLikeWidget {
    padding: 13px 10px 20px
}
.widget_fb_activity>.widget_main {
    display: block;
    border: 1px solid #E5E5E5
}
.widget_fb_activity>.widget_main>.content {
    background-color: #FFF;
    height: 390px;
    position: relative
}
.widget_fb_activity>.widget_main>.content>.logo_like {
    height: 30px;
    border-bottom: 1px solid #f1f1f1;
    padding-top: 8px;
    padding-left: 12px;
    padding-right: 12px
}
.widget_fb_activity>.widget_main>.content>.logo_like>.facebook_like {
    height: 34px;
    float: left
}
.widget_fb_activity>.widget_main>.content>.header {
    height: 34px;
    border-bottom: 1px solid #f1f1f1;
    line-height: 34px;
    text-transform: uppercase;
    color: #666;
    font-size: 11px;
    padding-left: 12px;
    padding-right: 12px
}

@media (-webkit-device-pixel-ratio:2) {
 .facetWidget .close, .facetWidget .dropdownIcon, .pageControl.number>.dropdownToggleButton>.arrow, .pageDropdownClose, .pageOptionsDropdown>.pageDropdownClose, .pages .pageNumber>.arrow, .productDescDropMerch>a>.arrow, .searchAssocAssets>a>.arrow {
    background: url(../images/responsive/rwdUI@2x.png);
    background-size: 300px 400px
}
#content .collapsible>h3:before, .categoryNavWidget.collapsible>h3:before, .grid_icon:before, .list_icon:before, .optionContainer .arrow:before {
   /* content: url(../images/responsive/rwdUI@2x.png);*/
    -webkit-transform: scale(.5);
    -webkit-transform-origin: 0 0 0
}
#content .collapsible>h3:before, .categoryNavWidget.collapsible>h3:before {
    clip: rect(82px,156px,116px,122px)
}
#content .collapsible[aria-expanded=false]>h3:before, .categoryNavWidget.collapsible[aria-expanded=false]>h3:before {
    clip: rect(82px,116px,116px,82px)
}
a.grid_icon:before {
    clip: rect(42px,116px,76px,82px)
}
a.grid_icon:hover:before, div.grid_icon:before {
    clip: rect(42px,156px,76px,122px)
}
a.list_icon:before {
    clip: rect(42px,196px,76px,162px)
}
a.list_icon:hover:before, div.list_icon:before {
    clip: rect(42px,236px,76px,202px)
}
}
.productWishList {
    width: 96%;
    max-width: 270px
}


.requisitionListContent {
    display: block;
    font-size: 12px
}
.requisitionListContent .signIn {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd
}
.requisitionListContent .ellipsis {
    font-size: 35px;
    width: 30px;
    margin-left: auto;
    margin-right: auto
}
.requisitionListContent h1, .requisitionListContent h5 {
    padding: 5px 8px;
    font-size: 14px;
    display: block
}
.requisitionListContent h2 {
    display: block;
    font-size: 14px;
    padding: 5px 0
}
.requisitionListContent .register .container, .requisitionListContent .signInForm .container {
    padding: 8px
}
.requisitionListContent .signInForm {
    border-top: 1px solid #ddd
}
.requisitionListContent .signInFormFooter {
    margin-top: 5px;
    margin-bottom: 7px
}
.requisitionListContent .signInFormFooter .forgotPassword {
    text-align: right
}
.nav2.sticky {
    position: fixed;
    top: 0;
    left: 0;
    border: 1px solid #CCC;
    border-left: 0px;
    padding: 10px 0px;
    height: 60px;
    background: #eee;
    width: 100%;
    z-index: 3;
}

.sticky {
    position: fixed;
    top: 0;
    border-bottom: 1px solid #CCC;
}


.requisitionListContent .register {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}
.requisitionListContent .register .cancelButton {
    margin-bottom: 5px;
    margin-top: 5px;
    width: 123px
}
.requisitionListContent .listSelect .container, .requisitionListContent .productAdded .footer, .requisitionListContent .productAdded .product {
    padding: 7px
}

.listSelect .scroll {
   max-height: 220px;
   min-height:140px;
   overflow-y: auto;
   overflow-x: hidden;
}
.requisitionListContent .listSelect .item .typeb {
    background-color: #eee;
    padding: 1px 0px 1px 16px;
    background-size: 12px !important;
}
.requisitionListContent .listSelect .container .listName {
    width: 28%;
    word-wrap: break-word;
    display: inline-block;
    font-size: 11px;
}
.requisitionListContent .listSelect .container span.typeb.ro-icon { background: url(../images/recurring.png) no-repeat 1px;}
.requisitionListContent .listSelect .container span.typeb.qo-icon { background: url(../images/shopping.png) no-repeat 1px;}
.requisitionListContent .listSelect .container span.typeb.fav-icon { background: url(../images/favourites.png) no-repeat 1px;}

.wishlist-items .select-checkbox{
	width: 50px;
}

.requisitionListContent .radioButton {
    background: #f3f3f3;
    border: 2px solid #ddd;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    float: left;
    cursor: pointer;
}
.radioButton .checked {
    background: var(--primary-color);
    border-radius: 100%;
    float: left;
    width: 8px;
    height: 8px;
    margin-top: 4px;
    margin-left: 4px;
    display: none
}

.wishlist-items{
	 color:var(--secondary-light-color);
}
.requisitionListContent .listSelect .newList {
    display: none
}
.requisitionListContent input[type=text], .requisitionListContent input[type=password] {
    margin-bottom: 10px;

}
.sortingDropdown {
    float: left;
    height: 38px;
    border-radius: 4px;
    -moz-border-radius: 5px;
    border: 1px solid var(--grey-09);
    color: var(--black);
    font-size: 14px;
    line-height: 38px;
    padding-left: 10px;
    text-align: left
    cursor: pointer;
}
.sortingDropdown>.noSort {
    float: left;
    display: none
}
.requisitionListContent .sortingDropdown {
	width:175px;
    float: none;
    margin-left: 0;
    font-size: 12px;
    border-radius: 4px;
}
.requisitionListContent .sortingDropdown>.noSort {
    display: block
}
.requisitionListContent .sortingDropdown .dropdownArrow {
    margin:16px 11px
}
.sortingDropdown>.dropdownArrow {
    float: right;
    background: url(../images/responsive/rwdUI.png);
    background-position: -101px -46px;
    width: 12px;
    margin: 16px 11px;
    height: 6px
}
.requisitionListContent.popup .listSelect .newList .sortingDropdown, .requisitionListContent.popup .listSelect .newList input[type=text] {
    float: left
}
.sortDropdown {
    position: relative;
    top: 39px;
    background: var(--white);
    z-index: 20;
    width: 175px;
    left: -10px
}
.requisitionListContent .sortDropdown ul {
    padding-left: 0;
    border: 1px solid var(--grey-09);
    background:var(--white);
}
.sortDropdown ul {
    position: absolute;
    width: 100%
}
.sortDropdown ul li {
    height: 16px;
    padding: 6px 0;
    font-size: 14px;
    line-height: 16px;
    padding-left: 10px;
    color: #545454;
    list-style: none
    cursor: pointer;
}

.sortOption:hover {
    color: var(--primary-color) !important;
}
.cancelButton {
    background: #999999;
    position: relative
}

.cancelButton .button{
	background: #999999;
    border-radius: 0px !important;
    -webkit-border-radius: 0px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    
    color: white !important;
    cursor: pointer;
}

.cancelButton .button p{color: white !important;}
.cancelButton .button:hover {
    background: #999999;
}
.cancelButton .button p {
    margin-top: 4px
}
.requisitionListContent .productAdded {
    display: none
}


.requisitionListContent .productAdded .product img {
    float: left;
    height: 75px
}
.close-popup, .pointer{
	cursor: pointer;
}

/*PDP Page CSS*/
.brands-desc{
	color:var(--primary-color);
}
.brands-label{
	color:#B9BBBF;
}
.frequent-product-list{
	border:1px solid var(--grey-03);
	padding:15px;
}
.frequent-product-list .favourites-icon-ribbon{
	display:none;
}

.frequent-product-list img{
	width:100%;
}
.pdpPage .productAdded.savePopup .product {    max-width: 100%;}     

.requisitionListContent .productAdded .product .productTitle {
    margin-top: 5px
}


span.header-icon {
    display: flex;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
    font-size: 24px;
    height: 38px;
    width: 38px;
    justify-content: center;
    align-items: center;
}

.popup {
    position: fixed;
    padding:20px;
    top: 50%;
    left:50%;
    z-index: 1509;
    width:100%;
    border-radius:12px;
    background: var(--white);
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0 0 30px 0 rgba(50,50,50,1);
    -moz-box-shadow: 0 0 30px 0 rgba(50,50,50,1);
    box-shadow: 0 0 30px 0 rgba(50,50,50,1);
    transform: translate(-50%, -50%);
}
#grayOut, #grayOutPopup {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: var(--black);
    opacity: .7;
    z-index: 1009;
    display: none
}
.requisitionListContent .close {
    float: right;
    width: 13px;
    height: 13px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin-top: 8px;
    margin-right: 8px;
}
.requisitionListContent .close:before {
    content: url(../images/colors/color1/close_sprite.png);
    position: absolute;
    top: 0;
    left: 0
}
.requisitionListContent .close:hover:before {
    left: 0;
    top: -13px
}

.productDetailTable .fullView.expanded {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.productDetailTable .cell {
    padding: 5px;
        word-wrap: break-word;
}

.productDetailTable .fullView .expandedContent .expandedCol .compare_target {
    padding: 0
}
.productDetailTable .row.footer {
    padding-top: 8px
}
.productDetailTable .footerButtons {
    float: right
}
.productDetailTable .footerButtons a {
    margin-left: 10px
}
.productDetailTable .gridCell {
    word-wrap: break-word
}
.productDetailTable .SKU a {
    color: #006ECC
}
.productDetailTable .anchored {
    min-width: 100px
}
.productDetailTable .fullView [data-filter=SKU] {
    min-width: 120px;
    max-width: 200px
}
.productDetailTable .fullView [data-filter=Quantity] {
    min-width: 65px;
    max-width: 150px;
    position: relative
}
.productDetailTable .invalidQuantity {
    position: absolute;
    top: 6px;
    left: 60px;
    width: 100px;
    background: var(--primary-color);
    padding: 5px;
    font-size: 12px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    color: #fff;
    display: none;
    z-index: 20
}
.productDetailTable .fullView [data-filter=OnlineAvailability] {
    min-width: 140px;
    max-width: 180px
}
.productDetailTable .fullView [data-filter=InStoreAvailability] {
    min-width: 100px;
    max-width: 180px
}
.productDetailTable .fullView [data-filter=Compare] {
    min-width: 50px;
    max-width: 150px
}
.productDetailTable .expandButton {
    min-width: 55px;
    width: 55px
}
.productDetailTable .dropDownButton {
    cursor: pointer;
}
.productDetailTable .dropDownButton .dropDownArrow {
    position: relative
}
.productDetailTable .dropDownButton .dropDownArrow:before {
    content: "\f107";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--primary-color);
    right: 0;
    top: 2px;
    font-size: 18px;
    position: absolute;
}
.productDetailTable .dropDownButton .dropDownArrow.expanded:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
        content: "\f106";
}
.skuListExpandArea {
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #b4b4b4;
    background: var(--grey-09)
}
.skuListExpandArea.hide {
    border-radius: 5px 5px 0 0;
    border-bottom: none
}
.skuListExpandArea>h3 {
    position: relative;
    margin: -10px -12px;
    padding: 10px 34px;
    font-size: 12px;
    color: #646464;
    overflow: hidden;
    min-height: 1.4em;
    cursor: pointer
}
.skuListExpandArea>h3.showSkus:before {
    content: url(../images/responsive/rwdUI.png);
    position: absolute;
    top: -31px;
    left: -28px;
    clip: rect(41px,58px,58px,41px)
}
.skuListExpandArea>h3.hide:before {
    content: url(../images/responsive/rwdUI.png);
    position: absolute;
    top: -31px;
    left: -48px;
    clip: rect(41px,78px,58px,61px)
}
.productDetailTable .mobileView {
    display: none;
    font-size: 12px;
    border-left: 1px solid #b4b4b4;
    border-right: 1px solid #b4b4b4
}
.productDetailTable .mobileView>.row {
    border-bottom: 1px solid #b4b4b4;
    padding: 20px 15px
}
.productDetailTable .mobileView>.row:first-child {
    border-top: 1px solid #ccc
}
.productDetailTable .mobileView>.row.expanded {
    background: #727a7b;
    border-color: #727a7b #727a7b #fff;
    border-style: solid;
    border-width: 15px 15px 1px;
    padding: 5px 0 14px
}
.productDetailTable .mobileView .title {
    display: inline-block;
    width: 100%
}
.productDetailTable .mobileView .title.expanded {
    color: #fff;
    padding: 0 0 18px
}
.productDetailTable .mobileView .title>.row {
    display: inline-block;
    width: 74%;
    height: 20px;
    padding: 5px 0
}
.productDetailTable .mobileView .title>.dropDownButton {
    background: #fff;
    border: 1px solid #727a7b;
    float: right
}
.productDetailTable .mobileView .title>.dropDownButton.expanded {
    background: #727a7b;
    border: 1px solid #fff
}
.productDetailTable .mobileView .dropDownButton .dropDownArrow.expanded {
    height: 14px;
    margin: 13px 10px;
    width: 13px;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg)
}
.productDetailTable .mobileView .title>.dropDownButton .dropDownArrow.expanded:before {
    left: -156px
}
.productDetailTable .mobileView .skuName {
    font-weight: 700;
    width: 100%;
    display: inline-block;
    padding: 0 10px 0 0;
    word-wrap: break-word
}
.productDetailTable .mobileView .attributes {
    display: inline-block;
    word-wrap: break-word
}
.productDetailTable .mobileView .mobileExpandedContent {
    background: #fff;
    border: 1px solid #333;
    border-radius: 5px;
    margin-top: 20px;
    padding: 10px;
    clear: both;
    float: none
}
.productDetailTable .mobileView .mobileExpandedContent .expandedCol {
    width: 97%;
    padding: 0 5px
}
.productDetailTable .mobileView .mobileExpandedContent .expandedCol>div {
    min-height: 10px;
    overflow: hidden;
    padding: 5px 0 5px 5px;
    border-bottom: 1px solid #ccc
}
.productDetailTable .mobileView .mobileExpandedContent .expandedCol .leftCol {
    float: left;
    font-weight: 700;
    display: inline-block;
    width: 40%;
    padding-right: 25px
}
#memberGroup h2, #orgRoles p {
    font-weight: 400
}
.productDetailTable .mobileView .mobileExpandedContent .expandedCol .rightCol {
    display: inline-block
}
.productDetailTable .mobileView .mobileExpandedContent .expandedCol .link {
    color: #006ecc
}
.productDetailTable .mobileView .mobileExpandedContent .expandQuantity {
    padding: 5px;
    font-size: 14px;
    position: relative
}
#optionButton, .button_primary>.button_text, .button_secondary>.button_text {
    padding: 0 0px;
    line-height: normal;
    text-align: center
}
.productDetailTable .mobileView .mobileExpandedContent .invalidQuantity {
    position: absolute;
    top: 11px;
    left: 130px
}

.productDetailTable .mobileView .mobileExpandedContent .button {
    margin: 0 0 8px 2%;
    width: 96%
}
.productDetailTable .mobileView .mobileExpandedContent .button.primary, .productDetailTable .mobileView .mobileExpandedContent .button.secondary {
    min-width: 120px;
    word-wrap: break-word
}


#optionButton {
    display: inline-block;
    vertical-align: middle
}
#optionButton {
    border: 0;
    height: auto;
    font-size: 12px
}




#memberGroup .checkField, #memberGroup h2, #orgRoles .checkField, #orgRoles p {
    margin-bottom: 15px
}
#memberGroup .checkField .checkBoxer, #orgRoles .checkField .checkBoxer {
    float: left;
    margin-right: 10px
}

.button_secondary>.orgActionDropdown {
    border: 1px solid #bfbfbf;
    border-radius: 5px;
    -webkit-box-shadow: -5px 5px 20px -6px rgba(0,0,0,.75);
    -moz-box-shadow: -5px 5px 20px -6px rgba(0,0,0,.75);
    box-shadow: -5px 5px 20px -6px rgba(0,0,0,.75);
    position: absolute;
    z-index: 10;
    background: #fff;
    left: -2%;
    margin-top: 0;
    width: 370px;
    display: none;
    font-size: 12px
}


.checkBoxer, .checkedCheckBox, .orgSearchList .maximized, .selectButton, .treeview .name {
    cursor: pointer
}
.disabled .button_primary>.button_text, .disabled .button_secondary>.button_text {
    color: #777
}
.editField .editActions {
    margin-bottom: 15px;
    margin-top: 15px
}
#memberGroup h2 {
    font-size: 12px
}
#memberGroup .checkField p {
    display: inline-block;
    font-size: 13px;
    margin-top: 5px
}
#orgRoles p {
    font-size: 12px
}
#orgRoles .checkField {
    line-height: 1.3
}
#orgRoles .checkField p {
    font-size: 12px;
    margin-top: 5px
}
.checkBoxer {
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    height: 30px;
    width: 30px
}
.checkBoxer .arrow {
    background: url(../images/check_arrow.png) rgba(0,0,0,0);
    height: 20px;
    left: 5px;
    position: relative;
    top: 5px;
    width: 20px
}
.dottedBorder {
    border: 1px dotted #000
}
.pageTitleHeader {
    margin: 0 0 5px 10px!important
}
#WC_createUser_orgDetailsEdit>#organizationSelection {
    margin-bottom: 0
}
#organizationAddress {
    margin-bottom: 10px;
    margin-top: 10px
}
#organizationAddress p {
    margin-bottom: 2px
}
#currentOrganization {
    margin-bottom: 5px
}
.editButtons a {
    margin-right: 14px;
    width: 131px;
	margin: 10px 0px;
}
.editButtons a .button_text {
    width: 117px
}
#registerBuyers {
    margin-left: 10px
}
.editButtons .button_secondary>.button_text {
    padding: 0 6px;
}
#orgselect {
    width: 100%
}
#orgselect .arrow {
    float: right
}
.clearFilter, .findbar {
    float: left
}
.required {
    color: red;
    font-size: 12px
}
#registerBuyers h2 {
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 10px
}
.orgSearchList {
    border: 1px solid var(--grey-09);
    border-radius: 5px
}
.orgSearchList .toolbar {
    background: #f9f9f9;
    margin-bottom: 4px;
    padding: 10px
}
.findbar {
    width: 55%
}
.findbar .input_field {
    background: #fff;
    float: left;
    width: 45%
}
.orgSearchList .toolbar #uploadListButton, .orgSearchList .toolbar .newListButton {
    float: right;
    margin-left: 6px
}
.orgSearchList .toolbar .button_secondary .button_text {
    border-bottom: 0 none
}
.orgSearchList .tableHeader {
    background: #f9f9f9;
    padding: 0 10px
}
.orgSearchList .selected {
    min-width: 25px;
    width: 5%
}
.orgSearchList .selected .cell, .orgSearchListMobile .selected {
    text-align: center
}
.orgSearchList .tableHeader .cell {
    font-size: 12px;
    padding: 5px 5px 5px 0
}
.row .tableHeader .cell {
    font-weight: normal;
    word-wrap: break-word
}
.orgSearchList .cell {
    font-size: 12px;
    padding: 13px 10px 7px 0
}
.orgTable .col1.actions {
    float: right;
    width: 10.3333%
}
.orgSearchList .actions .cell {
    padding: 5px 5px 5px 0;
    position: relative;
    text-align: right
}
.orgSearchList .entry {
    border-bottom: 1px solid var(--grey-09);
    padding: 0 10px
}
.orgSearchList .highlight {
    background: #f9f9f9
}
.treeview .name {
    width: 60%
}
.requisitionListMobile .cell a {
    color: #006ecc
}
.orgSearchList .actions .button_text {
    border-bottom: 0 none;
    padding: 5px 5px 0
}
.orgSearchList .children {
    border-bottom: 0 none;
    border-top: 1px solid var(--grey-09);
    display: none;
    margin: 0;
    width: 100%
}
.orgSearchList .footer, .requisitionListMobile .footer {
    padding: 20px 0 20px 10px;
    width: 98%
}
.orgSearchList .footer .pageCount, .requisitionListMobile .footer .pageCount {
    font-size: 12px
}
.orgSearchList .footer .pageButtons, .requisitionListMobile .footer .pageButtons {
    float: right;
    margin-top: -10px
}
#orgDetailsEdit .organizationSelectionEditPage {
    margin-left: 0
}
.menuDropdown .checkedCheckBox, .menuDropdown .uncheckedCheckBox {
    cursor: pointer;
    margin-right: 4px;
    vertical-align: middle
}
.menuDropdown .input_field {
    width: 273px
}
.menuDropdown .optionDropdown {
    width: 250px
}
.optionDropdown {
    font-size: 12px;
    position: relative
}
.optionDropdown.white .selectButton {
    background: #FFF;
    border: 1px solid var(--grey-09);
    color: #000;
    padding: 5px;
    width: 275px
}
.optionDropdown.white .selectList {
    border: 1px solid var(--grey-09);
    box-shadow: 0 2px 13px -4px #000
}
.optionDropdown.white .selectOption {
    border-bottom: 1px solid var(--grey-09);
    padding: 10px
}
.optionDropdown.white .selectOption.current {
    background: #E0E0E0!important;
    color: #000!important
}
.optionDropdown.white .selectOption:hover {
    background: #898989;
    color: #FFF
}
.selectButton {
    background: var(--grey-09);
    border-radius: 5px;
    color: #545454;
    padding: 7px 10px;
    box-sizing: border-box;
    width: 100%;
}
#widget_Header_GlobalLogin_WC_B2B_ShopOnBehalf_buyerUserName_dropdown, #widget_QuickLinks_GlobalLogin_WC_B2B_ShopOnBehalf_buyerUserName_dropdown {
    border: 1px solid var(--grey-09);
    box-shadow: 0 2px 13px -4px #000;
    background: #FFF;
    font-size: 12px;
    top: -1px
}
#Header_GlobalLogin_WC_B2B_ShopOnBehalf_ErrorField, #QuickLinks_GlobalLogin_WC_B2B_ShopOnBehalf_ErrorField {
    color: var(--primary-color)
}
.lockedIcon {
    margin-left: 2px;
    margin-top: 2px;
    position: absolute
}
#editOrderButton, #lockOrderButton, #unlockOrderButton {
    margin: 17px 0 20px
}

.OrganizationListWidget .orgList .entryField[aria-hidden=true] {
    display: none
}
.OrganizationListWidget .orgList .entryField {
    border: 1px solid #999;
    border-radius: 5px;
    float: left;
    font-size: 12px;
    margin-right: 10px;
    margin-top: 5px;
    maring-bottom: 5px;
    padding: 10px 25px 10px 10px;
    position: relative
}
.OrganizationListWidget .orgList .icon {
    position: absolute;
    right: 5px;
    top: 10px
}
.OrganizationListWidget .group {
    margin-bottom: 20px
}
.OrganizationListWidget .group p {
    font-size: 12px;
    margin-bottom: 5px
}
.checkedCheckBox.disabled {
    cursor: default
}

.checkboxField {
    position: relative
}
.nonRWDPage {
    min-width: 100px;
}

.cartLockedMessageBox {
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    margin: 10px 0;
    padding: 8px;
    font-size: 13px;
    position: relative
}
.cartLockedMessageBox .lockedMessage {
    padding-left: 20px;
    padding-bottom: 8px;
    display: block
}
.cartLockedMessageBox .lockedMessage:before {
    content: "";
    background: url(../images/icon_lock.png) no-repeat;
    width: 15px;
    height: 20px;
    position: absolute;
    left: 8px
}
.sign_in_registration #WC_AccountDisplay_div_2.title h1 {
    height: auto
}
.shopping_cart_box {
    min-width: 430px
}


#RegisteredCustomersPageHeading span {
    font-size: 12px
}


#RegisteredCustomersSearch_searchForm {
    margin: 0
}
.productDetailTable_csr .special.fullView {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color;
    border-image: initial;
    border-style: none;
    border-width: 0;
    display: block;
    padding: 0;
    min-width: 100%;
    width: auto;
    font-size: 12px
}
.productDetailTable_csr .row.tableHeader {
    border-bottom: 0 none;
    font-weight: 700;
    margin-bottom: 5px;
    padding-bottom: 5px
}
.specialEntry.row.tableHeader {
    background: #FFF;
    border-bottom: 1px solid var(--grey-09)
}
.specialEntry.row.tableHeader .cell {
    position: relative;
    top: 3px;
    word-wrap: break-word;
    font-weight: 100
}
.specialEntry.row.tableHeader:last-child {
    border-bottom: 0 none
}

.customer_detail .button_text, .listTable .actions .button_text {
    border-bottom: 0 none;
    padding: 3px 1px
}
.productDetailTable_csr .fullView .expandedContent {
    background: #EEE;
    margin-left: 0;
    margin-right: 0;
    margin-top: 11px;
    max-width: none;
    padding: 10px 0;
    width: 100%
}


.registeredCustomersList_table .actions .cell {
    padding: 5px 5px 5px 0;
    position: relative;
    text-align: right
}
.registeredCustomersList_table .cell {
    font-size: 12px;
    padding: 13px 10px 7px 0
}
.collapsed {
    display: none
}
.expanded {
    display: block
}
.displayInline {
    display: inline
}

.show {
    display: block
}

@media screen and (max-width:770px) {
#globalLoginWidget .menuDropdown, #globalLoginWidget .menuDropdown_csr {
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    border-radius: 0;
    box-shadow: none;
    border: none
}
}
.menuDropdown_csr .panel {
    padding: 20px
}
.menuDropdown_csr .field {
    margin-bottom: 18px
}
.menuDropdown_csr .errorLabel {
    color: var(--primary-color);
    display: none;
    margin-bottom: 10px
}
.menuDropdown_csr .label {
    margin-bottom: 8px
}
.menuDropdown_csr .input_field {
    width: 233px
}
.menuDropdown_csr .input_field.error {
    border: 1px solid var(--primary-color)
}
.menuDropdown_csr .optionDropdown {
    width: 250px
}
.menuDropdown_csr .editableDropdown {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color var(--grey-09) -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: none solid none none;
    border-width: 0 1px 0 0;
    outline: 0;
    width: 91%
}
.menuDropdown_csr .checkedCheckBox, .menuDropdown_csr .uncheckedCheckBox {
    cursor: pointer;
    margin-right: 7px;
    vertical-align: middle
}
.menuDropdown_csr .footer {
    border-top: 1px solid #BFBFBF;
    margin-top: 20px;
    padding: 10px 0px 5px;
}
.listTable_CSR_resetPassword {
    margin: 0;
    padding: 0;
    border: none;
    background: 0 0
}
.listTable_CSR_resetPassword .toolbar {
    background: 0 0
}
.csr_errorMsg {
    color: var(--primary-color);
    padding: 5px 0
}
.userLoggedInQuickLink {
    display: none
}
.menuDropdown_csr .panel p:not(:first-child) {
        margin-top: 0;
    word-wrap: break-word;
}
.userProfileIcon {
    background-image: url(../images/user-profile-icon.png);
    background-repeat: no-repeat;    display: none;
}
.disabledUser {
    background-image: url(../images/user-profile-disabled.png);
    background-repeat: no-repeat;
    padding-right: 20px
}
#accountDisabledMessage {
    color: var(--primary-color)
}
.signedInUserName {
    padding-right: 12px
}
.panelUsername {
    padding-right: 6px
}
.field ul {
    list-style-type: none;
    padding-left: 0
}
.field .quickCSRLinks, .field .textLabel {
    border-bottom: 1px solid #BFBFBF;
    padding: 10px
}
.field .textLabel {
    line-height: 20px;
    margin-bottom: -20px;
    word-wrap: break-word;
}
.field .quickCSRLinks {
    position: relative
}
.field .quickCSRLinks .arrowDown:before, .field .quickCSRLinks .arrowUp:before {
    content: url(../images/responsive/rwdUI.png);
    height: 10px;
    margin-top: -2px;
    overflow: hidden;
    position: absolute;
    right: 12px;
    width: 15px
}
.field .quickCSRLinkOpened {
    padding: 20px 10px 0
}
.field .quickCSRLinks .arrowDown:before {
    top: 15px
}
.field .quickCSRLinks .arrowUp:before {
    top: 22px;
    transform: rotate(180deg)
}
.field .lastElement {
    border: 0;
    margin-bottom: -10px;
    padding-bottom: 0
}
.field .quickCSRLinks .link {
    color: #006ECC;
    font-size: 12px
}
.loggedInContractSelectPanel .loggedInInputWrapper {
    background: linear-gradient(#F7F9F9, #E5E8E9) rgba(0,0,0,0);
    margin: 10px -10px 0;
    padding: 10px
}

@media screen and (max-width:1023px) {
.contractSelectPanel .button_primary, .contractSelectPanel .button_secondary, .loggedInContractSelectPanel .button_primary, .loggedInContractSelectPanel .button_secondary, .signOutButton {
    width: 180px
}
#footerRow1.topFooterRow > .section ul li img {
    width: auto;
    max-width: 120px;
}

}

.contractSelectPanel .button_primary .button_text, .contractSelectPanel .button_secondary .button_text, .loggedInContractSelectPanel .button_primary .button_text, .loggedInContractSelectPanel .button_secondary .button_text, .signOutButton .button_text {
    
}
.loggedInContractSelectPanel .input_field {
    width: 210px
}
.loggedInContractSelectPanel .csrClientLogin {
    width: 227px
}



#signInDropdown {
    display: none
}
#desktopExpandArrow {
    display: inline-block;
    margin-left: 5px;
    vertical-align: bottom
}
#mobileExpandArrow, #mobileExpandArrow_alt {
    display: none;
    float: right;
    margin-right: 5px;
    vertical-align: middle
}
.globalError {
    border: 1px solid var(--primary-color);
    border-radius: 5px;
    display: none;
    margin-bottom: 20px;
    max-width: 221px;
    padding: 10px;
    position: relative
}
.globalErrorMessage {
    color: var(--primary-color)
}
#buyingForNameList, #buyingForNameList_alt {
    border: 1px solid #BFBFBF;
    display: none;
    padding: 10px;
    position: relative;
    top: -1px;
    width: 229px
}
#buyingFor, #buyingFor_alt {
    display: none
}
.loginPanelStates {
    max-width: 500px
}
.loginPanelStates h1 {
    padding-bottom: 20px
}
.loginPanelStates label {
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-right: 15px;
    padding-left: 25px;
    position: relative
}
.loginPanelState {
    border-bottom: 1px solid #EEE;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-bottom: 10px
}
.loginPanelStates input[type=radio] {
    display: none
}
.loginPanelStates label:before {
    background-color: #CCC;
    border-radius: 10px;
    bottom: 1px;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.3) inset, 0 1px 0 0 rgba(255,255,255,.8);
    content: "";
    display: inline-block;
    height: 18px;
    left: 0;
    margin-right: 10px;
    position: absolute;
    width: 18px
}
.loginPanelStates input[type=radio]:checked+label:before {
    color: #F3F3F3;
    content: "�";
    font-size: 30px;
    line-height: 18px;
    padding-right: 1px;
    text-align: center
}
#mobileLoginPanelStates {
    display: none
}

@media screen and (max-width:1023px) {
.menuDropdown_csr {
    border: none;
    border-radius: 0;
    box-shadow: none;
    position: relative;
    right: 0;
    top: 0;
    width: 100%
}
.panelLinkSelected.selected {
    background: rgba(0,0,0,0);
    border: 0;
    border-radius: 0
}
#desktopExpandArrow, #desktopLoginPanelStates {
    display: none
}
#mobileExpandArrow {
    display: inline-block
}
#mobileLoginPanelStates {
    display: block
}
}
#FindOrdersSearch_table {
    margin: 0
}
.findOrdesResultList_table .actions .cell {
    padding: 5px 5px 5px 0;
    position: relative;
    text-align: right
}
.findOrdesResultList_table .cell {
    font-size: 12px;
    padding: 13px 10px 7px 0
}
#findOrdersPageHeading span {
    font-size: 12px
}
#findOrdersPageHeading .successSpan {
    font-size: 12px;
    color: #767676
}
.findOrderSearchOption {
    padding: 10px 0;
    background-color: #f5f5f5;
    color: #707070;
    font-size: 12px;
    font-weight: 700;
    text-align: left
}

.findOrderlistTable .collapsible span {
    font-size: 13px
}
.findOrderlistTable .content .field {
    font-size: 13px;
    margin: 15px 0 0
}
.findOrderlistTable .content .field input {
    font-size: 12px;
    padding: 8px;
    background: #FFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    width: 80%
}
.findOrderlistTable .quantity .input_field {
    padding: 8px
}
.findOrderlistTable .collapsible .orderCommentsMainHeading {
    font-size: 17px
}
.findOrderlistTable .collapsible .orderCommentsSubHeading {
    font-size: 13px
}
.commentRow {
    border-bottom: 1px solid #e5e5e5;
    margin-left: 10px;
    font-size: 15px;
    word-wrap: break-word
}
.addCommentBox, .comment_container .commentRow span {
    font-size: 13px
}
.editIconOrderComment {
    float: left;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 5px;
    margin-left: 5px
}
.orderComment {
    background: #fff;
    padding: 10px 5px;
    margin: 0;
    border: 1px solid #e5e5e5
}
.expandingTextArea {
    resize: none;
    width: 35%;
    min-width: 250px;
    display: inline-block;
    margin: 8px;
    height: 100px
}
#orderCommentContent {
    border: 0
}
#orderCommentForm {
    width: 100%
}
.addCommentBox {
    float: left;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
    margin-left: 5px;
    margin-top: 5px
}
#orderCommentContainer {
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    margin: 10px 0 10px 10px;
    padding: 10px 0 0
}
#orderCommentContainer .title {
    display: inline-block;
    width: 650px
}
#orderCommentContent .field input {
    font-size: 12px;
    padding: 8px;
    background: #FFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #E0E0E0;
    border-radius: 5px
}
#orderCommentsSlider_trigger.orderComments_clean.orderCommentsSlider_trigger_closed.left-bottom, #orderCommentsSlider_trigger.orderComments_clean.orderCommentsSlider_trigger_closed.left-top {
    margin-left: 0
}
#orderCommentsSlider_trigger.orderComments_clean.left-bottom, #orderCommentsSlider_trigger.orderComments_clean.left-top {
    margin-left: 400px
}
#orderCommentsSlider_trigger.left-bottom {
    top: 40%;
    position: fixed
}
#orderCommentsSlider_trigger.left-bottom, #orderCommentsSlider_trigger.left-top, #orderCommentsSlider_trigger.right-bottom, #orderCommentsSlider_trigger.right-top {
    height: 250px
}
#orderCommentsSlider_trigger {
    background-image: linear-gradient("#f7f9f9", "#e5e8e9");
    background: linear-gradient(to right, #f7f9f9, #e5e8e9) rgba(0,0,0,0);
    border-radius: 4px;
    border-left: none;
    cursor: pointer;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    display: table-cell;
    font-size: 11px;
    height: 24px;
    line-height: normal;
    padding: 0 20px;
    text-align: center;
    vertical-align: middle;
    border-color: #ffa200;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    z-index: 99
}
.orderComments_clean .orderCommentsSlider_trigger_text {
    left: -90px;
    right: -90px;
    top: 120px
}
.left-bottom .orderCommentsSlider_trigger_text, .left-top .orderCommentsSlider_trigger_text, .right-bottom .orderCommentsSlider_trigger_text, .right-top .orderCommentsSlider_trigger_text {
    filter: none;
    font-size: 14px;
    position: absolute;
    transform: rotate(-90deg);
    white-space: nowrap
}
#orderCommentsSlider_content.left-bottom {
    top: 135px;
    position: fixed
}
#orderCommentsSlider_content {
    z-index: 200;
    height: 80%;
    width: 400px;
    background-color: #f9f9f9;
    border-color: #ffa200;
    border-style: solid;
    border-width: 3px 1px 1px
}
#orderCommentsSlider_content, #orderCommentsSlider_trigger {
    transition: all 250ms ease-in-out 0s
}
#orderCommentsSlider_content.orderComments_clean.orderCommentsSlider_content_closed.left-bottom, #orderCommentsSlider_content.orderComments_clean.orderCommentsSlider_content_closed.left-top {
    margin-left: -400px
}
.orderComments_clean .orderCommentsSlider_title {
    padding: 5px 0 0 5px
}


.orderComments_clean .orderCommentsSlider_title span {
    margin-left: 10px
}

#orderCommentsSlider_content ul {
    list-style: none;
    padding-left: 11px
}
#orderCommentsSlider_content ul li {
    margin-bottom: 20px;
    margin-right: 20px
}
#orderCommentsSlider_content label {
    display: inline-block
}
.required_asterisk {
    color: red
}
#orderCommentsSlider_message {
    display: block;
    width: 340px
}
#orderCommentsSlider_submit {
    float: right
}
.addCommentField {
    word-wrap: break-word;
    font-size: 13px;
    border-bottom: 1px solid var(--grey-09);
    margin: 5px 0 10px 5px;
    float: left;
    max-width: 80%
}
#commentGroup {
    margin-top: 10px;
    padding: 10px
}
#commentGroup .row {
    font-size: 15px;
    padding: 5px;
    margin-left: 5px
}
.editIconSliderWidget {
    position: relative
}


@media only screen and (max-width:1023px) {

#orderCommentsSlider_content.left-bottom {
    top: 105px;
    left: 0;
    position: fixed;
    width: 230px
}
#orderCommentsSlider_trigger.left-bottom {
    top: 105px;
    left: 0;
    position: fixed
}
#orderCommentsSlider_trigger.orderComments_clean.left-bottom {
    margin-left: 230px
}
}

@media only screen and (max-height:480px) {
#orderCommentsSlider_trigger.left-bottom {
    top: 135px;
    left: 0;
    position: fixed
}

}

@media only screen and (max-height:480px) and (max-width:1023px) {
#orderCommentsSlider_trigger.left-bottom {
    top: 105px
}
}
.orderCommentSliderTable {
    border-radius: 5px;
    margin: 5px;
    max-height: 80%;
    display: block;
    overflow: auto
}
.ui-selectmenu-button.ui-selectmenu-button-closed .ui-icon {
   /* background: url(../images/icons/Vector-down.png); */
    display: block;
    position: relative;
    width: 15px;
    height: 10px;
    margin: 4px;
    float: right;
	padding: 5px 0px 0px 0px;
	background-repeat: no-repeat;
}
.ui-selectmenu-button .ui-icon:after{
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--blue-01);
    right: 0;
    top: 0;
    font-size: 18px;
    position: absolute;
}
.ui-selectmenu-button.ui-selectmenu-button-closed .ui-icon:after{
	content: "\f107";
    
}
.ui-selectmenu-button.ui-selectmenu-button-open .ui-icon {
 /*  transform: rotate(180deg);
    background: url(../images/icons/Vector-down.png); */
    display: block;
    position: relative;
    width: 15px;
    top: 0px;
    height: 10px;
    margin: 4px;
    float: right;
    padding: 5px 0px 0px 0px;
    background-repeat: no-repeat;
}
.ui-selectmenu-button.ui-selectmenu-button-open .ui-icon:after{
	content: "\f106";
}
.ui-menu-item {
    position: relative;
    cursor: pointer;
    list-style: none;
    font-weight: 400;
    margin-bottom: 8px;
}
.ui-menu-item:last-child {
    margin-bottom: 0px;
}
.ui-menu-item-wrapper {
    padding: 9px 8px;
    background: #FFF
}
.ui-menu {
    border: 1px solid #E0E0E0;
    box-shadow: 0 2px 13px -4px #000;
    list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: 0;
}
li div.ui-state-active,li div.ui-state-select {

    font-weight:600;
     background: var(--primary-bg-color) !important;
    color: var(--secondary-color) !important;
}
.ui-selectmenu-menu {
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width:180px;
}
.ui-selectmenu-menu .ui-menu {
    overflow: auto;
    overflow-x: hidden;
    background: #fff;
    border: 1px solid var(--grey-03);;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    padding: 2px .4em;
    margin: .5em 0 0;
    height: auto;
    border: 0
}

.ui-selectmenu-open {
    display: block;
        padding-top: 11px;
}

.row.organizationCreatePage .editActions .button_secondary {
    padding: 10px;
}
.selectWrapperPageSize .wcSelect .ui-selectmenu-text, .ui-selectmenu-menu li.ui-state-disabled {
    display: none
}
.orderBySelect span.ui-selectmenu-text {
    padding: 2.5px
}
.selectWrapperPageSize .wcSelect {
    min-width: 0
}
.definingAttributes .options_dropdown_column .selectWrapper .wcSelect {
    font-size: 14px;
    padding: 0 6px;
    min-width: 156px
}

.definingAttributes .options_dropdown_column .ui-selectmenu-button {
    margin-bottom: 0
}
.product_info .selectWrapper .wcSelect {
    padding-top: 8px
}
#newListPublicPrivateDropdown .wcSelect {
    min-height: 30px;
    min-width: 208px;
    padding-bottom: 0;
    margin-bottom: 0
}
.listTable .toolbar .field .wcSelect {
    padding-right: 20px;
    margin-bottom: 10px;
    font-size: 12px;
    padding: 4px 6px;
    background: #FFF;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    width: 80%
}
.UserMemberGroupManagement .memberGroup .wcSelect {
    border-radius: 5px;
    border: 1px solid #999;
    padding: 8px;
    font-size: 12px;
    width: 300px;
    margin-bottom: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.globalLogin .wcSelect {
    font-size: 12px;
    min-height: 25px;
    min-width: 97%;
    margin-bottom: 0
}
.globalLogin .ui-menu-item {
    margin-left: 0
}
.globalLoginCSR .wcSelect {
   min-width: initial;
    word-wrap: break-word;
    min-height: auto;
}
.OrganizationListWidget .orgList .wcSelect {
    color: #4d4d4d!important;
    background-image: linear-gradient(#f7f9f9, #e5e8e9);
    border-radius: 5px;
    border: 1px solid #bfbfbf;
    padding: 8px 5px;
    font-size: 12px;
    min-width: 180px;
    max-width: 260px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.selectbox .wcSelect{
	background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.21);
    border-radius: 8px;
    padding: 8px;
    width: 100%;
    box-sizing: border-box;
    display: inline-block;
    line-height:34px;
}

#QuickCheckout .inputField.wcSelect, 
#addressId .inputField.wcSelect {
    padding: 10px 10px;
    margin-bottom: 8px
}
#AddressForm input.inputField.wcSelect, #QuickCheckout input.inputField.wcSelect, #Register input.inputField.wcSelect, #addressId input.inputField.wcSelect {
    padding: 10px 10px;
    margin-bottom: 8px
}
.findOrderlistTable .toolbar .field .wcSelect {
    padding: 4px 6px
}
.pageSection .field .wcSelect {
    border-radius: 5px;
    border: 1px solid #e0e0e0;
    padding: 4px;
    font-size: 12px;
    width: 80%;
    max-width: 300px;
    margin-bottom: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.pageSection .field input.wcSelect {
    padding: 8px
}

input.wcValidationTextbox.error {
    border: 1px solid red!important;
    background: #FFCECE!important
}
a.disabled {
    background: grey!important;
    border: 1px solid grey!important
}
div[data-widget-type="wc.Carousel"] .owl-wrapper-outer.overflow-visible {
    overflow: hidden;
}

#applePayShopcartButton {
    padding-right: 5px
}
.apple-pay-button {
    display: none;
    background-color: #fff;
    background-image: -webkit-named-image(apple-pay-logo-black);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 100% calc(60% + 2px);
    border: 1px solid #000;
    box-sizing: border-box;
    height: 30px;
    min-height: 30px;
    min-width: 50px;
    padding: 0;
    transition: background-color .15s;
    width: 97%;
    border-radius: 5px;
    cursor: pointer
}
.apple-pay-button.visible {
    display: block
}
.apple-pay-button:active {
    background-color: #989898
}
.apple-pay-checkout {
    max-width: 120px
}
.apple-pay-minicart {
    min-width: 100px
}
.apple-pay-pdp {
    max-width: 270px
}
.apple-pay-plp {
    max-width: 200px
}
.full-width {
    width: 100%
}
.genericError_message {
    color: var(--primary-color)
}
div.heading>span {
    font-size: 13px
}
div.heading>span.selectedAttribute {
    text-transform: none
}
.nodisplay {
    display: none
}

.autoSuggestSelected {
    background-color: var(--primary-bg-color);
}
.configurator_page_content {
    font-size: 12px
}
.configurator_page_content>.content_box {
    border: 1px solid #e5e5e5
}
.configurator_page_content>.content_box>.box_header {
    height: 32px;
    background-color: #f5f5f5;
    font-weight: 700;
    font-size: 16px;
    line-height: 32px;
    padding-left: 30px
}
.configurator_page_content>.content_box>.product_image {
    padding-left: 30px
}
.configurator_page_content>.content_box>.product_add {
    padding-right: 9px
}
.configurator_page_content>.content_box>.product_add .price {
    font-weight: 700
}
.configurator_page_content>.content_box>.header {
    font-size: 12px;
    font-weight: 700;
    margin-left: 30px;
    margin-right: 9px;
    border-bottom: 1px solid #e5e5e5
}
.configurator_page_content>.content_box>.item {
    margin-top: 10px;
    margin-left: 20px;
    margin-right: 9px;
    border-bottom: 1px dashed #C6D0DC
}
.configurator_page_content>.content_box .no_border {
    border-bottom: none
}
.configurator_page_content>.content_box>.item>.item_details {
    margin-left: 20px
}

.configurator_page_content>.content_box>.item>.item_details .item_header {
    font-size: 12px;
    font-weight: 700;
    line-height: 13px;
    margin-bottom: 5px
}
.configurator_page_content>.content_box>.item>.item_details .form {
    font-size: 11px
}
#masthead {
    width: 100%
}
#masthead>.top {
    width: 100%;
    height: 15px;
    background: url(../images/colors/color1/masthead_top_bg.png) repeat-x
}
#masthead>.content {
    width: 100%;
    height: 78px;
    position: relative
}
#masthead>.navigation {
    height: 32px;
    padding: 7px 16px 6px;
    position: relative;
    background: url(../images/colors/color1/masthead_navigation_bg.png) repeat-x
}
div.widget_masthead_logo_position {
    position: absolute;
    left: 0;
    top: 0
}
div#widget_masthead_logo1 img {
    display: block
}
div.widget_masthead_links_position {
    position: absolute;
    right: 263px;
    top: 19px
}
div#widget_masthead_links {
    position: relative;
    width: 450px;
    height: 38px
}
div#widget_masthead_links div.masthead_links {
    position: absolute;
    right: 0;
    top: 0
}
div#widget_masthead_links div.masthead_links span.masthead_links_container {
    float: right;
    font-size: 12px;
    color: #d9dedf;
    line-height: 14px
}
div#widget_masthead_links div.masthead_links span.masthead_links_container span.masthead_links_item {
    display: inline;
    color: #4D4D4D
}
div#widget_masthead_links div.masthead_links span.masthead_links_container span.masthead_links_item a {
    text-decoration: none;
    color: #4d4d4d
}

div#widget_masthead_links div.masthead_links span.masthead_links_container span.special {
    text-decoration: none;
    color: #4D4D4D
}
div#widget_masthead_links div.masthead_links span.masthead_links_container span.special a, div#widget_masthead_links div.masthead_links span.masthead_links_container span.special a:visited {
    text-decoration: none;
    color: #000
}
div#widget_masthead_links div.masthead_social {
    position: absolute;
    right: 0;
    top: 20px
}
div#widget_masthead_links div.masthead_social span.masthead_links_container {
    float: right;
    font-size: 12px;
    color: #d9dedf;
    line-height: 14px;
    list-style-type: none
}
div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item {
    display: inline;
    color: #4d4d4d
}
div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item a {
    color: #4d4d4d;
    text-decoration: none
}

div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.icon {
    width: 16px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    margin-top: -2px
}
div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.face_icon {
    background: url(../images/colors/color1/widget_masthead_social/social_face_icon.png) no-repeat;
    height: 16px
}
div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.face_icon:hover {
    background-position: 0 -16px
}
div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.plus_icon {
    background: url(../images/colors/color1/widget_masthead_social/social_plus_icon.png) no-repeat
}
div#widget_masthead_links div.masthead_social span.masthead_links_container span.masthead_links_item span.yelp_icon {
    background: url(../images/colors/color1/widget_masthead_social/social_yelp_icon.png) no-repeat
}
div#widget_masthead_links div.masthead_social span.masthead_links_container span.special {
    text-decoration: none;
    color: #4D4D4D
}
div#widget_masthead_links div.masthead_social span.masthead_links_container span.special a, div#widget_masthead_links div.masthead_social span.masthead_links_container span.special a:visited {
    text-decoration: none;
    color: #000
}
.ie6_Background {
    background-color: #FFF;
    height: 100%;
    position: fixed;
    width: 100%
}
.ie6_AuroraLogo, .ie6_Position {
    position: relative
}
.banner-img img{
	display:block;
}

.orderExpandArea a p {
    display: inline;
    vertical-align: top
}

div.store_message {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    width: 100%;
    display: none
}
.store_message>.content {
    background-color: #FFF;
    box-shadow: 0 0 3px 1px var(--grey-18);
        border-radius: 10px;
            transform: translate(-50%, -50%);
    top: 50%;
    position: absolute;
    left: 50%;
filter:progid:DXImageTransform.Microsoft.Glow(color='#888888', Strength='5')
}
.store_message>.content .message{
	padding: 35px;
}

.store_message>.content>.close {
    position: absolute;
    top: 10px;
    right: 15px
}
.store_message>.content>.close>.close_text {
    font-size: 11px;
    color: #777;
}
.store_message>.content>.close>.close_icon {
    margin-left: 4px;
    margin-top: 4px;
    width: 8px;
    height: 8px;
    background-image: url(../images/colors/color1/close_circle_sprite2.png);
    background-repeat: no-repeat;
}

.store_message>.content>.close:hover>.close_icon {
    background-position: 0 -8px
}

.store_message>.content>.message .message_text {
    color: var(--green);
}
#page {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0px auto;
  	overflow-x: hidden;
}
#progress_bar {
    position: absolute;
    z-index: 9999;
    display: none
}
#progress_bar_dialog {
        position: relative;
    z-index: 9999;
    outline: 0;
    text-align: center;
    width: 100px !important;
    margin: 0 auto !important;
}
#loading_popup {
    width: 59px
}
#loading_popup .top_left {
    background-image: url(../images/colors/color1/popup_topleft.png);
    background-repeat: no-repeat;
    background-position: top;
    height: 7px;
    width: 8px;
    float: left
}
#loading_popup .top_right {
    background-image: url(../images/colors/color1/popup_topright.png);
    background-repeat: no-repeat;
    background-position: right top;
    height: 7px;
    width: 51px;
    float: left
}
#loading_popup .bodycontent, #loading_popup .header {
    background-image: url(../images/colors/color1/popup_center_tile_mini.png);
    background-repeat: repeat-y
}
#loading_popup .header {
    text-align: right;
    clear: left
}
#loading_popup .close {
    padding: 5px 15px 2px 0;
    color: #666
}
#loading_popup .close .icon {
    padding: 2px 0 0 4px;
    float: right
}
#loading_popup .bodycontent {
    background-color: transparent;
    background-position: right;
    padding: 0 5px;
    margin: 0
}
#loading_popup .bodycontent h2 {
    font-size: 14px;
    font-weight: 700
}
#loading_popup .bodycontent p {
    margin: 3px 0 10px 2px
}
#loading_popup .bodycontent div.form_2column {
    padding: 0
}
#loading_popup .bodycontent_short {
    padding: 12px 17px 12px 15px;
    margin: 0 1px
}
#loading_popup .footer {
    text-align: right;
    height: 20px;
    width: 59px
}
#loading_popup .footer .bot_left {
    background-image: url(../images/colors/color1/popup_botleft.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 11px;
    width: 8px;
    float: left
}
#loading_popup .footer .bot_right {
    background-image: url(../images/colors/color1/popup_botright.png);
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 11px;
    width: 51px;
    float: left
}

div.widget_left_nav div.bottom_border_5px {
    border-bottom: 5px solid #e5e5e5
}
div.widget_left_nav_position {
    min-height: 300px;
    margin-right: 10px
}
div.widget_left_nav {
    margin-bottom: 10px
}
div.widget_left_nav>div.content_left_border {
    border: 5px solid #e5e5e5
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.header {
    height: 34px;
    background-color: #fff;
    padding-left: 10px;
    padding-right: 10px
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.header span.header_title {
    font-size: 11px;
    line-height: 34px;
    font-weight: 700;
    color: #777;
    float: left
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.header>span.filter_by_title {
    font-size: 14px;
    font-weight: 700;
    line-height: 34px;
    color: #777;
    float: left
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.header>div.clearall {
    font-size: 12px;
    line-height: 34px;
    float: right
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.header>div.clearall>a {
    text-decoration: none;
    color: #777
}

div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.header>div.clearall>a>div.clear_all_text>div.filter_sprite {
    float: left;
    display: block;
    position: relative;
    overflow: hidden;
    margin-right: 5px;
    width: 13px;
    height: 13px;
    margin-top: 10px
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.header>div.clearall>a>div.clear_all_text>div.filter_sprite>img {
    position: absolute;
    width: 13px;
    height: 26px
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.header>div.clearall>a:hover>div.clear_all_text>div.filter_sprite>img {
    top: -13px;
    left: 0
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.filter_list {
    min-height: 0!important;
    padding-top: 0!important;
    padding-bottom: 0!important
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.filter_list>ul>li:first-child {
    padding-top: 8px!important
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.filter_list>ul>li:last-child {
    padding-bottom: 8px!important
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list {
    background-color: #fbfbfb;
    min-height: 25px
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list>ul {
    padding: 0;
        padding-left: 3px;
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list>ul>a {
    text-decoration: none;
    color: #777;
    font-size: 11px
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list div.showMore, div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list ul li {
    padding: 10px;
    list-style-type: none;
    font-size: 12px;
    text-decoration: none;
    color: #777
}

div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list ul li div.facetCountContainer, ul.facetSelect li div.facetCountContainer {
    display: inline
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list div.showMore {
    text-align: right
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list div.showMore label, div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list ul li label {
    cursor: pointer
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list ul li label .swatch {
    float: left;
    width: 80px;
    height: 27px
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list ul li label .swatch img {
    vertical-align: middle;
    border: 3px solid #E5E5E5;
    height: 18px;
    width: 18px
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list div.showMore input, div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list ul li.singleFacet input, ul.facetSelect li input[type=checkbox] {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    left: -30px
}

div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list ul li input:checked+label {
    font-weight: 700
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list ul li input:focus+label .outline {
    border: 1px dotted #000
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list ul li.singleFacet input:checked+label .swatch img, div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list ul li.singleFacet input:enabled+label .swatch img:hover {
    border: 3px solid #fac549
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list ul li input:disabled+label, ul.facetSelect li input:disabled+a, ul.facetSelect li input:disabled+label {
    color: #CCC;
    cursor: default;
    text-decoration: none
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list ul li input.range_input, ul.facetSelect li input.range_input {
    font-size: inherit;
    width: 35px;
    color: #777
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list ul li input.go_button, ul.facetSelect li input.go_button {
    font-size: inherit;
    width: 70px;
    text-align: left;
    border: none;
    background: 0 0;
    color: var(--primary-color)
}

div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list ul li input.go_button:disabled, div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list ul li input.go_button_disabled, ul.facetSelect li input.go_button:disabled, ul.facetSelect li input.go_button_disabled {
    display: none
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list>ul>li>a {
    text-decoration: none;
    color: #777
}

div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list>ul>li>a>div.filter_option>div.filter_sprite {
    float: left;
    display: block;
    position: relative;
    overflow: hidden;
    margin-top: 5px;
    margin-right: 5px;
    width: 13px;
    height: 13px
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list>ul>li>a>div.filter_option>div.filter_sprite>img {
    position: absolute;
    width: 13px;
    height: 26px
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list>ul>li>a:hover>div.filter_option>div.filter_sprite>img {
    top: -13px;
    left: 0
}
div.widget_left_nav>div.content_left_border>div.content_right_border>div.content div.content_section div.section_list>ul>li>a>div.filter_option span img {
    vertical-align: middle;
    border: 2px solid #E5E5E5;
    height: 18px;
    width: 18px
}
.wish_order_list>.message {
    display: block;
    font-style: italic;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px
}
.wish_order_list>.message:hover {
    background-color: #fff;
    cursor: auto
}
div.header_wrapper_position {
    width: 100%;
    position: relative;
    z-index: 100;
}

div.content_wrapper>div.content_left_shadow>div.content_right_shadow>div.main_content {
    max-width: 100%;
    margin: 0 auto;
    background-color: #fff;
    min-height: 100px;
    padding: 8px 0
}
div.content_wrapper>div.content_top {
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    display: none
}
div.content_wrapper>div.content_bottom {
    max-width: 987px;
    height: 10px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}
div.content_wrapper>div.content_bottom>div.left_border {
    width: 10px;
    height: 10px;
    float: left
}
div.content_wrapper>div.content_bottom>div.middle {
    max-width: 967px;
    height: 10px;
    float: left
}
div.content_wrapper>div.content_bottom>div.right_border {
    width: 10px;
    height: 10px
}

.static_page_content {
    padding: 0px 0px 15px;
}
.static_page_content>.page_header {
    font-size: 28px;
    color: var(--primary-color);
    line-height: normal;
}
.static_page_content>.content_box {
    background-color: #ffffff;
    padding-bottom: 9px;
}
.static_page_content>.white {
    background-color: #fff
}
.rowContainer.staticPages .container_static_full_width .static_page_content .page_header {
    font-weight: bold;
}
.static_page_content>.content_box .header_top {
	height: 30px;
    color: #666883;
    line-height: 30px;
    border-bottom: 1px solid #ffffff;
    padding-left: 0px;
    padding-right: 9px;
    background-color: #ffffff;
    font-weight: bold;
}
.static_page_content>.content_box .header {
    font-size: 150%;
    color: #666;
    font-weight: 700;
    padding-left: 0px;
    padding-right: 0px
}
.static_page_content>.content_box .info_section {
        color: #4d4d4d;
    font-size: 14px;
    line-height: 16px;
    padding-top: 4px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
}
.static_page_content>.content_box .info_section>.indent {
    padding-left: 20px
}
.static_page_content>.content_box .info_section ol {
    padding-left: 25px
}
.static_page_content>.content_box .header_solid {
    background-color: #F7F7F7;
    border-bottom: 1px solid #F0F0F0;
    color: #666;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    padding-left: 9px;
    padding-right: 9px
}
.static_page_content>.content_box .info_table_1 {
    margin-top: 16px;
    padding-left: 9px;
    padding-right: 9px;
    font-size: 12px;
    font-weight: 400;
    line-height: 22px
}
.static_page_content .column_box .column ul .h1, .static_page_content .column_box .column ul .h2 {
    color: #333;
    font-weight: 700;
    margin-top: 15px;
    text-transform: uppercase
}
.static_page_content .info_table_1 {
    background-color: #FBFBFB;
    border-color: #345e9e #E5E5E5 #E5E5E5;
    border-style: solid;
    border-width: 2px 1px 1px;
    padding-bottom: 9px;
    padding-left: 10px;
    padding-right: 10px
}
.static_page_content .column_box .column {
    float: left;
    font-size: 12px;
    width: 33%
}

@media (max-width:420px) {
.static_page_content .column_box .column {
    width: 100%
}
}
.static_page_content .column_box .column ul {
    list-style: none;
    margin-right: 10px;
    padding: 0;
    text-decoration: none
}
.static_page_content .column_box .column ul .h1 {
    font-size: 15px
}
.static_page_content .column_box .column ul .h3 {
    color: #4D4D4D;
    font-weight: 400;
    text-transform: none
}
.static_page_content .column_box .column ul li a {
    display: block;
    padding: 8px;
    text-decoration: none
}

.static_page_content .column_box .column ul li>div {
    padding: 8px
}
.static_page_content .column_box .column ul .no_margin {
    margin-top: 0
}
.container_configurator_full_width, .container_static_full_width {
    max-width: 1200px;
}
div.list_section {
    margin-left: 0;
    margin-right: 0
}
.list_section li {
    list-style-type: none;
    padding:0 8px 20px 10px;
}

.list_section .search-icon:before{display:none}
ul div.list_section li a span.highlight {
    font-weight: 700;
    color: var(--primary-color);
}

ul div.list_section li a {
    display: flex;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    font-size:14px;
    align-items: center;
}
div.list_section .fa-search{
	font-size:20px;
}
ul div.list_section li a div.category_list {
    float: left;
    color:var(--secondary-color);
    font-size:12px;
}
.cat-search-items .list_section li {
    padding: 0 8px 0px 10px;
}


.compare-product-img{
	position: relative;
}

.remove-item{
	position:absolute;
	top:16px;
	right:16px;
	z-index: 9;
}

.row-desc:nth-child(odd) {
	background: var(--primary-bg-color);
}

.row-desc:nth-child(even) {
  background: var(--white);
  border: 1px solid #EDF0F8;
}

.row-desc.even {
 background: #EDF0F8;
}

.row-desc.odd {
  background: var(--white);
  border: 1px solid #EDF0F8;
}
.widget-product-compare .row a {
    color: #404040
}
.widget-product-compare .compare_heading {
    font-size: 20px;
    color: #777;
	font-weight: bold;
}
.widget_product_compare .compare_back {
    font-size: 14px;
    margin-bottom: 5px;
	float: right;
}
.widget-product-compare>.bottom, .widget_product_compare>.top {
    overflow: hidden
}


.widget-product-compare .content {
    background-color: #fff;
    min-height: 100px
}
.widget-product-compare .content>.heading {
    padding: 0 8px;
    line-height: 32px;
    font-size: 14px;
    color: #777;
}
.widget-product-compare .content>.message {
    padding: 0 8px;
    line-height: 32px;
    font-size: 14px;
    color: #777
}
.widget-product-compare .compare_main .row_border {
    border-bottom: 1px solid #e5e5e5
}
.widget-product-compare .compare_main .row {
    overflow: hidden;
}

.widget-product-compare .compare_main .row>.heading {
    float: left;
    font-size:20px;
	color:var(--secondary-color);
    font-weight:500;
    padding: 0 0 20px 0;
    line-height: 16px
}
.widget-product-compare .compare_main .row .remove {
    width: 7px;
    height: 7px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px;
    margin-right: 3px
}
.widget-product-compare .compare_main .row>.item {
    float: left;
    line-height: 16px;
    font-size:16px;
    color:var(--secondary-color);
    font-weight:500;
    padding:18px 24px;
    max-width:350px;
    margin-right:25px;
}

.widget-product-compare .compare_main .row>.item.compare-product-name {
    color: var(--primary-color);
}
.widget-product-compare .compare_main .row.row-desc>.item {
    padding:0;
}
.compare-product-img{
	border:1px solid var(--cart-bg-color);
	border-bottom:0;
	text-align: center;
}
.compare-add-to-cart{
	border:1px solid var(--cart-bg-color);
	border-top:0;
}
.compare-product-name,
.compare-product-price{
	border-right:1px solid var(--cart-bg-color);
	border-left:1px solid var(--cart-bg-color);
}
.widget-product-compare .compare_main .row:first-child>.item>a>img {
    max-width: 100%
}
.widget-product-compare .compare_main .compare_4 .row>.item, 
.widget-product-compare .compare_main .row>.heading {
    width: calc(25% - 25px);
    text-transform: capitalize;
}
.widget-product-compare .compare_main .compare_3 .row>.item {
    width: calc(25% - 25px)
}
.widget-product-compare .compare_main .compare_2 .row>.item {
    width: calc(25% - 25px)
}
.widget-product-compare .compare_main .compare_1 .row>.item {
    width: calc(25% - 25px)
}
.widget-product-compare .compare_main .row>.item>.price {
    color: var(--primary-color);
    font-weight: 700
}



.mob-heading {
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 10px;
}

div.widget_search_results {
    line-height: 14px;
    font-size: 13px
}
div.widget_search_results .results_description {
    font-size: 12px;
    margin-top: -5px
}
div.widget_search_results .black {
    color: #4d4d4d!important
}
div.widget_search_results .result {
    color: #0042fe;
    cursor: pointer;
    text-decoration: none;
	font-size: 30px;
}
div.widget_search_results .result:hover {
    text-decoration: underline
}
div.widget_search_results ul {
    padding-left: 16px;
    line-height: 20px
}

.sign_in_registration .myaccount_error {
    color: var(--primary-color);text-align: justify;
    font-size: 12px;
}


.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #aaa;
    opacity: .3;
    filter: Alpha(Opacity=30)
}
.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666
}
.radiocontainer {
    display: block;
    position: relative;
    padding-left: 35px;
    padding-top: 5px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.radiocontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}
.radiocheckmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 50%;
    border: 1px solid #b1b0b0
}
.radiocontainer:hover input~.radiocheckmark {
    background-color: #ccc
}
.radiocontainer input:checked~.radiocheckmark {
    background-color: #fff
}
.radiocheckmark:after {
    content: "";
    position: absolute;
    display: none
}
.radiocontainer input:checked~.radiocheckmark:after {
    display: block
}
.radiocontainer .radiocheckmark:after {
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: gray
}
.owl-carousel .proCode{display:none}   
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    line-height: 0;
    height: 0
}
.owl-carousel, .owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    overflow: hidden;
}
.owl-carousel {
    width: 100%;
    -ms-touch-action: pan-y
}
.owl-carousel .owl-wrapper-outer {
    position: relative;
    width: 100%;
    direction: ltr
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height .5s ease-in-out;
    -moz-transition: height .5s ease-in-out;
    -ms-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out
}
.owl-carousel .owl-item {
    float: left
}
.owl-controls .owl-buttons div, .owl-controls .owl-page {
    cursor: pointer
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent
}
.grabbing {
    cursor: url(grabbing.png) 8 8, move
}
.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}
.ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d, .ui-grid-solo {
    /*overflow: hidden*/
}
.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e {
    margin: 0;
    padding: 0;
    border: 0;
    float: left;
    min-height: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.ui-block-a {
    /* clear: left; */
}
li.ui-block-a, li.ui-block-b,
 li.ui-block-c,  li.ui-block-d, 
 li.ui-block-e, ul.ui-grid-a, 
 ul.ui-grid-b, ul.ui-grid-c, 
 ul.ui-grid-d, ul.ui-grid-solo {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
    list-style: none
}
[class*=ui-block-]>button.ui-btn {
    /*margin-right: 0;
    margin-left: 0*/
}
.ui-footer [class*=ui-block-]>button.ui-btn, 
.ui-header [class*=ui-block-]>button.ui-btn,
 [class*=ui-block-]>.ui-btn, 
 [class*=ui-block-]>.ui-checkbox, 
 [class*=ui-block-]>.ui-radio, 
 [class*=ui-block-]>.ui-select, 
 [class*=ui-block-]>button.ui-btn-icon-notext, 
 [class*=ui-block-]>button.ui-btn-inline {
    margin-right: .3125em;
    margin-left: .3125em
}
.ui-grid-a>.ui-block-a, 
.ui-grid-a>.ui-block-b {
    width: 50%
}
.ui-grid-b>.ui-block-a, 
.ui-grid-b>.ui-block-b, 
.ui-grid-b>.ui-block-c {
    /*width: 33.333% */
}
.ui-grid-c>.ui-block-a, 
.ui-grid-c>.ui-block-b, 
.ui-grid-c>.ui-block-c, 
.ui-grid-c>.ui-block-d {
    /*width: 25%*/ 
}
.ui-grid-d>.ui-block-a, 
.ui-grid-d>.ui-block-b, 
.ui-grid-d>.ui-block-c, 
.ui-grid-d>.ui-block-d, 
.ui-grid-d>.ui-block-e {
    /*width: 20%*/
}
.ui-grid-solo>.ui-block-a {
    /*width: 100%;
    float: none*/
}



/*--------BEST OFFER AFTER BANNER START--------*/

div#Home_products .container  {
        content: "";
    display: block;
    padding: 5px;
    border-bottom-left-radius: 216px 47px;
    border-bottom-right-radius: 216px 65px;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    z-index: 8;
    height: 55px;
}
div#Home_products .container {
    background: var(--primary-color);
    border: 2px solid var(--primary-color);
}
div#Home_products #home_tab1 .h-catPos {
    border-bottom: solid 32px var(--primary-color);
}
div#Home_products #home_tab2 .h-catPos .container {
    background: #345e9e;
    border: 2px solid #345e9e;
}
div#Home_products #home_tab2 .h-catPos {
    border-bottom: solid 32px #345e9e;
}
div#Home_products  #home_tab3 .h-catPos .container {
    background: #426ca9;
    border: 2px solid #426ca9;
}
div#Home_products #home_tab3 .h-catPos {
    border-bottom: solid 32px #426ca9;
}
div#Home_products  #home_tab4 .h-catPos .container {
    background: #6886b8;
    border: 2px solid #6886b8;
}
div#Home_products #home_tab4 .h-catPos {
    border-bottom: solid 32px #6886b8;
}

div#Home_products  .h-catPos .h-product_image a {
   height: fit-content;
    vertical-align: middle;
    display: block;
    z-index: 1;
    position: relative;
    max-width: 160px;
    margin: 0 auto;
}
div#Home_products .h-catPos .h-product_image a img {
       width: 100%;
}

div#Home_products  .owl-item .container a {
   color: #ffffff;
    margin-top: 14px;
    font-size: 15px;
    outline: none;
    text-decoration: none;
    position: relative;
    top: 7px;
}
.bestOffer.home_tabs::after {
	padding: 0px;
    /* background: url(../images/ShelfALLBRANDS.png) no-repeat center 0px; */
    position: relative;
    /* top: -15px; */
    z-index: 1;
    height: 15px;
    border-bottom: solid 5px var(--primary-color);
    margin: 0 auto;
    display:none;
}

div#espotBanner .contentRecommendationWidget .left_espot img {
    width: 100%;
}


/*--------NEWS LATTER STAR--------*/
.footer_eNews div#eNews {
    margin: 0 auto;
    float: none;
    padding: 0;
}
.footer_eNews {
    background: var(--primary-color);
    padding: 13px 50px;
}
.homePage #footer_eNews {
    margin: 0px auto;
    float: none;
}
.footer_eNews .eNews-title {
    color: #FFFFFF;
    font-size: 16px;
    padding-top: 6px;
}
.footer_eNews .right {
    text-align: right;
}
.footer_eNews input#eNewsHome_eNewsMail, input#eNewsFooter_eNewsMail {
    padding: 7px 2% 9px 2%;
    width: 65%;
    border: solid 1px #a6a6a6;
}
.homePage #eNews #eNewscontant_eNewsMail{
  padding: 6px 2%;
  width: 65%;
  border: solid 2px var(--primary-color);


}
.footer_eNews #eNewsButton {
   border-radius: 6px;
    background: #f4d12f;
    padding: 9px 2%;
    border: 0px;
    color: var(--primary-color);
    margin-left: 2%;
    width: 22%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}


.cd-dropdown-wrapper { 
	position: relative; 
	z-index: 0;         
	display: block;    
	margin: 0;    
	-webkit-font-smoothing: antialiased;    
	-moz-osx-font-smoothing: grayscale;    
	width: 100%;  
	margin: 0 auto;
}

.cd-dropdown-wrapper { 
	background-color:rgb(0 0 0 / 7%);
	min-height: 44px;
}

.no-touch .cd-dropdown-trigger:hover{background-color:#171b46;}
.cd-dropdown-trigger::before{right:22px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
.cd-dropdown-trigger::after{right:17px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
@media only screen and (min-width:1024px) {
	.cd-dropdown-trigger.dropdown-is-active {
		background-color: #3f8654;
	}

	.no-touch .cd-dropdown-trigger.dropdown-is-active:hover {
		background-color: #47975f;
	}

	.cd-dropdown-trigger.dropdown-is-active::before,
	.cd-dropdown-trigger.dropdown-is-active::after {
		width: 14px;
	}

	.cd-dropdown-trigger.dropdown-is-active::before {
		-webkit-transform: translateX(5px) rotate(-45deg);
		-moz-transform: translateX(5px) rotate(-45deg);
		-ms-transform: translateX(5px) rotate(-45deg);
		-o-transform: translateX(5px) rotate(-45deg);
		transform: translateX(5px) rotate(-45deg);
	}

	.cd-dropdown-trigger.dropdown-is-active::after {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
}

.cd-dropdown {
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 85%;
	height: 100%;
	background-color: white;
	color: var(--primary-color);
	visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transform: translateY(-100%);
	-moz-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0.5s;
	-moz-transition: -moz-transform 0.5s 0s, visibility 0s 0.5s;
	transition: transform 0.5s 0s, visibility 0s 0.5s;
}

.cd-dropdown .cd-dropdown-gallery {
	background: #FFFFFF;
	z-index: 2;
}

.cd-dropdown h2 {
	position: relative;
	z-index: 1;
	background: #FFFFFF url("../images/ON-logo.png") no-repeat 6px 6px;
	border-bottom: 1px solid #999999;
	background-size: 180px 40px;
}

.cd-dropdown .cd-close {
	position: absolute;
	z-index: 3;
	right: 0px;
	top: 0;
	    height: 29px;
    width: 7px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	color: transparent;
}



.cd-dropdown .cd-close::after,
.cd-dropdown .cd-close::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	bottom: auto;
	right: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	height: 15px;
	width: 2px;
	background-color: var(--white);
}

.cd-dropdown .cd-close::after {
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.cd-dropdown .cd-close::before {
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	-o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.cd-dropdown.dropdown-is-active {
	visibility: visible;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	-webkit-transition: -webkit-transform 0.5s 0s, visibility 0s 0s;
	-moz-transition: -moz-transform 0.5s 0s, visibility 0s 0s;
	transition: transform 0.5s 0s, visibility 0s 0s;
}
.cd-dropdown-wrapper .cd-dropdown-content > li > a {padding: 0;}
@media only screen and (min-width:768px) {
	.cd-dropdown .cd-close {
		top: 5px;
	}
}
@media only screen and (max-width:1024px) {
		#header .topHeader {
    		padding: 10px 0px;
		}
	.cd-dropdown-wrapper a,
	.cd-dropdown-wrapper ul a {
		    font-weight: 400;
    		font-size: 14px;
    		line-height: 17px;
    		color: rgba(51, 51, 51, 0.9);
    		 border-bottom: none;
    		 padding: 15px 15px 15px 40px;
    		     text-transform: capitalize;
	}
	.cd-dropdown-wrapper .cd-dropdown-content > li > a{
		padding: 15px 15px 15px 40px;
	}
	.cd-dropdown-gallery .go-back a {
    		 padding: 0px !important;
    		 padding: 0px 0px 0px 40px !important;
    		margin-bottom: 20px;
	}
	 .cd-dropdown-gallery .go-back .mobile-sub-menu{
    		 font-weight: 600;
    		color: var(--grey-19) !important;
    		font-size: 16px;
    		line-height: 20px;
	}
	.cd-dropdown-wrapper .mobile-sub-menu,
 	.cd-dropdown-content ul .mobile-sub-menu {
		    font-weight: 500;
    		font-size: 14px;
    		line-height: 17px;
    		/*color: #3A4980 !important;*/
    		 border-bottom: none;
	}
	.cd-dropdown-wrapper .cd-dropdown-content, .cd-dropdown-wrapper .cd-dropdown-content ul{
		padding-top:0px;
		margin-top:160px;
	}
	.cd-dropdown-wrapper .cd-dropdown-content.move-out{
		margin-top: -30px;
	}
	
	/* My Account Mobile Nav*/
	.cd-dropdown-wrapper .cd-dropdown-content.move-out ul,
	.cd-dropdown-wrapper .cd-dropdown-content.move-out{
		margin-top:0;
	}
	.cd-dropdown-wrapper .cd-dropdown-content.move-out .go-back{
		padding-top: 20px;
	}
	.my-account-mob-nav .cd-dropdown-content{
		position:relative;
		display: block !important;
	}
	.my-account-mob-nav .cd-dropdown-content.move-out{
		position:absolute;
		z-index:2;
	}
	.cd-dropdown-wrapper .my-account-mob-nav .cd-dropdown-content .my-acc-mob-link{
		padding: 5px 10px;
    	float: left;
	}
	.my-account-mob-nav .has-children>a::before, .my-account-mob-nav .has-children>a::after{
		display:none;
	}
	.my-account-mob-nav .cd-dropdown-content:not(.move-out) .cd-dropdown-gallery{
		display:none;
	}
	.cd-dropdown-wrapper .my-account-mob-nav .toggle-action{
		font-size:16px;
		color:var(--grey-19) !important;
		font-weight:600;
		padding-left:20px;
	}
	.cd-dropdown-wrapper .my-account-mob-nav .account-nav {
	    position: relative;
	    margin: 0;
	}
	.my-account-mob-nav .list-my-account{
		padding:0;
	}
	.my-account-mob-nav .acc-link {
		font-size:14px;
	}
	.my-account-mob-nav .account-sec-title{
		margin-bottom:0;
	}
	.my-account-mob-nav .my-acc-sec-wrap .toggle-action:after{
		right: 16px;
    	top: 15px;
    	color: var(--grey-19);
	}
	.mobile-hide{
		display:none;
	}
	
}
@media only screen and (min-width:1028px){

.cd-dropdown{width:calc(100% - 120px); position:relative;top:0px;height:auto;margin:auto; -webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);background:transparent; ;color:#111433;/*box-shadow:0 4px 12px #999999*/;opacity:0;-webkit-transition:opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;-moz-transition:opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;transition:opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;}
.open-to-left .cd-dropdown{right:0;left:auto;}
.cd-dropdown h2, .cd-dropdown .cd-close{display:none;}
.cd-dropdown.dropdown-is-active{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);-webkit-transition:opacity 0.3s 0s, visibility 0.3s 0s, -webkit-transform 0.3s 0s;-moz-transition:opacity 0.3s 0s, visibility 0.3s 0s, -moz-transform 0.3s 0s;transition:opacity 0.3s 0s, visibility 0.3s 0s, transform 0.3s 0s;width:1200px;border-bottom: 5px solid var(--primary-color);}
.cd-dropdown {transform: translateY(0);border-bottom: 0px solid var(--primary-color);visibility: visible;opacity: 1;}
}
.cd-dropdown-content, .cd-dropdown-content ul{position:absolute;top:0;left:0;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-transition:-webkit-transform 0.3s;-moz-transition:-moz-transform 0.3s;transition:transform 0.3s;padding-top:50px;padding-left:0px;}
.cd-dropdown-content a, .cd-dropdown-content ul a{display:block;color:var(--secondary-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cd-dropdown-content li:first-of-type > a, .cd-dropdown-content ul li:first-of-type > a{border-top-width:0;}
.cd-dropdown-content li:last-of-type > a, .cd-dropdown-content ul li:last-of-type > a{border-bottom-width:1px;}
.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider{padding-top:10px;padding-bottom:10px;background-color:#0b0e23;font-size:1.1rem;font-weight:bold;letter-spacing:1px;color:#585a70;text-transform:uppercase;}
.cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a{border-top-width:0;}
.cd-dropdown-content a, .cd-dropdown-content .cd-search, .cd-dropdown-content .cd-divider, .cd-dropdown-content ul a, .cd-dropdown-content ul .cd-search, .cd-dropdown-content ul .cd-divider{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:opacity 0.3s, -webkit-transform 0.3s;-moz-transition:opacity 0.3s, -moz-transform 0.3s;transition:opacity 0.3s, transform 0.3s;}
.cd-dropdown-content.is-hidden, .cd-dropdown-content ul.is-hidden{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);}
.cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider{opacity:0;}
.cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);}
.dropdown-is-active .cd-dropdown-content, .dropdown-is-active .cd-dropdown-content ul{-webkit-overflow-scrolling:touch;}
@media only screen and (max-width:1027px){
.cd-dropdown{overflow: hidden; }
.show-for-mobile-menu{display:inline;}
.hide-for-mobile-menu{display:none;}

.mobile-menu-icon {
	display: block;
	top: -44px;
    left: 15px;
	z-index: 0;
	position: absolute;
	
}
#headerRow2 .main-category-mobile-menu { float: left;    padding: 0px 2% 0px 2%;    overflow: hidden;    width: calc(72% - -31px);    height: 37px;  position: relative;    z-index: 1; }
#headerRow2 .main-category-mobile-menu ul {list-style: none;    margin: 0;    padding: 0;}
#headerRow2 .main-category-mobile-menu ul li {float: left;    padding: 17px 1%;    font-weight: bold;    font-size: 11px; color: #111433;}


.cd-dropdown-wrapper { height: auto; padding-bottom: 0px;    background: transparent;    z-index: auto;     border-bottom: 0px;}
.navBaseHead .navHead {min-height: 50px;}

}
@media only screen and (min-width:768px){.cd-dropdown-content, .cd-dropdown-content ul{padding-top:60px;}
.cd-dropdown-content a, .cd-dropdown-content ul a{font-size:1.8rem;}
}
@media only screen and (min-width:1028px){

.cd-dropdown ul.cd-dropdown-content li .head_link {
    text-transform: capitalize;
    font-weight:500;
}
.cd-dropdown ul.cd-dropdown-content li:first-child .head_link {
    margin-left: 0px;
}

.show-for-mobile-menu{display:none;}
.hide-for-mobile-menu{display:block;}
.show-for-mobile{display:none;}
.cd-dropdown-content, .cd-dropdown-content ul{padding-top:0;overflow:visible;}
.cd-dropdown-content a, .cd-dropdown-content ul a{color:white;text-decoration:none;font-size: 14px;
    line-height: 44px;border-color:#ebebeb;border:0px;}
.cd-dropdown-content ul a{text-transform:capitalize;}
.cd-dropdown-content .cd-divider, .cd-dropdown-content ul .cd-divider{background-color:transparent;color:#b3b3b3;border-top:1px solid #ebebeb;}
.cd-dropdown-content .cd-divider + li > a, .cd-dropdown-content ul .cd-divider + li > a{border-top-width:1px;}
.cd-dropdown-content.is-hidden > li > a, .cd-dropdown-content.is-hidden > li > .cd-search, .cd-dropdown-content.is-hidden > .cd-divider, .cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider, .cd-dropdown-content ul.is-hidden > li > a, .cd-dropdown-content ul.is-hidden > li > .cd-search, .cd-dropdown-content ul.is-hidden > .cd-divider, .cd-dropdown-content ul.move-out > li > a, .cd-dropdown-content ul.move-out > li > .cd-search, .cd-dropdown-content ul.move-out > .cd-divider{opacity:1;padding-left:20px;}
}
.cd-dropdown-content .see-all a{color:#3f8654;}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item{height:80px;line-height:80px;}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item{padding-left:90px;}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item{padding-left:75px;position:relative;}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p{color:#111433;font-size:1.3rem;display:none;}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before{content:'';display:block;position:absolute;left:20px;top:50%;margin-top:-20px;width:40px;height:40px;background-repeat:no-repeat;background-position:center center;background-size:40px 40px;}
.cd-dropdown-gallery .nav-espot {
        position: absolute;
    right: 0;
    bottom: 0;
    padding: 30px 25px 20px;
    width: 250px !important;
}
.cd-dropdown-gallery.is-active:before {
    position: absolute;
    content: '';
    width: 4px;
    height:calc(100% - 20px);
    background: #ECF6FF;
    right: 320px;
    top: 15px;
}


.cd-dropdown-gallery .nav-espot .left_espot a{height:auto;padding:0px;}
@media only screen and (min-width:1028px){
.cd-dropdown-content .cd-dropdown-gallery img{position:absolute;display:block;height:40px;width:auto;left:20px;top:50%;margin-top:-20px;}
.cd-dropdown-content{
position:static;
height:auto;
width:100%;
margin:0px;
display: flex;
    justify-content: space-between;/*homepage-maqsood  border-top: 5px solid var(--primary-color); */}
.cd-dropdown-content > li{float:left;width:auto;list-style:none;}
.cd-dropdown-content > li:hover {
    background: none;
}

.cd-dropdown-content > li:hover a{
    color: var(--tertiary-color);
}
.cd-dropdown-content > li:last-of-type a{border-bottom:none;}
.no-touch .cd-dropdown-content > li:not(.has-children) a:hover{color:#3f8654;}
.cd-dropdown-content.move-out > li > a, .cd-dropdown-content.move-out > li > .cd-search, .cd-dropdown-content.move-out > .cd-divider{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);opacity:1;}
.cd-dropdown-content .cd-secondary-dropdown, .cd-dropdown-content .cd-dropdown-gallery, .cd-dropdown-content .cd-dropdown-icons{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);left:0;top:40px;height:auto;background-color:#ffffff;border-top:1px solid #CCC;}
.cd-dropdown-content .cd-secondary-dropdown::after, .cd-dropdown-content .cd-dropdown-gallery::after, .cd-dropdown-content .cd-dropdown-icons::after{clear:both;content:"";display:table;}
.open-to-left .cd-dropdown-content .cd-secondary-dropdown, .open-to-left .cd-dropdown-content .cd-dropdown-gallery, .open-to-left .cd-dropdown-content .cd-dropdown-icons{left:auto;right:100%;}
.cd-dropdown-content .cd-secondary-dropdown.is-hidden, .cd-dropdown-content .cd-dropdown-gallery.is-hidden, .cd-dropdown-content .cd-dropdown-icons.is-hidden{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}

.cd-dropdown-content .cd-secondary-dropdown > .go-back, .cd-dropdown-content .cd-dropdown-gallery > .go-back, .cd-dropdown-content .cd-dropdown-icons > .go-back{display:none;}
.cd-dropdown-content .cd-secondary-dropdown > .see-all, .cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all{position:absolute;bottom:20px;height:45px;text-align:center;}
.cd-dropdown-content .cd-secondary-dropdown > .see-all a, .cd-dropdown-content .cd-dropdown-gallery > .see-all a, .cd-dropdown-content .cd-dropdown-icons > .see-all a{margin:0;height:100%;line-height:45px;background:#ebebeb;pointer-events:auto;-webkit-transition:color 0.2s, background-color 0.2s;-moz-transition:color 0.2s, background-color 0.2s;transition:color 0.2s, background-color 0.2s;}
.no-touch .cd-dropdown-content .cd-secondary-dropdown > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-gallery > .see-all a:hover, .no-touch .cd-dropdown-content .cd-dropdown-icons > .see-all a:hover{color:#ffffff;background-color:#111433;}
.cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item, .cd-dropdown-content .cd-secondary-dropdown a, .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-gallery a, .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item, .cd-dropdown-content .cd-dropdown-icons a{border:none;}
.cd-dropdown-content .cd-dropdown-gallery > .see-all, .cd-dropdown-content .cd-dropdown-icons > .see-all{width:calc(100% - 60px);}
.cd-dropdown-content .cd-dropdown-icons > li, .cd-dropdown-content .cd-secondary-dropdown > li{width:20%;float:left;}
.cd-dropdown-content .cd-secondary-dropdown{overflow:hidden;width:100%;padding-bottom:65px;}
.cd-dropdown-content .cd-secondary-dropdown::before{position:absolute;content:'';top:290px;left:15px;height:1px;width:520px;background-color:#ebebeb;}
.cd-dropdown-content .cd-secondary-dropdown > li > a{color:#666666;font-size:12px;line-height:14px;height:30px;pointer-events:none;padding:10px 27px;}
.cd-dropdown-content .cd-secondary-dropdown > li > a::after, .cd-dropdown-content .cd-secondary-dropdown > li > a::before{display:none;}
.cd-dropdown-content .cd-secondary-dropdown.move-out > li > a{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);}
.cd-dropdown-content .cd-secondary-dropdown > li{margin:0px 0px;border-right-width:1px;border-color:#ebebeb;border-style:solid;padding:0px;height:40px;border-width:0px;}
.cd-dropdown-content .cd-secondary-dropdown > li:nth-of-type(2n){border-right-width:0;}
.cd-dropdown-content .cd-secondary-dropdown > li > ul{-webkit-transform:translate(0);-moz-transform:translate(0);-ms-transform:translate(0);-o-transform:translate(0);transform:translate(0);position:relative;height:auto;}
.cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back{display:none;}
.cd-dropdown-content .cd-secondary-dropdown a{line-height:25px;height:25px;font-size:1.3rem;padding-left:0;}
.no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover{color:#3f8654;}
.cd-dropdown-content .cd-secondary-dropdown ul{padding-bottom:25px;overflow:hidden;height:auto;}
.cd-dropdown-content .cd-secondary-dropdown .go-back a{padding-left:20px;color:transparent;}
.no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover{color:transparent;}
.cd-dropdown-content .cd-secondary-dropdown .go-back a::before, .cd-dropdown-content .cd-secondary-dropdown .go-back a::after{left:0;}
.cd-dropdown-content .cd-secondary-dropdown .see-all{position:absolute;bottom:0;left:0;width:100%;}
.cd-dropdown-content .cd-dropdown-gallery{

width:75%;
background-color: #FFFFFF;}
.cd-dropdown-content .cd-dropdown-gallery li{
	list-style:none;
}
.cd-dropdown-content .cd-dropdown-gallery > li > a{font-family:helveticaRegular, arial;max-width: 77%;}
.cd-dropdown-content .cd-dropdown-gallery > li:nth-of-type(2n){margin-right:0;}
.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item{padding:0;height:auto;line-height:normal;color:#3f8654;margin-bottom:2em;}
.cd-dropdown-content .cd-dropdown-gallery > li:nth-last-of-type(2) a,
.cd-dropdown-content .cd-dropdown-gallery > li:last-of-type a{margin-bottom:0;}
.cd-dropdown-content .cd-dropdown-gallery img{position:static;height:auto;max-width:100%;margin:0 0 0.6em;}
.cd-dropdown-content .cd-dropdown-icons{width:600px;}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item{height:80px;line-height:1.2;padding:24px 0 0 85px;}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover{background:#ebebeb;}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3{color:#3f8654;font-weight:bold;}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p{display:block;font-size:1.2rem;}
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before{left:25px;}
.cd-dropdown-content > .has-children > ul{visibility:hidden;padding:0px;margin:0px;/* height:323px; */}
.cd-dropdown-content > li > ul{visibility:hidden;}
.cd-dropdown-content > li > ul.is-active{
	visibility: visible;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 10px;
}

.cd-dropdown-content > li > ul.is-active li{
	width:35%;
	list-style:none;
}
.cd-dropdown-content > .has-children > ul.is-active{visibility:visible;}
.cd-dropdown-content > .has-children > .cd-secondary-dropdown.is-active > li > ul{visibility:visible;}

.open-to-left .cd-dropdown-content > .has-children > a.is-active{box-shadow:inset -2px 0 0 #3f8654;}
}
@-webkit-keyframes cd-fade-in{0%{opacity:0;visibility:visible;}
100%{opacity:1;visibility:visible;}
}
@-moz-keyframes cd-fade-in{0%{opacity:0;visibility:visible;}
100%{opacity:1;visibility:visible;}
}
@keyframes cd-fade-in{0%{opacity:0;visibility:visible;}
100%{opacity:1;visibility:visible;}
}
@-webkit-keyframes cd-fade-out{0%{opacity:1;visibility:visible;}
100%{opacity:0;visibility:visible;}
}
@-moz-keyframes cd-fade-out{0%{opacity:1;visibility:visible;}
100%{opacity:0;visibility:visible;}
}
@keyframes cd-fade-out{0%{opacity:1;visibility:visible;}
100%{opacity:0;visibility:visible;}
}
.cd-search input[type="search"]{width:100%;height:50px;padding:0 20px;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background-color:#242643;color:#ffffff;border:none;border-radius:0;}
.cd-search input[type="search"]::-webkit-input-placeholder{color:#ffffff;}
.cd-search input[type="search"]::-moz-placeholder{color:#ffffff;}
.cd-search input[type="search"]:-moz-placeholder{color:#ffffff;}
.cd-search input[type="search"]:-ms-input-placeholder{color:#ffffff;}
.cd-search input[type="search"]:focus{background:#ffffff;color:#111433;outline:none;}
.cd-search input[type="search"]:focus::-webkit-input-placeholder{color:rgba(17, 20, 51, 0.4);}
.cd-search input[type="search"]:focus::-moz-placeholder{color:rgba(17, 20, 51, 0.4);}
.cd-search input[type="search"]:focus:-moz-placeholder{color:rgba(17, 20, 51, 0.4);}
.cd-search input[type="search"]:focus:-ms-input-placeholder{color:rgba(17, 20, 51, 0.4);}
@media only screen and (min-width:1024px){.cd-search input[type="search"]{background-color:#ebebeb;}
.cd-search input[type="search"]::-webkit-input-placeholder{color:#b3b3b3;}
.cd-search input[type="search"]::-moz-placeholder{color:#b3b3b3;}
.cd-search input[type="search"]:-moz-placeholder{color:#b3b3b3;}
.cd-search input[type="search"]:-ms-input-placeholder{color:#b3b3b3;}

}
.has-children>a,
.go-back a {
	position: relative;
}

.has-children>a::before,
.has-children>a::after,
.go-back a::before,
.go-back a::after {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -1px;
	display: inline-block;
	height: 1px;
	width: 8px;
	background: #333333;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.has-children>a::before,
.go-back a::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}.has-children > a::after, .go-back a::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}

.has-children > a{}
.has-children > a::before, .has-children > a::after{right:20px;-webkit-transform-origin:8px 50%;-moz-transform-origin:8px 50%;-ms-transform-origin:8px 50%;-o-transform-origin:8px 50%;transform-origin:8px 50%;}
@media only screen and (min-width:1024px){.open-to-left .cd-dropdown-content > .has-children > a{padding-left:40px;padding-right:20px;}
.open-to-left .cd-dropdown-content > .has-children > a::before, .open-to-left .cd-dropdown-content > .has-children > a::after{right:auto;left:20px;-webkit-transform-origin:1px 50%;-moz-transform-origin:1px 50%;-ms-transform-origin:1px 50%;-o-transform-origin:1px 50%;transform-origin:1px 50%;}
}
.cd-dropdown-content .go-back a{padding-left:32px;}
.cd-dropdown-content .go-back a::before, .cd-dropdown-content .go-back a::after{left:12px;-webkit-transform-origin:1px 50%;-moz-transform-origin:1px 50%;-ms-transform-origin:1px 50%;-o-transform-origin:1px 50%;transform-origin:1px 50%;}
.cd-main-content{background-color:#e6e6e6;min-height:calc(100vh - 100px);padding:2em 5%;line-height:2;}
.no-js .cd-dropdown-wrapper:hover .cd-dropdown{visibility:visible;opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
.no-js .cd-dropdown-wrapper .cd-close{display:none;}


.signInForm .button_secondary, .signInForm .button_primary{
	width: 90%;
	text-align: center;
}
.signInForm .button_secondary .button_text, .signInForm .button_primary .button_text{
	width: 100%; 
}
.loginMenuDropdown .input_field{
	width: 80%;
	height:auto;
}

.signInForm .footer{
	border-top: 0px ;
    margin-top: 0px;
    padding-top: 0px;
}
.signInForm .signIn{
	margin-bottom: 25px;
}
.signInForm .forgetPass{
	margin-bottom: 6px;
}
.loginMenuDropdown .button_primary .button_text, .loginMenuDropdown .button_secondary .button_text {
	font-size: 13px;
}
/*End SignIn Page */

/*Regsiter Page */

.toggle-password{
	position: absolute;
    top: 16px;
    right: 20px;
}
.login-wrapper{
	padding:30px 0;
}
.login-content{
	width:395px;
	margin: 0 auto;
}
	

#AddressForm .form_2column.addressBook .custom-combobox-input {
    box-sizing: border-box;
    border-color: #888;
    border-radius: 0;
}


.dialog{
	position: absolute;
	background-color: var(--primary-bg-color);
	width: 100%;
	left: 50%;
	top:50%;
	border-radius:10px;
	z-index: 109;
	padding: 16px;
	box-shadow:0px 4px 4px rgba(0, 0, 0, 0.15);
	transform: translate(-50%, -50%);
}

.dialog-close{
	position:absolute;
	right:10px;
	top:10px;
}

.dialog-sm{
	max-width:480px;
}

.dialog-md{
	max-width:600px;
}

.optionContainer>.title{
	border-top: 1px solid #e4e4e4;
    border-top-style: dotted;
	border-radius: 0px;
	    text-transform: capitalize;
}
	/* End Side Menu Page */


.catNoImages #fastenersHeroBanner-handyman, .catNoImages  #fastenersHeroBanner-bannerText{
	display: none;
}
.catNoImages #fastenersHeroBanner #fastenersHeroBanner-background > div{
	    height: 100%;
    background-image: url(../rwdWebAssets/homePageMainESpot/Reflex_Banners_1200x300.jpg);
}
.catNoImages #fastenersHeroBanner{
	border-radius: 0px;
}
.catePageLower .product_info{
	text-align: center;
    margin-top: 10px;
}

.subCatePage .catEntryGrid_border, .catEntryList_border{
	border: 0px;
}


/*.subCatePage  .product_listing_container>.grid_mode li {
    padding-top: 0px;
    width:100%;
}*/

/*.productListingWidget .product_listing_container>.grid_mode{
    display: grid;
    display: -ms-grid;
    -ms-grid-columns: auto auto auto auto;
     grid-template-columns: 31.2% 31.2% 31.2%;
    gap: 25px;
}*/

/*.productListingWidget .product_listing_container>.grid_mode .ctrlDivs{
    width:100%;
}*/

#searchBasedNavigation_widget_ACCE_Label{
	display:none;
}
	
/* End Category Page */
.subCatePage .cateItems .imageHolder {
	background: #FBFBFB;
	border: 1px solid #EEEEEE;
	border-radius: 10px;
    text-align: center;
    padding: 10px;
}

.subCatePage .cateItems .imageHolder a img{
    max-width: 107px;
    max-height: 107px;
    width: 100%;
    height: 100%;
}
.subCatePage .cateItems .txtHolder{
width: 90%;
margin: 0 auto;
}

.subCatePage .cat-description{
	padding-bottom: 15px;
	padding: 10px;
	color: #666666;
	margin-bottom: 15px;
	text-align: justify;
}
.subCatePage .cateItems {
	width: 100%;
	margin-bottom:30px;
}
.subCatePage .categoryHead {
	font-size: 28px;
	padding: 10px;
	color: #666666;
}
.subCatePage .cateItems .txtHolder h2 { 
    min-height: 45px;
    margin-bottom: 20px;
}
/* Start Search grid/list Page */

.gridView .header_bar .title{
	float: right;
    padding: 12px 0px;
    font-size: 11px; 
    text-transform: uppercase;
}

.gridProduct .product_name a {
    color: var(--secondary-color);
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    line-height:17px
}


.gridView .quantity_input{
    width: 100%;
    height: 100%;
    border: 1px solid #a8a9ad;
    border-radius: 10px;
    padding: 6px;
}

.gridView .closeBtn{
    text-align: right;
    margin-bottom: 10px;
    margin-right: -4px;
}
.gridView .closeBtn span{
	border: 1px solid gray;
	padding: 2px 9px 5px 9px;
    border-radius: 18px;
    cursor: pointer;
}

a.list_icon:hover:before, div.list_icon:before {
    left: -97px;
    clip: rect(21px,118px,38px,101px);
}
a.grid_icon:before {
    left: -37px;
    clip: rect(21px,58px,38px,41px);
}

.gridView div.list_icon,
.gridView div.grid_icon,
.listView div.list_icon{
	color:var(--primary-color);
}

.gridView a.grid_icon,
.gridView a.list_icon,
.listView a.grid_icon{
	color:var(--secondary-color)
}

.gridView .header_bar .paging_controls .hoverover{ 
    background-color: rgb(255, 255, 255);
    color: rgb(77, 77, 77);
    font-size: 12px;
    text-align: center;
    opacity: 1;
    margin: 0px 2px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(160, 160, 160);
    border-image: initial;
    border-radius: 25px;
}
.gridView .header_bar .paging_controls .selected{
    background-color: #767676;
    color: white;
    font-size: 12px;
    text-align: center;
    opacity: 1;
    margin: 0px 2px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(160, 160, 160);
    border-image: initial;
    border-radius: 25px;
}





.list_mode .bulk-heading {
    font-size: 14px;
    /* color: #fb0202; */
    font-weight: normal;
    padding: 0px 0px 0px 0px;
    border-bottom: solid 1px black !important;
    display: inline-block;
    margin-bottom: 0px;
    background: transparent;
    border: 0px;
    /* cursor: pointer; */
    font-weight: bold;
    color: black;
}
.list_mode .bulk-qty {
    font-size: 13px;
    float: left;
    width: 44%;
    color: #000000;
    /* border-bottom: solid 1px #000; */
    background: #ffffff;
    padding: 2px 0px 2px 0px;
    /* border-left: solid 1px #000; */
    text-align: left;
    height: 15px;
}
.list_mode .bulk-price {
    font-size: 14px;
    float: left;
    color: #000000;
    padding: 2px 0px 2px 0px;
    text-align: left;
    height: 15px;
    font-weight: bold;
}

.list_mode .b-head {
 	border-bottom: 1.5px solid black;
 	margin-bottom: 6px;
}

.list_mode .hide-for-small{
	 color: #006ECC;
 	 font-size: 11pt;
	 margin-top: 5px;
}
.list_mode .bulk-line {
        clear: both;
    height: 0px;
    border-bottom: 0;
    margin-bottom: 0px;
}
.list_mode  div#bulk-pricing {
	text-align: right;
}

.list_mode .bulk-price-item{
	justify-content: end;
}
.list_mode span.ex-gst {
    font-size: 20px;
}
.ex-gst{
	display:none;
}
.list_mode  .bulk-qty.b-head {
    border-right: 0px !important;
    font-weight: bold;
	font-size: 14px;
}
.list_mode .bulk-price .price {
    font-size: 13px;
    font-weight: normal;
}
.list_mode .listViewRates .quantity_input {
    padding: 7px;
}



.listViewRates .price span{
    display: flex;
    margin-top: 8px;
    text-align: center;
}
.listViewRates .padd {
    padding: 10px 0px !important;
}

.listViewRates .each p {
    font-size: 10px;
    font-weight: normal;
    white-space: nowrap;
}


/* Start MyAccound Detail Page*/
.account-sec-border{
	border-top:1px solid var(--grey-07);
}
.form-fieldset, .myAccDetailsPage fieldset {
    border: 1px solid var(--grey-09);
    border-radius:16px;
}

.myAccDetailsPage legend {
    font-size: 20px;
    font-weight: bold;
}

.myAccDetailsPage .required-field {
    float: right;
    font-size: 30px;
    padding-right: 4px;
    font-weight: bold; 
}


.myAccDetailsPage #userCostCentreList, .myAccDetailsPage #costCentreList{
    width: 100%;
}
.myAccDetailsPage .financialsField .inputField{
	width: 98%;
}
.myAccDetailsPage .financialsField .button_primary{
    width: 100%;
    padding: 5px;
    text-align:center;
    cursor: pointer;
} 

.headInsideMenu .accDetailMenu {
	list-style: none;
    text-align: center;
    margin:0px;
    padding:0px;
}
.headInsideMenu #responsiveMenu{
	display: none;
} 

.headInsideMenu{
    background: var(--light-blue);
    border-radius: 10px;
	padding: 20px;
	margin-bottom: 15px;
}
.myAccDetailsPage .userIconLine{
	text-align: center;
}

.myAccDetailsPage .col4 .checkboxField label.checkboxLabel{
	white-space: nowrap;
}
.myAccDetailsPage .body{
	border: 0px !important
} 
.myAccDetailsPage .userIcon{
	background: url(../images/userIcon.png) no-repeat center;
	width: 64px;
	height: 50px;
	text-align: center;
	margin: 0 auto;
}
.myAccDetailsPage .redStarInSpan span{
	float: left;
}.myAccDetailsPage .required-field{
	max-height: 5px;
}
.myAccDetailsPage .required-field{
	padding-top: 0px;
}
.account-sec-title{
	font-size:20px;
	font-weight:700;
	margin-bottom:8px;
	position: relative;
}
.account-sec-title .toggle-action {
	display:block;
	color: var(--black);
}
.account-sec-detail{
	display:none;
}
.account-sec-detail .select-container{
	line-height:30px;
}
.account-nav {
    margin: 0;
    padding: 0;
}
.list-my-account {
    margin: 0;
    padding: 8px 0;
    list-style-type: none;
}
.list-my-account .acc-link{
	font-size:16px;
	font-weight:500;
	color: var(--primary-color);
	display: flex;
}
.list-my-account .acc-link span.color-danger{
	display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 6px;
    width:16px;
}
.list-my-account .acc-link:hover,
.list-my-account.active .acc-link{
	color: var(--secondary-color);
	font-weight:600;
}
.acc-log-out{
	color: var(--dark-red);
	font-size:16px;
	font-weight:500;
}
.my-acc-sec-wrap .toggle-action:after{
	content: "\f107";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--blue-01);
    right: 0;
    top:0;
    font-size:18px;
    position: absolute;
}
.my-acc-sec-wrap .organisation-contact-section{
	border-bottom:1px solid var(--grey-09);
}
.my-acc-sec-wrap.active .toggle-action:after{
    content: "\f106";  
}
.my-acc-sec-wrap .order-head-sec .toggle-action:before{
	top: 30%;
}
.search-icon{
	position:relative;
}
.search-icon:before{
    background: url(../images/icons/search.png) no-repeat;
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px;
    background-repeat: no-repeat;
    top: 16px;
}
.my-acc-sec-wrap.active .account-sec-detail{
	display:block;
}

.my-acc-sec-wrap .readValue{
	word-wrap: break-word;
}

.readLabel 
.cost-center-select {
	padding:0;
	min-height:150px;
}
.cost-center-select option{
	padding: 7px 10px 5px;
    margin: 10px 0;
}
.cost-center-select option:checked{
    background: var(--cart-bg-color);
}

/* End MyAccound Detail Page*/
/* Start ADdress Book Page */
.grid-table-row{
	border: 1px solid var(--light-blue);
    padding: 15px;
    border-radius: 8px;
    margin: 0 0 25px 0;
}
.grid-table-header{
    margin: 0 -15px;
    padding: 0 15px 15px;
    border-bottom: 1px solid var(--light-blue);
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}
.switch-slider-in{
    /*width: 40px;*/
    min-width: 40px;
}
.switch-slider-in .slider{
	background-color: var(--cart-bg-color);
}
.switch-slider-in input:checked + .slider{
    background: var(--primary-color);
}
.switch-slider-in .slider.round:before{
    background: var(--white);
    box-shadow: 2px 0px 3px var(--grey-05);
}
.switch-slider-in input:checked + .slider:after,
.switch-slider-in .slider:after{
    display: none;
}
.switch-slider-in input:checked + .slider:before{
	-webkit-transform: translateX(17px);
  	-ms-transform: translateX(17px);
  	transform: translateX(17px);
}
.add-user-text{
	font-weight:600;
	color: var(--secondary-color);
	word-break: break-word;
}
.addressBook .select-container{
	line-height:30px;
}
.select-option-row{
    column-gap: 30px;
    margin: 20px 0;
}

.addressBookPage .headingtext{
	width: 100%;
}
.addressBookPage .addressBook .inputField {
    width: 100%;
    margin-bottom: 10px;
}
.my_account .personalField .custom-combobox input {
    border-radius: 0;
    border-color: #888;
}
.addressBookPage .addressBook .required-field {
    float: right;
    font-size: 30px;
    padding-right: 4px;
    font-weight: bold;
}

.addressBookPage  legend {
    font-size: 20px;
    font-weight: bold;
}
.addressBookPage  .pageSection {
    border-bottom: 0px ;
    padding: 0px;
    margin: 0px;
}

.addressBookPage .floatRight{
	float: right;
}
.addressBookPage .required-field {
	padding-top: 0px; 
}
.addressBookPage .editButtons a .button_text {
    width: unset; 
}
.addressBookPage .editButtons a {
    width: unset;
}
.addressBookPage .txtCenter{
	text-align: center;
}
.addressBookUserIcon {
    background: url(../images/addressBook.png) no-repeat center;
    width: 50px;
    height: 50px;
    text-align: center;
    margin: 0 auto;
}

.addressBookPage .addressBook .column .col4 .required-field {
	font-size: 20px; 
    margin-top: -4px;
}

 .address-edit-input{
	position: absolute;
    padding: 10px;
    width: 30px;
    opacity: 0;
    left: 5px;
    top: 2px;
    cursor: pointer;
}
.address-edit-button{
	cursor:pointer;
}

.editButtons .defaulthead{
	text-align: right;
    padding-top: 20px;
}

.grid-label-wrapper{
	padding-bottom:7px;
}
/* End Address Book Page */

/* Account Upload */
.csv-upload-wrapper, 
.csv-upload-info {
    padding: 20px;
}

.upload-file-label {
    padding-bottom: 5px;
}
.price-lst-container {
    margin-bottom: 15px;
    display: inline-grid;
}

.csv-upload-container {
    margin-bottom: 30px;
}

.filelabel {
    border: 2px dashed #1a9944;
    border-radius: 5px;
    display: block;
    padding: 5px 10px;
    transition: border 300ms ease;
    cursor: pointer;
    text-align: center;
}

.filelabel .a-paperclip {
    display: block;
    font-size: 30px;
    padding-bottom: 5px;
}

.filelabel .a-paperclip,
.filelabel .title {
    color: #1a9944;
    transition: 200ms color;
}

.filelabel:hover {
    border: 2px solid #233471;
}

.steps-to-follow ul{
	padding: 10px 16px;
}

#UpLoadedFile {
    display: none;
}
/* End Account Upload */

/* Start Order History Page */
.acc-search-section{
	background: var (--blue-02);
	border:1px solid var(--grey-08);
	border-radius:8px;
	padding:16px;
	margin-bottom:20px;
	display:flex;
	align-items: center;
	justify-content:space-between;
}

.acc-plus-icon{
	width:30px;
	height:30px;
}
.acc-plus-icon:before {
    content: "+";
    position: absolute;
    width: 30px;
    height: 30px;
    font-size: 32px;
    border: 1px solid;
    text-align: center;
    border-radius: 5px;
    line-height: 26px;
    font-weight: 400;
    color:var(--white);
    background:var(--primary-color);
}
.acc-search-selection{
	min-width:200px;
}
.acc-search-selection .selectWrapper{
	color: var(--secondary-color);
	text-indent: 1px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/icons/Vector-down.png) no-repeat 170px center;
}
.acc-search-selection .ui-selectmenu-button-open .ui-icon{
	top:0;
}

.order-status-row{
	border:1px solid var(--light-blue);
	padding:20px;
	border-radius:10px;
	margin:0 0 15px 0;
}
.order-status-row:hover,
.order-status-row:focus{
	background:var(--light-blue);
}
.order-title, .order-title a{
	color:var(--primary-color);
	font-weight:500;
	margin-bottom: 8px;
	font-size:14px;
}
.order-text{
	color:var(--secondary-color);
	font-weight:500;
}
.order-title-sm{
	font-size:12px;
	margin-bottom:8px;
	color: var(--grey-15);
	font-weight:500;
}
.order-action{
	cursor: pointer;
    float: right;
    text-align: center;
    padding: 5px 12px;
    background:transparent;
    border-radius: 5px;
}
.order-action .fa-solid{
	color:var(--primary-color);
	font-size:16px;
}
.order-action-wrap.active .order-action,
.show-action-item:hover .order-action{
	background:var(--primary-color);
}
.order-action-wrap.active .order-action .fa-solid,
.show-action-item:hover .order-action .fa-solid{
	color:var(--white);
}
.order-action-wrap{
	position:relative;
}
.order-action-toggle{
	display:none;
}
.order-action-toggle a{
	display:flex;
	padding:5px 15px;
	column-gap:10px;
	align-items: center;
}
.order-action-toggle a:hover{
	background:var(--light-blue);
	font-weight:500;
}
.order-action-wrap.active .order-action-toggle,
.show-action-item:hover .order-action-toggle{
	display:block;
	padding: 10px 0;
    border: 1px solid var(--secondary-light-color);
    position: absolute;
    right: 13px;
    top: 40px;
    min-width: 150px;
    border-radius: 5px;
    background: var(--white);
    z-index: 2;
}
.order-action-wrap.active .order-action-toggle:before,
.show-action-item:hover .order-action-toggle:before{
    display: block;
    content: '';
    width: 12px;
    height: 12px;
    background: var(--white);
    position: absolute;
    top: -7px;
    transform: rotate(45deg);
    left: auto;
    right:10px;
    border-top: 1px solid var(--grey-03);
    border-left: 1px solid var(--grey-03);
}
.show-action-item:hover .my-list-toggle{
	top: 45px;
}
.saved-order-details .sku-action-wrap{
    padding-bottom: 0px;
    border-bottom: 0;
}
.saved-order-details .edit-action-wrap{
    margin-top:-90px;
}

.orderHistoryPage .tableHeader {
	background: #ccc;
    color: white;
    text-shadow: none;
    box-shadow: none;
    font-size: 12px;
    border: 1px solid gray;
    text-align: center;
	}
.orderHistoryPage .tableHeader .cell{
    text-align: center;
    font-weight: normal;
}

.orderHistoryPageUserIcon{
	background: url(../images/orderHistory.png) no-repeat center;
	width: 64px;
	height: 50px;
	text-align: center;
	margin: 0 auto;
}
.orderHistoryPage .orderHistoryTable {
	width:100%;
}
.orderHistoryPage .orderHistoryTable .headTr{
	background: #a7a7a7;
}

.orderHistoryPage .orderHistoryTable tr td.action .email{
	background: url(../../images/userIcon.png) no-repeat center;
	width: 50px;
	height: 50px;
	text-align: center;
	margin: 0 auto;
}
.orderHistoryPage .orderHistoryTable  td{
	text-align: center;
	font-size: 12px;
	color: black;
	font-weight: normal;
	border: 1px solid black;
	padding: 2px 0px;
}
.orderHistoryPage .orderHistoryTable .headTr th{
	text-align: center;
	font-size: 14px;
	color: white;
	font-weight: normal;
	border: 1px solid black;
	background: #a7a7a7;
}
.orderHistoryPage .orderHistoryTable tr:nth-child(even) {
	background: #f1f1f1;
}
.orderHistoryPage .orderHistoryTable tr:nth-child(odd) {
	background: #ffffff;
} 
/* End Order History Page */
/* Start Order Details Page */
.oder-action{
	display:flex;
	column-gap:15px;
	justify-content: flex-end;
	align-items: center;
}
.order-table-wrap{
	border: 1px solid var(--grey-09);
    padding: 24px;
    border-radius:16px;
    margin:0;
}
.order-table-wrap .order-row{
	border-bottom: 1px solid var(--grey-09);
	padding-bottom:15px;
}
.order-table-wrap .order-row:last-child{
	border-bottom:none;
	padding-bottom:0;
}
.list-item-table{
	font-size:16px;
	font-weight:500;
}

.table-header{
	background: var(--grey-02);
	font-size:14px;
	color: var(--white);
	padding:10px 0;
}
.order-head-sec{
	display:flex;
	justify-content: space-between;
	align-items: center;
}
.order-detail-sec {
    display: flex;
    column-gap:10px;
}
.order-detail-sec .entry{
	border-right:1px solid var(--secondary-light-color);
	padding-right:10px;
}
.order-detail-sec .entry:last-child{
	border-right:none;
}
.account-sec-border-dark {
    border-top: 1px solid var(--grey-10);
}
.order-total-summary{
	background: var(--secondary-color);
	border-radius:5px;
	color: var(--white);
	padding:10px;
}
.error-relative .WCTooltip{
	position:absolute;
	left:0 !important;
}

/* End Order Details Page */
/* Start Account Summary Page */
.myAccSummaryPage .myAccBox{
    background: #efefef;
    border-radius: 20px;
    padding: 30px 0px;
    text-align: center;    
    width: 32%;
    margin: 1%;
}
.myAccSummaryPage .myAccBox p{
    font-size: 16px;
    font-weight: bold;
}
.myAccSummaryPage .myAccBox hr{
	border: 1px solid black;
}
/* End Account Summary Page */
/* Start Approvals Page */
.approval-select{
	min-width:250px;
}
.approval-page-count{
	margin-top: -48px;
    float: left;
}
.approval-qty{
	max-width:85px;
	border-radius:4px;
}
.order-status-row .add-line-item select, 
.order-status-row .add-line-item input{
	height:38px;
}
.page-section-title h2{
	margin-bottom:8px;
}
.approval-form-group .form-control{
	border:1px solid var(--secondary-light-color);
	max-width:60%;
}
.edit-action-wrap{
    display: flex;
    column-gap: 15px;  
    align-items: center;
}
.approval-search-toggle{
    display: flex;
    column-gap: 15px;
    align-items: center; 
}
.acc-search-section.active .acc-plus-icon:before{
    content: "-";
}
.form-group .form-control.approval-date-picker{
	min-height:32px;
}
/* End Approvals Page */
/* Start Saved Order Page */
.saved-order-table .save-slect{
	width:100%;
}
.edit-orders{
	border-bottom:1px solid var(--light-blue);
}

/* End Saved Order Page */

/* Start Oganization and User Page */
.organisation-wrapper{
	border-bottom:1px solid var(--secondary-light-color);
	padding-bottom:30px;
	margin-bottom:30px;
}
.org-image{
	border:1px solid var(--cart-bg-color);
	border-radius:4px;
}
.create-org-action{
	float:right;
	margin-top:-50px;
}
.bg-hover:hover{
	background: var(--light-blue);
}
.buyer-item-counts{
	position:absolute;
	top:-40px;
}
.buyer-approval-row a{
	color: var(--primary-color);
}
.customWaitOntop {
	z-index: 999;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: none;
	position: absolute;				
	background-color: #cccccc;
	color: #aaaaaa;
	opacity: .4;
	filter: alpha(opacity = 50);
}
.organizationAndUserIcon{
    background: url(../images/companyDetails.png) no-repeat center;
    width: 64px;
    height: 50px;
    text-align: center;
    margin: 0 auto;
}
.ordersApproveUserIcon{
    background: url(../images/approvals.png) no-repeat center;
    width: 64px;
    height: 50px;
    text-align: center;
    margin: 0 auto;
}
.savedOrdersUserIcon{
background: url(../images/saveorder.png) no-repeat center;
    width: 64px;
    height: 64px;
    text-align: center;
    margin: 0 auto;
}
.recurringOrderUserIcon{
    background: url(../images/recurring.png) no-repeat center;
    width: 64px;
    height: 50px;
    text-align: center;
    margin: 0 auto;
}
.radioPaddingControl{
	padding: 3px 10px;
}
.widthControleOrgnization{
	width: 35%;
}
.editView.lightedSection{
	position: absolute;
    left: 8%;
    width:80%;
}
.editView.lightedSection #buyerDetailEditIcon,
.editView.lightedSection #buyerAddressEditIcon,
.editView.lightedSection #WC_UserRoleManagement_EditIcon,
.editView.lightedSection .account-sec-title,
.edit-view-open{
	display:none;
}
.editView.lightedSection .edit-view-open{
	display:block;
	overflow:hidden;
}
/* End Organization and User Page */
/* Start Favourites Page */
.favourites-list-items{
	border:1px solid var(--light-blue);
	padding:20px;
	border-radius:10px;
	margin:0 0 20px 0;
	position:relative;
}
.favourites-list-items .show-action-item{
	padding: 0;
    width: auto;
}
.favourites-list-items .show-action-item:hover .order-action-toggle{
	right:0;
}
.list-item-image-wrap{
	margin:0 0 15px 0;
}
.list-item-bg {	
	margin: 0 auto;
	background-image: url(../images/wishlist-bg-01.png); 
	min-height: 230px; 
	background-repeat: no-repeat; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
	background-size: contain; 
	background-position: center center;
}
.list-item-bg > a{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    }
	
	.list-item-bg .list-item-image{
	max-width: 110px;
}

.favourites-list-items .list-item{
	display:flex;
	justify-content:center;
	column-gap:5px;
	font-size: 12px;
    margin-bottom: 8px;
    color:var(--grey-02);
}

.favourites-list-items .list-item.quantity {
	    font-size: 14px;
    color: #000;
    font-weight: bold;
}
.list-item-type{
    position: absolute;
    top: 1px;
    left: 1px;
    padding: 4px 10px;
    background: var(--light-blue);
    color: var(--grey-02);
    font-size: 12px;
    border-radius: 7px 0 7px 0;
}
.sec-border-bottom{
	position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
}
.sec-border-bottom::after{
    position: absolute;
    width: 30%;
    margin: 0 auto;
    height: 2px;
    position: absolute;
    bottom: -4px;
    left: auto;
    content: '';
    background: var(--light-blue);
}
.list-item-action{
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 15px;
    margin-top:20px;
}
.list-item-action .order-action{
    border: 1px solid var(--primary-color);
    padding: 8px 15px;
}
.category-show-wrap{
	display:flex;
	justify-content:space-between;
	align-items: center;
}
.show-category-list {
    display: flex;
    column-gap: 15px;
}
.show-category-list select {
    min-width: 180px;
    border-color: var(--blue-03);
}
.requisition-list-image{
    padding: 20px 0;
    border: 1px solid var(--grey-04);
    margin-bottom: 15px;
    min-height:180px;
    display: flex;
    align-items: center
}
.requisition-list-image .cell {
	margin:0 auto;
}
.requisition-list-image img{
    max-width: 172px;
    max-height: 172px;
}
.list-item-name{
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 400;
    color: var(--secondary-color);
    min-height: 60px;
    max-height: 60px;
    overflow: hidden;
    text-transform: capitalize;
}
.requisition-col{
	position:relative;
}
.requisition-col .quantity-wrap{
	position:absolute;
	bottom:0px;
}
.actionItem.remove{
	position: absolute;
    bottom: 40px;
    right: 10px;
}
.primary.wishlist-remove{
	border: 0px;
    background: var(--white);
    color: var(--primary-color);
	opacity: .9;
    }
	
#reqListInfo_name.edit-fav-list{
	border:1px solid var(--blue-03);
	border-radius: 4px;
}

.create-list-toolbar{
	border:1px solid var(--light-blue);
	padding:0px;
	border-radius:10px;
}
.top-form-content{
	background:var(--light-blue);
	padding:15px;
	border-radius: 10px 10px 0 0;
}
.close-icon-wrap{
	position: absolute;
    right: 15px;
    top: 20px;
}
.select-dropdown-arrow .ui-selectmenu-button-closed .ui-icon{
	width: 19px;
    height: 7px;
    top:-4px;
	background: url(../images/icons/down-arrow.png);
}
.select-dropdown-arrow .ui-selectmenu-button-open .ui-icon {
	background: url(../images/icons/up-arrow.png);
	transform: none;
	width: 20px;
    height: 8px;
    top:4px;
}
.custom-checkbox-wrap{
	position: relative;
}
.custom-checkbox-wrap .WCTooltip{
    position: absolute !important;
    top: -30px !important;
    left: -4px !important; 
}

.sku-action-wrap{
	padding-bottom:40px;
	margin-bottom:40px;
	border-bottom: 1px solid var(--cart-bg-color);
}
.sku-action-wrap .form-group .form-control{
	min-height: 46px;
	border-color:var(--secondary-light-color);
}
.fav-pagination{
	margin-top:-30px;
}

.FavouritesPageHeader {
    background-color: #a7a7a7 !important;
    border: 1px solid black !important;
    border-bottom: 0px !important;
}
.FavouritesFullViewPage .actionsImages .actionItem{
    border-bottom: 0px !important ;
    float: right;
    padding: 0px 2px;
}
.FavouritesFullViewPage .actionsImages .actionItem, .itemTableUIPage .actions .actionItem:hover{
	background: none;
}
.FavouritesFullViewPage .actionsImages .actionTitle, .itemTableUIPage .actions .actionTitle{
    padding: 0px;
    text-align: center;
}
 .itemTableUIPage .actions .actionTitle img {
  width: auto !important;;
}



.FavouritesFullViewPage .actions .actionsImages{ 
	float: right;
	margin-right: 2px;
	}
.favouritesPageUserIcon, .favouritesIcon{
    background: url(../images/favourites.png) no-repeat center;
    width: 64px;
    height: 50px;
    text-align: center;
    margin: 0 auto;
}

.requisitionEditListPage{
    background: #F9F9F9;
    padding: 10px;
    border: 1px solid var(--grey-09);
    border-bottom: 0px;
}
.requisitionEditListPage #selCategory, .requisitionEditListPage input {
    padding: 7px;
    font-size: 13px;
}
.quickOrderUserIcon{
	background: url(../images/shopping.png) no-repeat center;
    width: 64px;
    height: 50px;
    text-align: center;
    margin: 0 auto;
}
.grayOutRemainig{
    width: 110%;
    height: 100px;
    position: absolute;
    background: #dedede;
    z-index: 4;
    opacity: 0.6;
    top: -8%;
    left: -3%;
    }
/* End Favourites Page */

/* Start My Account Plicy Setup Page*/
.bd-table-wrapper{
 border: 1px solid #ddd;
 padding:20px;
}
.table-bd-bottom {
    width: 100%;
    border-collapse: collapse;
}

.bd-table-wrapper td.td-center, 
.bd-table-wrapper td.column-center, 
.bd-table-wrapper th.column-center,
.td-center{
	text-align:center;
} 

.table-bd-bottom th, .table-bd-bottom td {
    border-bottom: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

.table-bd-bottom thead {
    /* background-color: #f2f2f2; */
}

.table-bd-bottom tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

.table-bd-bottom tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

/* End Start My Account Plicy Setup Page*/

/* End Start My Account conf Page*/
.conf-table-data th select, 
.price-list-table .dataTable.conf-table-data th select{
	width:100% !important;
	text-align:left;
}
/* End Start My Account conf Page*/

/* General radio slider button css */

.switchSliderInPages {
  	position: relative;
    display: flex;
    height: 20px;
    font-size: 14px;
    align-items: center;
    justify-content: right;
}

.switchSliderInPages input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.switchSliderInPages .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: .4s;
  transition: .4s;
}
.switchSliderInPages .slider:after {
   content: "OFF";
    font-size: 12px;
    color: white;
    float: right;
    padding: 2px 4px 0px 2px;
}
.switchSliderInPages .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 2px;
  -webkit-transition: .4s;
  transition: .4s;
}

.switchSliderInPages input:checked + .slider:after {
   content: "ON";
    float: left;
    padding-left: 6px;
    font-size: 12px;
    color: white;
}
.switchSliderInPages input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
 
.switchSliderInPages .slider.round {
  border-radius: 20px;
}

.switchSliderInPages .slider.round:before {
  border-radius: 50%;
}
/* End General Radio Slider Button CSS */
/* Start Quick Order Page */

.create-table-name-wrap .WCTooltip{
	position: absolute !important;
    top: 22px !important;
    left: 0px !important; 
}
.create-table-list .selectWrapper {
	max-width:240px;
	border-color: var(--blue-03);
}
.create-table-list input,
.quick-order-form input[type="text"]{
	border-color: var(--blue-03);
	border-radius: 4px;
}
.quick-order-form .entry{
	padding:10px 0;
	border-bottom:1px solid var(--light-blue);
}
.quick-order-form.last-border-none .entry:last-child{
	border-bottom:none;
}
.order-col-header{
	border-right:1px solid var(--white);
	padding-top:10px;
	padding-bottom:10px;
}
.quick-order-form .quick-qty{
	width:90px;
}
.order-col-header:last-child{
	border-right:none;
}
.order-col-header .cell,
.quick-order-form .cell{
	padding:0 10px;
}
.quick-order-form .quick-order-qty select{
	text-align:left;
}
.quickOrderPage .body{
	border-top:solid 1px #e5e5e5;
}
.quickOrderPage .input_form .SKU {
    padding-left: 0px !important;
    width: 58.333333% !important;
} 
.quickOrderPage .input_form .QTY {
    padding-right: 0px !important;
    width: 33.333333% !important;
}
.quickOrderPage input{
	width: 88% !important;
}
.quickOrderPage .headers{
    background: #2196f3;
    color: white;
    font-weight: 600;
    padding: 6px 0px 6px 4px;
    border: 1px solid black;
    border-bottom: 0px;
}
.quickOrderPage .rowItems{
	border: 1px solid black;
	border-top:0px;
	padding: 5px 0px;
}
.quickOrderPage .rowItems div:first-child{
	border-right: 1px solid black;
}

/*.pdpPage .sticky .stiky-half{
    width: calc(52% - 10px);
}*/
.pdpPage .sticky .addToFavouriteBtnControl{
	border-radius: 0px;
    padding: 11px 4px 4px 4px !important;
    border: 1px solid #2196f3 !important;
    height: 36px;
    max-width: -webkit-fill-available;
}
.pdpPage .sticky .addToFavouriteBtnControl .button_text{
    text-transform: uppercase;
    font-size: 15px;
}
.pdpPage .sticky #printBtn{
    border-radius: 0px !important;
    padding: 17.2px 6px 14px 6px !important;
    border: 1px solid black;
}
.pdpPage .sticky #printBtn .button_text{
   
}
.pdpPage .sortingDropdown{
    margin: 0px 10px 0px 0px;
}
.pdpPage .iconCheckBox .checkBoxItem, .iconCheckBox .checkBoxItem{
	width: 7%;
	float:left;
	padding-top: 1px;
	}
.pdpPage .iconCheckBox .checkBoxLable, .iconCheckBox .checkBoxLable{
	width: 80%;
	float:left;
}
.listTable .newList{
	position: unset !important
}
.listTable #newListDropdown {
    right: 86px;
}
.orderHistoryPage
.favouritesPageHeader{
	padding: 6px 0px 6px 0px !important;
}
.favouritesPageHeader .col12{
	margin: 0px !important;
}
.favouritesEditListPage .nameLabelFavPage{
    margin-bottom: 0px;
    margin-top: 5px;
}
.favouritesEditListPage #actionDropdown4 {
    left: 57% !important;
    top: 36px !important;
    width: 125px;
}
.itemTableUIPage .previewImage .cell{
	padding-top: 25px;
}
.gridView .footer_bar .pageControl  a{
	border-radius: 25px;
}
.gridView .footer_bar .paging_controls{
	     text-align: center;
    display: flex;
    justify-content: center;
    margin: 20px;
}

.footer_bar .paging_controls {
    gap: 24px;
    align-items: center;
}
	
.footer_bar .paging_controls .left_arrow.invisible_none,
.footer_bar .paging_controls .right_arrow.invisible_none{
	color: var(--grey-03);;
}

.footer_bar .paging_controls .pagination-arrow{
 	display: flex;
    gap: 10px;
    align-items: center;
    font-weight: 500;
}

.gridView .add-to-favourite .col12{
    text-align: center;
}

.personalField .marketingSubScription div:first-child{
	float: left;
} 
.personalField .marketingSubScription div:nth-child(2){ 
	padding: 4px 0px 4px 30px;
    white-space: nowrap;
} 
.gridView .product_name > a {
    font-size: 15px;
    font-weight: bold;
    line-height: normal;
    text-align: left;
}


/* custom toggle */


.custom-toggle-btn {
  position: relative;
  display: block;
  color: var(--primary-color);
  text-decoration: none;
  cursor:pointer;
}

.custom-toggle-btn label{
  cursor:pointer;
}

.custom-toggle-btn .arrow {
  position: absolute;
  top: 10px;
  right: 10px;
}

.custom-toggle-btn .arrow::before,
.custom-toggle-btn .arrow::after {
  position: relative;
  content: '';
  display: block;
  width: 13px;
    height: 2.5px;
  background: var(--primary-color);
  transition: 0.3s ease-in-out;
}

.custom-toggle-btn .arrow::before {
  transform: rotate(45deg);
}

.custom-toggle-btn .arrow::after {
  left: 9px;
    top: -2px;
  transform: rotate(-45deg);
}

.custom-toggle-btn.active .arrow::before {
  transform: rotate(-45deg);
}

.custom-toggle-btn.active .arrow::after {
  transform: rotate(45deg);
}

/* custom toggle default open */

.custom-toggle-btn.custom-toggle-default-open .arrow::before {
  transform: rotate(-45deg);
}

.custom-toggle-btn.custom-toggle-default-open .arrow::after {
  left: 9px;
    top: -2px;
  transform: rotate(45deg);
}


.custom-toggle-btn.custom-toggle-default-open.active .arrow::before {
  transform: rotate(45deg);
}

.custom-toggle-btn.custom-toggle-default-open.active .arrow::after {
  transform: rotate(-45deg);
}

/* custom toggle small */
.custom-toggle-btn .arrow.small {
  position: absolute;
  top: 8px;
  right: 10px;
}

.custom-toggle-btn .arrow.small::before,
.custom-toggle-btn .arrow.small::after {
  position: relative;
  content: '';
  display: block;
  width: 11px;
    height: 2.5px;
  background: var(--primary-color);
  transition: 0.3s ease-in-out;
}

.custom-toggle-btn .arrow.small::after {
  left: 7px;
    top: -2px;
}

/* aman reward page */
.reward-voucher-heading {
	display: flex;
	justify-content: space-between;
	margin: 20px 0 15px;
    align-items: center;
}
.reward-voucher-container .entry:nth-child(even){
	background: var(--grey-17);
}
.reward-voucher-container .entry{
	padding: 15px 0;
	border-bottom: 1px solid var(--secondary-color);
}


/* aman customer search */
.registered-table-list-item .actionDropdown,
.productDetailTable_csr .actionDropdown {
    width: 180px;
    box-shadow: 0px 0px 3px 1px var(--grey-18);
        top: 40px;
    right: -10px;
}
.registered-table-list-item .actionDropdown .actionItem,
.productDetailTable_csr .actionDropdown .actionItem{
    padding: 10px;
    cursor:pointer;
    
}
.registered-table-list-item .actionDropdown .actionItem:hover,
.productDetailTable_csr .actionDropdown .actionItem:hover{
    background:var(--secondary-color);
    color: var(--white);
}

/* aman modal */
.modal-dialog.sm, .popup-sm{
	max-width:360px;
	width:100%;
}

.modal-dialog.md, .popup-md{
	max-width:480px;
	width:100%;
}
.modal.modal-top .modal-dialog{
	top:30%;
}

.modal-dialog.lg, .popup-lg{
	max-width:600px;
	width:100%;
}

/* aman mini cart */

.mini-cart-container .closeButton{
    background: white;
    position: absolute;
    right: 0;
    top: 45px;
    padding: 10px 15px;
    border-radius: 4px;
}
.mini-cart-wrapper{
	left: auto;
    right: 0px;
    top: -25px;
    position: absolute;
    z-index: 99999;
    width: 360px;
    padding-top: 75px;
    cursor: pointer;
}

.mini-cart-product::-webkit-scrollbar {
  width: 8px;
}

.mini-cart-product::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 8px;
}

.mini-cart-product::-webkit-scrollbar-thumb {
  background: #d9d9d9;
  border-radius: 8px;
}
.mini-cart-product-wrapper .view-more-btn{
	line-height: 20px;
    color: var(--primary-color);
    cursor:pointer;
}

.mini-cart-product-wrapper .view-more-btn-wrapper{
	    padding: 8px 18px 14px;
}
.mini-cart-product {
    padding: 0px 15px;
    overflow: auto;
    max-height: calc(100vh - 300px);
    height: auto;
}
.mini-cart-product .product-quantity{
	padding-top:8px;
	padding-bottom:8px;
}

.mini-cart-footer {
    background: var(--primary-bg-color);
    box-shadow: 0px -3px 10px rgba(0, 0, 0, 0.25);
    padding: 15px;
    position: relative;
    top: -4px;
}
.advance-search-wrappar {
    text-align: right;
    padding-top: 5px;
}
.advance-search-wrappar .advance-search-btn {
    color: var(--white);
    font-weight: 500;
    font-size: 12px;
}
.advancedSearchForm .form-control {
    width: 100%;
    box-sizing: border-box;
}
.advancedSearchForm .priceRangeContainer input {
    padding-left: 35px;
}
.advancedSearchForm .range {
    position: relative;
}
.advancedSearchForm .range .label {
    position: absolute;
    left: 15px;
    font-size:16px;
}
.mini-cart-product-name a{
	line-height:20px;
}
.mini-cart-product .product-info{
	padding-bottom: 16px;
    margin: auto;
}
.mini-cart-product-wrapper{
	background: #ffffff;
    border-radius: 4px;
    box-shadow: 0px 0px 3px 1px #dedede;
}
.mini-cart-product-image{
	text-align: center;
    background: white;
    border: 1px solid #EEEEEE;
    border-radius: 12px;
    padding: 10px;
}
.mini-cart-product-image img{
	       width: 84px;
    height: 84px;
}

@media (max-width:767px){
	.search-page-container .product_listing_container>.grid_mode{
		grid-template-columns: 50% 50% 50%;
    	gap: 0;
	}
	/*.product_image .image img {
        max-width: 100%;
    max-height: 100%;
}*/
.search-page-container .facetContainer{
    top: 78px;
}
.search-page-container .filter-wrapper{
    margin-bottom: 10px;
}

.roleSelector .entry .panel{
	height:auto;
	padding-top:20px;
}
.roleSelector .toolbar input{
	margin-bottom:15px;
}
.acc-search-selection {
    min-width: auto;
}
.list_mode .bulk-qty {
        width: 55%;
    align-items: center;
}
.list_mode .bulk-price{
	padding:0;
}
.list_mode .btnsFavAddCart .bulk-price-box {
    padding-bottom: 10px;
}

}

/* aman empty cart page */
.empty-cart-page{
	line-height: initial;
}
.empty-cart-content {
    text-align: center;
    border: 1px solid #E9E9E9;
    border-radius: 10px;
    padding: 80px 0px;
}
.empty-cart-content .continue-shopping-btn {
    display: flex;
    justify-content: center;
    padding-top: 10px;
}


/* aman location modal */
.location-modal-content {
    background: var(--white);
    border-radius: 10px;
}

.location-modal .location-lable {
    font-weight: 400;
    color: var(--secondary-light-color);
}


/* aman checkout order confirmation */
.checkout-login-popup-wrapper.show{
    background: #0000006b;
}

.checkout-login-popup-wrapper .modal-dialog{
    width: 420px;
}
.order-confirmation-page .ship-info-head {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding: 10px;
    border-radius:10px;
    border: 1px solid #E9E9E9;
    align-items: center;
    margin-bottom:15px;
}

.order-confirmation-message{
	font-size: 14px;
    font-weight: 500;
    color: #05A660;
}
.order-confirmation-page .collapse-content {
    border: 1px solid #E9E9E9;
    border-radius: 10px;
    padding: 20px 15px;
        margin-top: -15px;
        margin-bottom:15px;
}
.order-confirmation-page .collapse-content .arrow {
    display:none;
}
.order-confirmation-message-wrapper {
    padding: 10px 20px;
    box-shadow: 0px 0px 3px 0px #bab9b9;
    margin-top: 30px;
    margin-bottom: 25px;
    border-radius: 10px;
}

.confirmation-billing-summary .title{
    font-size: 16px;
        font-weight: 600;
        color: var(--primary-color);
}

.checkout-card-container {
    background: #EDF0F8;
    border-radius: 10px;
    padding: 16px;
}

.order-summary-product-table .header-label,
.order-summary-product-table .product-info {
    text-align: center;
}


/* aman checkout */
.checkout-section-container{
	position:relative;
}
.checkout-section-container .checkout-title-scheduled-order{
	cursor:pointer;
	position:relative;
}
.checkout-section-container.done{
	padding-left: 50px;
}
.checkout-section-container.done:after{
	position:absolute;
	content: "";
    background-repeat: no-repeat;
    background: url(../images/icons/Tick.png);
    position: absolute;
    top: 23px;
    left: 15px;
    width: 24px;
    height: 24px;
}
.checkout-section-container .checkout-title{
	color: var(--primary-color);
}
.checkout-section-container.done .checkout-title{
	color: var(--black-color);
}
.checkout-section-container.disable .checkout-title{
	color: var(--secondary-light-color);
}

.checkout-section-container.active:after,
.checkout-section-container.disable:after,
.checkout-scheduled-section.open .checkout-title-scheduled-order:before,
.checkout-scheduled-section.close .checkout-title-scheduled-order:before{
	content: "";
    background-repeat: no-repeat;
    background: url(../images/icons/VectorUp.png);
    position: absolute;
    top: 30px;
    right: 20px;
    width: 21px;
    height: 12px;
}

.checkout-section-container.disable:after,
.checkout-scheduled-section.close .checkout-title-scheduled-order:before{
	    transform: rotate(180deg);
}
.checkout-scheduled-section.open .checkout-title-scheduled-order:before,
.checkout-scheduled-section.close .checkout-title-scheduled-order:before{
 	top:10px;
 	right:5px;
}

.checkout-back-btn {
    position: absolute;
    top: 5px;
        cursor: pointer;
}

.checkout-section-container {
    border: 1px solid #e7e7e7;
    border-radius: 10px;
    padding: 20px;
}
.checkout-section-container.active {
    border: 1px solid var(--primary-color);
}
.checkout-section-container .button.link{
	position:absolute;
	right:0;
	 top: -45px;
}

body.order-shipping-address {
    color: initial;
}

.order-shipping-address .order-summary-wrapper{
	background: var(--cart-bg-color);
    border-radius: 12px;
    padding: 24px 20px;
}

.billing-same-shippin-option {
    position: absolute;
    left: 12px;
    top: 10px;
}

.forgot_password_container .reset-password-form {
    border-top: 1px solid var(--grey-02);
    margin-top: 10px;
    padding-top: 10px;
}


/* aman cart changes */


@media(min-width:768px){
.order-summary-title{
	pointer-events: none;
}
.order-summary-title.custom-toggle-btn .arrow{
	display:none;
}
.cart-quick-order-wrapper{
	width:100%;
}
.cart-detail-wrapper .order-summary{
	margin-top: -70px;
}
.cart-quick-order .collpase-content{
	position: absolute;
    background: var(--white);
    z-index: 2;
    width: -webkit-fill-available;
}
.generic-error-container .error-text{
	width: 475px;
    margin: auto;
}
.no-search-result .suggested-search-wrapper,
.no-search-result .suggested-search-items{
	display:flex;
	gap:5px;
}
.select-option-row{
	display:flex;
}
.checkout-card-container.paypal-container {
   padding: 130px 16px;
}
}

.cart-page .ui-widget-overlay,.cart-page #breadcrumb{
display:none;
}
 .cart-items-wrapper .favourites{
	width:100% !important;
	white-space: nowrap;
}
.cart-items-wrapper .add-to-wishlist img{
	display:none;
}
.cart-items-wrapper .add-to-wishlist{
	padding: 0;
    border: none;
    font-size: 12px;
    font-weight: 500;
    height: auto;
}
.cart-page .navBase{
	padding-top:30px
}
.cart-actions-wrapper{
position: absolute;
    bottom: 0;
    width: max-content;
    right: 5px;
}
.cart-actions{
	gap:24px;
}
.cart-product-details .img{
	text-align:center;
}
.cart-product-details .img img{
	width: 97px;
}
.cart-item-container {
    border: 1px solid var(--grey-09);
    border-radius: 12px;
    padding: 20px;
}
.cart-items-wrapper{
	padding-top:25px;
	padding-bottom:25px;
	
}
.cart-promo-discount{
	color:var(--green);
	font-weight:700;
	font-size: 16px;
}

.cart-items-border{
	border-bottom: 1px solid var(--secondary-light-color);
	    align-items: center;
}
.cart-items-wrapper:last-child{
	padding-bottom:5px;
	border-bottom: none;\
}
.cart-top-action-items {
    padding-bottom: 30px;
}
.current-order-title{
	font-weight: 600;
	font-size: 24px;
	line-height: 30px;
	color: var(--secondary-color);
}
.cart-action-btns{
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: end;
}

.cart-quick-order .cart-collapse-title{
	border: 1px solid var(--primary-color);
	border-radius: 8px;
	color: var(--primary-color);
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	padding: 15px 20px;
	position:relative;
	cursor: pointer;
}

.cart-quick-order .cart-collapse-title .positive,
.cart-quick-order .cart-collapse-title .negative{
	position: relative;
}

.cart-quick-order .cart-collapse-title .down,
.cart-quick-order .cart-collapse-title .up {
	position: absolute;
	right: 20px;
	top: 12px;
}
.cart-quick-order .cart-collapse-title .down .fa,
.cart-quick-order .cart-collapse-title .up .fa{
	font-size: 20px;
    color: var(--primary-color);
}


.cart-quick-order .collpase-content{
	border: 1px solid var(--primary-color);
    border-radius: 10px;
    padding: 15px 15px 25px 15px;
}

.cart-quick-order .collpase-content .row{
	width:100%;
	margin: 0;
}

.cart-quick-order .collpase-content .row.special-item-actions{
	width:91%;
	margin: 0;
	align-items: center;
}

.cart-quick-order .collpase-content .row .input{
	    width: -webkit-fill-available;
}

.promotion-wrapper{
	background: var(--cart-bg-color);
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    padding: 16px 20px;
    margin-top:15px;
}
.promotion-wrapper .promotion-input-wrapper{
	padding-top: 8px;
}
.promotion-wrapper .promotion-code label{
	font-weight: 400;
	font-size: 14px;
}
.promotion-wrapper .promotion-input .input{
	border: 1px solid rgba(0, 0, 0, 0.21);
    border-radius: 8px;
    width: -webkit-fill-available;
    font-weight: 500;
    height:40px;
}

.promotion-input-wrapper{
	position: relative;
}
.promotion-input-wrapper .promotion-button{
	position: absolute;
    top: 17px;
    right: 13px;
}
.promotion-input-wrapper .promotion-button a{
	font-weight: 500;
	font-size: 14px;
	line-height: 17px;
	color: var(--grey-03);;
}
.hover-content-wrapper {
	display: none;
  }
	  
  .hover-text:hover + .hover-content-wrapper {
   display: block;
    background: white;
    border: 1px solid var(--secondary-light-color);
    padding: 10px;
    border-radius: 10px;
    position: absolute;
    width: 115px;
    top: 0px;
    left: 25px;
}

.order-summary {
    background: var(--primary-bg-color);
    border-radius: 12px;
    padding: 24px 20px;
}
.total_details, .total_figures{
	width: 50%;
	font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    padding: 10px 0px;
}
.total_details{
	 color: rgb(0 0 0 / 75%);
}
.total_figures{
	text-align: end;
	font-weight: 600;
    font-size: 14px;
    line-height: 17px;
    padding: 10px 0px;
    color: var(--black);
}

.orderTotalSumAmount .total_figures{
	font-weight: 700;
	font-size: 20px;
	line-height: 24px;
	color: var(--primary-color);
} 
.order-summary .cart-btm{
	 margin-top: 25px;
}


/* aman gift modal */
.gift-selection-popup {
        background: white;
    position: absolute;
    width: 480px;
    z-index: 999;
    border-radius: 10px;
    padding: 20px;
    left: 50%;
    transform: translate(-50%, 12%);
    box-shadow: 0px 0px 3px 1px #c9c9c9;
}


/* important needs here as we are overriding dynamic css */
.cart-page .ui-dialog[aria-describedby="free_gifts_popup"]{
	position: absolute !important;
    width: 100% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    height: 100vh !important;
    background: #0000006b;
    z-index: 999;
}  
 
.gift-product-wrapper .image img {
    width: 72px;
    height: 72px;
}

.no-scroll{
	margin: 0; 
	height: 100%; 
	overflow: hidden;
}

.offer-ribbon{
    display: flex;
    width: 25%;
    min-width:125px;
    flex-wrap: wrap;
    align-items: end;
    position: absolute;
    justify-content: right;
    bottom: 5px;
    gap: 5px;
    z-index: 5;
} 

.ribbon-right{
	right: 5px;
	justify-content: right;
}

.ribbon-left{
	left: 5px;
	justify-content: left;
}
 

.ribbon-pdp{
	bottom: 30px;	
}

.ribbon-arrival {
    background: #F78125;
}

.ribbon-off {
    background: #09D9E7;
} 

.ribbon-text {
    text-align: right;
    padding: 7px 10px;
    color: var(--white);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
	width: 100%;
}


/* Common ribbon CSS */
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
  z-index:5;
}

.ribbon.small{
	width: 120px;
	height: 120px;	
}

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #d0b848;
}
.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #EED253;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #000000;
  font-size:14px;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

.ribbon.small span {
	padding: 10px 0;
	width: 192px;
    font-size: 11px;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}
.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}
.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg);
}

.flat-ribbon {
    font-size: 14px;
    font-weight: 500;
    color: #000;
	border-radius: 4px;
	line-height: 16px;
    background: radial-gradient(4px 50% at left, #000a, #0000) border-box, #EED253 padding-box;
    padding: 12px 15px 12px 15px;
    box-shadow: 2px 4px 5px rgba(0, 0, 0, .1);
}

.pdp-sticky-content .flat-ribbon,
.product-sticky-header .pdp-sticky-image .ribbon{display:none}
/* End Ribbon CSS*/

.free-gift-selector-wrapper{
	border-bottom: 1px solid var(--grey-09);
}

.cart-special-item-container .collpase-content {
    padding-bottom: 80px;
}

.cart-special-item-container .collpase-content textarea{
       width: 90%;
    height: 24px;
    padding: 8px 10px 4px;
    color: var(--grey-20);
    font-size: 14px;
}

.cart-special-item-container .special-item-actions {
    position: absolute;
    width: inherit;
    bottom: 10px;
}

.cart-special-item-container table {
      padding: 4px 12px 1px;
}

.cart-special-item-container table .product_code{
            width: 68%;
    padding-right: 11px;
}

.cart-special-item-container table .qty{
        width: 32%;
    padding-left: 13px;
}

/* aman no result page */
.suggested-keywords:last-child .partition,
.no-search-result-page .product-item-col .compare_target {
    display: none;
}
.no-search-result-page .page-title{
	    padding: 40px 0 16px 0;
}

/* pdp changes aman */
.pdp-price-list .pdp-frequently-buy{
	display:none;
}
.pdp-add-tocart, 
.add-to-wishlist{
	@media (max-width: 1024px){
		font-size:14px;
	}
	
	@media (min-width: 1025px){
		font-size:16px;
	}
}
input.pdp-qty,
input.plp-qty {
    width: 100%;
    font-size: 16px;
    text-align: center;
    }
    
input.pdp-qty{
    border-radius: 4px;
   }

.plp-qty, .plp-select-qty{
	height:38px;
}
input.plp-qty {
    padding: 8px 12px;
    border-radius: 4px;
}
input.plp-qty:focus,  
input.plp-qty.focus,
input.approval-qty.focus,
input.pdp-qty.focus{
	border: 1px solid #67aff5;
    box-shadow: 0px 0 4px 2px rgb(13 110 253 / 40%);
}

#big-img{
	max-width: initial;
}
.pdp-shopper-action-wrapper .compare_target label:before{display:none}
.pdp-custom-links{
	position: absolute;
    right: 0;
    top: -10px;
}

img.big-img{
	max-width: inherit;
}

  .accordion-single-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-in-out;
  }

	.accordion-single-item{
		border: 1px solid var(--grey-09);
	    border-radius: 16px;
	    padding: 12px 24px;
	    margin-bottom: 16px;
	    position:relative;
	}
	
	.accordion-single-item .accordion-single-title:before{
	    background: url(../images/icons/Vector-down.png);
	    content: "";
	    position: absolute;
	    width: 15px;
	    height: 10px;
	    right: 0;
	    background-repeat: no-repeat;
	    top: 8px;
	    cursor: pointer;
	}
	
	.accordion-single-item.is-open .accordion-single-title:before{
	    background: url(../images/icons/Vector-down.png);
	    content: "";
	    position: absolute;
	    width: 15px;
	    height: 10px;
	    right: 0;
	    background-repeat: no-repeat;
	    top: 8px;
	    cursor: pointer;
	    transform: rotate(180deg);
	}
	
	.accordion-single-title{
		font-weight: 600;
	    font-size: 20px;
	    line-height: 24px;
	    color: var(--primary-color);
	    position: relative;
	}
	

	
  .accordion-single-item.is-open .accordion-single-content {
    max-height: max-content;
    border-top: 1px solid #E7E7E7;
	margin-top: 18px;
	font-size:16px;
  }

.product-sticky-header {
    position: fixed;
    top: 0;
    background: #FFFFFF;
	box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);
    left: 0;
    padding: 16px 0px;
    border-radius: 0 0 25px 25px;
    z-index: 999;
    width:100%;
}

.product-sticky-header #mainImages,.product-sticky-header #mainImages{
	min-height: auto;
    height: auto;
}

.product-sticky-header .outerWrapper img, 
.product-sticky-header .pdp-main-image img{
   width: 90px !important;
   height: 90px !important;
   border: 1px solid #EEEEEE;
    padding: 2px; 
}

.product-sticky-header .pdp-sticky-image .multiimages_inner{
	padding:0px;
	border:none;
}

.product-sticky-header #pdpmainImages{
	padding:0px;
	border: none;
}

.gridProduct .cat-product-attr,
.carouselWrapper .bulk-price-box,
.product-sticky-btns .bulk-price-box,
.product-sticky-btns .earn-upoints,
.product-sticky-btns .delivery-charge-ems,
.product-sticky-btns .qty-section label, 
.pdp-sticky-content .pdp-brands,
.product-sticky-header .quantity_section label,
.pdp-sticky-content .custom-links,
.pdp-sticky-content .save-message,
.pdp-sticky-content .sku,
.pdp-add-to-quantity .quantity_section .header,
.product-sticky-btns .ex-gst{
	display:none !important;
}

.pdp-sticky-image .content{
	padding-bottom: 0px !important;
}

.product-sticky-btns .pdp-price-wrapper{
	display: block !important;
	padding:0;
	border:0 none;
}

.product-sticky-btns .price-col{
	    font-size: 20px;
    line-height: 24px;
    margin-bottom: 12px;
}

.pdp-sticky-content .large-pdp{
	display:none !important;
}

.product-sticky-header .small-img, .product-sticky-header .icon-right,.product-sticky-header .icon-left{
	display:none;
}
.product-sticky-btns .shopperActions .add-to-cart{
	background-position: 30px 7px !important;
}
.product-sticky-btns .pdp-add-to-quantity{
	width:100%;
}

.product-sticky-header .pdp-main-image .show{
    width: 100%;
    height: 100%;
}

.pdp-details .pdp-price-wrapper{
	border-top: 1px solid #E4E4E4;
	border-bottom: 1px solid #E4E4E4;
	    padding: 20px 0px;
}

.pdp-details .sku{
	display:none;
}


.pdp-details .pdp-price-wrapper .price-col {
	    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
}

.pdp-details .pdp-price-wrapper .price-col .ex-gst,.pdp-details .pdp-price-wrapper .price-col .ex-gst .price{
	   font-size: 18px;
    line-height: 22px;
    color: var(--secondary-light-color);
}

.product_page_content .addcart-quantity .add-to-cart {
	background-image: url(../images/icons/VectorCart.png);
 	 background-repeat:no-repeat;
 	  background-position: 47px 7px;
 	 background-size: 24px 24px;
 	    padding: 12px 15px 11px 50px;
}

.pdp-details .outerWrapper {
	min-height: 365px;
    height: 365px;
    text-align: left;
    background: #fff;
    font-size: 12px;
    border: 1px solid #EDF0F8;
    border-radius: 17px;
    padding: 60px;
}

.pdp-price-wrapper.large-pdp .price-col {
	font-weight: 700;
	color: var(--primary-color);	
}

.pdp-price-wrapper {
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    margin-top: 15px;
    padding: 20px 0px;
    display:block;
}

.pdp-price-wrapper.large-pdp .price{
	color: var(--primary-color);
}
.pdp-price-wrapper .ex-gst{
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	display: flex;
    padding-top: 18px;
    gap: 5px;
    color:var(--secondary-light-color);
}

.product_page_content .requisitionListBox{
	display:block !important;
}

.pdp-shopper-action-wrapper .compare_target{
	display: block;
    float: right;
    order: 2;
    clear: both;
    width: 100%;
}
.pdp-shopper-action-wrapper .compare_target label{
	font-size: 16px;
	color:var(--primary-color);
}

.pdp-shopper-action-wrapper{
	display:flex;
	width:100%;
	align-items: end;
	flex-wrap: wrap;
}

 .mobile-search-icon{
 	 background-image: url(../images/icons/SearchMobile.png);
 	 width:24px;
 	 height:25px;
 	 background-repeat:no-repeat;
 	 background-size: 24px 30px;
 }
.search-options {
    position: absolute;
    top: 22px;
    right: 70px;
    display: flex;
    gap: 20px;
    align-items: center;
    transform: translate(0%, -48%);
}

.search-options .camera-img img{
    height: 20px;
    width: 20px;
	
}
.search-options .mic-img img{
	height: 18px;
    width: 17px;
}


.grid-list-viewBtn-wrapper{
	max-width: 190px;
}
.subCatePage #searchBasedNavigation_widget_ACCE_Label {
	display:none;
}
.facetContainer .spanacce {
    height: 1px;
    width: 1px;
    position: absolute;
    overflow: hidden;
    top: -1px;
}
.plp-grid-view .price-col {
	font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: var(--secondary-color);
}

.plp-grid-view{
	list-style: none;
	padding: 0;
    margin: 0;
}

.plp-grid-view .plp-grid-view-list .product_info  .price-col .ex-gst, .plp-grid-view .plp-grid-view-list .product_info  .price-col .ex-gst .price {
	 font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}

.compare_target {
    display: none;
    text-align: end;
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: var(--secondary-color);
}
.product-items .compare_target{
	display:block;
}
.compare_target input{
	display: none;
}
.compare_target label{
	position: relative;
    cursor: pointer;
}
.compare_target label:before {
    position: absolute;
    content: "+";
    left: -15px;
    font-size: 16px;
    top: -1px;
}

.plp-product-filter-wrapper{
	position:relative;
}

.plp-product-filter-wrapper .sorting_controls .selectWrapper {
	font-weight: 600;
    font-size: 16px;
    line-height: 20px;
}

.requisition-list-table .toolbar {
	    justify-content: right;
}
.favouriteEditPageBoxes,
.edit-fav-list{
	margin-left:10px;
}
.order-table-wrap .collapse-btn{
	height: 15px;
}
.quick-order-list-wrapper .line-number {
	padding-left:20px;
}
.order-track-detail{
	padding-bottom:20px
}
.buyer-approval-row{
	margin:auto;
}

.list-item-table .paging_controls {
	display: flex;
    gap: 10px;
    align-items: center;
    justify-content: center;
    padding: 20px 0px;
}

.saved-order-table .qty {
	padding: 9px 12px;
}

.show-action-item {
    padding: 0px 0px 60px 0px;
    width: 60px;
    text-align: center;
    display: flex;
    justify-content: center;
}

@media (max-width:1024px) {
	.counter-section {
	    position: absolute;
	    top: -65px;
	    width: 275px;
	}
}


/* aman cart RWD */
@media (max-width:767px){
.po-snippet-container{
	padding-top:10px;
}
.cart-items-wrapper {
	padding-top: 5px;	
}
.cart-page .navBase{
    padding-top: 8px;
}
.current-order-title {
    font-size: 16px;
    line-height: 20px;
}
.cart-top-action-items {
    align-items: center;
}
.cart-action-btns .action-text{
display:none;
}
.cart-quick-order{
    padding-bottom: 15px;
}
.cart-detail-wrapper{
    flex-direction: column-reverse;
    padding: 0px;
}
.promotion-wrapper{
    margin-bottom: 30px;
    margin-top: 30px;
}
.small-justify-content-center{
 justify-content: center;
}
.cart-actions-wrapper {
        position: relative;
    padding-top: 15px;
    width: 100%;
        padding-bottom: 10px;
}
.cart-actions{
	position: absolute;
    min-width: 300px;
    right: 0;
        justify-content: end;
}
.cart-quantity-wrapper {
    padding-top: 15px;
}
.order-summary .checkout-button-wrapper {
	margin-top: 0px;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background: white;
    box-shadow: 0px 0px 3px 3px var(--grey-11);
    border-top-right-radius: 10px;
     border-top-left-radius: 10px;
         z-index: 99;
}


.order-summary .checkout-button {
    padding: 15px;
}
.order-summary-wrapper .orderTotalSumAmount .OrderTotalEstimate {
    border-top: 1px solid var(--secondary-light-color);
    padding: 20px 0px 10px;
}
.sticky .topcatbutton {
    padding-left: 10px;
    padding-right: 10px;
}

.order-summary-title .text{
font-size:18px;
}

.order-summary-total-table{
	width:100%;
}
.cart-action-btns .btn-small{
	padding: 8px 8px;
}
.checkout-order-summary-block .ship-order-total {
	position: fixed;
    bottom: 0;
    background: var(--primary-bg-color);
    z-index: 99;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
}
.checkout-order-summary-block .checkout-order-summary-btn-mobile{
	padding: 30px 0px 15px;
    width: fit-content;
    margin: auto;
    position:relative;
}
.checkout-order-summary-block .promotion-wrapper{
	margin-top: 0px;
	background: white;
}
.order-shipping-address .fc-widget-small.fc-mobile-view,
.checkout-order-summary-block .order-summary-wrapper .arrow{
	display:none;
}
.checkout-order-summary-block .order-summary-wrapper{
	padding: 10px 20px;
}
.checkout-order-summary-block .order-summary-title{
	    pointer-events: none;
}
.checkout-order-summary-block .checkout-order-summary-btn-mobile:before {
    position: absolute;
    content: '';
    width: 45px;
    left: 50px;
    height: 2px;
    background: var(--secondary-color);
    top: 18px;
}
.add-to-cart-modal-wrapper{
	width: 300px;
}
.cart-header .checkout-back-btn{
    position: relative;
    top: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #ffffff59;
    margin-bottom: 15px;
}
.cart-header .checkout-back-btn .button{
    border: none;
    font-weight: 600;
    padding: 0px 10px 0px
}
.empty-header . img{
	max-width: 115px;
}
.checkout-schedule-order-time{
	    padding-top: 10px;
    padding-bottom: 15px;
}
.ordShipBillMethod .selectHolder {
	padding-top:15px;
}
.checkout-scheduled-section .wcDatePickerButtonInner {
    background-position: 280px;
}
.no-search-result{
	    padding-top: 10px;
}
.no-search-result .suggested-search-items{
	    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 10px;
}
.cart-special-item-container .special-item-actions {
    bottom: 40px;
}
.order-summary-product-table .header-label,
.order-summary-product-table .product-info {
    text-align: right;
}
.mini-cart-wrapper{
display:none;
}
.mobile-login-signup .login-text{
	color: var(--white);
	font-weight:600;
	font-size:14px;
	padding:0px !important;
}
.mobile-nav-collapse {
	position:relative;
}
.mobile-nav-collapse.active:after,
.mobile-nav-collapse.close:after{
	content:'';
	 background: url(../images/icons/to-Down.png);
    position: absolute;
    right: 2px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
}
.mobile-nav-collapse.active:after{
	top: -5px;
}
.mobile-nav-collapse.close:after{
	    top: -5px;
    transform: rotate(180deg);
}
.mobile-static-links{
	border-top: 1px solid var(--grey-14);
}
.mobile-static-links .mobile-menu-items{
	color: var(--black-90);
	    display: flex;
    gap: 10px;
}
.mobile-navigation{
	    min-height: 100px;
}
.header-icons-wrapper{
	padding-right: 0;
}
.logo-wrapper .store-logo img{
	max-width: 100px;
}
.mainHeader .logo-wrapper{
	    max-height: 30px;
	    padding-left:0px;
}
.footer-bottom-section {
	margin-top: -2px;
    background: var(--light-blue);
}
.footer-copyright-wrapper{
	    flex-flow: column-reverse;
    gap: 15px;
}
.savingOfferDivOrdPageClass {
    margin-top: 0px;
    padding: 0px 20px 20px;
    text-align:left;

}
.addressBookPage{
	padding-top:10px;
}
.addressBookPage .addressBook .inputField{
	margin-bottom:0px;
}
.addNewAddressBookPage .order-status-row{
	border: none;
    padding: 0;
}
.add-address-container{
	    display: flex;
    flex-direction: column-reverse;
}
.addressBookChkBoxes{
	padding-bottom:10px;
}
.select-option-row{
margin-bottom:0px;
}
.list-item-image-wrap{
	float:left;
}
.list-item.name,
.list-item.updated ,
.list-item.quantity{
	    float: right;
	    text-align:left;
	    width: 45%;
	    justify-content: left;
	    padding-left: 10px;
}
.list-item-bg .list-item-image{
	max-width:80px;
}
.list-item-bg{
	width: 160px;
	min-height: 160px;
	background-size: contain;
    background-position: center;
}

.list-item.name{
	    margin-top:40px;
}
.requisition-list-table .toolbar {
	    padding-top: 25px;
	    justify-content: left;
}
#uploadListDropdown,
#newListDropdown {
    right: auto;
    left: 12px;
}
.uploadTableList #uploadButtonArea {
    width: 70%;
}
.favouriteEditPageBoxes,
.edit-fav-list{
	margin-left:0px;
}
.requisitionListBorder_top .category-show-wrap{
	align-items: start;
    flex-direction: column;
    gap: 10px;
}
.requisitionListBorder_top .show-category-list select{
	    min-width: auto;
}
.sku-action-wrap .form-group .form-control{
	min-height: 36px;
}
.sku-action-wrap{
	  padding-bottom: 25px;
    margin-bottom: 20px;
}

.favpaginationbar.fav-pagination{
	margin-top: 20px;
    float: none;
}
.order-title, .order-title a, .order-title-sm{
	    margin-bottom: 4px;
}
.order-history-col {
    padding: 0px 20px 25px 20px;
}
.orderHistoryTable .order-status-row{
	padding:20px 12px 0px;
}
.order-history-actions.mobile {
    background: var(--cart-bg-color);
    padding: 6px 0px;
        border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    position:relative;
}
.order-view-btn{
	    border-right: 1px solid #70768f50;
}
.acc-search-selection .selectWrapper{
    background: url(../images/icons/Vector-down.png) no-repeat 150px center;
}
.acc-search-wrap  .order-search-selection{
	    font-size: 16px;
}
.oder-action {
    column-gap: 20px;
    justify-content: flex-start;
    padding-top: 15px;
}
.order-detail-sec .entry {
    border-right: none;
    padding-right: 0px;
}
.order-detail-sec {
    gap: 15px;
    flex-direction: column;
}
.order-head-sec {
    align-items: flex-start;
}
.order-table-wrap {
    font-weight: 500;
}
.order-summary-charges{
	margin-top:20px;
}
.account-sec-detail .border-right {
    border-right: none;
}
.order-detail-bill-to-section{
border-top: 1px solid var(--grey-02);
padding-top:20px;
}
.mobile-order-history{
	display: flex;
    gap: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height:20px;
    align-items:center;
}
.mobile-order-history.details p{
	padding: 0px;
}
.mobile-order-history.details p a{
	color:var(--primary-color);
}
.mobile-order-history.qty, .mobile-order-history.price{
	color:var(--secondary-light-color);
}
.mobile-order-history.total{
	color:var(--primary-color);
	font-size:16px;
	font-weight:600;
}
.order-history-details{
	border-top: 1px solid var(--grey-07);
	align-items: center;
}
.table-header{
	display:none;
}
.order-table-wrap .schedule-frequency-col{
	padding-bottom:15px;
}
.schedule-order-time{
	padding-top:10px;
}
.recurring-order-table{
	padding: 0px 20px 15px
}
.recurring-order-table .cell,
.quick-order-list-wrapper .cell{
	padding: 0px;
}
.order-history-actions .cell{
    text-align: center;
    font-weight: 500;
}
.recurring_Orders_List,.saved-order-list {
	padding: 5px 12px 0px;
}
.recurring_Orders_List .entry{
	padding-bottom:0px;
}
.saved-order-list .selected{
	    padding-left: 15px;
}
.saved-order-mobile-toggle {
    position: absolute;
    right: 15px;
    bottom: 0;
}
.saved-order-details .edit-action-wrap{
	margin-bottom: 20px;
	    margin-top: 0px;
    float: initial;
}
.saved-order-details .edit-action-wrap .button {
	width:100%;
	text-align:center;
}
.quick-order-list-wrapper .entry {
    padding: 15px 0 0px;
    border: 1px solid var(--light-blue);
    border-radius:10px;
    margin-bottom:20px;
}
.saved-order-table .entry {
	    padding: 10px 0 0;
    border: 1px solid var(--light-blue);
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
    border-radius: 10px;
    align-items:center;
}
.quick-order-list-count-wrapper {
    position: absolute;
    top: -6px;
    left: 0;
}
.quik-order-form-wrapper.order-status-row{
	 border: none;
    padding: 25px 15px 0px;
}

.quick-order-form .quick-order-list-wrapper{
	width:100%;
	margin:auto;
	border:1px solid var(--light-blue);
	padding:0px 0px 10px;
	margin-bottom:10px;
	border-radius:10px;
}
.create-table-list{
	gap:10px;
}
.quick-order-list-wrapper .line-number {
	padding-left:0px;
}
.quick-order-counting{
	    background: var(--cart-bg-color);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 10px;
    padding-top:5px;
    padding-bottom:5px;
}
.order-track-detail{
	padding-bottom:10px;
	display: flex;
    gap: 10px;
}
.order-track-detail{
	padding-bottom:10px;
	display: flex;
    gap: 10px;
}
.order-track-detail:last-child {
    padding-bottom: 20px;
}
.approval-wrapper .order-text a{
	position:relative;
}
.approval-wrapper .order-text a:after{
	content: "\f107";
	font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--primary-color);
    right: -23px;
    top: -4px;
    font-size: 16px;
    position: absolute;
    transform: rotate(270deg);
}
.date-picker:after {
    top: 10px;
}
.approval-form-group .form-control {
    max-width: 100%;
}
.order-approval-section .editActions {
	flex-direction: column-reverse;
    gap: 20px;
}
.order-status-row.approval-add-items{
	padding: 0px 20px 10px;
}
.approval-btn-wrapper{
flex-direction: row-reverse;
}
.OrganizationListWidget.edit-action-wrap,
.changeSetOrgAndUser .edit-action-wrap {
	    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}
.OrganizationListWidget .acc-search-selection {
    min-width: 300px;
}
.create-org-action {
        margin-top: -110px;
}
.organistation-details{
	padding-top:10px;
}
.changeSetOrgAndUser .organisation-btn-control {
    flex-direction: initial;
    flex-wrap: wrap;
}
.organisation-btn-control .btn-control{
	    padding-bottom: 10px;
}
.organisation-detail-section{
	margin-top:20px;
}
.buyer-approval-row{
	border: 1px solid var(--grey-09);
	margin-bottom:20px;
	border-radius:10px;
}
.buyer-approval-row .cell{
	font-size:14px;
}
.buyer-approval-item-wrapper .buyer-item-counts {
    top: -50px;
}
.organisation-user-deatils{
    border: 1px solid var(--light-blue);
    padding: 15px 10px;
    border-radius: 10px;
}
.search-dropdown-wrapper {
    flex-direction: column;
}
.search-dropdown-wrapper .product-result {
    width: 100%;
}
.edit-action-wrap .button{
        font-size: 12px;
}
.billing-same-shippin-option {
    top: 0px;
}
.secondary-header-wrapper .store-locator,
.secondary-header-wrapper .store-logo{
 text-align:center;
}
.secondary-header-wrapper .store-locator{
	padding-top:5px;
}
.secondary-header-wrapper {
    padding: 15px 0px;
}
.secondary-header-wrapper .store-logo{
 width:100px;
     margin: auto;
}
.search-container .counter-section {
	    top: -25px;
	    width: auto;
	}
}

.listView-price-wrapper .price .price-col .ex-gst, .listView-price-wrapper .price .price-col .ex-gst .price{
	font-size: 14px;
	line-height: 16px;
}

.leftAlignBtn{
	padding-left: 20px;
}
.pageSection .addressBookChkBoxes div:first-child{
    float: left;
    padding-top: 2px;
}

.addressBookPage .EditPage .addBookAddBtn{
	text-align: right;
}
.orgnizationSection {
	border-radius: 0px !important;
}
.button_footer_line, .organizationFooter{
	/* padding-left: 10px !important */
}
.tabButtonContainer, #tab1Widget{
	margin-left: 0px !important;
	margin-right: 0px !important;
}
#SavedOrderItems_table_content .actions .actionDropdown {
    border-radius: 0px;
    margin-left: -63px;
    z-index: 3;
    background: #fff;
    right: auto;
    width: 120px
}
#SavedOrderItems_table_content .actions .actionDropdown .actionItem{
	width: 100%;
    padding: 10px 0px;
    border-bottom: 1px solid #ccc !important;
}
#SavedOrderItems_table_content .actions .actionDropdown .actionItem:hover{
	background-color: #E0E0E0!important;
	color: black;
}
.pdpPage .notRequiredAtPdpPage a{
	display: none;
}

.pdpPage .product_name_merch{
	font-size: 110% !important;
    color: #002c75 !important;
    font-weight: bold;
}
.list_mode .attributesListPage .selectWrapper{ 
    padding: 10px 8px;
    border: 1px solid black; 
	 border-radius: 0px;
 	background: white;
}
.list_mode .attributesListPage .selectWrapper .wcSelect{
 	padding: 0px;
}
.list_mode .attributesListPage .ui-menu {
    box-shadow: 0 1px 0px 1px #000;
}
.grid_mode .attributesGridPage .selectWrapper{ 
	display: inline;
	padding: 8px 3px;
	border: 1px solid black; 
	border-radius: 0px;
	background: white;
}
.grid_mode .attributesGridPage .selectWrapper .wcSelect{
 	padding: 0px;
}
.grid_mode .attributesGridPage .ui-menu {
    box-shadow: 0 1px 0px 1px #000;
}
.grid_mode .attributesGridPage  .def_attr{
	text-align: left;
	color: black;
}
.grid_mode .product_info .attributesGridPage .primary{
		margin: 10px auto;
	}  
.grid_mode .product_image .image a{
	display: inline-block;
    max-width: 100%;
    /* width: 170px;
    height: 170px; */
	}  

.getTabAndContents{
	padding: 10px 0px;
}

.categoryPageVisibleSearch .list_mode .ui-block-a, .categoryPageVisibleSearch .list_mode .ui-block-b{
	width: 100%;
	padding-bottom: 15px;
}
.orderHistoryPage .toolbar .toolbarDropdown.active {
    display: block;
    margin-top: 0px;
}
.register .cancelButton p.button_text{
	margin-top: 0px;
}
.organizationSelectionEditPage .orgList .wcSelect{
	    padding: 7px 7px;
}
.organizationSelectionEditPage .orgList .ui-selectmenu-button span.ui-icon{
	    margin: 4px 4px 0;
	    padding: 0px;
}
.marketingSubScription .markInputBox{
	padding: 0px !important;
}
.pdpPage #PDP_tab-3 .widget_bundle_package_list{
	background: #EEE;
}
.pdpPage .container_full_width_bundle{
    max-width: 100%;
    color: black;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding-top: 0px;
    width: 96% ;
	background: unset;    margin-bottom: 0px;
}
.pdpPage .widget_bundle_package_list .list_mode{
	border: 0px;
	width:	 99%;
}
.FavouritesPageHeader  .actions .cell{
	text-align: right;
}
#headerRow1 .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable.ui-resizable {
    position: fixed !important;
    z-index: 3 !important;
    top: 78px !important;
}
.yesRWDPage{
	width:100% !important;
}
#memberGroupEditMain .pageSectionTitle .WCTooltip .container{
	max-width: 200px;
    margin-left: 8px;
}
#orgRolesEditMain .pageSectionTitle .WCTooltip .content{
	padding: 0px;
}
.organizationEditPage span#ORG_ROLES_TOOLTIP_ID, .organizationEditPage span#ORG_MEMBER_APPROVAL_GROUP_TOOLTIP_ID{
		margin-left: 10px;
	} 
.organizationEditPage .pageSection{
		padding-left: 70px;
} 
 

.grid_mode .bulk-price-box {
    display: none;
}


.shipInfoShipMethod .shipMethodTxtArea{
    margin: 0px;
    height: 84px;
    width: 97%
}


.shipOrderTotal .shipOrderTotalRefArea .v9_total_breakdown{
    width: unset !important;
}

.showHideOrders .img{
	width: 100px;
    text-align: center;
    height: 100px;
    box-shadow: 1px 1px 5px #999999;
    padding-right: 0px;
    margin: 0px 10px 10px 2px;
}
.showHideOrders .tblProducts tr td, .showHideOrders .tblProducts tr th{
    border-bottom: 1px solid #adadad !important;
}
.showHideOrders .tblProducts .nested th{
	font-size: 17px;
	font-weight: 700;
	padding: 10px 0px !important;
    white-space: nowrap;
    	font-weight: bold;
}
.showHideOrders .tblProducts tr td{
	font-weight: bold;
}
.showHideOrders .tblProducts .total {
   	width: unset !important; 
   	text-align: right !important;
}
.showHideOrders  .orderExpandArea {
    border-top: 0px; 
}
.showHideOrders .tblProducts tr th:LAST-CHILD, .showHideOrders .tblProducts tr td:LAST-CHILD{
	border-left: 1px solid #adadad ;
	}
.showHideOrders .tblProducts tr th:NTH-CHILD(4), .showHideOrders .tblProducts tr td:NTH-CHILD(4){
	width: 80px !important;
}
.showHideOrders .tblProducts .nested td, .showHideOrders .tblProducts .nested th{
    border-top: 1px solid #adadad ;
    padding: 20px 0px;
}
.showHideOrders .th_align_left_normal, .showHideOrders  .align_left{
	width: 65%;
}
.showHideOrders .tblProducts td .itemspecs .hover_underline{
    color: #006ECC;
    font-weight: bold;
    font-size: 14px;
}
.showHideOrders .tblProducts td .itemspecs span{
    font-size: 14px;
}
.tblProducts .item-quantity span, .tblProducts .price{
	font-weight: bold !important;
} 
.showHideOrders .tblProducts .iconCheckBox .checkBoxItem{
    float: left;
    margin-top: 2px;
}
.showHideOrders .tblProducts .iconCheckBox .checkBoxLable{
    float: left;
    margin-left: 5px;
}
.showHideOrders .tblProducts .OrderItemMoveToRequisitionLists{
	float: left;
}
.showHideOrders .tblProducts .OrderItemMoveToRequisitionLists .addToFavouriteBtnControl{
	margin-top: auto;
    padding: 0px;
    display: block;
    float: left;
    width: auto;
    box-shadow: 0px 0px 0px #ccc;
    border: 0px;
    color: #4D4D4D;
    cursor: pointer;
	vertical-align: inherit;
    max-width: none;
	border-bottom: 1px dashed black;
    padding: 0px 5px;
}
.showHideOrders .tblProducts .OrderItemMoveToRequisitionLists .addToFavouriteBtnControl .button_text{
	border: 0px solid #F1F3F3;
    font-size: 12px;
    height: auto;
    line-height: inherit;
    width: auto;
    font-weight: bold;
}
.showHideOrders .tblProducts .itemspecs .removeBtn{
    font-weight: bold;
    font-size: 12px;
    border-bottom: 1px dashed black;
    padding: 1px 5px;
    width: 62px;
    float: left;
    margin-left: 10px;
}
.showHideOrders .free_gifts_block .button_align{
	margin-bottom: 10px;
}
.orderShippingBillPage .shipping_address_content #shippingAddressDisplayArea{
    font-size: 13px;
    line-height: 20px;
}
.orderShippingBillPage .stickyBottom, .orderShippingBillPage .sticky {
    position: fixed;
    bottom: 0px;
    border-top: 1px solid #CCC;
    background: #eee;
    padding: 10px;
    width: 99%;
    left: 0;
	z-index: 250;
}

.orderShippingBillPage .stickyBottom .button_right_side_message, .orderShippingBillPage .sticky .button_right_side_message{
	color: black;
	}
.orderShippingBillPage .sticky{
	top:0;
	bottom: auto;
}
.orderShippingBillPage .btnHolder{
	max-width: 1168px;
    margin: auto;
    display: flex;
}
.orderShippingBillPage #getRatesTable, .orderShippingBillPage #getOrderIdTable{
	float: left;
	background: white;
    padding: 8px 12px 8px 12px;
    border: 1px solid #ccc;
}
#getOrderId table td.breadcrumb_current input#OrderId {
    border: 0;
    text-align: right;
    max-width: 150px;
}
div#box.orderShippingBillPage .button_footer_line .nav div#getOrderId {
    margin-left: 10px;
}
.orderShippingBillPage #getRatesTable .order_total, .orderShippingBillPage #getOrderIdTable .orderID{
    font-weight: bold;
    color: #002c75!important;
    font-size: 18px !important;
    padding-right: 20px!important;
    }
.orderShippingBillPage #getRatesTable .breadcrumb_current, div#box.orderShippingBillPage .button_footer_line .nav div#getOrderId table td.breadcrumb_current{
    color: #000;
    font-weight: bold;
    font-size: 18px !important;
    }
.orderShippingBillPage .submitBtnAndBackBtn{
	float: right;
    margin-right: 10px;
    margin-top: 0px;
    order: 5;
}
.orderShippingBillPage .currentOrder{
	float: left;
    padding: 10px 10px 5px 0px;
    color: #d42f2f;
}
.orderShippingBillPage .submitBtnAndBackBtn a{
	border-radius: 10px;
}
.orderShippingBillPage .card_info select {
    width: 70px;
}

#shippingInstructionsDiv b{
	font-size: 12px;
	color: black;
}
.shipInfoShipMethod .shipping_method_content .title{
	font-size: 12px !important;
}
.ordShipBillMethod .payment_amount label{
	color: black;
}

.shipInfoShipMethod .dijitCalendarWidth{
    margin-left: 20px;
}
.shipInfoShipMethod .dijitCalendarWidth input{
    border: 1px solid #bababa;
    padding: 2px 4px;
    font-size: 12px;
}
.showHideOrders #shipping div.free_gifts_block {
    width: auto !important; 
}

/* End Order Shipping Billing Page */


/* Start OrderScheduling Page from MyAccount */
.scheduleOrderDisplayExt .ordShipBillHeaders{
    border: 1px solid var(--grey-09);
    border-left: 0px;
    border-right: 0px;
    border-radius: 0px;
    padding: 12px 0px;
    cursor: pointer;
}
.scheduleOrderDisplayExt .ordShipBillHeaders .ordShipHeaderSign {
    width: unset !important;
    height: 100%;
    float: left;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
    font-weight: bold;
    margin-left: 7px;
	color: #2196f3;
    margin-top: -5px;
    margin-right: 8px;
    font-size: 25px;
}
.scheduleOrderDisplayExt .orderShippingBillPage .scheduleBody .title {
    font-size: 12px;
}
.shipping_method .shipMethodTxtArea{
    padding: 18px 10px 0px;
    box-sizing: border-box;
}
/* End OrderSheduling Page from MyAccount */
/* Start ChangeSet for Organization and USer Page*/
.changeSetOrgAndUser .greenBtn, .changeSetOrgAndUser .redBtn, .changeSetOrgAndUser .blueBtn{
/*     border: 1px solid #666; */
    border-radius: 6px;
    text-align: center;
    padding: 10px 0px;
    color: white;
    max-width: 226px;
    width: 19%;
    float: left;
    margin: 0px 2px 2px 0px !important;
}
.changeSetOrgAndUser .greenBtn{
	background: #4caf50;
}
.changeSetOrgAndUser .redBtn{
	background: #f44336;
	margin-left: 5px;
}
.changeSetOrgAndUser .blueBtn{
	background: #2196f3;
	margin-left: 5px
}
.changeSetOrgAndUser  .btnsHolder{
	margin-bottom: 5px;
}
.changeSetOrgAndUser .headTr{
	height: 30px;
}
/* End ChangeSet for Organization and USer Page*/
/* Start Organization Edit Page*/
.parent-org-creation h2{ 
    display: none;
}
.parent-org-creation .acc-search-selection{
    width: 100%;
}
.parent-org-creation .selectWrapper {
    line-height: 30px;
    border:1px solid rgba(0, 0, 0, 0.21);
    border-radius: 8px;
    padding-left: 12px;
}
.cost-center-field{
    min-height: 120px;
    border-color: var(--secondary-light-color);
}

.organizationEditPage .organizationDetails, .organizationCreatePage .organizationDetails{
    border: 1px solid #adadad;
    padding: 2px 15px 5px 15px;
}
.organizationEditPage .organizationDetails legend, .organizationCreatePage .organizationDetails legend{
    font-size: 20px;
    font-weight: bold;
}

.organizationEditPage .organizationApprovals legend{
    font-size: 20px;
    font-weight: bold;
}

.organizationEditPage .pageSection {
    border-bottom: 0px solid #e0e0e0;
}
.organizationEditPage legend, .organizationCreatePage legend  {
    font-size: 20px;
    font-weight: bold;
}
.organizationEditPage .orgSystemDetails, .organizationCreatePage .orgFinancialsField, .organizationCreatePage .orgSystemDetails{
    border: 1px solid #adadad;
    padding: 20px 15px 5px 15px;
    font-size: 12px;
}
.organizationCreatePage .orgFinancialsField .inputField{
	width: 99%;
	padding: 8px;
}
.organizationEditPage .orgFinancialsField .button_primary, .organizationCreatePage .orgFinancialsField .button_primary{
	text-align: center;
    padding: 6px 16px;
}
div#WC_OrganizationUserInfo_userAddress_edit span.ui-selectmenu-text {
    padding: 3px 0px 0px 5px;
}
.organizationEditPage .orgFinancialsField #costCentreList, .organizationCreatePage .orgFinancialsField #costCentreList{
	width: 100%; 
	height: 80px;
	margin-top: 5px;
	}
.organizationEditPage .orgSystemDetails ul{
	padding: 0px 13px;
}
.organizationEditPage .orgSystemDetails span, .organizationCreatePage .orgSystemDetails span{
	font-weight: bold;
}
.organizationEditPage .organizationApprovals .editActions{
	    float: right;
}
.organizationEditPage .pageSection{
	    padding: 10px 0 0px;
}
.organizationEditPage .organizationDetails .inputField, .organizationEditPage .organizationDetails select{
	padding: 7px !important;
    width: 100%;
    margin-bottom: 10px
} 
.organizationEditPage .organizationDetails span, .organizationCreatePage .organizationDetails span{
	font-size: 12px;
	} 
.organizationEditPage .organizationDetails .starick, .organizationCreatePage .organizationDetails .starick{
    float: right;
    font-size: 25px;
    font-weight:bold;
    color: red;
	margin-top: 1px;
}
.organizationEditPage #orgAddressDetailsEditRead .addFields{
	margin-bottom: 5px;
}
.organizationEditPage #orgAddressDetails{
    font-size: 12px;
    }
.organizationEditPage #orgAddressDetails .col5{
    font-size: 12px;
    white-space: nowrap;
    }
.organizationDetails .editField input, .organizationCreatePage .editField input, .organizationCreatePage #orgName{
    width: 100%;
    border:1px solid #bfbfbf;
    background:white;
    border-radius: 0px;
    max-width: unset;
    } 
.organizationEditPage .orgSystemDetails .parentOrgDivs input{
	padding: 7px !important;
    width: 100%;
    margin-bottom: 10px;
}
.organizationEditPage .orgContactInfoEdit .field{
	    margin-bottom: 5px;
}

.organizationEditPage .formField input{
    max-width: 100%;
}

.organizationEditPage .orgAddressDetailsEdit .required, .organizationCreatePage  .organizationDetails .required{
	font-size: 25px;
	float: right;
	margin-right: 2px;
	padding-top: 0px;
	font-weight: bold;
	height: 7px;
	margin-top: 2px;
}
/* End Organization Edit Page */
/* Start Cataloge Request Submit */
.catalogeRequestSub{
    margin: 0 auto;
    text-align: center;
}
.catalogeRequestSub table{
    text-align: center;
    margin: 20px auto;
}
.catalogeRequestSub table h1{
    margin-bottom: 15px;
    font-weight: 550;
}
.catalogeRequestSub table .hr1{
    height: 2px;
    background: var(--primary-color);
    border: 1px solid var(--primary-color);
}
.catalogeRequestSub table .catelogDescription{
    text-align: center;
    margin: 15px 0px;
}
.catalogeRequestSub table .hr2{
    border: .5px solid #e1e1e1;
}
.orgAddressDetailsEdit .ui-selectmenu-text, .organizationDetails .ui-selectmenu-text{
    margin-top: 4px;
    }
.organizationCreatePage .organizationSelectionEditPage .ui-selectmenu-text{
	margin-top: 2px;
}
/* End Cataloge Request Submit */
/* Start Request Catelog Page */
.requestCatalogPage{
    width: 100%;
    margin: 10px auto;

}
.requestCatalogPage h2{
	text-align: left;
}
.requestCatalogPage .description{
	margin: 10px 0px;
	    font-size: 14px;
}
.requestCatalogPage .requestCatelogLine{
    height: 3px;
    background: var(--primary-color);
    border: var(--primary-color);
    display: none;
}
.requestCatalogPage .title {
    padding: 0;
}
.requestCatalogPage {
width: 97%;
    margin: 10px auto;
    padding: 0 5mm;
}
.requestCatalogPage .required-field{
    font-weight: bold;
    height: 7px;
    margin-left: 6px;
    margin-bottom: 12px;
    display: block;
    float: left;
    padding: 0px;
}
.requestCatalogPage h2{
    text-align: left;
	color: #002c75;
    font-size: 18pt;
}
.requestCatalogPage br{
    clear: both;
}
.requestCatalogPage hr{
    border: 1px solid #ededed;
}
.requestCatalogPage .button_primary{
	padding: 10px 30px;
    text-transform: uppercase
}
.requestCatalogPage .bodyTable{
	font-size: 12px;
    font-weight: bold;
    color: black;
}
.requestCatalogPage .bodyTable tr td{
	padding-bottom: 16px;
	}
.requestCatalogPage .bodyTable tr td label{
	float: left;
	}
	
.catlog-request-btn{
	max-width:190px;
}
.requestCatalogPage #stateDiv .ui-selectmenu-text{
	padding-top: 3px;
	}
.requestCatalogPage .logontxt .required-field{
	    margin-right: 4px;
    margin-left: 0px;
}
.requestCatalogPage .bodyTable .titleSelect{
    width: 10%;
    padding: 10px 8px !important;
}
.requestCatalogPage .bodyTable  .checkboxHolder input{
	float: left;
}
.requestCatalogPage .bodyTable  .checkboxHolder span{
    float: left;
    margin-left: 5px;
}
.requestCatalogPage .logontxt{
	font-size: 14px;
}
/* End Request Catelog Page */
/* Start Order Details Page */
#container_orderHistory_detail .scheduleOrderDisplayExt .scheduleBody{
    margin: 10px 0px;
    border: 1px solid #E0E0E0;
    border-radius: 5px;
    padding: 10px 10px;
}
/* End Order Details Page */
/* Start Sprint 3 Issues*/
.shopping_cart_box .favoritesCheckbox .checkBoxItem{
	float: left;
} 
.shopping_cart_box .favoritesCheckbox .checkBoxLable{
    margin-left: 3px;
}


.recurring_Orders_List .FavouritesFullViewPage .actionsImages .manageTxt a {
	color: #006ECC;
	font-size: 12px;
    text-decoration: underline;
}
.recurring_Orders_List .FavouritesFullViewPage .actionsImages .manageTxt a:hover {
	background: none;
}


.pdpPage .addToFavouriteBtnControl a:hover{
	text-decoration: none;
}
#addressBookListDiv .setHeightAddBook{
	padding: 10px;
}
.regFormSetInput .ui-selectmenu-text{
	padding-top: 2px; 
}
.regFormSetInput span.ui-icon{
	margin: 6px 4px 0; 
	padding: 0px;
}
.setInputWidth input[type=text], .setInputWidth .DESC_field{ 
	width: 80%;
	padding: 11px 2px !important;
	}

@media only screen and (max-width:1133px){
	
	.pageControlButton { 
    width: 25px;
    margin: 0 2px;
    background-color: #767676;
    border-color: #767676;
    color: #fff;
    border-radius: 25px; 
    font-size: 16px;
    text-align: center;
    opacity: 1; 
	line-height: 25px;
	}



.gridView .add-to-favourite .addToFavouritesLines {
    width: 80%;
}
.product_listing_container .list_mode .product>.product_image{
	width: 33%;
	} 

.account-sec-border .toggle-password{
	top:12px;
}
.myAccDetailsPage .changePassParent{
	width: 100%;
}
.myAccDetailsPage .personalField{
	width: unset;
}
.myAccDetailsPage .financialsField{
    float: unset;
    margin-top: unset;
    margin-bottom: 5px;
}
.myAccDetailsPage .acol12{
	width: 100%;
}
}
.modal-backdrop.show{
	display:none;
}
.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}
.modal-open {
    overflow: hidden;
}
.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0);
}
.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50);
}

@media screen and (min-width: 768px) {
	.modal-dialog {
		width: 600px;
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.modal-content {
		-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
		box-shadow: 0 5px 15px rgba(0,0,0,0.5);
	}
} 
/* Site mape page start */
.map-Stores h2 {    font-size: 20px;    text-align: center;    border-bottom: 1px solid #EEE;    padding-bottom: 15px;}
.map-Stores {    border: 1px solid #CCC;    padding: 15px; border-radius:5px;}
.map-row-stores-top {    padding: 6px 0px;     border-bottom: 1px solid #EEE;}
.map-row-stores-top .store-title {        float: left;    width: calc(40% + 18px);    font-weight: bold;    color: var(--primary-color);    font-size: 14px;}
.map-row-stores-top .store-url {       margin-left: 10px; float: left;    width: calc(60% - 30px);    color: #002c75; overflow: hidden;}
.map-row-stores {    padding: 6px 0px;     border-bottom: 1px solid #EEE;}
.map-row-stores .store-title {        float: left;    width: calc(38% + 18px);    font-weight: bold;    color: var(--primary-color);    font-size: 14px;}
.map-row-stores .store-url {       margin-left: 10px; float: left;    width: calc(60% - 30px);    color: #002c75; overflow: hidden;}
.map-Products {    border: 1px solid #CCC;    padding: 15px;}
.map-Brands {    border: 1px solid #CCC;    padding: 15px;}
.map-Products h2 {    font-size: 20px;    text-align: center;    border-bottom: 1px solid #EEE;    padding-bottom: 15px;}
.map-Products h2 {    font-size: 20px;    text-align: center;    border-bottom: 1px solid #EEE;    padding-bottom: 15px;}

div#content.sitemap {background: #fff; padding: 10px 0mm;}
div#content.sitemap table {    float: left;    width: 50%;}
div#content.sitemap .googlemap { width: 50% !important; overflow: hidden; float: right;}
div#content.sitemap .googlemap iframe.map {    height: 335px !important;     padding-top: 0px !important;}
div#content.sitemap table td:nth-child(1) { width: 15%;}
div#content.sitemap table td:nth-child(2) { width: 40%;}
div#content.sitemap h3 {    font-size: 14pt;    font-weight: normal;}
div#content.sitemap h2 {    font-size: 18pt; font-weight:bold;}

div#content.sitemap .googlemap{width: 50%;overflow: hidden; }
div#content.sitemap .map{display:block; width: 100%;overflow: hidden; height: 3500px;     padding-top: 10px;}
div#content.sitemap { padding: 10px 0mm;}
/* Site mape page end */

/* static page start */
.rowContainer.staticPages h2{    font-size: 18pt;    font-weight: bold;   color: var(--primary-color);}
.rowContainer.staticPages h3{    font-size: 14pt;    font-weight: bold;   color: var(--primary-color);}
.rowContainer.staticPages { background: #fff; padding: 10px 5mm;}
.static-page table {  padding: 0px 0px;}
.static-page table tr td {    padding: 0px;}
.static-page table tr td h2 {    font-size: 18pt;    font-weight: bold;     color: var(--primary-color);}
.rowContainer.staticPages h2 {    font-size: 18pt;    color: var(--primary-color);     font-weight: bold;} 
.static-page table tr td p { font-size: 11pt;}


/*PDP start*/
.product_page_content #printProductPage .long-description .container {    width: auto;    padding: 0px;}
ul.tabs {    margin: 0px;    padding: 0px;    list-style: none;}
.product_page_content #printProductPage .long-description .container .tabs .tab-link {    border: 1px solid #000;    border-bottom: 0px;    border-radius: 6px 6px 0px 0px;    width: calc(20% - 2px);    padding: 5px 0;    text-align: center;    margin: 0px;    float: left;    white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis;}
ul.tabs li.current {    background: #ededed;    color: #222;}
ul.tabs li {    background: none;    color: #222;    display: inline-block;    padding: 10px 15px;    cursor: pointer;}
.product_page_content #printProductPage .long-description .container .tab-content {      margin-top: -1px;     background: #fff;    border: 1px solid #000;   clear: both;    width: calc(100% - 2px);     padding: 15px 0px;   font-size: 11pt;    line-height: normal;}
.tab-content.current {    display: inherit;}
.product_page_content #printProductPage .long-description .container .tab-content ul li {    font-size: 11pt;    line-height: normal; list-style: disc;margin-left: 40px;}
.tab-content {display: none;  padding: 15px;}
.product_page_content #printProductPage .long-description .container .tab-content #product_longdescription {     background: transparent !important;}
.row > .long-description #product_longdescription {    padding: 20px 2%;    width: 96%;    background: #EEEEEE;    margin: 0px 0px;}
.navBase2 {        width: calc(100% - 10px);    height: 65px;    position: relative;    z-index: 3;    max-width: 700px; }
.button_text {    text-align: center;}
.prod-promotion {
    padding: 3px 0px 0 37px !important;
    background: url(../images/colors/color1/promo-star-icon.png) no-repeat;
    color: #FF0000;
    font-size: 12px;
    font-weight: bold;
    clear: both;
    min-height: 30px;
    display:none;
}

.bs-alert {
    background: #dfeee4;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #cbdfd2;
    font-size: 14px;
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
}
.bs-alert .close-alert {
    font-size: 30px;
    margin-left: auto;
    color: #7b9183;
    line-height: 24px;
}
.product_page_content .bulk-ico {
    background: url(../images/colors/color1/bulk-ico.png) no-repeat;
    height: 16px;
    width: 41px;
    display: none;
}
.product_page_content .bulk-heading {
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    padding: 0px 0px 2px 0px;
    border-bottom: solid 1px #000000 !important;
    display: inline-block;
    margin-bottom: 0px;
    background: transparent;
    border: 0px;
    cursor: pointer;
    
}
.product_page_content div#bulk-pricing {
    margin-top: 20px;
}

.bulk-price-heading{
	background: #EDF0F8;
    display: inline-block;
    padding: 7px 10px;
    border-radius: 4px;
    font-size:14px;
    font-weight: 600;
    margin-bottom:5px;
    color:var(--primary-color);
}
.bulk-price-item{
	font-size:14px;
	color:var(--black);
	padding:10px 0 0 5px;
}

.bulk-price-item .fa-circle{
	font-size:10px;
}
.product_page_content .bulk-price .price{
    color:var(--black);
    align-items: center;
}
.product_page_content .bulk-line {
    clear: both;
}
.product_page_content .bulk-qty {
	color:var(--black);
	align-items: center;
	
}
.product_page_content .bulk-price-box {
    margin-top: 10px;
}
.product_page_content .b-head {
    color:var(--black);
    font-weight: bold;
}

.myaccount_header.bottom_line {
    display: none;
}


.product_page_content .quantity_discount {
    padding: 15px;
    background: #f2f2f2;
    width: 325px;
    margin: 4px 0px;
}

/*PDP end*/
.company-details-accounts ul li.tab-link {

    background: #fff;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #CCC;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom: 0px;
    border-radius: 6px 6px 0px 0px;
    width: calc(50% - 5px);
    padding: 5px 0;
    text-align: center;
    margin: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
}

.company-details-accounts ul li.tab-link.current {
 background: #ededed;
    color: #222;
    border: 1px solid #CCC;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom: 0px;
    border-radius: 6px 6px 0px 0px;
    padding: 5px 0;
    text-align: center;
    margin: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.company-details-accounts .container ul.tabs {
    margin: -5px 0px;
}

.company-details-accounts .container .tab-content {
    background: #fff;
    border: 1px solid #ccc;
    clear: both;
    width: calc(100% - 32px);
    font-size: 14px;
    line-height: normal;
}

.organizations-and-users table tr input[type="checkbox"] {
    padding: 12px;
    height: 14px;
    margin: 4px 2px 4px 2px;
    border: solid 1px #ccc;
    background: #fff;
    width: 14px;
}
.organizations-and-users table tr td input[type="checkbox"] {
    width: 13px;
    border-radius: 0;
}



.organizations-and-users table tr button {
    background: transparent;
    border: 0;
    float: right;
}


.company-details-accounts ul li.tab-link {

    background: #fff;
    display: inline-block;
    cursor: pointer;
    border: 1px solid #CCC;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom: 0px;
    border-radius: 6px 6px 0px 0px;
    width: calc(50% - 5px);
    padding: 5px 0;
    text-align: center;
    margin: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000;
}

.company-details-accounts ul li.tab-link.current {
 background: #ededed;
    color: #222;
    border: 1px solid #CCC;
    border-bottom-color: rgb(204, 204, 204);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom: 0px;
    border-radius: 6px 6px 0px 0px;
    padding: 5px 0;
    text-align: center;
    margin: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.company-details-accounts .container ul.tabs {
    margin: -5px 0px;
}

.company-details-accounts .container .tab-content {
    background: #fff;
    border: 1px solid #ccc;
    clear: both;
    width: calc(100% - 34px);
    font-size: 14px;
    line-height: normal;
}

.organizations-and-users table tr input[type="checkbox"] {
    padding: 12px;
    height: 14px;
    margin: 4px 2px 4px 2px;
    border: solid 1px #ccc;
    background: #fff;
    width: 14px;
}
.organizations-and-users table tr td input[type="checkbox"] {
    width: 13px;
    border-radius: 0;
}



.organizations-and-users table tr button {
    background: transparent;
    border: 0;
    float: right;
}


/* OBVM-103 UI changes Start*/

.gridView .product_name>a {
    font-size: 15px;
    font-weight: bold;
    line-height: normal;
    text-align: left;
}


.savingOfferDivOrdPageClass {
    margin-top: 15px;
    padding: 20px;
    border-radius: 10px;
    background: var(--cart-bg-color);
    text-align:center;

}
#savingOfferDivOrdPage.savingOfferDivFinOrdPageClass {
    margin-top: 164px;
    color: #000000!important;
    font-size: 18px !important;
    padding: 15px! important;
    background-color: #eee;
    border-right: solid 1px !important;
    border: solid 1px #000;
       font-weight: bold;
       width: 292px;
       text-align: left !important;
}



.v9_orderItemDisplay_page .stickyB.nav #other_products, .v9_orderItemDisplay_page .sticky.nav #other_products {
       display: block;
    float: left;
}

.v9_orderItemDisplay_page .stickyB {
    position: fixed;
    bottom: 0px;
    border-top: 1px solid #CCC;
	background: #eee;padding: 10px; z-index: 1000;
}

.v9_orderItemDisplay_page .sticky {
        position: fixed;
    top: 0;
    border-bottom: 1px solid #CCC;
    background: white;
    padding: 4px 0px 0px 0px;
    z-index: 1000;
    width: 100%;
    left: 0;
}
.v9_orderItemDisplay_page .sticky .topcatbutton{
	max-width: 1200px;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}
.v9_orderItemDisplay_page .sticky .cart-top-action-items{
	padding-bottom: 0px;
}
.v9_orderItemDisplay_page .sticky .btn-Check {    position: relative;    }


.v9_orderItemDisplay_page .stickyB.nav #other_products, .sticky.nav #other_products {
    display: block;
}
.desktop-only { display: block;} .mobile-only { display: none;}
.free-gift { background: url(../images/freegift.png) no-repeat center -1px;    height: 27px;    width: 25px;    background-size: 25px;}

.v9_orderItemDisplay_page #other_products.orderTotalDiv h2 {
    cursor: default;
}

.v9_orderItemDisplay_page .nav #other_products h2 .headingTitle {    padding: 11px 10px;     font-size: 16px; }

.v9_orderItemDisplay_page #checkout-button-row .button-gray .button_primary {
    border: 1px solid transparent;
    background: #2196f3;
    width: 75px;
}

form#shopcartAddressForm {
    padding-bottom: 20px;
}


/*****************************************
  Current Order Page Ends
*****************************************/

/*****************************************
  Order Item Detail Print Starts
*****************************************/

.v9_printOrder {
    font-size: 14px!important;
	margin: 0;
}

.v9_printOrder .v9_order_details {
    width: 96%;
    margin: 0 2%;
}

.v9_printOrder .avail, .v9_printOrder .each, .v9_printOrder .QTY {
    width: 80px!important;
}

.v9_printOrder #footerStoreAddress, .v9_printOrder #customerDetail1 {
    border: 1px solid #ccc;
    margin: 5px 5px 0px 15px;
    font-size: 14px!important;
    clear: both;
}

.v9_printOrder #storeTable, .v9_printOrder #customerTable {
        font-size: 14px!important;           
    }

.v9_printOrder #storeTable td, .v9_printOrder #customerTable td {
        font-size: 14px!important;
		padding: 5px;
    }

.v9_printOrder #logo {
		float: left;
		padding: 18px 16px;
		height: 65px;
		width: 292px;
	}
	
.v9_printOrder #SiteTitle {
    color: #002c75;
    padding-top: 39px;
    font-size: 16px;
    float: left;
    line-height: 16px;
    font-weight: bold;
}


@media (max-width: 900px) {
    
    .v9_printOrder #order_details div[id^=WC_OrderItemDetailsf_div_1_] {
        display: none;
    }
	
	.v9_printOrder .remove_address_link {
		display: none;
	}
}


/*****************************************
  Order Item Detail Print Ends
*****************************************/

/*****************************************
  Full Image UI Starts
*****************************************/

@keyframes drift-fadeZoomIn {
    0% {
      transform: scale(1.5);
      opacity: 0;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  
  @keyframes drift-fadeZoomOut {
    0% {
      transform: scale(1);
      opacity: 1;
    }
    15% {
      transform: scale(1.1);
      opacity: 1;
    }
    100% {
      transform: scale(0.5);
      opacity: 0;
    }
  }
  
  @keyframes drift-loader-rotate {
    0% {
      transform: translate(-50%, -50%) rotate(0);
    }
    50% {
      transform: translate(-50%, -50%) rotate(-180deg);
    }
    100% {
      transform: translate(-50%, -50%) rotate(-360deg);
    }
  }
  
  @keyframes drift-loader-before {
    0% {
      transform: scale(1);
    }
    10% {
      transform: scale(1.2) translateX(6px);
    }
    25% {
      transform: scale(1.3) translateX(8px);
    }
    40% {
      transform: scale(1.2) translateX(6px);
    }
    50% {
      transform: scale(1);
    }
    60% {
      transform: scale(0.8) translateX(6px);
    }
    75% {
      transform: scale(0.7) translateX(8px);
    }
    90% {
      transform: scale(0.8) translateX(6px);
    }
    100% {
      transform: scale(1);
    }
  }
  
  @keyframes drift-loader-after {
    0% {
      transform: scale(1);
    }
    10% {
      transform: scale(1.2) translateX(-6px);
    }
    25% {
      transform: scale(1.3) translateX(-8px);
    }
    40% {
      transform: scale(1.2) translateX(-6px);
    }
    50% {
      transform: scale(1);
    }
    60% {
      transform: scale(0.8) translateX(-6px);
    }
    75% {
      transform: scale(0.7) translateX(-8px);
    }
    90% {
      transform: scale(0.8) translateX(-6px);
    }
    100% {
      transform: scale(1);
    }
  }
  
  @-webkit-keyframes drift-fadeZoomIn {
    0% {
      -webkit-transform: scale(1.5);
      opacity: 0;
    }
    100% {
      -webkit-transform: scale(1);
      opacity: 1;
    }
  }
  
  @-webkit-keyframes drift-fadeZoomOut {
    0% {
      -webkit-transform: scale(1);
      opacity: 1;
    }
    15% {
      -webkit-transform: scale(1.1);
      opacity: 1;
    }
    100% {
      -webkit-transform: scale(0.5);
      opacity: 0;
    }
  }
  
  @-webkit-keyframes drift-loader-rotate {
    0% {
      -webkit-transform: translate(-50%, -50%) rotate(0);
    }
    50% {
      -webkit-transform: translate(-50%, -50%) rotate(-180deg);
    }
    100% {
      -webkit-transform: translate(-50%, -50%) rotate(-360deg);
    }
  }
  
  @-webkit-keyframes drift-loader-before {
    0% {
      -webkit-transform: scale(1);
    }
    10% {
      -webkit-transform: scale(1.2) translateX(6px);
    }
    25% {
      -webkit-transform: scale(1.3) translateX(8px);
    }
    40% {
      -webkit-transform: scale(1.2) translateX(6px);
    }
    50% {
      -webkit-transform: scale(1);
    }
    60% {
      -webkit-transform: scale(0.8) translateX(6px);
    }
    75% {
      -webkit-transform: scale(0.7) translateX(8px);
    }
    90% {
      -webkit-transform: scale(0.8) translateX(6px);
    }
    100% {
      -webkit-transform: scale(1);
    }
  }
  
  @-webkit-keyframes drift-loader-after {
    0% {
      -webkit-transform: scale(1);
    }
    10% {
      -webkit-transform: scale(1.2) translateX(-6px);
    }
    25% {
      -webkit-transform: scale(1.3) translateX(-8px);
    }
    40% {
      -webkit-transform: scale(1.2) translateX(-6px);
    }
    50% {
      -webkit-transform: scale(1);
    }
    60% {
      -webkit-transform: scale(0.8) translateX(-6px);
    }
    75% {
      -webkit-transform: scale(0.7) translateX(-8px);
    }
    90% {
      -webkit-transform: scale(0.8) translateX(-6px);
    }
    100% {
      -webkit-transform: scale(1);
    }
  }
  
  .drift-zoom-pane {
    background: rgba(0, 0, 0, 0.5);
    /* This is required because of a bug that causes border-radius to not
    work with child elements in certain cases. */
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
  }
  
  .drift-zoom-pane.drift-opening {
    animation: drift-fadeZoomIn 180ms ease-out;
    -webkit-animation: drift-fadeZoomIn 180ms ease-out;
  }
  
  .drift-zoom-pane.drift-closing {
    animation: drift-fadeZoomOut 210ms ease-in;
    -webkit-animation: drift-fadeZoomOut 210ms ease-in;
  }
  
  .drift-zoom-pane.drift-inline {
    position: absolute;
    width: 150px;
    height: 150px;
    border-radius: 75px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);
  }
  
  .drift-loading .drift-zoom-pane-loader {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    width: 66px;
    height: 20px;
    animation: drift-loader-rotate 1800ms infinite linear;
    -webkit-animation: drift-loader-rotate 1800ms infinite linear;
  }
  
  .drift-zoom-pane-loader:before,
  .drift-zoom-pane-loader:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.9);
  }
  
  .drift-zoom-pane-loader:before {
    left: 0;
    animation: drift-loader-before 1800ms infinite linear;
    -webkit-animation: drift-loader-before 1800ms infinite linear;
  }
  
  .drift-zoom-pane-loader:after {
    right: 0;
    animation: drift-loader-after 1800ms infinite linear;
    -webkit-animation: drift-loader-after 1800ms infinite linear;
    animation-delay: -900ms;
    -webkit-animation-delay: -900ms;
  }
  
  .drift-bounding-box {
    background-color: rgba(0, 0, 0, 0.4);
  }

  .drift-zoom-pane {
    overflow: hidden;
    width: 600px;
    height: 376px;
    top: 21%;
    left: 0%;
	border: 1px solid #ccc;
}

/*****************************************
  Full Image UI Ends
*****************************************/






/*****************************************
  recurring_Orders_List Page Start
*****************************************/
.recurring_Orders_List .row.tableHeader { font-size: 13px;    padding: 0px 3px; color: #fff;}
.recurring_Orders_List .fullView.FavouritesFullViewPage { font-size: 13px;}

.recurring_Orders_List .FavouritesFullViewPage .actions .actionsImages .actionItem .actionTitle img { margin: 0px 3px;}
.recurring_Orders_List .FavouritesFullViewPage .actions .actionsImages .actionItem {        float: left;
    padding: 0px;
    margin-right: 2px;}
.recurring_Orders_List .FavouritesFullViewPage .actions .actionsImages .actionItem a:hover {    color: #000;}
.recurring_Orders_List .row.tableHeader .cell {    font-weight: normal !important; padding: 3px 0px 3px 0;}
#Recurring_OrderListTable_Widget h2.myaccount_header {
    background: transparent;
    border: 0;
    color: #4d4d4d;
}

.recurring_Orders_List .footer .pageCount, .listTableMobile .footer .pageCount {
    font-size: 12px;
}
.recurring_Orders_List .footer, .listTableMobile .footer {
    padding: 20px 0 20px 10px;
    width: 99%;
    border: solid 1px #e6e5e5 !important;
    margin-bottom: 20px;
    border-radius: 0px 0px 5px 5px;
}
#orderInfo .entry span.label {
    min-width: 81px;
}

@media (max-width: 1024px) {
		.search-clear {
    background: none;
    right: 16px;
    top: 1px;
    padding: 9px 10px;
    height: 30px;
    width: 28px;
    border-radius: 10px;
}
    .v9_orderItemDisplay_page #cost .promotion_input,
    .v9_orderItemDisplay_page #Promotional .promotion_input {
         margin-right: 10px;
    min-width: 129px;
    }
    .v9_order_total .order_total {
    
    font-size: 16px !important;
   
}
.v9_order_total .breadcrumb_current {
     font-size: 16px !important;
}
.cd-dropdown {
	max-width:360px;
}

}
@media (max-width: 1024px) {

	.subCatePage  .product_listing_container>.grid_mode {
		display: block;
		display: -ms-grid;
		-ms-grid-columns: auto auto auto auto;
		grid-template-columns: 50% 50% 50% 50%;
	}
	
	/*.subCatePage .product_listing_container>.grid_mode .ctrlDivs {
		width: 33% !important;
	}*/
	
}

@media (max-width: 767px) {
	.v9_orderItemDisplay_page .orderTotalDiv {    width: 40% !important; margin-bottom: 10px !important;}
	.subCatePage  .product_listing_container>.grid_mode{display: block;display: -ms-grid;-ms-grid-columns: auto auto auto auto;grid-template-columns: 50% 50% 50% 50%;}
	/*.subCatePage .product_listing_container>.grid_mode .ctrlDivs {width: 50% !important;}*/
	.gridView .hoverDisplay {display: block;}
	
	.headInsideMenu #responsiveMenu{
		display: block;
	}
	
	.normalMenu a {display: none ;} 
	.responsive a {display: block; }
	.responsive a {
		padding: 2px 0px;
	    float: none;
	    display: block;
	 }
	.responsive .responsiveMenu{display: block}
	.responsive {position: relative;}
	.my-acc-left-nav .normalMenu .my-acc-sec-wrap{
	    display: none;
	}
	.my-acc-left-nav{
		display:none;
	}
}
@media (max-width: 768px) {
.regFormSetInput .orgranisationFieldSet { margin: 6px 0px;}
/* .v9_orderItemDisplay_page #other_products.orderTotalDiv h2 div#ordTotalTwo {    font-size: 14px;    position: relative;    top: -2px;} */

div#PageHeader_CreateOrganization h1.RequisitionListHeader {    padding: 4px;    margin: 0px 5px;}
.orgSearchList .actions .cell a {    padding: 0;    margin: 0px -4px;}


#checkout_crumb .crumb {
   
    padding: 0px 7px 7px 8px;
}

.drop_down_checkout {
    width: 177px;
}

.static-page table tr td {
    padding: 2px;

}
.rowContainer.static-page iframe {
    width: 100%;
    margin: 12px 0px;
}
.static-page table {
    padding: 0px 0px;
    font-size: 12px !important;
}
.static-page table tr td b font {
    font-size: 24px !important;
}
.rowContainer.static-page h1 {
    font-size: 12pt !important;
    margin: 0;
    padding: 0;
    line-height: normal;
}
.rowContainer.static-page h1 font {
    font-size: 24px !important;
}
.createAddress #address2{
	margin-top: 8px;
}
.createAddress #centered_single_column_form{
	width: auto !important;
}

}



@media (max-width: 460px) and (min-width:320px) {
.orderHistoryPage .orderHistoryTable td {font-size: 9px !important;}
.orderHistoryPage .orderHistoryTable .headTr th {font-size: 10px !important;}

.v9_orderItemDisplay_page #other_products div#specialDiv table td.cart-add-btn a {margin-bottom: 10px;}
.v9_orderItemDisplay_page #other_products div#quickOrder table td.cart-add-btn a {margin-bottom: 10px;}

.v9_order_details input {       dding: 2px 2px;    font-size: 11px;    width: 80% !important;}
 
  .v9_orderItemDisplay_page #checkout-button-row .button-gray {
      float: right;
    margin-left: 7px;
    position: relative;
    right: 0px;
}


.shopping_cart_box {
    min-width: auto;
}

.v9_order_details tr.nested th {
    font-size: 9px !important;
    min-width: auto !important;
    padding: 4px !important
}
#order_details td {
   
    padding: 8px 4px;
    
}

.v9_order_details .each, .v9_order_details .avail, .v9_order_details .total {
    width: 12%!important;
}
#order_details td {
    
    width: 10% !important;
}


.static-page table tr td {
    padding: 2px;

}
.rowContainer.static-page iframe {
    width: 100%;
    margin: 12px 0px;
}
.static-page table {
    padding: 0px 0px;
    font-size: 12px !important;
}
.static-page table tr td b font {
    font-size: 24px !important;
}
.rowContainer.static-page h1 {
    font-size: 12pt !important;
    margin: 0;
    padding: 0;
    line-height: normal;
}
.rowContainer.static-page h1 font {
    font-size: 24px !important;
}

}
/*****************************************
  recurring_Orders_List Page End
*****************************************/
.v9_quick_order .button.primary {           width: 90%;
    border-radius: 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
    float: left;
    margin-left: 3px;
    min-height: auto;
    padding: 8px 2px 0px 2px;
    line-height: normal;
    min-width: auto;
    height: 26px;}



div#OrderShippingBillingErrorArea {
    max-width: 1160px;
    margin: 0 auto;
    padding: 10px 5mm;
}
#order_details div[id^=WC_OrderItemDetailsf_div_1_] img, #order_details div[id^=WC_OrderItemDetailsSummaryf_div_1_] img, #order_details div[id^=WC_OrderItemDetails_div_1_] img, #order_details div[id^=WC_MSOrderItemDetailsSummaryf_div_1_] img, #order_details div[id^=WC_MSOrderItemDetails_div_1_] img {
    
    font-size: 10px;
    overflow: hidden;
}



.ui-selectmenu-menu.ui-front.ui-selectmenu-open ul#OrganizationListWidget-menu li.ui-menu-item .ui-menu-item-wrapper {
    padding-left: 9px !important;
}

.homePage #hero-banner {
    overflow: hidden;
    margin: auto;
    width: 100%; 
}
.homePage #hero-banner .content.owl-carousel.owl-theme .owl-wrapper-outer.overflow-visible .owl-wrapper {
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  font-size: 0;
  animation: 20s hero-banner infinite;
}
.homePage #hero-banner .content.owl-carousel.owl-theme .owl-wrapper-outer.overflow-visible .owl-wrapper img {
  
  float: left;
}


.listTable .withPreviewImage .col1 .cell img {
    width: auto !important;
    }
    
   .confirmation-modal.modal.fade.in {
    z-index: 100001;
}
div#myresult {
    position: relative;
    z-index: 100;
    top: -365px;
   left: 100%;
} 

/*
@media screen and (max-width:1280px) { span.specials-icon { top: 17.5em !important;}}
@media screen and (max-width:800px) { span.specials-icon {    top: 17.8em !important;    right: 5% !important;} .product_page_content .widget_product_image_viewer .image_container {width: 86%  !important;}}
@media screen and (max-width:500px) { span.specials-icon {    top: 17.8em !important;    right: 5% !important;} .product_page_content .widget_product_image_viewer .image_container {width: 78%    !important;}div#widget_breadcrumb>ul li { font-size: 10px !important;}}
span.specials-icon { position: absolute;    right: 54%;    top: 18.6em;    max-width: 20px;}*/
.product_page_content .pdpPage  .widget_product_image_viewer .image_container div#mainImages img.favourites-icon-ribbon {
    position: absolute;
    margin: 0px;
    z-index: 1; 
}
.product_page_content .pdpPage  span.specials-icon img.specials-icon-ribbon {
    width: 28px;
    height: 28px;
}

.product_listing_container .list_mode .product>.product_image img.favourites-icon-ribbon {
    position: absolute;
    width: 28px;
    height: 28px;
    top: 5px;
    left: 5px;
}
.product_listing_container .list_mode .product>.product_image img.specials-icon-ribbon {
    position: absolute;
    right: 7px;
    width: 28px;
    height: 28px;
    top: 5px;}
    
 .product_listing_container>.grid_mode li .product_image .image img.favourites-icon-ribbon {
    position: absolute;
    left: 4px;
    top: 6px;
}
.product_listing_container>.grid_mode li .product_image .image img.specials-icon-ribbon {
    position: absolute;
    right: 4px;
    top: 6px;
}   
    
#OrderDetail_ItemTable_table div#OrderDetail_ItemTable_table_content .withPreviewImage .col1 .cell img {width: 100% !important;}

/*@media screen and (min-width: 375px) and (max-width: 440px){
	.myAccountMarginRight .myAccDetailsPage .personalField .column .col4, .addressBook .column .col4{
		width: 40%
	}
	.myAccountMarginRight .myAccDetailsPage .personalField .column .col8, .addressBook .column .col8{
		width: 60%
	}
}*/
.storeLocatorAndQLinks .storeLocator{
    text-align: right;
    padding-right: 6px;
    font-size: 13px;
}
form#Register .pageSection .editField .field .wcSelect span {
    padding: 2px 0px 0px 5px;
}
form#Register .pageSection .editField .field .wcSelect {
    padding: 6px 7px 7px 7px;
}

@media screen   and (max-width: 600px){

	.storeLocatorAndQLinks .storeLocator {
		font-size: 11px;
		padding-right: 8px;
	}

	#container_orderHistory_detail #OrderDetailItemTable_Widget #OrderDetail_ItemTable_table .itemTableUIPage div .col3:nth-child(2) {width: 20%}
	#container_orderHistory_detail #OrderDetailItemTable_Widget #OrderDetail_ItemTable_table .itemTableUIPage div .col3:nth-child(3) {width: 20%}
	#container_orderHistory_detail #OrderDetailItemTable_Widget #OrderDetail_ItemTable_table .itemTableUIPage div .col1:nth-child(4) {width: 17%}
	#container_orderHistory_detail #OrderDetailItemTable_Widget #OrderDetail_ItemTable_table .itemTableUIPage div .col1:nth-child(5) {width: 14%}
	#container_orderHistory_detail #OrderDetailItemTable_Widget #OrderDetail_ItemTable_table .itemTableUIPage div .col2:nth-child(6) {width: 8%}
	#container_orderHistory_detail #OrderDetailItemTable_Widget #OrderDetail_ItemTable_table .itemTableUIPage div .col1:nth-child(7) {width: 8%}
	
}

.product-quick-find {
   border: 1px solid var(--grey-07);
    padding: 25px 25px 0px;
    margin: 0px 0px 40px;
    border-radius: 10px;
    background: var(--primary-bg-color);
}
.product-quick-find .heading {
    margin-bottom: 12px;
    border-bottom: 1px solid #ccc;
    background: url(../images/colors/color2/ink_heading_icon.png) no-repeat bottom right;
        color: var(--primary-color);
    padding-bottom: 10px;
    background-position: 100% 0px;
}

.product-quick-find .or {
	    height: 45px;
    background: url(../images/colors/color2/on-or.png) no-repeat 50% 6px;
    margin: 10px;
    text-align: center;
}
#quickFind .radio {
    padding: 5px 0;
    font-size: 13px;
}
#quickFind #chapterDropDown1 {
    width: 77%;
    border: 1px solid #999;
    padding: 12px;
}

#quickFind #quickfind_box_right {
    margin-top: 30px;
}
#quickFind .line {
    clear: both;
    background: #CCC;
} 
#quickFind #chapterDropDown {
        padding: 10px;
    width: 100%; 
	margin-top: 0px;
    min-height: 52px;
    font-size: 16px;
    line-height: 30px;
    border: 1px solid rgba(0, 0, 0, 0.21);
}
.radio .tonerRadioBtns {
	height: 15px;
}
.radio .tonerRadioBtns div{
	float: left;
}
.radio .tonerRadioBtns .tonerInps{
    margin-top: 2px;
   }
.radio .tonerRadioBtns .tonerLbls{
	margin-left: 1px;
    margin-right: 8px;
}
.organizationCreatePage #orgDetailsEdit  #currentOrganization #selectedOrgDetails{
	margin-left: 18px;
}
.tblProducts .OrderItemMoveToRequisitionLists .addToFavouriteBtnControl a{
	font-size: 12px !important;
}
/* Start Loyality & Rewards Points Page */
.loyaltyRewards .reward-points {
    background: var(--cart-bg-color); 
	border-radius:5px;
	padding: 20px;
	text-align:center;
}
#page .loyaltyRewards .reward-points .reward-points-no {
    font-size: 26px;
    font-weight: bold;
    color: #fed300;
}
.list_mode .product .earn_upoint_listView, .grid_mode .product .earn_upoint_listView, .product_page_content .earn_upoint_listView, .earn_upoint_checkout{
    padding: 8px 0px 8px 33px;
    border: 1px solid #CCCCCC;
    background: url(../images/colors/color1/earn-upoints-icon.png) no-repeat 8px 6px;
    color: #002c75;
    font-size: 12px;
    margin-top: 5px;
} 
.list_mode .product .redeem_upoint_listView, .product_page_content .redeem_upoint_listView, .redeem_upoint_checkout, .grid_mode .product .redeem_upoint_listView{
    padding: 8px 0px 8px 33px;
    border: 1px solid #CCCCCC;
    background: url(../images/colors/color1/redeem-upoints-icon.png) no-repeat 8px 5px; 
    color: #002c75;
    font-size: 12px;
    margin-top: 5px;
}
.product_page_content .earn_upoint_listView, .earn_upoint_checkout{
	width: 40%;
}
.product_page_content .redeem_upoint_listView, .redeem_upoint_checkout{
	width: 40%;
}
/* End Loyality & Rewards Points Page */
.setCheckBoxes .checkBoxItem div{
	float:left
	}
.setCheckBoxes .checkBoxItem div input{
	margin-right: 4px;
    margin-top: 1px;
    }
.favouriteEditPageBoxes .checkBoxItem div input{
    margin-top: 2px;
    } 


div#printProductPage.pdpPage .prod-promotion {
    background-size: 16px;
    padding: 0px 0px 0 22px !important;
}
#map_canvas {
    width: 97%;
    height: 700px;
    align: right;
    float: right;
}

#box.shopping_cart_box #total_breakdown #order_total .total_details a {        color: #45b4f7;
    font-size: 12px;
    display: inline-table;
    margin-left: 5px;
    line-height: normal;
    border-bottom: solid 1px #45b4f7;}

.loginMenuDropdown .registerLink{
	border-top: 0px;
    margin-top: 0px;
	padding: 0px 20px 20px;
       }
.loginMenuDropdown .registerLink .field {
    margin-bottom: 5px;
}
.loginMenuDropdown .registerLink a{
    width: 90%;
    text-align: center;
}
.loginMenuDropdown .input_field {
    padding: 7px 10px;
    }
.loginMenuDropdown .button_secondary, .loginMenuDropdown .button_text{    text-transform: none;font-weight: normal;}
.loginMenuDropdown  a{border-radius: 10px !important}

@media screen and (max-width: 1027px)  {
	.subCatePage .cat-description, .subCatePage .headerTxt{display: none;}
}
.regFormSetInput .nationalAccountSection .submitBtn{
	font-weight: normal; 
}

#box.shopping_cart_box div#ShopCartPagingDisplay .reward-points-checkout {    width: 40%;    float: left;     padding: 3px 0px;}

.homePage #Home_products .proCode, .homePage #Home_products .product_price, .homePage #Home_products .product_price, .homePage #Home_products .price-data { display: none;}
#headerRow2 .navBaseHead .navHead div:nth-child(8), #headerRow2 .navBaseHead .navHead div:nth-child(9), #headerRow2 .navBaseHead .navHead div:nth-child(10){
    display:none;
} 

.gridView .header_bar .ui-selectmenu-text{
	display: block;
	padding: 0px 0px 0px 5px;
	font-size: 14px;
    color:var(--black);
	font-weight: 400;
	white-space: nowrap;
    overflow: hidden;
    width: calc(100% - 30px);
    
}

#headerRow2 #advancedSearch {    font-size: 11px;    display: inline-block;    margin: 3px 4px;     float: left;}
@media screen and (max-width: 1027px){#headerRow2 #advancedSearch  {    display: none;}}

.addNewAddressBookPage{
	margin:  0 auto;
}
.addNewAddressBookPage .addressBookChkBoxes div:first-child {
    float: left;
    padding-top: 2px;
}

.addNewAddressBookPage .denotesTxtAndField span:first-child {
    float: left;
    margin-top: -7px;
}
.addNewAddressBookPage .denotesTxtAndField span:nth-child(2) {
    float: left; 
}
.addNewAddressBookPage .required-field{
    margin-top: -1px !important;
}
   
.homePage #hero-banner .contentCarouselWidget>.content {  max-height: 300px;    overflow: hidden;}

 .list_mode .ui-block-a, .subCatePage .list_mode .ui-block-b{
	    width: 100%;
    margin-bottom: 24px;
    padding: 5px;
	}
	
	

/**************static page carousel  End ***************/
.subCatePage .headerTxt .headerDiv hr, .subCatePage .inkTonerFinder{
    padding: 0px;
    margin: 0px;
}
.subCatePage  .cateHeaderImg{
	margin: 0px;
    text-align: center;
}
.subCatePage  .cateHeaderImg img{
    width: 100%;
}
 .rewardPointsTbl  tr:nth-child(even) {
	background: #f1f1f1;
}
 .rewardPointsTbl  tr:nth-child(odd) {
	background: #ffffff;
}
.rewardPointsTbl td {
    text-align: center;
    font-size: 12px;
    color: black;
    font-weight: normal;
    border: 1px solid black;
    padding: 2px 0px;
}
.rewardPointsTbl .headTr th {
    text-align: center;
    font-size: 14px;
    color: white;
    font-weight: normal;
    border: 1px solid black;
    background: #a7a7a7;
    border-top: 2px solid black;
}
.loyaltyRewards p{ 
	font-weight: bold;    
	margin: 10px 0px;
}
.searchResultHead{
       padding-top: 10px;
    text-align: left;
    margin-bottom: 20px;
    position: absolute;
    left: 10px;
}
.search-page-container .content{
	    margin-top: 45px;
}

.searchResultHead .txtCapatalise{
	    text-transform: uppercase;
}
.searchResultHead .widget_title_container{
    line-height: 20px;
    margin-bottom: 0px;
}


.gridView .sorting_controls .perPageSearch .ui-selectmenu-text{
    padding-top: 0px;
}
.gridView .sorting_controls .perPageSearch .ui-icon{
    margin-top: 6px;
}

.gridView .sorting_controls .orderByDropdown .ui-icon{
    margin-top: 6px;
}

.home-page-Container{
	padding-top: 0px;
}
.myAccDetailsPage .personalField .button_footer_line {padding-top: 1px !important;}
.qOrderRemovePad, .noPad{
	padding: 0px !important;
}
/*
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.gridView .sorting_controls .orderByDropdown{
      padding: 0px 0px 5px 0px;
	}
	.gridView .sorting_controls .perPageSearch{
		padding: 0px 0px 5px 0px !important
	}
	.gridView .sorting_controls .perPageSearch .pageSizeSelect{
		padding: 4px;
	}

	
}*/

.recurrOrderLowerPortion .footer, .listTableMobile .footer{border: 0px !important; margin-bottom: 0px !important;}
.recurrOrderLowerPortion {margin-bottom: 10px;}
.recurrOrderLowerPortion .FavouritesFullViewPage .col2 .cell{padding: 5px 0px 5px 0px;}
.recurrOrderLowerPortion .FavouritesPageHeader .col2 .cell{font-size: 14px}
/*
@media only screen and (max-width: 600px){
.recurrOrderLowerPortion .FavouritesPageHeader .col2 .cell{font-size: 12px}
}*/
.recurrOrderLowerPortion .FavouritesPageHeader .type{
	width: 13%;
}
/* Start Murtaza CSS for Tosco */
#services_menu {
    background: url(../images/responsive/services.png) no-repeat center 4px;
    float: left;
    background-size: 38px;
}
#services_menu .nav-head-link a {
    height: 20px !important;
    padding: 48px 0px 0px 0px !important;
}
/* End Murtaza CSS for Tosco */
/* Start Controlling Breadcrumb Spaces In MyAccountSection*/
#page #contentWrapper .rowContainer, .noPad #RequisitionListTable_Widget{
	margin-top: 0px ; 
	padding-top: 0px ;
}


.container_content_rightsidebar{
	padding: 0px;
}
 .reversePad{
 	padding: 0px !important;
 }
 .adjustSpaceFaceNav{
 	margin: 0px 0px !important;
 }
.adjustSpace, .headerDiv{
	margin-top: 10px;
}
.adjustTopSpace {
    margin-top: 10px;
    padding-top: 30px !important;
}
.categoryNavWidget.collapsible{
	padding-top: 0px !important;
}
@media (max-width:1280px) {
	.categoryNavWidget.collapsible{
	margin-top: 10px !important;
	}
}
@media (max-width:1027px) {
	.categoryNavWidget.collapsible{
	margin-top: 0px !important;
	}
	.searchResultHead{
		padding-top: 0px;
	}
}
/* End Controlling Breadcrumb Spaces Spaces In MyAccountSection*/
/* Search Page Mobile Image Aspect Ratio*/

.list_mode .btnsFavAddCart .bulk-price-box{
	width: auto;
}




@media only screen and  (max-width: 750px){
	.subCatePage .cateItems .col2{
		width: 30%;
    	padding: 0% 1.5% !important;
	}
	.subCatePage .cateItems .col2 .imageHolder {
    	box-shadow: 1px 1px 6px #999;
	}
	.subCatePage .cateItems .col2 .imageHolder .img{
    	/* height: auto; */
    	box-shadow: 0px 0px 0px white;
	}
	.subCatePage .cateItems .col12 .col2:NTH-CHILD(4){
		clear: both;
	}
	.subCatePage .cateItems .txtHolder h2 {
    	font-size: 14px;
   		padding-top: 4px;
    }
    .product-quick-find .heading{
	    line-height: 30px;
    font-size: 18px;
}
#quickFind #chapterDropDown,
#quickFind #chapterDropDown1{
	min-height: 36px;
    max-height: 36px;
}
}

/* Search Page Mobile Image Aspect Ratio*/
/*@media only screen and (min-width: 601px){
	.myAccSummaryPage .myAccBox:NTH-CHILD(2), .myAccSummaryPage .myAccBox:NTH-CHILD(5), .myAccSummaryPage .myAccBox:NTH-CHILD(8){
	    margin-left:0px
	}
	.myAccSummaryPage .myAccBox:NTH-CHILD(4), .myAccSummaryPage .myAccBox:NTH-CHILD(7), .myAccSummaryPage .myAccBox:NTH-CHILD(10){
	    margin-right: 0px;
	}
	.myAccSummaryPage  .myAccBox:NTH-CHILD(2), .myAccSummaryPage  .myAccBox:NTH-CHILD(3), .myAccSummaryPage  .myAccBox:NTH-CHILD(4){
	margin-top: 0px;
}
}
@media only screen and (max-width: 600px){
	.myAccSummaryPage .myAccBox:NTH-CHILD(2), .myAccSummaryPage .myAccBox:NTH-CHILD(4), .myAccSummaryPage .myAccBox:NTH-CHILD(6), .myAccSummaryPage .myAccBox:NTH-CHILD(8){
    	margin-left:0px
	}
	.myAccSummaryPage .myAccBox:NTH-CHILD(3), .myAccSummaryPage .myAccBox:NTH-CHILD(5), .myAccSummaryPage .myAccBox:NTH-CHILD(7), .myAccSummaryPage .myAccBox:NTH-CHILD(9){
	    margin-right: 0px;
	}
	.myAccSummaryPage  .myAccBox:NTH-CHILD(2), .myAccSummaryPage  .myAccBox:NTH-CHILD(3){
		margin-top: 0px;
	}
}*/


.myAccDetailsPage .controlWidth{
	padding: 5px 0px !important;
	}
@media only screen and (min-width: 1027px){
.cd-dropdown-content .cd-dropdown-gallery {
    width: 80%;
	background-color: #FFFFFF;
	    margin-left: 10px;
	}
}

.editActions .switchSliderInPages .slider:before {
	    background-color: white;
}


#printProductPage #mainImages #myresult{
    margin-left: 10px;
}


.orderRetrieved .setWidthIpad .img img{
	height: 100%;
}

.financialsField .col2 .button_secondary, .orgFinancialsField .col2 .button_secondary{
	padding: 6px 37px 7px 36px;
}
.financialsField  #costCentreBox #costCentreList, .orgFinancialsField  #costCentreBox #costCentreList{
	max-width: 100%;
    margin-top: 15px;
}

.pdpPage h3.price .charge_lbl {
    float: right;
    font-size: 10pt;
    color: #666666;
    line-height: 26px;
}


#fileUploadStatus #fileUploadStatusBox .fileUpload .logbtn{
	float: right;
}

.v9_quick_order_page #newListPublicPrivateDropdown .wcSelect {
    width: 100%;
}

/* suseedhar changes end */
#checkout_crumb .crumb,#checkout_crumb .crumb .step_on {
	color: var(--primary-color);
}
#checkout_crumb .crumb .step_arrow {
	background: none;
	margin: 0px 4px;
	}
#breadcrumb .on,#checkout_crumb .crumb .step_on,#checkout_crumb .crumb .step_off {
   border-bottom: 1px dotted var(--primary-color);

	}
#checkout_crumb .crumb .step_arrow::after {
	content:">";
    font-family: monospace;
    margin: 0 6px;
    color: #dedede;
    font-size: 14px;
}
/* suseedhar changes end */

.orderHistoryPage form#MQuickOrderForm .order_button a {
    min-width: 75px;
}

.v9_orderItemDisplay_page .nav #checkout-button-row div#giftBtnHolder .button_align a {
   padding: 14px 5px
}


/* suseedhar changes start */

@media ( max-width :1023px) {
	.hideForMobile {
		display: none;
	}
}
/* suseedhar changes end */

/* Strat OrderConfirmation Karim*/

/* End OrderConfirmation Karim*/
#cartHolderHeaderPage{
    float: right;
    height: 38px;
    width: 30px;
    margin-top: 21px;
    background: url(../images/header-icons2.png);
    background-position: -183px -3px;
    cursor: pointer;
}
#cartHolderHeaderPage .cartTot{
    color: white;
    margin-top: 5.5px;
    font-size: 11px;
    /* font-weight: bold; */
    height: 38px;
    width: 33px;
	}
.obShippingBillng  .navHead.stickyHead,.crtItemDisplay  .navHead.stickyHead ,.obPdpPage .navHead.stickyHead {
	position:relative;
}
#MessageArea.store_message{
    position: fixed;
    height: 100vh;
    background: #0000008c;
    margin:auto;
        text-align: center;
  	-webkit-animation-name: messageAnim;
  	-webkit-animation-duration: 1s;
  	animation-name: messageAnim;
  	animation-duration: 1s;
  	z-index: 100002;
}

.showHideOrders .tblProducts td .itemspecs .hover_underline {
    color: var(--primary-color);
    font-size: 12pt;
    }
.showHideOrders .tblProducts .OrderItemMoveToRequisitionLists .addToFavouriteBtnControl {
	padding:0px;
	}
.showHideOrders .tblProducts .itemspecs .removeBtn {
	padding: 1.5px 0px;
} 

/* End Suseedhar CSS for Cart Page */
/* Start OBVM_830: Suseedhar */
.scheduleOrderDisplayExt .ordShipBillHeaders .ordShipHeaderSign {
	color: #4d4d4d;
	font-size: 25px;
	margin-top: -7px;
	margin-right: 6px;
	margin-left: 2px;
}

/* End OBVM_830: Suseedhar */
/* Start OrderConfirmation Page and Grid Search changeSet: Karim */
#inactivityWarningPopup .widget_site_popup{
    margin: 10% auto;
}
#inactivityWarningPopup .widget_site_popup .content{
	padding: 5px;
}
/* End OrderConfirmation Page and Grid Search changeSet: Karim */

.obShippingBillng .shipping-billing-method {
    padding: 8px 0px 0px 0px !important;
}
.pdpPage .long-description #product_longdescription{
    padding:0px !important;
}
.gridView .grid_mode .attributesGridPage .secondary{
	width: 44%;
    float: right;
    text-align: center;
    text-transform: uppercase;
    min-width: 20%;	
    padding: 1px 0px;
	margin: 1px 0px 1px 0px;
    }
.gridView .list_mode .attributesListPage .secondary{
	width: 60%;
    min-width: 30%;
    float: right;
    text-transform: uppercase;
    }
.gridView .grid_mode .product_info .attributesGridPage div.options_dropdown {
	height: 20px;
    margin-bottom: 20px;
    float: left;
}
.pdpPage .navBase2 #add2CartBtn.unavailableBtn{
    background-color: #2196f3;
    text-transform: uppercase;
    border: 1px solid #2196f3;
}
.pdpPage .navBase2 #add2CartBtn.unavailableBtn .button_text{
    text-transform: uppercase;
}
.gridView .grid_mode .gridProduct{
	width: 100%;
}

.gridView .grid_mode .cat-product-attr{
	display:none;
}

.gridProduct .product_info .form-select {
    width: 100%;
}

.list_mode .bulk-price-box .bulk-heading{
	margin-left: 20px;
}


.addNewAddressBookPage .addressBookChkBoxes input{
	margin-right: 4px;
	}
#mainContent_OrderApprovalDetail .withPreviewImage .orderOprEditInput {
    width: 55%;
    font-size: 9pt;
    padding: 4px 1px;
}
/* Start OBVM_1055 */
#footerRow1.topFooterRow > .section:nth-child(3) {
    width: 21%; 
}

/* End OBVM_1055 */
 .orderTotalSumAmount .OrderTotalEstimate{
	border-top: 1px solid var(--secondary-light-color);
    padding: 30px 0px;	
}
.OrderApprovalDetailsDisplayJsp #orderSummaryContainer {
    margin: 10px 0 10px 0px;
}

.OrderApprovarAddMoreItemsTableControl .btnHolder{
	margin: 10px 0px 0px 7px;
    font-size: 14px;
}

.OrderApprovarAddMoreItemsTableControl .OrderApprovarAddMoreItemsTableControlRows .entry{
	border-bottom: 1px solid var(--light-blue);
}
.OrderApprovarAddMoreItemsTableControl .OrderApprovarAddMoreItemsTableControlRows .col5 input{
	width: 90%
}

#footer #footerRow1.last-child{
    padding-bottom: 10px;
}
#headerRow1 #logo .contentRecommendationWidget{
	float:left
	}
.store-logo a,
.logo-wrapper a {
    display: inline-block;
}
.field .header-buyng-for-option{
	color: #000;
    word-break: break-all;
    font-size: 12px;
    line-height: 20px;
    padding: 7px;
        cursor: pointer;
}

#Home_products .product{
	width: 100%;
	float: left;
	padding: 0px 5px 0px 20px !important;
}
.desktopView .carouselWrapper{
    max-height: 205px;
    overflow-y: hidden;
    }
.mobileViewOne .carouselWrapper, .mobileViewTwo .carouselWrapper{
    max-height: 170px;
    overflow-y: hidden;
    }
.mobileViewOne .product, .mobileViewTwo .product{
	float: none !important;
}

/* Start PDP-bundle css start */
.your-bundle .widget_bundle_package_list .product_listing_container>.list_mode .product {
    width: 309px;
    padding: 12px 0 0;
    border: 0px !important;
    margin-bottom: 20px;
    color: #4D4D4D;
    float: left;
    display: inline-block;
    max-width: 300px !important;
}
.your-bundle .widget_bundle_package_list .product_name a {
    font-size: 13px !important;
    line-height: normal !important;
    font-weight: normal !important;
    height: 29px !important;
    overflow: hidden;
}
.your-bundle .widget_bundle_package_list .product_listing_container>.bundle_mode .product .product_info>.product_description p {
    display: none;
}
.your-bundle .widget_bundle_package_list .product_listing_container .product_quantity_addtolist {
    display: block;
}
.your-bundle .widget_bundle_package_list .product_listing_container .bundle_mode .product>.product_image {
    width: 100%;
    height: auto;
    min-height: 100px;
}
.your-bundle .widget_bundle_package_list .product_listing_container>.bundle_mode .product .product_info {
    border-right: 0;
    padding-right: 10px;
    width: 300px;
}
.row.margin-true.your-bundle .container_full_width_bundle {
    width: 100%;
    text-align: center;
    max-width: 100%;
    padding: 5px 0px;
}
.row.margin-true.your-bundle .list_mode.bundle_mode {
    width: 100%;
}
.product_page_content .addcart-quantity .item_spacer_8px {
    display: none;
}
.product_page_content .addcart-quantity div#addToShoppingListBtn.dropdown_primary {
    display: none;
}
.your-bundle .widget_bundle_package_list .list_mode.bundle_mode {
    border: 1px solid #000;
    border-radius: 0;
    border-top: 0;
}
.row.margin-true.your-bundle .container_full_width_bundle {
    width: 100%;
    text-align: center;
    max-width: 100%;
    padding: 6px 0px;
    background: #ededed;
    color: #000;
    border: solid 1px #000;
}
.pdpPage a#addToCartBtn {
    border-radius: 10px;
    padding: 8.7px 0px 5.7px 0px;
    height: 36px;
    font-size: 14px; 
}

.widget_bundle_package_list .product_listing_container .bundle_mode .product>.product_image>a img {width: 100%;height: auto;max-width: fit-content;}
.widget_bundle_package_list .product_listing_container .list_mode .product>.product_info>.product_price .price {font-size: 14pt;}
.your-bundle .widget_bundle_package_list .product_listing_container .product_quantity_addtolist .quantity_input {width: 50px;border-radius: 0;height: 24px;}
/* Start PDP-bundle css end */

/* Start supplierLogoslinks css start */
.row.margin-true.supplierLogoslinks {max-width: 1200px;margin: 5px auto !important;}
.row.margin-true.supplierLogoslinks .contentRecommendationWidget { float: none;}
.homePage #supplierLogos {max-width: 1200px;margin: 5px auto !important;width: 100%;}
.supplierLogos>div.addsupplierLogo {width: calc(20% - 107px);min-height: 81px;text-align: center;display: inline-block;}
div#supplierLogos {flex-wrap: wrap;align-content: center;}
.supplierLogos>div.addsupplierLogo a {display: inline-block;}
.row.margin-true.supplierLogoslinks div#contentRecommendationWidget_Brands_Title_Home_espot {float: none;}
.supplierLogos>div.addsupplierLogo a img {margin: 2px;width: 100%;height: auto;}
/* Start supplierLogoslinks css end */

/* Start favouritepagination css start */
div#favouritepagination {z-index: 1;}
div#favouritepagination .row.footer .pageCount {float: left;}
/* Start favouritepagination css end */

/* Start bundle kit PDP page css start */
.row.margin-true.your-bundle .widget_bundle_package_list .list_mode.package_mode {border: 1px solid #000;border-radius: 0;border-top: 0;width: 100%;}
.row.margin-true.your-bundle .container_full_width_package {width: 100%;text-align: center;max-width: 100%;padding: 6px 0px;background: #ededed;color: #000;border: solid 1px #000;}
.row.margin-true.your-bundle .widget_bundle_package_list .list_mode.package_mode .product_quantity.left {padding-left: 0;}
.row.margin-true.your-bundle .widget_bundle_package_list .list_mode.package_mode .product_quantity.left .quantity_section {padding-left: 0px;}

.pdpPage .button-bar .navBase2 .shopperActions.addcart-quantity .product_quantity_addtolist {float: left; width: calc(41% - 15px);}
.pdpPage .button-bar .navBase2 .shopperActions.addcart-quantity .product_quantity_addtolist .quantity_section {width: 100%;margin-right: 0;}
/* Start bundle kit PDP page css end */



/* Start Notifaction icon for header approver */
.hovermyaccount-notification:hover #myaccount-notification {display: block;}
span.icon-notification { display: block;    position: absolute;    top: 10px;    padding: 3px 0px;    color: #fff;    font-size: 15px;    font-weight: bold;    left: 42px;    height: 14px;    width: 18px;    min-height: 13px;    background: red;    border-radius: 100px;    font-family: none;    padding-top: 1px;    text-align: center;}
.hovermyaccount-notification #myaccount-notification {display: none; color: #233471;position: absolute;width: 102px;font-size: 12px;height: auto;z-index: 2;padding: 4px;border: solid 1px #e62f2d;top: 31px;left: -22px;background: #fffcee;text-transform: initial;}
.hovermyaccount-notification:hover #myaccount-notification {    display: block;    z-index: 10000000000000;    left: auto;    top: auto;}
.userIcon.hovermyaccount-notification .image-icon span.icon-notification {    position: relative;    left: 18px;    top: 23px;    margin: -9px auto;}
.userIcon.hovermyaccount-notification span#myaccount-notification { z-index: 2;    left: auto;    top: auto;    position: absolute;    margin: -38px 74px;}

a.order-history.hovermyaccount-notification span.icon-notification { left: auto;    top: auto;    position: relative;    display: inline-block;}
a.order-history.hovermyaccount-notification span#myaccount-notification {    float: right;    position: absolute;    left: auto;    right: 92px;    margin-top: -3px;}

/* Header changes Header Overlaps and Format is Changed for Various Browsers approver  start*/
.logo-wrapper img {max-width: 440px; width: 100%;}
/* Header changes Header Overlaps and Format is Changed for Various Browsers approver  End*/


/* Product Page - Multiple Images Display  start*/
ul#ProductAngleProdImagesAreaProdList.outerWrapper {text-align: left;position: relative; margin: 0;max-width: 567px;overflow: hidden;display: block;padding: 0;width: 95%;}
ul#ProductAngleProdImagesAreaProdList.outerWrapper li {float: left;    margin-right: 3px;    width: 56px;    padding: 5px;    height: 56px;    border: 1px solid #d6d3d3;    background-color: #fff;    border-radius: 0px;    text-align: center;    list-style: none;}
ul#ProductAngleProdImagesAreaProdList.outerWrapper li  a {	width: 99%;    height: 99%;    text-align: center;    line-height: normal;    border-radius: 0px;}
ul#ProductAngleProdImagesAreaProdList.outerWrapper li a img {    width: 100%;    height: auto;}
.left-nav-btn, .right-nav-btn {	position:absolute;	width:37px;	height:37px;	top: 14px;	cursor:pointer;	opacity: 0.8;	background:transparent url('../images/arrows.png') top left no-repeat;	-webkit-transition:opacity 0.2s linear;	-moz-transition:opacity 0.2s linear;	-o-transition:opacity 0.2s linear;	transition:opacity 0.2s linear;}
.left-nav-btn {	left: -6px;}
.right-nav-btn {	right: -7px;	background-position: top right;}
.left-nav-btn:hover, .right-nav-btn:hover {	opacity: 1;}
ul#ProductAngleProdImagesAreaProdList.outerWrapper .selected {border: 1px solid #ea7827;}
.widget_product_image_viewer>.content>.other_views>.other_views_text {display:none;}
ul#ProductAngleProdImagesAreaProdList.outerWrapper .pager {display: none;}
/* Product Page - Multiple Images Display  End*/


/* Product Compare - Start*/
.no-display{display: none;}
.widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main .row>.item .addcompare-product {background: #eee;padding: 5px 15px 8px 15px;text-align: left; max-width: 142px;}
.widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main .row>.item .addcompare-product span.quantity {    text-align: left;    /* float: left; */}
.widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main .row>.item .addcompare-product span.quantity label.header {    display: block; font-size: 11px; }
.widget_product_compare>.middle>.left_border>.right_border>.content>.compare_main .row>.item input.quantity_input {height: 35px;border: 1px solid #000;border-radius: 0px;width: 45px;margin-right: 5px;margin-top: 1px;}
/* Product Compare - End*/

/* Product Ribbon - Test Product - Start*/
.product_listing_container .list_mode .product .product_image .RibbonAdDefault { top: 0px;left: 0px;width: 117px;height: 117px;font-size: 10px;/* transform: translate(0px, -66px); */-ms-transform: rotate(0deg);background-image: url(../images/rebin.png);background-repeat: no-repeat;background-color: transparent;}
.product_listing_container .list_mode .product .product_image .RibbonAdDefault span { transform: rotate(-45deg);position: absolute;bottom: 21px;left: 0px;top: 30px;width: 132px;text-align: center;}


/* MAIN PDP add arrow Images - End*/
#pdpmainImages {    
text-align: left;
    display: block;
    border: 1px solid #EDF0F8;
    border-radius: 17px;
    margin: 0 auto;
    padding: 40px 50px;
 }
div#pdpmainImages .pager {display: none;}
div#mainImages .innerWrapper {    width: 100% !important;    max-width: 540px;}
#pdpmainImages span.item img {    -webkit-transform: translateY(0%);    -ms-transform: translateY(0%);    transform: translateY(0%);}
div#pdpmainImages .left-nav-btn, 
div#pdpmainImages .right-nav-btn {    top: 164px;}
.compare_target {margin-top: 10px;}


.old_price .price, .old-price .price{
    text-decoration:line-through;
    color:var(--grey-02);
}

.price-data{
	display: flex;
	gap:20px;
}

.price-data .old-price{
	order:2;
	padding-top:2px;
}

.pdp-price .price-col {
	/*font-size: 20px;*/
}
	
.left_espot img{  
    max-width:100%; 
} 
#next-imge, #prev-imge, #next-img, #prev-img{ 
    z-index: 10;  
}

.headerCustomer {
background: url(../images/customer-head.png) no-repeat center 8px;

}
.gridProduct .product_name{
min-height:60px;
max-height:60px;
overflow:hidden;
padding-bottom:12px;
text-transform: capitalize;
}
.gridProduct .cat-product-attr{
	padding-bottom:15px;
}

.featured-products .product_name{
	min-height: auto;
}


.custom-navigation {background: #20A8F2;    margin-left: 20px;}
.cd-dropdown-wrapper .cd-dropdown-content > .custom-navigation a{padding: 0 12px 0px 12px;}
.cd-dropdown-wrapper .cd-dropdown-content > .custom-navigation a:hover{color:white;}


/* guest user checkout address page css */
.unRegisteredPage .myaccount_header {
    border-bottom-width: 1px;
}

.form_content {
    border: 1px solid #adadad;
    padding: 20px 5px 5px 5px;
}
.form_content *{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.form_content  legend {
    font-size: 20px;
    font-weight: bold;
}
.form_content .check-row {
    padding-bottom: 10px;
}
.bs-row{
	width: 100%;
	display: flex;
	    align-items: baseline;
}
.bs-row:after {
    content: "";
    display: block;
    clear: both;
}
.form_content .form_input {
    width: 100%;
    border: 1px solid #888;
    padding: 7px;
    margin: 0 0 10px 0;
    height: auto;
}
.unRegisteredPage .form_content select {
    width: 100% !important;
    border: 1px solid #919191;
    padding: 7px;
    margin: 0 0 10px 0;
    height: auto;
}
.unRegisteredPage #orderItem-total {
    display: none;
}

.ui-dialog[aria-describedby="progress_bar_dialog"] {
    left: auto !important;
}

.ui-dialog[aria-describedby="progress_bar_dialog"] #progress_bar_dialog {
    width: 56px !important;
    min-height: 65px !important;
}
.check-row input {
    margin: 0 8px 0 0;
}
.check-row .col-sm-12 {
    display: flex;
    align-items: center;
}
.bs-row .denote_required_field {
    margin-top: 5px;
}


/* Contract icon css */
.pdpPage .multiimages {
    margin-bottom: 20px !important;
}
.pdpPage .multiimages_inner #prev-imge, .pdpPage .multiimages_inner #next-imge{
	top:44%
}
.widget_product_image_viewer .contracted-icon, .multiimages_inner .contracted-icon{
    position: relative;
    bottom: 80px;
    right: 0;
    width: 48px;
    height: 43px;
    float: right;
}

.contracted-icon .contract-price-icon {
    width: 48px;
    line-height: normal;
}
#order_details .th_align_left_normal .contracted-icon {
    margin-top: -20px;
    float: left;
    margin-left: 5px;
}

.location-modal, .modal-fade  {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow-x: hidden;
    overflow-y: auto;
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  margin: 0 !important;
  font-size: 14px;
  z-index: 999;
}
/* The Close Button */
.closepopup {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.closepopup:hover,
.closepopup:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.info-icon {
    border: solid 2px #333;
    width: 20px;
    height: 20px;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    border-radius: 50%;
    margin-right: 5px;
}

.l-info-box a {
    display: block;
    border: solid 1px var(--secondary-light-color);
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    min-height: 122px;
    box-sizing: border-box;
}

.l-info-box a:hover {
    display: block;
    border: solid 1px var(--secondary-light-color);
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    min-height: 122px;
    box-sizing: border-box;
}

.m-row {
    margin-left: -10px;
    margin-right: -10px;
    width: auto;
}

.m-row .col-sm-3 {
    padding-left: 10px;
    padding-right: 10px;
}



 .l-info-box a:hover {
     background: var(--cart-bg-color);
     border-color: transparent;
 }
 .location-modal .modal-header, .modal .modal-header {
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     padding: 1rem;
     border-bottom: none;
     color: #333;
 }
 .location-modal button.close, .modal button.close  {
     background-color: transparent;
     border: 0;
     -webkit-appearance: none;
     padding: 1rem;
     margin: -1rem -1rem -1rem 0;
     float: right;
     font-size: 2.5rem;
     line-height: 22px;
     color: #000;
     text-shadow: 0 1px 0 #fff;
     opacity: .5;
     cursor: pointer;
 }
 .location-modal .modal-dialog {
    padding: 0;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    margin: 0;
}

.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    box-sizing: border-box;
}
 .flex-row *,  .flex-row *::before,  .flex-row *::after {
    box-sizing: border-box;
}
.location-btn {
    margin-top: 20px;
}

.custom-combobox a.custom-combobox-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 12px;
    height: 12px;
    margin-top: -5px;
}

.ui-autocomplete.ui-front {
    z-index: 1000;
    font-size: 13px;
    max-width: 224px;
}
.ui-autocomplete .ui-menu-item-wrapper {
    word-break: break-word;
}
.custom-combobox .custom-combobox-input {
    display: block;
    width: 100%;
    padding: 0.5rem 0.75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    padding-right: 20px;
}
.custom-combobox {
    position: relative;
    width: 100%;
    display: block;
}

.custom-combobox a.ui-button {
    position: absolute;
    right: 9px;
    top: 13px;
    width: 10px;
    height: 10px;
}


.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    max-height: 170px;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 264px;
}
.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .ui-menu-item{
	margin-left: 0;
}
.ui-tooltip.ui-corner-all.ui-widget-shadow.ui-widget.ui-widget-content {
    z-index: 9999;
    max-width: 240px;
    padding: 5px 10px;
    box-shadow: 0 0 2px rgb(0 0 0 / 50%);
    font-size: 12px;
    background: #f0f0f0;
}

.freight_charge_info.animateMsg .bs-alert {
  animation-name: fadeAlert;
  animation-duration: 1s;
  animation-delay: 5s;
   animation-fill-mode: forwards;
}

fieldset.form_content.edit-address-col {
    max-width: 50%;
    margin-top: 20px;
}
.createAddress .body {
    padding: 0 !important;
    border: 0 !important;
}
.createAddress .myaccount_header {
    border-bottom-width: 1px;
}
.createAddress .custom-combobox a.custom-combobox-toggle {
    right: 5px;
}

textarea:focus, input:focus{
    outline: none;
}
*:focus {
    outline: none;
}
.checkbox_registration, .headingtext, .quick_drop {
    float: left
}
#ResendActivationForm span.strongtext label, #box {
    display: block
}
.placeholder{
	opacity:1 !important;
	cursor:default !important;
}
.order_status_table, .uploadTableList .exampleInfo .exampleTable {
    border-collapse: collapse
}




#popUpCountrySelections #cityDropdown_genericPopup {
    position: absolute;
    width: -webkit-fill-available;
    background: #fff;
    z-index: 1;
    border: 1px solid rgba(0, 0, 0, 0.21);
    border-radius: 10px;
}
div#popUpCountrySelections {
    position: relative;
}
.select-container {
  display: inline-block;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.21);
  border-radius: 8px;
  padding: 14px 8px;
  width: 100%;
  box-sizing: border-box;
}

.selection-detail-container {
    display: block;
    padding-left: 8px;
    height: 100%;
  }

  .sign_in_registration .select-container + .dropdown-container {
    margin-top: -10px;
    margin-top: -10px;
    position: absolute;
    background: var(--white);
    width: calc(100% - 22px);
}
  .select-placeholder {
    color: #999;
    display: inline;
  }
  
  .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
}

.select2-selection__arrow b {
  border-color: #888 transparent transparent;
    border-style: solid;
    border-width: 6px 5px 0;
    height: 0;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 85%;
    width: 0;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.dropdown-container {
  border: 1px solid #aaa;
  border-top: transparent;
  padding: 10px;
}

.search-result {
  max-height: 240px;
  overflow-y: auto;
}

.dropdown-container .search-box {
   height: 30px;
    width: 100%;
   box-sizing: border-box;
   padding: 5px;
}

.dropdown-container1 .search-box {
   height: 30px;
    width: 100%;
   box-sizing: border-box;
   padding: 5px;
}

.search-results-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.search-results-list li:hover {
  background-color: #5897fb;
    color: #fff;
}

.search-results-list1 li:hover {
  background-color: #5897fb;
    color: #fff;
}

.search-results-list li{
  padding: 4px;
  font-size: 12px;
}

.delete-selected-text {
  position: absolute;
  right: 30px;
  cursor: pointer;
}

.render-selected-text .select-placeholder {
  display: none;
}


#message, .msg {
    display:none;
    color: var(--secondary-light-color);
    position: relative;
}

#message p, .msg-text {
    font-size: 14px;
    font-weight:400;
    padding-top:0;
    padding-bottom:18px;
}

.valid, .msg .valid {
    color: var(--green);
}

.valid:before {
    position: relative;
    left: -35px;
}

.invalid, .msg .invalid {
    color: var(--dark-red);
}

.invalid:before {
    position: relative;
    left: -35px;
}

.product-detail {
	float: left;
	padding: 0px 5px;     
	width: 75%;
	}

#order_details .product_specs {
    margin-left: 16px
}
.shipping_billing_img_padding {
    overflow-x: scroll
}
.shipping_billing_img_padding #order_details .itemspecs a.discount {
    padding-left: 0
}

.no-focus-outline a:focus,
.no-focus-outline button:focus {
  outline: none;
}

.order_details_my_account {
    padding: 4px 0
}

#box.shopping_cart_box .espot_checkout_bottom_right {
    margin-left: 580px
}
#box.shopping_cart_box .espot_payment {
    display: inline-block
}
div#shopping_cart_product_table_tall {
    font-size: 12px;
    color: #4d4d4d;
    line-height: 0;
    margin-bottom: 0
}
div#scheduling_options {
    line-height: 2
}
#customers_new_or_returning {
    padding-top: 15px
}
#customers_new_or_returning .returning {
    float: left;
    text-align: left!important;
    padding: 10px 0 52px 20px;
    width: 220px;
    border-left: 2px dotted #e5e5e5;
    position: relative
}
#customers_new_or_returning .new {
    float: left;
    padding: 10px 20px 73px 0;
    text-align: left!important;
    width: 220px;
    position: relative
}
#customers_new_or_returning .new_returning_button {
    text-align: left!important;
    padding: 10px 0 0;
    width: 220px;
    position: absolute;
    bottom: 0
}
#customers_new_or_returning h2 {
    font-size: 12px;
    font-weight: 700;
    color: #777
}
#customers_new_or_returning input {
    color: #4D4D4D
}

.denote_required_field {
    margin: 15px 0
}
.required-field {
    width: 8px;
    padding-top: 2px;
    display: inline
}
.form-group .required-field{
	display:none;
}

.sign_in_registration .required-field{
	display: inline;
}

#location .location_select {
    margin-right: 15px;
    float: left
}
#location .location_select_form {
    padding-right: 0;
    height: 30px
}
#location .location_select_button {
    padding-top: 13px;
    padding-left: 5px;
    margin-left: 5px;
    display: block
}
#box .content_header {
    padding: 10px;
    border-right: solid 1px #e5e5e5;
    border-left: solid 1px #e5e5e5
}
#box .content_header .shipping_info_espot {
    float: left
}
.instruction {
    font-size: 14px;
    margin-bottom: 10px
}
#box .content_footer, #box_1 .content_footer {
    height: 39px;
    background: url(../images/colors/color1/box_footer_tile1.png);
    background-repeat: repeat-x;
    border-right: solid 1px #e5e5e5;
    border-left: solid 1px #e5e5e5
}

#box .espot_checkout_bottom .espot_checkout_bottom_right {
    margin-left: 800px
}
.content_wrapper .content_left_shadow .content_right_shadow .main_content .container_full_width .espot_checkout_top {
    margin-left: 740px;
    padding-top: 5px;
    display: block;
    font-size: 12px
}
.content_wrapper .content_left_shadow .content_right_shadow .main_content .container_full_width .gift_header .espot_checkout_top {
    position: relative;
    top: -35px
}
#box .content_footer .left_corner, #box_1 .content_footer .left_corner {
    float: left;
    background: url(../images/colors/color1/box_footer_left1.png) no-repeat;
    width: 11px;
    height: 39px
}
#box .content_footer .right_corner, #box_1 .content_footer .right_corner {
    float: right;
    background: url(../images/colors/color1/box_footer_right1.png) no-repeat;
    width: 11px;
    height: 39px
}
.button_footer_line {
    padding-top: 18px;
    padding-bottom: 8px;
    float: left
}
.button_footer_line_csr {
    float: right
}
.no_float {
    float: none
}
.content_footer .button_footer_line {
    padding-top: 2px
}
.store_locator_title {
    font-size: 22px;
    color: var(--primary-color);
    padding-bottom: 5px
}
div#your_store_list .text_padding {
    padding: 10px 0;
    font-size: 14px
}
#bopis_table, #bopis_table1 {
    padding-bottom: 4px;
    margin-top: 5px
}

#bopis_table th, #bopis_table1 th {
    border-bottom: 1px solid #e5e5e5;
    height: 18px;
    vertical-align: top;
    text-align: left;
    color: #777;
    font-weight: 700
}
#bopis_table td {
    padding: 6px 0;
    vertical-align: top
}
#bopis_table .dotted_bottom_border {
    border-bottom: 1px dotted #E5E5E5
}
#bopis_table td.avail img {
    vertical-align: middle
}
#bopis_table1 .dotted_bottom_border {
    border-bottom: 2px dotted #E5E5E5
}
#bopis_table1 td {
    padding: 6px 10px 0 0;
    vertical-align: top
}
#bopis_table1 td.avail img {
    vertical-align: middle
}
#bopis_table1 input {
    margin-right: 16px;
    margin-left: 8px
}

.step_arrow {
    background: url(../images/colors/color1/bar.gif) no-repeat;
    height: 12px;
    width: 16px;
    display: inline-block
}
#box .main_header {
    background: url(../images/colors/color1/box_header_tile1.png);
    background-repeat: repeat-x
}
#box .main_header:after {
    content: "";
    display: block;
    clear: both
}
#box .main_header .left_corner {
    float: left;
    background: url(../images/colors/color1/box_header_left1.png) no-repeat;
    width: 11px;
    height: 33px
}
#box .main_header .right_corner {
    float: right;
    background: url(../images/colors/color1/box_header_right1.png) no-repeat;
    width: 11px;
    height: 33px
}

div.free_gifts_block {
    float: left;
    width: 691px
}
#shipping div.free_gifts_block {
    width: 917px
}
#box .main_header .left_corner_straight {
    float: left;
    background: url(../images/colors/color1/box_header_left_straight.png) no-repeat;
    width: 11px;
    height: 33px
}
#box .main_header .right_corner_straight {
    float: right;
    background: url(../images/colors/color1/box_header_right_straight.png) no-repeat;
    width: 11px;
    height: 33px
}
.editAddressLink, .newShippingAddressButton {
    color: #006ECC
}
.payment_heading {
    font-weight: 700;
    width: 150px;
    color: #777;
    font-size: 12px;
    padding-top: 5px
}
#billing .billing_address_container, .billing .billing_address_container {
    float: left;
    min-width: 100px;
    max-width: 200px;
    word-wrap: break-word
}
.card_info {
    display: inline-block;
    width: 300px
}
.card_info .col1 {
    float: left;
    width: 365px;
    padding-top: 5px
}
.card_info .col1 .card_number {
    width: 160px;
    float: left
}
.card_info .col1 .date {
    display: block;
    padding-top: 5px
}
.card_info .col1 span input {
    font-size: 12px
}
.card_info .month_year {
    float: left;
    padding-right: 18px
}
.card_info select {
    width: 63px
}
.card_info a {
    font-size: 8pt;
    color: #404040;
    text-decoration: none;
    padding-left: 4px;
    line-height: 19px;
    vertical-align: top
}
.card_info a:hover, .hover_underline a:hover, a.hover_underline:hover {
    text-decoration: underline
}


.order_link {
    color: #006ECC
}


.owl-item .price {font-size:16px}
.price {
   color:var(--secondary-color);
}
.offerprice {
    color: var(--secondary-light-color)
}

iframe {
    display: block;
}
.error_msg, .my_account .content {
    display: block
}
.breadcrumb_current {
    color: var(--primary-color);
    font-weight: 700
}
#breadcrumb .on {
    color: var(--primary-color);
    font-size: 22px
}
.top_border {
    float: right
}
.space {
    height: 6px
}
textarea {
    padding: 2px;
    border: 1px solid #bfbfbf;
    overflow: auto;
    width:100%;
    font-family: 'Inter', sans-serif;
    border-radius: 10px;
}

.button_left_padding {
    margin-left: 6px
}
.error_msg {
    color: red;
    padding-bottom: 10px
}
.my_account_content_bold, .status_msg {
    color: #777;
    font-weight: 700
}
.no_bottom_border {
    border-bottom: 0
}

div#radio_choices div {
    margin-bottom: 6px
}
div#radio_choices div input {
    margin: 0;
    vertical-align: top
}


#box .my_account .body, .my_account .content {
    border-left: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5
}
.product_info p.online_availability {
    padding-top: 5px
}
.my_account {
    width: 100%;
    padding: 0;
    margin: 0;
    float: left
}
.my_account .info {
    padding: 8px
}
.my_account_content_bold {
    font-size: 12px
}
.my_account legend {
    white-space: normal;
    display: table
}
#box .my_account .body {
    margin: 0;
    padding: 0 8px;
    display: block;
    font-size: 12px;
    color: #4d4d4d;
    min-height: 150px
}

div.info_table {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-radius: 5px;
    display: -moz-inline-block;
    display: inline-block;
    zoom: 1
}
div.info_table div.row {
    border-bottom: 1px solid #e5e5e5
}
div.info_table div.row div.info_content, div.info_table div.row div.info_content1, div.info_table div.row div.label, div.info_table div.row div.label1, div.info_table div.row div.label2 {
    float: left;
    text-align: left;
    padding: 7px 0 3px 5px;
    vertical-align: middle
}
div.info_table div.row div.label {
    border-right: 1px solid #e5e5e5;
    background-color: #fbfbfb;
    width: 130px;
    padding-left: 8px;
    padding-right: 8px;
    height: auto!important;
    min-height: 23px;
    font-size: 12px
}
div.info_table div.row div.info_content {
    background-color: #fff;
    display: -moz-inline-block;
    display: inline-block;
    zoom: 1;
    border-right: none;
    padding-right: 7px;
    font-size: 12px
}
div.info_table div.row div.label1 {
    width: 210px;
    padding-left: 5px;
    padding-right: 5px;
    height: auto!important;
    min-height: 23px;
    overflow-x: auto
}
div.info_table div.label1 {
    overflow-x: auto
}
div.info_table div.row div.label2 {
    width: 100px;
    padding-left: 5px;
    padding-right: 5px;
    min-height: 23px;
    height: 23px
}
div.info_table div.row div.info_content1 {
    display: -moz-inline-block;
    display: inline-block;
    zoom: 1;
    border-right: none;
    padding-right: 7px;
    height: auto!important;
    min-height: 23px;
    width: 210px
}
div.info_table div.row div.info_content input, 
div.info_table div.row div.info_content select {
    margin: 0;
    height: 20px
}

.form_2column .align {
    padding-bottom: 10px
}


.shipping_billing_content:after {
    content: "";
    display: block;
    clear: both
}

#my_account_billing:after, #my_account_shipping:after {
    content: "";
    display: block;
    clear: both
}


.my_account .myaccount_link {
    color: #006ECC
}
.quick_checkout_profile_padding {
    padding-bottom: 7px
}
.order_status_table {
    padding: 8px 0;
    width: 100%
}
.order_status_table .ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.order_status_table .ul .li {
    float: left;
    padding: 15px 0
}
.order_status_table .ul .row {
    min-height: 35px
}
.order_status_table .ul .clear_float {
    float: none;
    font-size: 0;
    padding: 0
}
.order_status_table .column_heading {
    border-bottom: 1px solid #e5e5e5;
    font-weight: 700;
    color: #777;
    text-align: left
}
.order_status_table .column_heading th.li {
    padding-top: 3px;
    padding-bottom: 15px
}
.order_status_table .row {
    border-bottom: 2px dotted #e5e5e5;
    min-height: 30px
}
.order_status_table .ul .row .li {
    padding: 6px 5px
}
.order_status_table .ul .row .clear_float {
    padding: 0
}
.order_status_table .order_number_column_1 span {
    display: block
}
div#PreviouslyProcessed, div#WaitingForApproval {
    padding-right: 10px
}

legend#legend_usr_ {
    display: none;
}
span#zipcodeDetails_addressFormWC_OrganizationRegistrationAddForm_AddressEntryForm_FormInput_org_zipCode_1 {
    min-height: 35px;
}

span#cityDetails_addressFormWC_OrganizationRegistrationAddForm_AddressEntryForm_FormInput_org_city_1 {
    min-height: 35px;
}

.order_status_table div.option_button span.primary_button span.button_container span.button_top span.button_bottom a {
    position: static
}
.order_status {
    padding-bottom: 0;
    width: 100%
}
.order_status .info {
    padding: 5px 11px 0 14px;
    line-height: 15px
}
.order_status .tabfooter {
    height: 14px
}
.order_status_table .options_column span.primary_button span.button_container span.button_top span.button_bottom {
    min-width: 65px
}

.order_status_table.scheduled_orders .options_column div.edit, .order_status_table.subscriptions .options_column div.edit {
    margin-top: 0!important
}

.sign_in_registration .myaccount_header {
    background: #fff;
    padding: 10px 0px;
    border: 1px solid #fff;
    border-bottom: 0px;
}
.myaccount_header {
    background-color: #F5F5F5;
    border-color: #345e9e #E5E5E5 #E5E5E5;
    border-style: solid;
    border-width: 2px 1px 0;
    color: #777;
    font-size: 16px;
    padding: 8px
}
.myaccount_header:after {
    content: "";
    display: block;
    clear: both
}
.myaccount_header.bottom_line {
    background-color: #F5F5F5;
    border-bottom: 1px solid #E5E5E5
}
.myaccount_header.no_side_lines {
    border-right: none;
    border-left: none
}
.myaccount_content {
    border: 1px solid #e5e5e5;
    margin: 0;
    padding: 0 8px;
    display: block
}
.gift_section, .myaccount_section_header.around_border {
    border: 1px solid #E5E5E5
}
.myaccount_content.margin_below, .myaccount_desc {
    margin-bottom: 8px
}
.myaccount_desc {
    font-size: 12px
}
.myaccount_desc_title {
    padding: 10px 0;
    color: #666;
    font-weight: 700;
    font-size: 12px
}
.myaccount .bopis_link {
    color: #006ECC
}
.myaccount_section_header {
    background: #F5F5F5;
    border-bottom: 1px solid #E5E5E5;
    height: 33px;
    margin: 0 auto
}

.checkout_subheader:after, .myaccount_subheader:after {
    content: "";
    display: block;
    clear: both
}
.checkout_subheader_content, .my_account_wishlist .remove {
    display: inline-block;
    vertical-align: middle
}
.my_account .header {
    height: 33px;
    line-height: 33px;
    margin: 0;
    padding: 0;
    font-size: 14px;
    padding-left: 8px;
    color: #666
}
.myAccountSubHeading {
    margin-bottom: 10px;
    font-size: 18px
}
.gift_section {
    clear: both;
    margin-bottom: 8px
}

#wishlist .header {
    padding: 6px 4px 4px 8px
}
#wishlist .header_text {
    padding: 6px 0 0;
    line-height: 14px
}
#wishlist .contents {
    background: 0 0;
    background-repeat: repeat-y;
    padding: 6px 4px 8px 8px
}
.required-field_wishlist {
    width: 8px;
    color: #d90101;
    position: relative;
    top: 2px
}
.wishlist_side_space {
    padding-left: 0
}
.my_account_wishlist {
    width: 66.666666%;
    float: left;
    font-size: 14px
}

.my_account_shared_wishlist {
    font-size: 14px
}
.my_account_shared_wishlist #WishlistDisplay_Widget .body588 {
    border-left: 1px solid #E5E5E5;
    border-right: 1px solid #E5E5E5
}
.my_account_shared_wishlist #WishlistDisplay_Widget #four-grid-wishlist {
    padding-left: 10px
}
.shared_wishlist_title {
    padding-bottom: 10px;
    font-size: 16px
}
.my_account_wishlist_container {
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px
}
.my_account_wishlist .deleteLink, my_account_wishlist .deleteLink a {
    color: #4d4d4d;
    font-size: 12px
}
.my_account_wishlist .remove {
    background: url(../images/colors/color1/remove.png) no-repeat;
    height: 7px;
    margin-bottom: 3px;
    margin-right: 3px;
    width: 7px;
    text-decoration: none
}
.multiple_wishlist_link_divider {
    background-image: url(../images/colors/color1/listdiv.png);
    background-position: center;
    background-repeat: no-repeat;
    height: 22px;
    padding-left: 5px;
    padding-right: 5px;
    width: 7px
}

.left_wishlist {
    padding: 9px 0;
    float: left
}
#box .subheader_text {
    font-size: 12px;
    padding-left: 10px
}
#box .my_account_wishlist #WishlistDisplay_Widget .divider_line_style {
    background-color: #FFF;
    background-position: left;
    clear: both;
    height: 1px;
    font-size: 0
}
#box .views_icon {
    position: relative;
    left: -10px;
    top: 10px
}
div .top_pagination, div#top_pagination {
    padding: 5px 0;
    border-left: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    border-bottom: solid 1px #e5e5e5
}
#getWidgetButton .subscribe_share_controls {
    margin-top: -24px;
    margin-right: 12px;
    color: #777;
    overflow: hidden;
    cursor: pointer
}
#getWidgetButton .subscribe_share_controls>.text {
    text-decoration: none;
    line-height: 15px;
    float: right;
    color: #777
}
#getWidgetButton .subscribe_share_controls>.icon {
    float: right;
    margin-left: 4px
}
#breadcrumb {
       min-height: 25px;
    padding: 0;
    margin-bottom: 2px;
    max-width: 1200px;
    margin: 0 auto;
}
div#user_session_timeout {
    max-width: 1200px;
    margin: 0 auto;
}
#breadcrumb .title {
    padding: 0 0 7px 15px
}
.myaccount_title {
    color: #222
}
#WC_MyAccountDisplay_div_1 .myaccount_breadcrumb {
    color: #59677D
}
#WC_MyAccountDisplay_div_1 .myaccount_title .landingpage_link {
    color: var(--primary-color);
    font-size: 22px
}
#WC_MyAccountDisplay_div_1 .myaccount_title .sub_breadcrumb {
    color: #59677D;
    font-size: 16px
}
#WC_MyAccountDisplay_div_1 .myaccount_title .current_breadcrumb {
    color: #59677D;
    font-size: 16px;
    font-weight: 700
}
#WC_MyAccountDisplay_div_1 .myaccount_title .divider {
    vertical-align: 16%;
    font-size: 18px
}
#four-grid, #four-grid-espot, #four-grid-wishlist {
    padding: 0 10px 0 7px;
    margin: 0;
    vertical-align: top;
    line-height: normal
}
#four-grid-wishlist .item .description_fixedwidth {
    height: 45px;
    padding: 4px 0 0 4px;
    overflow: auto;
    width: 150px
}
#four-grid td, #four-grid-espot td, #four-grid-wishlist td {
    width: 25%
}
#four-grid .item, #four-grid-espot .item {
    padding: 10px 5px 3px;
    vertical-align: top
}
#four-grid-wishlist .item {
    padding: 10px 5px 3px 10px;
    vertical-align: top;
    float: left
}
#four-grid-wishlist .img {
    width: 94px;
    height: 94px;
    text-align: center
}
#four-grid-wishlist .img>a>img {
    height: 100%
}
#four-grid .item .description, #four-grid-espot .item .description, #four-grid-wishlist .item .description {
    height: 60px;
    padding-top: 5px;
    padding-left: 5px
}
#four-grid .item .price, #four-grid-espot .item .price {
    height: 35px;
    padding-left: 3px;
    font-size: 12px;
}
#four-grid-wishlist .item .price {
    padding-left: 3px;
    padding-bottom: 10px;
    font-size: 12px;
    min-height: 32px;
}
#four-grid .item .button .multiple_buttons, #four-grid-espot .item .button .multiple_buttons, #four-grid-wishlist .item .button .multiple_buttons {
    height: 24px
}
#four-grid .divider_line, #four-grid-espot .divider_line, #four-grid-wishlist .divider_line {
    border-top: 1px solid #edeff0
}
#second_level_category_popup, .cancel_subscription_popup {
    width: 457px!important;
    position: absolute;
    display: block;
    z-index: 9999;
    background-color: #fff;
    overflow: hidden;
    border: 3px solid #a2a2a2
}
#horizontal_grid div.item_container_divider div.divider_line, .my_account_shared_wishlist #horizontal_grid div.item_container div.divider_line {
    border-top: 1px solid #E5E5E5
}
#second_level_category_popup .top_left, .cancel_subscription_popup .top_left {
    background-image: url(../images/colors/color1/popup_topleft.png);
    background-repeat: no-repeat;
    height: 10px;
    width: 8px;
    float: left;
    display: none
}
#second_level_category_popup .top_right, .cancel_subscription_popup .top_right {
    background-image: url(../images/colors/color1/popup_topright.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 10px;
    width: 490px;
    float: left;
    display: none
}
#second_level_category_popup .close, .cancel_subscription_popup .close {
    padding: 12px 15px 9px 0;
    color: #666;
    background-color: #f5f6f7;
    border-bottom: 1px solid #edefe0
}
#second_level_category_popup .close .icon, .cancel_subscription_popup .close .icon {
    padding-top: 2px;
    padding-left: 4px;
    float: right
}
#second_level_category_popup .bodycontent div.clear_float, .cancel_subscription_popup .bodycontent div.clear_float {
    clear: both
}
#second_level_category_popup .footer {
    text-align: right;
    height: 14px;
    width: 498px;
    display: none
}
#second_level_category_popup .footer .bot_left {
    background-image: url(../images/colors/color1/popup_botleft.png);
    background-repeat: no-repeat;
    height: 14px;
    width: 8px;
    float: left
}
#second_level_category_popup .footer .bot_right {
    background-image: url(../images/colors/color1/popup_botright.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 14px;
    width: 490px;
    float: left
}
.multiple_wishlist_actions_border {
    padding-top: 0;
    padding-bottom: 5px;
    text-align: right
}
#horizontal_grid, .my_account_shared_wishlist #horizontal_grid {
    margin: 0 auto;
    padding: 0 10px
}
.bopis_link {
    color: #006ECC
}


#horizontal_grid div.item_container>div[id^=baseContent_soaWishList_] {
    width: 94px;
    height: 94px;
    text-align: center;
    float: left
}
#horizontal_grid div.item_container>div>a>img {
    height: 100%
}
#horizontal_grid div.item_container td {
    padding: 3px 0;
    vertical-align: top
}
#horizontal_grid div.item_container div.image {
    padding: 2px 0 2px 5px;
    text-align: center;
    width: 90px
}
#horizontal_grid div.item_container td.information {
    width: 71%
}
#horizontal_grid div.item_container td.information p {
    font-size: 12px
}
#horizontal_grid div.item_container td.information h3 {
    font-size: 12px;
    font-weight: 700;
    padding-right: 7px;
    color: #4d4d4d
}
#horizontal_grid div.item_container td.price {
    font-weight: 700;
    text-align: right;
    width: 15%;
    white-space: nowrap
}
#horizontal_grid div.item_container td.price span.price {
    font-weight: 700;
    text-align: right;
    white-space: nowrap
}
#horizontal_grid div.item_container td.price .price {
    font-size: 12px;
    font-weight: 700;
    text-align: right
}
#horizontal_grid div.item_container td.add_to_cart {
    text-align: right;
    width: 35%;
    padding-left: 5px
}
.listPrice {
    text-decoration: line-through;
    font-weight: 400
}
td.item .listPrice {
    font-weight: 700;
    text-decoration: line-through
}

.sign_in_registration .container h2, .sign_in_registration .right h2 {
    font-size: 16px;
    font-weight: 400
}

#SendMsgForm .header h2 {
    font-size: 12px
}
#breadcrumb .title h1 {
    font-size: 22px
}
#my_account_billing h1, #my_account_shipping h1 {
    font-size: 14px
}
#centered_single_column_form .order_link {
    font-size: 16px
}
#box .paging {
    padding-left: 12px
}
.shopcart_pagination {
    float: left;
    width: 100%
}
#ShopcartPaginationText1 .textfloat {
    float: left;
    padding-top: 10px
}
#ShopcartPaginationText2 .textfloat {
    float: left;
    padding-top: 5px
}
#ShopcartPaginationText1 .divpadding {
    float: left;
    padding-left: 12px;
    padding-top: 10px
}
#ShopcartPaginationText2 .divpadding {
    float: left;
    padding-left: 12px;
    padding-top: 5px
}

#couponWalletTopBorder {
    border-top: 1px solid #C9D3DE;
    float: right;
    margin-top: 10px;
    width: 100%
}
#couponWalletTable {
    float: right;
    margin-top: 10px;
    margin-bottom: 10px
}
#couponWalletTable th {
    text-align: left;
    padding-left: 7px;
    border-bottom: 1px solid #C9D3DE;
    font-size: 12px;
    font-weight: 700;
    color: #666
}
#couponWalletTable td {
    border-bottom: 1px dotted #C9D3DE;
    padding: 6px 7px;
    vertical-align: middle;
    font-size: 12px
}
.couponWalletTable_couponName {
    width: 247px;
    word-break: break-word
}
.couponWalletTable_couponName a {
    font-size: 12px
}
.couponWalletTable_expirationDate {
    width: 131px;
    word-break: break-word;
    color: #4d4d4d
}
.couponWalletTable_buttonColumn {
    width: 88px
}
.couponWallet_NoCouponsMessage {
    padding-top: 7px;
    font-size: 12px
}
.actions_popup .cancel, .actions_popup .edit, .actions_popup .link, .actions_popup .reorder {
    font-size: 8pt;
    color: #006ECC
}

.actions_down_arrow {
    margin: 0;
    padding: 0;
    width: 7px;
    height: 5px;
    background-image: url(../images/arrow.png);
    position: absolute;
    bottom: 4px;
    right: 2px
}
.actions_popup {
    width: 135px;
    padding: 5px 10px 10px;
    margin: -5px;
    background-color: #fff;
    z-index: 2;
    border: 1px solid #c0dcf2;
    top: 8px;
    right: 6px
}
.actions_popup .edit {
    padding-bottom: 4px;
    line-height: 10px
}
.actions_popup .reorder {
    padding: 4px 0;
    line-height: 10px
}
.actions_popup .cancel {
    padding-top: 4px;
    line-height: 10px
}
.cancel_subscription_popup {
    width: 325px!important
}
.cancel_subscription_popup h2 {
    font-size: 14px;
    font-weight: 700
}
.cancel_subscription_popup .footer .bot_right, .cancel_subscription_popup .top_right {
    background-position: right center;
    width: 317px!important
}
.cancel_subscription_popup .header {
    background-image: url(../images/colors/color1/popup_center_tile_mini.png);
    background-repeat: repeat-y;
    text-align: right;
    clear: left
}
.cancel_subscription_actions_border {
    padding-top: 7px;
    padding-bottom: 12px
}
.cancel_subscription_popup .bodycontent {
    background-repeat: repeat-y;
    padding: 0 25px
}
.tab_container_top .tab_active_middle, .tab_container_top .tab_inactive_middle {
    padding: 0 10px;
    line-height: 27px;
    font-size: 14px;
    float: left;
    margin: 0;
    white-space: nowrap
}
.cancel_subscription_popup .footer {
    text-align: right;
    height: 14px;
    width: 325px
}
.tab_container_top {
    width: 100%;
    height: 27px
}
.tab_container_top .tab_clear {
    width: 22px;
    height: 27px;
    float: left
}
.tab_container_top .tab_active_left {
    width: 6px;
    height: 27px;
    float: left;
    background-image: url(../images/colors/color1/tab_active_left.png)
}
.tab_container_top .tab_inactive_left {
    width: 6px;
    height: 27px;
    float: left;
    background-image: url(../images/colors/color1/tab_inactive_left.png)
}
.tab_container_top .tab_active_middle {
    height: 27px;
    background-image: url(../images/colors/color1/tab_active_bg.png)
}
.tab_container_top .tab_active_inactive {
    width: 25px;
    height: 27px;
    float: left;
    background-image: url(../images/colors/color1/tab_active_inactive_divider.png)
}
.tab_container_top .tab_inactive_active {
    width: 25px;
    height: 27px;
    float: left;
    background-image: url(../images/colors/color1/tab_inactive_active_divider.png)
}
.tab_container_top .tab_inactive_middle {
    height: 27px;
    background-image: url(../images/colors/color1/tab_inactive_bg.png);
    text-align: bottom
}
.tab_container_top .tab_link {
    line-height: 27px;
    margin: 0;
    white-space: nowrap;
    font-size: 14px
}
.tab_container_top .tab_inactive_right {
    width: 26px;
    height: 27px;
    float: left;
    background-image: url(../images/colors/color1/tab_inactive_right.png)
}
.tab_container_top .tab_active_right {
    width: 26px;
    height: 27px;
    float: left;
    background-image: url(../images/colors/color1/tab_active_right.png)
}
.tab_container_base {
    width: 100%;
    height: 6px;
    padding: 0;
    background-image: url(../images/colors/color1/tab_container_middle.png)
}
.tab_container_base .tab_container_left {
    width: 7px;
    height: 6px;
    background-image: url(../images/colors/color1/tab_container_left.png);
    float: left
}
.tab_container_base .tab_container_right {
    width: 7px;
    height: 6px;
    background-image: url(../images/colors/color1/tab_container_right.png);
    float: right
}
#scheduleOrderInputSection .scheduleOrderAreaInterval {
    clear: left;
    float: left;
    padding: 10px 55px 5px 0;
    width: 120px;
    font-size: 12px;
    color: #777
}
#scheduleOrderInputSection .scheduleOrderAreaNextDelivery, #scheduleOrderInputSection .scheduleOrderAreaStartDate {
    float: left;
    width: 176px;
    padding: 10px 5px 5px 0;
    position: relative
}
#scheduleOrderInputSection .scheduleOrderAreaStartDate {
    font-size: 12px;
    color: #777
}
#scheduleOrderInputSection .title {
    font-weight: 700
}
.breadcrumb_item {
    float: right;
    padding: 2px 2px 0
}
#orderItemDisplay {
    color: #59677D;
    font-size: 14px;
    font-weight: 400;
    padding: 7px 7px 0px 14px;
}
#orderItemDisplay .breadcrumb_item {
    float: right;
    padding: 2px 9px 0 0
}


.order_content {
    color: var(--primary-color)
}
.checkout #box .body, .checkout #box_1 .body {
    border-left: solid 1px #e5e5e5;
    border-right: solid 1px #e5e5e5;
    margin: 0;
    padding: 0 8px;
    display: block;
    width: 917px
}
.gift_content, .gift_header {
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5
}
.checkout_show_icon {
    position: absolute;
    top: 0;
    right: 10px
}
.checkout_show_icon .hide {
    min-width: 50px;
    font-size: 12px;
    color: #777
}
.content_text_title {
    display: table-cell;
    font-size: 14px;
    font-weight: 700;
    color: #666;
    padding-bottom: 4px
}
#gift_registry_box {
    margin: 8px auto 0;
    max-width: 935px
}
.gift_header {
    position: relative;
    background-color: #f5f5f5;
    border-top: 2px solid #345e9e;
    padding: 0 8px;
    color: #777;
    font-size: 16px;
    height: 33px;
    line-height: 33px;
    white-space: nowrap;
    font-weight: 400;
    margin-top: 5px
}
.gift_content {
    margin: 0 auto;
    padding: 8px;
    font-size: 12px
}
.gift_content.no_top_border {
    border-top: none
}
.gift_content.margin_below {
    margin-bottom: 8px
}
.remove_store_link {
    color: #006ECC;
    white-space: nowrap
}
#quick_order {
    padding: 11px;
    white-space: normal;
    line-height: 1.4;
    font-size: 12px;
    min-width: 220px
}
#quick_order .input_form {
    float: left
}
#quick_order .error_text {
    color: var(--primary-color)
}
#quick_order .headers {
    padding-bottom: 8px
}
#quick_order .img {
    float: right;
    padding-right: 8px
}
#quick_order .order_button {
    float: left;
    padding-left: 20px
}
#quick_order .input_form .QTY {
    float: left;
}
#quick_order .input_form .SKU {
    float: left;
}
#quick_order .input_form .input .SKU_field {
    width: 126px;
    margin-right: 7px
}
#quick_order .input_form .input .QTY_field {
    width: 45px
}
#quick_order .input_form .input .line_number {
    text-align: center;
    width: width: 8.333333%;
    border: 0px;
}
#quick_order .input_form .input .input_sub_fields {
    display: inline-block
}
#quick_order .input_fields {
    padding-top: 5px;
    width: 100%
}
#content710 {
    float: left;
    padding-top: 1px
}
.drop_down {
    height: 23px;
    padding: 2px 0 1px;
    margin-bottom: 9px
}
.drop_down_checkout {
    height: 23px;
    padding: 1px;
    border: 1px solid #BFBFBF;
    margin-bottom: 9px;
    width: 185px
}

.drop_down_billing {
    height: 23px;
    padding: 2px 0 1px;
    margin-right: 5px
}
.left_drop_down_shipment {
    padding: 7px 0
}
.drop_down_country {
    height: 23px;
    padding: 1px;
    margin-bottom: 10px;
    border: 1px solid #BFBFBF
}


@media (max-width:793px) {
#customers_new_or_returning .new, #customers_new_or_returning .returning {
    float: none;
    padding: 10px 0;
    width: 100%
}
#customers_new_or_returning .returning {
    border-left: none;
    border-top: 2px dotted #e5e5e5
}
#customers_new_or_returning .new_returning_button {
    position: static
}
}
.basicButton, .departmentButton {
    position: relative;
    border-spacing: 0
}
#B2BShippingChargeExt_shipcharge_table {
    clear: both;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 5px
}
#B2BShippingChargeExt_shipcharge_table tr.nested th {
    border-bottom: 1px solid #e5e5e5;
    height: 19px;
    vertical-align: top;
    padding-top: 1px;
    padding-bottom: 4px;
    color: #777;
    line-height: 18px
}
#B2BShippingChargeExt_shipcharge_table th {
    height: 18px;
    vertical-align: top;
    padding: 0;
    font-weight: 700
}
#B2BShippingChargeExt_shipcharge_table td {
    border-bottom: 2px dotted #e5e5e5;
    font-weight: 400;
    padding: 8px 0;
    text-align: left;
    vertical-align: top
}
#B2BShippingChargeExt_shipcharge_table .th_align_left_no_bottom {
    border-bottom: 0
}
#B2BShippingChargeExt_shipcharge_table .align_left {
    text-align: left
}
#B2BShippingChargeExt_shipcharge_table .th_align_left_normal {
    border-bottom: 0;
    min-width: 140px;
    padding: 6px 0;
    text-align: left
}
input.wcDatePickerButtonInner {
    position:relative;
        width: 100%;
    box-sizing: border-box;
}
.dijitCalendarWidth{
	position:relative;
}
.dijitCalendarWidth:before{
	content:'';
	position:absolute;
    background-image: url(../images/icons/Calendar.png);
    background-repeat: no-repeat;
        z-index: 1;
    width: 24px;
    height: 24px;
    right: 3px;
    top: 5px;
}
div.punchout_pay_button_div {
    margin-top: 10px
}
.owl-carousel {
    display: block;
}
 
.owl-carousel .owl-item:not(:first-child) {
    /*display: none;*/
}
 .owl-carousel .owl-wrapper{
 	height:auto;
 	overflow: hidden;
 }
.owl-carousel img {
    width: auto;
}

.owl-carousel:not(.owl-loaded) {
        display: block;
        overflow-y: hidden;
    }

.empty-footer{
	border-top:1px solid #eee;
	padding:24px 0;
}

.attr-heading{
	padding-bottom:14px;
}

/* Registration UI */
.registration-form .form-control{
	width:100%;
}


/* AccountAddress Data table */
.store-address-table{
	width:100%;
	overflow: auto;
	max-height:400px;
}

.store-address-table  .store-address-table-data{
	width:3500px;
}

.address-table-description{
	max-width:180px;
}

.action-btns .edit, .action-btns .delete{
	color:--primary-color;
}

.store-address-table .store-address-table-data  th{
	white-space: nowrap;
}
/* End AccountAddress Data table */


/* PDP Data table */
.price-list-table .price-table  th,
.store-address-table .store-address-table-data  th {
	border-right: 1px solid var(--secondary-light-color);
	border-bottom: 1px solid var(--secondary-light-color);
    overflow-wrap: anywhere;
    font-size: 12px;
    background: #70768F;
    color: var(--white);
    text-align:left;
}
.price-list-table .price-table  td,
.store-address-table .store-address-table-data  td {
	border-right: 1px solid var(--secondary-light-color);
	border-bottom: 1px solid var(--secondary-light-color);
    overflow-wrap: anywhere;
    font-size: 14px;
}
.price-list-table .price-table .table {
	display: table;
	width: 100%;
}

.price-list-table .dataTable.display tbody tr.odd>.sorting_1, 
.price-list-table .dataTable.order-column.stripe tbody tr.odd>.sorting_1{
	background: transparent !important;
	border-left: 1px solid var(--secondary-light-color);
}
.price-list-table table.dataTable.display tbody tr.even>.sorting_1, 
.price-list-table table.dataTable.order-column.stripe tbody tr.even>.sorting_1{
	border-left: 1px solid var(--secondary-light-color);
}

.price-list-table table.price-table {
	border-left: 1px solid var(--secondary-light-color);
    border-top: 1px solid var(--secondary-light-color);
}

.pdp-price-list-edit-btn {
	border: 1px solid var(--secondary-light-color);
	border-radius: 5px;
	background: #2196f3;
	color: var(--white);
	cursor: pointer;
	height: max-content;
    padding:6px;
}

.pdp-price-list-delete-btn {
	border: 1px solid #a31919;
	border-radius: 5px;
	background: #a31919;
	color: white;
	cursor: pointer;
	height: max-content;
    padding: 6px;
}

.pdp-price-list-add-new-btn {
	color: var(--white);
	background: #002e62;
	border: 1px solid #002e62;
	border-radius: 5px;
	cursor: pointer;
	width: max-content;
    min-width: fit-content;
}

.pdp-price-list-save-btn {
	height:42px;
}
.price-list-table .tableHeader {
    background: #9E9E9E;
    color: var(--white);
    padding: 5px 7px;
}

.large-width{
	text-align: left;
}
.price-list-table table.dataTable tbody th, 
.price-list-table table.dataTable tbody td {
    padding: 16px 10px !important;
}
ul.pdp-price-list {
    padding: 25px 0px;
}

.non-editable {
    border: none !important;
    width: 100%;
    cursor: not-allowed;
}

.actionButton{
	display: flex;
    gap: 10px;
    padding: 5px;
}
.filter-group .form-control {
    border-top: 1px solid rgba(0, 0, 0, 0.21);
    padding:12px 10px;
}
.filter-group .pdp-price-list-save-btn {
    padding: 7px;
    min-width: 100px;
}
.filter-group .form-control {
    border-radius: 5px;
}
.selCategory {
    height: 42px;
    padding: 5px 10px;
    margin-left: 0px;
    border: 1px solid rgba(0, 0, 0, 0.21);
}

form.iscaslevel_true{
	cursor: not-allowed;
	pointer-events: none;
}
.price-list-table .dataTable  th.no-filter.sorting,
.price-list-table .dataTable th.no-filter.sorting_asc,
.price-list-table .dataTable th.no-filter.sorting_desc {
    background-image: none !important;
    cursor: default !important;
}
.price-list-table .dataTables_wrapper .dataTables_length, 
.price-list-table .dataTables_wrapper .dataTables_filter, 
.price-list-table .dataTables_wrapper .dataTables_info, 
.price-list-table .dataTables_wrapper .dataTables_processing, 
.price-list-table .dataTables_wrapper .dataTables_paginate {
    margin-bottom: 20px;
    margin-top: 15px;
}

.save{
  display: none;
}
button.edit,
button.delete,
button.cancel,
button.save {
    background: none;
    border: none;
    padding: 0px;
    margin-right:8px;
    cursor: pointer;
}
.price-filter {
    padding-top: 30px;
    padding-bottom: 15px;
    gap:20px;
}

.column-filter_wrapper{
	overflow-y: hidden;
	overflow-x: scroll;
}

.price-list-table .dataTable thead .sorting{
	background-position: 100% 60%;
}
.price-list-table .dataTable.no-footer{
	border:0 none;
}
.select-price-list {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    min-height: 20px;
}

.dataTables_wrapper{
    overflow-y: hidden;
    overflow-x: auto;
}
.action-btns{
    min-width: 68px;
    text-align: center;
}
.price-list-table th.small-width select {
    width: 50px !important;
}
.price-list-table .dataTable thead th.small-width {
    padding-left: 5px !important;
}
.large-width{
    min-width: 222px;
    width: auto;
}
.price-list-table .dataTables_wrapper .dataTables_filter input {
    width: 322px;
}

.price-list-table .dataTable  th.large-width-th select {
    width: 95% !important;
}
.price-list-table .dataTable th select {
    text-align: center;
}

.counter-section{
    position: absolute;
    top: -60px;
    left: 0;
}

.long-desc-details{
	max-height: 150px;
	overflow: hidden;
}

.active .long-desc-details{
	max-height: inherit;
}
.page-loader{
	position: fixed;
    height: 100vh;
    width: 100%;
    background: rgb(0 0 0 / 12%);
    z-index: 1001;
    top: 0;
    left:0;
}

.loader-img{
	position: absolute;
    width: 64px;
    height: 64px;
    left: 50%;
    top: 50%;
    border-radius: 10px;
    background: #fff;
    display: flex;
    padding: 10px;
    align-items: center;
    transform: translate(-50%, -50%);
}

.price-list-table .price-table th.action-btn{
	text-align: center;
}
/*  Toggle Switch  */

.toggle-switch span span {
  display: none;
}

  .toggle-switch {
    display: inline-block;
    height: 18px;
    position: relative;
    overflow: visible;
    padding: 0;
    margin-left: 20px;
    cursor: pointer;
    width: 40px;
    font-size: 11px;
  }
  .toggle-switch * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .toggle-switch label,
  .toggle-switch > span {
    line-height: 20px;
    height: 20px;
    vertical-align: middle;
  }
  .toggle-switch input:focus ~ a,
  .toggle-switch input:focus + label {
    outline: none;
  }
  .toggle-switch label {
    position: relative;
    z-index: 3;
    display: block;
    width: 100%;
  }
  .toggle-switch input {
    position: absolute;
    opacity: 0;
    z-index: 5;
  }
  .toggle-switch > span {
    position: absolute;
    left: -50px;
    width: 100%;
    margin: 0;
    padding-right: 50px;
    text-align: left;
    white-space: nowrap;
  }
  .toggle-switch > span span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: block;
    width: 50%;
    margin-left: 50px;
    text-align: left;
    font-size: 0.9em;
    width: 100%;
    left: 15%;
    top: -1px;
    opacity: 0;
  }
  .toggle-switch a {
    position: absolute;
    right: 50%;
    z-index: 4;
    display: block;
    height: 100%;
    padding: 0;
    left: 2px;
    width: 18px;
    background-color: #fff;
    border: 1px solid #CCC;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  }
  .toggle-switch > span span:first-of-type {
    color: #ccc;
    opacity: 1;
    left: 45%;
  }
  .toggle-switch > span:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50px;
    top: -2px;
    background-color: #fafafa;
    border: 1px solid #ccc;
    border-radius: 30px;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
  .toggle-switch input:checked ~ a {
    border-color: #fff;
    left: 100%;
    margin-left: -8px;
  }
  .toggle-switch input:checked ~ span:before {
    border-color: #0097D1;
    box-shadow: inset 0 0 0 30px #0097D1;
  }
  .toggle-switch input:checked ~ span span:first-of-type {
    opacity: 0;
  }
  .toggle-switch input:checked ~ span span:last-of-type {
    opacity: 1;
    color: #fff;
  }
  /* Switch Sizes */
  .toggle-switch.large {
    width: 60px;
    height: 27px;
  }
  .toggle-switch.large a {
    width: 27px;
  }
  .toggle-switch.large > span {
    height: 29px;
    line-height: 28px;
  }
  .toggle-switch.large input:checked ~ a {
    left: 41px;
  }
  .toggle-switch.large > span span {
    font-size: 1.1em;
  }
  .toggle-switch.large > span span:first-of-type {
    left: 50%;
  }
  .toggle-switch.xlarge {
    width: 80px;
    height: 36px;
  }
  .toggle-switch.xlarge a {
    width: 36px;
  }
  .toggle-switch.xlarge > span {
    height: 38px;
    line-height: 37px;
  }
  .toggle-switch.xlarge input:checked ~ a {
    left: 52px;
  }
  .toggle-switch.xlarge > span span {
    font-size: 1.4em;
  }
  .toggle-switch.xlarge > span span:first-of-type {
    left: 50%;
  }
/*  End Toggle Switch  */

@media (max-width:380px) {
	.dialog-sm, .popup.popup-md, .popup{
		max-width:320px;
	}
	
}

@media (max-width:560px) {
	.dialog-sm, .popup-md{
		max-width:360px;
	}
	.requisition-col .quantity-wrap{
		bottom:0px;
	}
	.featured-products{
		margin-top:12px;
	}
	.featured-products .product-items{
		background: #EEF3FF;
	}
}

@media (max-width:768px) {
	.button-xl{
		font-size:14px;
		padding:13px 20px;
		font-weight:600;
		border-radius: 4px;
	}
	.label-heading{
		font-size:16px;
		font-weight:500;
		color:var(--secondary-light-color);
	}
	.page-heading,
	.page-heading-xl,
	.content-heading{
		color:var(--secondary-color);
		font-weight: 600;
	} 
	
	.page-heading,
	.title.page-title{
		font-size: 16px;
	}
	
	.content-heading{
		font-size:18px;
	}
	
	.page-heading-xl, 
	.pdpPage .title.page-title {
		font-size: 20px;
	}
	
	.w-xs-auto{
		width:auto !important;
	}
	
	.headerIcon-img{
		width:24px;
	}
	.empty-header{
		padding:15px 0;
	}
	.font-xxl {
		font-size: 16px;
		font-weight: 600;
		line-height:20px;
	}
	.font-xxxl {
		font-size: 20px;
		font-weight: 700;
	}
	.mob-header{
		background:var(--primary-color);
		color:var(--white);
		padding:20px 20px 20px 18px;
	}
	.copyright{
		color: var(--secondary-light-color);
	}
	
	.page-title{
		padding: 30px 0 16px 0;
	    color: #1D2939;
	    font-weight:600;
	}
	
	.prevPageButton, .nextPageButton{
		display:none !important;
	}
	.category-name{
		font-size:12px;
		margin-bottom:24px;
	}
	
	.featured-products{
		padding:0 12px;
	}
	.featured-products .product-items{
	    padding: 0 10px;
	    margin: 0 24px 12px 0;
	}
	.product-item-col, .you-may-also-like .owl-item > .product-items{
		/*margin:0 12px;*/
	}
	.featured-products .product-items .image img{
		mix-blend-mode: multiply;
	    filter: contrast(1);
	}
	
	.featured-products .image{
		background:transparent;
	}
	.view-all-img, .view-all-product-items{
		width:100%
	}
	.view-all-product-items{
		margin-top:20px;
	}
	
	.cat-product-image{
   		min-height: 55px;
   	}
	
	.cat-product-image img{
	    max-width: 50px;
	    max-height: 50px;
	}
	
	.cat-product-image:before{
		width: 72px;
	    height: 72px;
	}
	div#widget_breadcrumb {
    	margin: 14px 0px 14px 0px;
    }
    
    .headerSearchWrapper{
    	width:100%;
    }
    
    /* PLP, CLP Page Ui */
    .gridView .proCode{
    	display:none;
    }
    
    .search-container .productListingWidget>.header_bar{
    	padding-top:0;
    }
    
    .filter-wrapper .collapsible>h3:before, 
    .subCatePage .featured-products{
    	display:none;
    }
    .gridView .price, .gridView .price-col {
    	font-size: 14px;
	}
    .plp-grid-view-list  .attributes-grid{
    	min-height:40px;
    }
    .facetContainer{
    	position:absolute;
    	z-index:5;
    	width:calc(33% - 40px);
    }
    .facetContainer .content{
    	background:#fff;
    	position: absolute;
	    left: 0;
	    width: calc(100vw - 30px);
    }
    .categoryNavWidget.collapsible{
    	display:none;
    }
    
    .plp-grid-view-list .product-items {
		padding:0 8px 24px 8px;
    }
    .sorting-view{
		margin-left:30%;
	}
	.adjustSpaceFaceNav .collapsible>h3{
		width:100%;
		min-width:85px;
	}
	
	.collapsible>h3 {
   		cursor: pointer;
   		margin:10px 0 20px 0;
	    border: 1px solid var(--secondary-light-color);
	    padding: 10px 5px;
	    border-radius: 4px;
	    font-size:14px;
	    font-weight: 400;
	}
	
	
	.list_mode .product_image{
		border: 1px solid #EEEEEE;
		padding:22px 32px;
		display: flex;
		justify-content: center;
	}

	.product_listing_container .list_mode .product {
    	border-bottom: 1px solid #D9D9D9;
	}
	.listView-price-wrapper .price .price-col,
	.listView-price-wrapper .price .price-col .price{
	font-weight: 700;
	font-size: 16px;
	line-height: 30px;
	}
	
	.list_mode .product_info>.product_name>a {
	    font-size: 14px;
	    font-weight:500;
	    line-height: 20px;
	    color: #344054;
	}
	.filter-wrapper:before{
		content:'';
		position:absolute;
		left:0;
		height:20px;
		background:#ddd;
	}
	.filter-wrapper{
		border:0 none;
		margin-top:20px;
	}
	.filter-wrapper .content {
	    margin: 0;
	}
	.pdp-qty-section select, .pdp-qty-section input{
		height:42px;
	}
	.pdp-shopper-action-wrapper .compare_target label{
		display:block;
	    width: calc(100% - 20px);
	    border: 1px solid var(--primary-color);
	    font-size: 16px;
	    font-weight: 600;
	    text-align: center;
	    padding: 12px 10px;
	    border-radius: 4px;
	}
	.pdp-shopper-action-wrapper .compare_target label:before{
		font-size:20px;
	    left: 35%;
	    top: 8px;
	    }
	.pdp-price-wrapper.large-pdp .price-col {
		font-size: 20px;
		line-height: 24px;
	}
	.product-name {
	    font-size: 16px;
	    line-height: 24px;
    }
	 .shopperActions .add-to-wishlist{
	   	width:calc(100% - 20px);
	   }
	
	.product-sticky-header,
	.facetWidget .clearAll{
		display:none !important;
	}
	
	.action-tocart{
		position: fixed;
	    width: calc(100% - 32px);
	    bottom: 0;
	    left: 0;
	    z-index:110;
	    padding: 12px 16px;
	    background: #fff;
	    box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1);
	}
	.price-box{
		font-size:20px;
		display: flex;
	    flex-wrap: wrap;
	    align-items: center;
	    justify-content: center;
	    gap: 10px;
	}
	.checkbox-group{
		font-size:16px; 
	}
	
	.carousel-title{
		font-size:20px;
		font-weight: 700;
		padding: 40px 0 16px 0;
	    color: #010f1c;
	    font-weight: 600;
		}
	.frequent-product-list img{
		max-width:71px;
	}
	.frequent-products-buy{
		margin-bottom:30px;
	}
	.pdp-shopper-action-wrapper label{
		display:none;
	}
	
	.multiimages{
		margin-bottom:20px;
	}
	
	.form-group .form-control,
	.form-group .select-container{
		min-height:36px;
		font-size:14px;
		padding-top: 4px;
    	padding-bottom: 4px;
    	height:36px;
	}
	
	.ui-selectmenu-button .ui-icon:after{
	top:-4px;
	}
	.filter-group {
	    padding-bottom: 10px;
	}
	.data-table{
		overflow: scroll;
	}
	
	.toggle-password{
		top:15px;
	}
	
	/* Compare page Ui*/
	.widget-product-compare .compare_main {
	    width: 1030px;
	}
	.compare-list, .action-compare{
		order:2;
	}
	.compare-buttons{
		order:1;
	}
	.compare-item-details{
		display:none;
	}
	.compare-row{
		width: 420px;
	    display: flex;
	    flex-wrap: nowrap;
	    white-space: nowrap;
	    overflow-x: scroll;
    	overflow-y: hidden;
	}
	
	.compare-items{
		border-radius: 4px;
		position:relative;
		height: 85px;
    	background: var(--white);
	}
	.compare-sticky{
		background:var(--cart-bg-color);
		bottom:-96px;
	    padding-top: 40px;
	}
	.pdp-compare .compare-sticky {
    	bottom: -28px;
    }
	.pdp-compare .compare-sticky.open{
		bottom: 62px;
	}
	
	.compare-buttons{
		position: absolute;
	    right: 0;
	    top: 10px;
	}
	.buton-compare, .button-clear-all{
		padding:0;
		background:transparent;
		border: 0 none !important;
    	color: var(--primary-color);
	}
		
	.action-compare{
	    border-left: 1px solid var(--primary-color);
	}
	.mob-compare-arrow{
	    border-radius: 4px;
	    height: 26px;
	    width: 32px;
	    left: 7%;
	    top:0px;
	    margin-top: 8px;
	}	
	.widget-product-compare .content{
		overflow: scroll;
	}	
	.widget-product-compare {
	    color: var(--primary-color)
	}
	.row-desc{
		padding:12px 15px
	}	
	.widget-product-compare .compare_main .row>.item{
	 	font-size:14px;
	 	padding:10px 15px;
	 }	
	 
	 .copyright{
	 	font-size:12px;
	 }	
	 
	 
	 /* My account */
	.account-sec-border .form-group .toggle-password{
		top:8px;
	} 
	.myAccDetailsPage .personalField{
	    margin-bottom: 24px;
	}
	.myAccDetailsPage fieldset, .form-fieldset{
		padding: 12px 16px;
	}
	.change-pass-field{
		border:0 none !important;
		padding:0 !important;
	}
	.multi-select{
		height:50px;
		padding:10px;
	}
	
	.advancedSearchForm .range .label{
		top:10px;
	}
	.switch-slider-in{
		font-size: 12px;
		padding-top: 10px
	}
		
}


@media (min-width: 769px) and (max-width: 1024px) {
	.featured-products .product_image .image img {
	    max-width: 92px;
	    max-height: 92px;
	}
	.subCatePage .product_listing_container>.grid_mode{
		display: grid;
	}
	
	.featured-products{
		height:calc(100% - 2px);
	}
	.cd-dropdown-gallery .go-back a{
		font-size:16px;
	}
}

@media only screen and (min-width: 561px) and (max-width: 820px) {
	.featured-products {
	    height: calc(100% - 2px);
	}
	.featured-products .product-items{
		padding-top:50px;
	}
}

@media (min-width:768px) {
	.page-heading{
		font-size: 24px;
		font-weight: 600;
	}
	.page-heading,
	.page-heading-xl,
	.content-heading{
		color:var(--secondary-color);
	}
	
	.font-xxxl {
		font-size: 30px;
		font-weight: 600;
	}
	
	.page-heading-xl {
		font-size: 30px;
		font-weight: 700;
	}
	.content-heading{
		font-size:24px;
		font-weight:600px;
	}
	
	.label-heading{
		font-size:16px;
		font-weight:500;
		color:var(--secondary-light-color);
	}
	.form-group .form-control,
	.form-group .select-container{
		min-height:52px;
		font-size:16px;
	}
	.empty-header{
		padding:29px 0;
	}
	.empty-header .logo img{
		max-height:36px;
	}
	.copyright{
		color:var(--black);
	}
	
	.featured-products .carousel-wrapper{
		height: calc(100% - 45px);
	}
	
	.cat-product-image{
   		min-height: 130px;
   	}
   	
   	.cat-product-image img{
	    max-width: 95px;
	    max-height: 95px;
	}
	
	.cat-product-image:before{
		width: 130px;
	    height: 130px;
	}
	
	.sorting_view_controls_container {
		margin-left:60px;
	}
	
	.breadcrumb {
	    margin: 20px 0px 20px 0px;
	    padding-bottom: 0px;
	}
	
	#widget_breadcrumb {
    	margin: 34px 0px 34px 0px;
    }
    
    .filter-wrapper{
		margin-top: 70px;
		border:1px solid #e4e4e4;
		padding:0 16px;
	}
	
	.search-page-container .filter-wrapper{
		margin-top: 115px;
	}
	

	
	#content .collapsible>h3, 
	.categoryNavWidget.collapsible>h3, 
	.linkWidget.collapsible>h3 {
	    display: block;
	    position: relative;
	}
	.product_listing_container .list_mode .product {
	    margin: auto;
	    justify-content: space-between;
	    padding: 20px;
	    align-items: center;
	    display:flex;
	}
	
	/* PLP Grid View*/
	.grid_mode{
    	display: grid;
	    display: -ms-grid;
	    -ms-grid-columns: auto auto auto auto;
	     grid-template-columns: 31.2% 31.2% 31.2%;
	    gap: 25px;
	}
	
	/* plp list view */
	.list_mode .product_info .product_name a{
		font-weight: 600;
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 8px;
		padding-bottom:0px;
	}
	
	.list_mode .btnsFavAddCart{
		position: relative;
		display: flex;
    	align-items: end;
	}
	.list_mode .cart-btn-selecter-wrapper{
		width:100%;
	}
	
	.list_mode .discription{
		font-weight: 400;
	    font-size: 14px;
	    line-height: 24px;
	    min-height: 150px;
	    overflow: hidden;
	    display: flex;
	    flex-direction: column;
	    text-transform: capitalize;
	    margin-top: 12px;
	    position: relative;  
	    margin-bottom:0px;
	}

	.list_mode .discription span {
	    position: relative;
	    padding-left: 20px;
	}
	.list_mode .discription span:before {
	    position: absolute;
	    content: '.';
	    font-size: 40px;
	    left: 0;
	    top: -11px;
	}
	.list_mode .discription li{
		list-style: disc;
	}
	.list_mode .discription span:first-child{
		margin-top:10px;
	}

	.listView-price-wrapper {
		position: relative;
		text-align: end;
		padding: 30px 0 0 0;
	}

	
	.product_listing_container .list_mode .product {
	    border: 1px solid #D9D9D9;
		border-radius: 4px; 
	}
	
	.price-box{
		max-width:272px;
		font-size:24px;
		min-height: 175px;
	    display: flex;
	    align-items: baseline;
	    flex-wrap: wrap;
	    align-items: center;
	    justify-content: center;
	    line-height:46px;
	}
	.checkbox-group{
		font-size:16px; 
	}
	.frequent-product-list img{
		max-width:171px;
	}
	.price-box .total-price{
		display:block;
		text-align:center;
	}
	
	.listView-price-wrapper .price .price-col,
	.listView-price-wrapper .price .price-col .price{
		font-weight: 700;
		font-size: 25px;
		line-height: 30px;
	}
	
	.product-item-col, .owl-item .product-items{
		/*margin:0 12px;*/
	}
	
	.qty-section label{
		display:block;
		margin-bottom:10px;
	}
	.product_page_content .requisitionListBox{
	 padding-left: 15px;
	}
	.pdp-price-wrapper.large-pdp .price-col {
		font-weight: 700;
		font-size: 28px;
	}
	.product-name {
	    font-size: 24px;
	    line-height: 32px;
    }
    .button-clear-all, .buton-compare{
    	font-size:16px;
    }
	
	/*Login UI CSS*/
	.button.log-in{
		font-size:20px;
		padding:15px 20px;
	}
	
	/*Product page UI */
	.carousel-title, .pdpPage .page-title {
		font-size:30px;
		font-weight: 700;
		padding: 60px 0 16px 0;
	    color: #010f1c;
	    font-weight: 600;
	}
	.pdp-qty-section input,
	.pdp-qty-section select,
	.pdp-add-tocart{
	    height:45px;
	    border:1px solid var(--primary-color);
	    text-align:center;
   }
   .shopperActions .add-to-wishlist{
   		/*width:100%;*/
   }
   
   .price-filter, 
   .filter-search-group {
    	display: flex;
    }
    .filter-search-group {
	    gap: 20px;
	    align-items: center;
	}
	.featured-products .slick-dots {
    bottom: -40px;
}
   
   
   /* Compare Page UI*/
   .widget-product-compare .mob-heading, 
	.widget-product-compare .compare_main:nth-child(3) {
	    display: none
	}
   .compare-item-details{
   	width:70%;
   	color:var(--secondary-color);
   }
   .compare-product-image, .compare-item-details{
   	padding-top:10px;
   }
   .compare-product-image img {
	    width: 45px;
	}
	.compare-items{
		background:#EDF0F8;
		padding:16px 10px;
		border-radius: 4px;
		position:relative;
		min-height:62px;
	}
	.compare-sticky{
		background:var(--white);
	}
	.compare-buttons{
		margin-top:20px;
	}
	.compare-arrow{
	    border-radius: 8px;
	    height: 36px;
	    width: 36px;
	    right: 7%;
	    bottom:50px;
	    margin-top: 8px;
	}
	
	.row-desc{
		padding:24px 20px
	}
	.compare-add-to-cart .pdp-qty-section input,
	 .compare-add-to-cart .pdp-qty-section select, 
	 .compare-add-to-cart .pdp-add-tocart{
	 	 width:100%;
	 }
	 
	 
   
   /* Store locator page Ui */
   .map-details{
   	margin-bottom:30px;
   }
   
   /* My account page */
   .change-pass-form{
   		padding-top:20px;
   }
   .account-sec-border .form-group .toggle-password{
		top:16px;
	}
	.myAccDetailsPage .personalField{
	    margin-bottom: 32px;
	    padding: 24px;
	}
	
	.acc-heading{
		padding-bottom:24px;
	}
	.prod-aux-desc2 {
	    padding: 3px 0px 0 37px !important;
	    background: url(https://www.officenational.com.au/wcsstore/ONB2BDirectStorefrontAssetStore/images/colors/color1/promo-star-icon.png) no-repeat;
	    color: #FF0000;
	    font-size: 12px;
	    font-weight: bold;
	    clear: both;
	    min-height: 30px;
	}
	
	.advancedSearchForm .range .label{
		top:16px;
	}
	
	.product-type-col .product_image{
		width:40%;
	}
	
	.product-type-col .product_info{
		width:60%;
	}
	.product-type-col .gridProduct {
		display:flex;
		column-gap: 15px;
	}
}

@media (max-width:1023px) {
.featured-products .pro-set {
	    padding: 20px 22px ;
	}
}

@media (min-width:1024px) {
.featured-products .pro-set {
	    padding: 40px 22px 0 22px ;
	}
}

@media (min-width:1025px) {
.featured-products{
		height:calc(100% - 2px);
	}
	.headerWrapper .head_link:after,
	.headerWrapper .head_link:before{
		display:none;
	}
}

@media (min-width:1367px) {

	.featured-products .product_info .proCode{
		padding-top:20px;
	}
}

table.PunchoutConfigurationTable {
    width: 80%;
    margin: auto;
    padding: 40px;
}
.PunchoutConfigurationTable td, .PunchoutConfigurationTable th {
  border: 1px solid #ddd;
  padding: 8px;
}
.punchoutOut-note{
	text-align: center;
    background: #f6f6d2;
    border: 1px solid #c2c202;
    padding: 10px 20px;
    width: fit-content;
    margin: auto;
    margin-top: 30px;
    font-size: 16px;
    line-height: 20px;
    border-radius: 5px;
}

.pagination-btn{
	      text-align: center;
    display: flex;
    justify-content: center;
    gap: 30px;
}
.pagination-btn .submitBtn .button_text{
	    font-size: 18px;
    font-weight: 400;
    display: flex;
    gap: 10px;
    align-items: center;
}

.PunchoutConfigurationTable tr:nth-child(even){background-color: #f2f2f2;}

.PunchoutConfigurationTable tr:hover {background-color: #ddd;}

.PunchoutConfigurationTable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
      background-color: #c62e34d6;
  color: white;
  text-transform: uppercase;
}
.PunchoutConfigurationTable .actionBtns, .PunchoutConfigurationTable .action{
 display: flex;
    justify-content: space-evenly;
    gap: 30px;
    padding-left: 20px;
    padding-right: 20px;
}
.button_text i.fa.fa-angle-double-left ,.button_text i.fa.fa-angle-double-right{
    font-size: 14px;
}
.PunchoutConfigurationTable .submitBtn.danger{
background: #f1434a;
}
.PunchoutConfigurationTable .submitBtn{
    border: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}


.PunchoutConfiguration .userIcon{
	background: url(https://i.ibb.co/MfHqSfs/4593378.png) no-repeat center;
	width: 64px;
	height: 50px;
	text-align: center;
	margin: 0 auto;
	background-size: contain;
}
.punchoutForm .column{
	display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 20px;
    margin-top: 25px;
}
.punchoutForm .inputField{
	width: 40%;
}

.punchoutForm .column .column_label{
	 font-size: 16px;
    font-weight: 600;
}
.tracking-section{
	    padding-top: 30px;
    width: 70%;
    margin: auto;
    text-align: end;
}
.tracking-section .track-input input {
	font-size: 14px;
    line-height: 20px;
    padding: 4px 10px;
    border: 1px solid #c4c4c4;
    border-radius: 5px;
    width: 40%;
}
.tracking-section .track-input {
	position:relative;
}
.tracking-section .track-btn{
	    background: #00a900;
    color: white;
    font-size: 14px;
    padding: 6px 10px;
    border: none;
    position: absolute;
    right: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
}
.radio-button.disabled {
    background: #dcdcdc;
    pointer-events: none;
    position:relative
}
 
.radio-button.disabled:after {
   content:'';
   width:100%;
   height:1px;
   background: #726C6C;
   position:absolute;
   left:0;
   rotate: 165deg;
}
.disabled-select {
    pointer-events: none; 
    opacity: 0.7; 
}
.order-summary-msginfo .left_espot,
.order-summary-msginfo {
    margin-top:15px;
	font-size:16px;
}

.order-summary-msginfo .left_espot:empty,
.order-summary-msginfo:empty {
	display:none;
}