.row-centered {	text-align:center; }
.col-centered { display:block; float:none; margin-left: auto; margin-right: auto; }
.nav-grey .nav-item{background-color: #f4f4f4;}


/***/
.pre{ white-space: nowrap; }
.ml5{margin-left: 5px;}
.mr5{margin-right: 5px;}
.mr20{margin-right: 20px;}
.mb0{ margin-bottom: 0px; }
.mb6{ margin-bottom: 6px; }
.mt7{margin-top: 7px;}
.grey{color:#ccc;}
TABLE TR.va TD{ vertical-align: middle !important; }
.modal-header.colored{ color:white; background-color: #15678f; border-top-left-radius:0; border-top-right-radius:0; }
.modal-header.colored .close{ color:white; }
.modal-content{ border:none; overflow: hidden; box-shadow: 2px 2px 3px 0px rgba(0,0,0, 0.3); }
.cart_button{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; }

#cartContainer { border-top-left-radius: 0; border-top-right-radius: 0; border-top:none; text-align: center; color:#ccc; }
#cartContainer > DIV{ padding:6px 8px 6px 6px; font-size: 13px; border-bottom: 1px dashed #ddd; cursor: pointer; position: relative; text-align: left; color:#111; }
#cartContainer > DIV:last-child{border-bottom: none; }
/* #cartContainer > DIV:hover{ background-color: #f0f0f0 !important; } */

#cartContainer DIV.remove{ position:absolute; right: 1px; top 5px; opacity: 0.5; color:red; width: 14px; height: 12px; }
#cartContainer DIV.remove:hover{ opacity: 1; }
#cartContainer DIV.remove:after{
	content:'\d7';
	font-size: 17px;
	display: block;
	position: absolute;
	font-weight: bold;
	margin-top: -10px;
}

.btn-white { color: black; background-color: white; border: 1px solid #d5d5d5; }
.wFull{ width: 100%; }

.errorMessage{ color:red; display: none; }

.form-group.error INPUT,
.form-group.error TEXTAREA{
    border-color:red;
    background-color: #ffe8eb;
}

.hide{ display: none; }
.b1{border:1px solid #c3ff00 !important;}
.b2{border:1px solid #ff5a00 !important;}
.b3{border:1px solid #ff0098 !important;}
.b4{border:1px solid #00a5ff !important;}

.default{ cursor:default; }
.tl{ text-align: left; }


/* CART */

/* .awesomplete .visually-hidden{ display: none; } */

/*.input-group > .awesomplete > .form-control { width: 1%; }*/

.awesomplete{
	display: inline;
	width: calc(100% - 26px);
}


select {

	/* styling */
	background-color: white;
	border: thin solid blue;
	border-radius: 4px;
	display: inline-block;
	font: inherit;
	line-height: 1.5em;
	padding: 0.5em 3.5em 0.5em 1em;

	/* reset */

	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
}


/* arrows */

select {
	border-color: red;

	background-image:
			linear-gradient(45deg, transparent 50%, white 50%),
			linear-gradient(135deg, white 50%, transparent 50%),
			linear-gradient(to right, #17A2B8, #17A2B8);
	background-position:
			calc(100% - 13px) calc(1em),
			calc(100% - 8px) calc(1em),
			100% 0;
	background-size: 5px 5px, 5px 5px, 1.8em 2.5em;
	background-repeat: no-repeat;
}

select:focus {
	background-image:
			linear-gradient(45deg, white 50%, transparent 50%),
			linear-gradient(135deg, transparent 50%, white 50%),
			linear-gradient(to right, #117A8B, #117A8B);
	background-position:
			calc(100% - 8px) 0.9em,
			calc(100% - 13px) 0.9em,
			100% 0;
	background-size: 5px 5px, 5px 5px, 1.8em 2.5em;
	background-repeat: no-repeat;
	border-color: #ccc;
	outline: 0;
}

/*
select:focus {
	background-image:
			linear-gradient(45deg, white 50%, transparent 50%),
			linear-gradient(135deg, transparent 50%, white 50%),
			linear-gradient(to right, #117A8B, #117A8B);
	background-position:
			calc(100% - 14px) calc(1em),
			calc(100% - 9px) calc(1em),
			100% 0;
	background-size: 5px 5px, 5px 5px, 1.8em 2.5em;
	background-repeat: no-repeat;
	border-color: #ccc;
	outline: 0;
}
*/



/*
select.round {
	background-image:
			linear-gradient(45deg, transparent 50%, gray 50%),
			linear-gradient(135deg, gray 50%, transparent 50%),
			radial-gradient(#ddd 70%, transparent 72%);
	background-position:
			calc(100% - 20px) calc(1em + 2px),
			calc(100% - 15px) calc(1em + 2px),
			calc(100% - .5em) .5em;
	background-size:
			5px 5px,
			5px 5px,
			1.5em 1.5em;
	background-repeat: no-repeat;
}

select.round:focus {
	background-image:
			linear-gradient(45deg, white 50%, transparent 50%),
			linear-gradient(135deg, transparent 50%, white 50%),
			radial-gradient(gray 70%, transparent 72%);
	background-position:
			calc(100% - 15px) 1em,
			calc(100% - 20px) 1em,
			calc(100% - .5em) .5em;
	background-size:
			5px 5px,
			5px 5px,
			1.5em 1.5em;
	background-repeat: no-repeat;
	border-color: green;
	outline: 0;
}





select.minimal {
	background-image:
			linear-gradient(45deg, transparent 50%, gray 50%),
			linear-gradient(135deg, gray 50%, transparent 50%),
			linear-gradient(to right, #ccc, #ccc);
	background-position:
			calc(100% - 20px) calc(1em + 2px),
			calc(100% - 15px) calc(1em + 2px),
			calc(100% - 2.5em) 0.5em;
	background-size:
			5px 5px,
			5px 5px,
			1px 1.5em;
	background-repeat: no-repeat;
}

select.minimal:focus {
	background-image:
			linear-gradient(45deg, green 50%, transparent 50%),
			linear-gradient(135deg, transparent 50%, green 50%),
			linear-gradient(to right, #ccc, #ccc);
	background-position:
			calc(100% - 15px) 1em,
			calc(100% - 20px) 1em,
			calc(100% - 2.5em) 0.5em;
	background-size:
			5px 5px,
			5px 5px,
			1px 1.5em;
	background-repeat: no-repeat;
	border-color: green;
	outline: 0;
}
*/

select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #000;
}
/**/



.awesomplete [hidden] { display: none; }
.awesomplete .visually-hidden {	position: absolute;	clip: rect(0, 0, 0, 0); }

/*.awesomplete { display: inline-block; position: relative; width: 100%; }*/
.awesomplete { position: relative; }
/*.awesomplete > input { display: block; }*/
.awesomplete > ul {
	top: 32px;
	margin:0;
	position: absolute;
	left: 0;
	z-index: 100;
	/*min-width: calc(100% - 30px);*/
	box-sizing: border-box;
	list-style: none;
	padding: 0;
	background: #fff;
	color: #555;
	border: 1px solid #ccc;
	border-radius: 3px;
	line-height: 29px;
	box-shadow: 1px 1px 4px 0 rgba(0,0,0, 0.15);
	max-height: 300px;
	overflow: hidden;
	overflow-y: scroll;
	min-width: 250px;
	font-size: 13px;
}
.awesomplete > ul:empty { display: none; }
.awesomplete > ul li { cursor:pointer; padding: 1px 11px 1px 11px; overflow: hidden; margin:1px; font-weight: 500; color:#111; }
.awesomplete > ul li:hover { background-color: #f4f4f4; }
.awesomplete > ul li SPAN{ font-weight: normal; color:#999; }
.awesomplete MARK{ color: #ff6100; padding-left: 1px; padding-right: 1px; background-color: #fff; }

DIV.inlineBlock{
	display: inline-block;
}

.borderRadius4{
	border:1px solid #ccc;
	border-radius: 4px;
}

.tableDetails{ margin:4px; }
.tableDetails TD{
	border-top:1px dashed #ccc;
	padding: 5px 10px;
	font-size: 1rem;
}
.tableDetails TR:first-child TD{
	border-top:none;
}

#clientTypeNav LI A{ opacity:0.2; cursor: pointer; }
#clientTypeNav LI A.active { opacity:1; cursor: default; }


.comparatorImage{
	width: 64px;
	height: 64px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: .25rem !important;
	overflow: hidden;
}
.pr15{ padding-right: 15px; }
.comparatorProduct{ border-left:1px dashed #ddd; border-right:1px dashed #ccc; }
.comparatorProduct TABLE{ margin:10px 15px 10px 15px; }
.comparatorProduct TABLE TR TD:nth-child(2){ padding-left: 10px; }
.tc{text-align: center; }

.comparisionTable { border:1px solid #ddd; width: 100%; }
.comparisionTable TD { padding: 10px 15px; vertical-align: top; }
.comparisionTable TR.specs TD { border:1px solid #ddd; width: 27%; }
.comparisionTable TR.specs TD:first-child { text-align: right; width: 19%; min-width: 150px; }

.comparePhoto{
	min-height: 150px;
	min-width: 120px;
	width: 100%;


	text-align: center;
	background-color: #eee;
	color:#aaa;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: .25rem !important;
	overflow: hidden;
	border:1px solid #ccc;
}


.lastViewProductPhoto{
	width:66px;
	height: 66px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: .25rem !important;
	overflow: hidden;
	margin-right:10px;
	margin-top:6px;
}

.paginatorExec .active{
	color: #fff;
	background: #84a0ab;
}

.upper{ text-transform: uppercase; }
.w50p{ width:50%; padding: 0; }
.w50p:first-child{padding-right: 2px;}
.w50p:last-child{padding-left: 2px;}
.w50p INPUT{ width: 100%; }
.w100 INPUT{ width: 100px; }
.m120{max-width: 120px;}
.mr15{margin-right: 15px;}
.mt10{margin-top: 10px;}
.tc{ text-align: center;}
#searchTable INPUT, SELECT{width:100% !important;}

.thOrder:hover{
	cursor: pointer;
	text-decoration: underline;
}

i.arrow {
	border: solid #ccc;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	margin-left:7px;
	cursor:pointer;
}
.thOrder.active i.arrow,
.thOrder:hover i.arrow{ border-color: #007dff; }

.thOrder.up i.arrow {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

.thOrder.down i.arrow {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

#searchTable THEAD TH{ white-space: nowrap; }

.breadcrumb A{ text-transform: uppercase; }

.paginatorExec BUTTON.disabled{ color:#ccc; }
.paginatorExec BUTTON:hover{ color:#fff; background: #18afa5;	/* #0069d9; */ }
.paginatorExec BUTTON.disabled:hover{background: white; color:#ccc;}


.product_bottom_tab_container P{text-align: justify;}

#cartContainerHolder{ overflow: hidden; position: relative; width: 100%; }

.header_client{
	color:white;
}

.noUnderline{ text-decoration: none !important; text-decoration-style:none !important; }

.productNewLabel{ background: #ff9a12; color:white; padding: 0 3px; font-size: 11px; border-radius:3px; }
H4 .productNewLabel{ font-size: 13px; }

.home_product_img_cont SPAN{color:#ccc; text-align: center; width: 100%; font-size: 12px;}

.bg_color1{ background: #4CAF50; border-color: #449c48; color:white; }
.bg_color1:hover{ background: #50b854; }


/* left menu */


/* .sidebar_menu > ul.rootMenu0 > li.subMenu.vis > ul.subMenuH > li.has-sub.closed a {color: green !important;}
.sidebar_menu ul.rootMenu0 li.subMenu.vis ul.subMenuH li.has-sub * a {color: green !important;}
.sidebar_menu .has-sub .closed li a {color: green !important;} */

UL.rootMenu0{ padding: 0; }
UL.rootMenu0 > li{
	display: block;
	padding: 0 0 0 0;
	font-size: 15px;
	cursor: pointer;
}
UL.rootMenu0 > li > DIV{position: relative; padding: 15px; border-bottom: 1px solid #F3F5FA; border-left:5px solid #eee; }
UL.rootMenu0 > li DIV:after{ clear: both; display: block; content: '';}
UL.rootMenu0 > li > DIV .fa-angle-down{ right:18px; color: #969696; font-weight: normal; top:20px; position: absolute; }
UL.rootMenu0 > li:hover DIV { margin-left:0px; border-left:5px solid #127AA2; }
UL.rootMenu0 > li > DIV > i{ /* color: #127aa2; */ margin-right: 10px; font-size: 17px; }

UL.rootMenu0 > li > .subMenuH{ padding-left:43px; padding-top:8px; padding-bottom:10px; display: none; }
.subMenuH{ font-size:14px; padding: 0; padding-left: 20px; padding-top: 4px; background: #F0F3F4; margin }
.subMenuH LI{ padding: 0; list-style: none; margin:0; padding: 5px 0; }
.subMenuH li.closed a {color: #000; text-decoration: none;}
.subMenuH LI a:hover{ color: #1290b9 !important; }

.rootMenu0 LI .subMenuH UL{display: none;}
.rootMenu0 LI.vis > .subMenuH{display: block;}
.rootMenu0 LI.vis DIV{ background: #f0f3f4; border-bottom:1px solid #e7ebf5; margin-left:0px; border-left:5px solid #F0F3F4; }
.rootMenu0 UL{display: none;}

UL.rootMenu0 LI.vis > A { color: #1290b9 !important; font-weight: bold;} /* cia boldas meniu!!! */

/*.subMenuH LI.active > A{ color: rgba(18, 122, 162, 0.6); }
.subMenuH LI.last-category > A{ color: #127aa2;}
.subMenuH LI.last-category.current > A{ text-decoration: underline; color: #127aa2 !important; }
*/