.fmsBrandBGColorOne{background: #000000;} 	/* Black */
.fmsBrandBGColorTwo{background:#181819;} 	/* Woodsmoke*/
.fmsBrandBGColorThree{background:#cc0000;} 	/* Red */
.fmsBrandBGColorFour{background:#e0dfdf;} 	/* Alto */
.fmsBrandBGColorFive{background:#ffffff;} 	/* White */
.fmsBrandBGColorSix{background:#212121;} 	/* Mine Shaft */
.fmsBrandBGColorSeven{background:#f3f3f3;} 	/* Concrete */
.fmsBrandBGColorEight{background:#f4f4f4;} 	/* Wild Sand */

.fmsBrandTextColorOne{color: #000000;}		/* Black */
.fmsBrandTextColorTwo{color:#181819;} 		/* Woodsmoke*/
.fmsBrandTextColorThree{color:#cc0000;}		/* Red */
.fmsBrandTextColorFour{color:#e0dfdf;}		/* Alto */
.fmsBrandTextColorFive{color:#ffffff;}		/* White */
.fmsBrandTextColorSix{color:#212121;} 		/* Mine Shaft */
.fmsBrandTextColorSeven{color:#f3f3f3;}		/* Concrete */
.fmsBrandTextColorEight{color:#f4f4f4;}		/* Wild Sand */

/* fonts */
.fs-8{font-size: 0.8em;}

/* Body */
html, body{overflow-x: hidden;}

/* header */
.headerIcon {display: inline-block; max-width: 24px; margin-right: 5%;}
.cartItem{width: 30px;  height: 30px;  display: inline-block; position: absolute; top:2.5%; right: 1.5%; font-size: 1em; font-weight: bold;}


/* search */
.searchBox{ padding: 2% 2%; border-radius: 10px; border: 1px solid #ccc !important;}

/* title with divider */

/* borders */
.border-top-dashed{border-top: 1px dashed #ccc;}
.border-bottom-dashed{border-bottom: 1px dashed #ccc;}

.border-top-grad-red{background: linear-gradient(116deg,rgba(204, 0, 0, 1) 50%, rgba(34, 34, 34, 1) 50%);!important; height: 10px; width: 100%; display: block; margin-bottom: 2%;}

/* links */
a {color: #000; transition: all 0.3s ease-in-out;}
a:hover {color:#cc0000;}

/* angled background */
.bgFMSAngle{
	background: #cc0000 url('/images/fms/2025/button-bg.webp') left -150px center no-repeat;
	border-radius: 6px;
	transition: all ease-in-out 0.8s;
	cursor: pointer;
}
.bgFMSAngle:hover{
	background-position: left 30px center;
}
.bgFMSAngle a{color: #fff; text-decoration: none; font-weight: bold;}


/* Stock */
.stockWrapper{border: 1px solid #ccc; padding: 3%; text-align: center; font-weight: bold; background: #fff; border-radius: 5px;}
.stockHighlightIn{color: #019e59;}
.stockHighlightOut{color: #cc0000;}


/* Product Card - Price */
.prodCardPrice .fs-6{font-size: 2.6em!important; font-weight: bold;}
.prodCardPrice .fs-6 .smallPrice{font-size: 0.6em!important;}
.prodCardPrice .fs-8 {font-size: 0.4em!important; margin-top: -3%; font-weight: bold!important;}
.prodCardPrice .related .fs-8 {margin-top: -12%;}
.prodCardPrice .smallPrice{font-size: 0.7em;}
.prodCardPrice .fs-4{font-size: 2.2em!important;}
.prodCardPrice .subPrice {font-size: 0.9em!important; margin-top: 2%; font-weight: bold!important; color: #cc0000;}

/* Product Card - Body */
#v-pills-overview h2{font-size: 1.3em; margin-bottom: 2%}

/* image zoom */
#imageModal{margin-top: 5%;}


/* pills */
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{background-color:#cc0000; transition: all 0.3s ease-in-out; font-weight: bold;}
.nav-link:focus, .nav-link:hover{color: #cc0000;}
.nav-link{color: #222222;  border: 1px solid #cc0000;  margin-bottom: 5%;}

/* printer list */
.printer_list{
	padding-left: 0;
	column-count: 4;
	column-rule: dotted 1px #333;
	list-style-type: none;
}

.printer_list li{
	padding-bottom: 6%;
	display: block;
}

.printer_list li a{
	text-decoration: none;
}


/*energy rating*/
.BasketAddContainer .sectionEnergy a{font-size: 0.6em!important; font-weight: bold; text-decoration: none;}

/* forms */
input[type=radio]{
  transform:scale(1.5);
  margin-right: 1%;
}


/* Basket */
.basket-summary-container .stockWrapper{
	width: 40%;
	font-size: 0.8em;
	padding: 1% 0%;
	border: none;
	text-align: left;
}

.productBasketWrapper .fs-4{
	font-size: 1em!important;
}

.fa-circle-xmark{
	border: 3px solid #fff;
	border-radius: 50%;
}


/* Category : Product View */
.productListWrapper{
	border-radius: 4px;
	box-shadow: -1px -1px 1px 1px #ffffff, 1px 1px 5px 2px #e2d6d6;
}

/* Category : Sections */
.sectionIcon img{width:20%; display: inline-block; margin-right: 1%; height: auto; vertical-align: middle;}
.sectionIcon h3{width: 75%; display: inline-block; vertical-align: middle;}
.sectionIcon { border: 1px solid #ccc; margin: 5% 0; }
.sectionIcon{background: #fff; transition: 0.3s ease-in-out;}


/* product nest */
.code{background: #fff !important;
  border: 1px solid #ccc;
  color: #222 !important;
}


.productQuantity {
	width: 40px;
	height: 40px;
	margin-top: 4%;
	text-align: center;
	font-size: 1.3em;
	border-radius: 5px;
	border: 1px solid #ccc;
}


@media (min-width: ≥576px) { ... }
/* MEDIA QUERIES */

@media only screen and (max-width: 576px) {
  /* BASKET */
  .basket-summary-container .stockWrapper{ width: 100%; }
  .quantity{width: 100%;}
}