/* basic class */
.note
{
	font-style:	normal;
	font-size: .9em;
	font-variant: small-caps;
	font-family: Arial;
}
.warning
{
	font-style:normal;
	background:yellow;
	color:black;
	text-transform:none;
	font-weight:bolder;
}
pre.code
{
	border:1px dotted;
}
/*colors  end*/
.exception
{
	text-transform:	none;
	font-style:	normal;
	font-weight:	bolder;
	padding:3px;
	color:#ff0000;
	background-color:#ffdddd;
	border:1px solid #ff0000;
}
.sitejay-exposes
{
	position:absolute;
	top:0;
	left:0;
	border:solid 2px #005;
	background-color:#aaf;
	padding:1em;
	z-index:1;
}
.sitejay-exposes h1
{
	padding:0;
	margin:0;
	color:#005;
	font-size:15px;
}
.pmp
{
	float:left;
	width:9px;
	height:9px;
	background:url(/Images/pm_plus.gif);
	margin:5px 5px 0 0;
}
.pmm
{
	float:left;
	width:9px;
	height:9px;
	background:url(/Images/pm_minus.gif);
	margin:5px 5px 0 0;
}
.basic-settings h2, .basic-settings h3
{
	margin:10px 0 5px 0;
	background:#FF851F;
	color:#fff;
	padding:5px 10px;
	font-size:12px;
}
.basic-settings h3
{
	background:#999;
}
.basic-settings small
{
	font-size:11px;
	color:#555;
}
.basic-settings th{
	white-space:nowrap;
	background:#f8f8f8;
	font-size:11px;
	text-align:right;
	font-weight:normal;
}
.basic-settings th, .basic-settings td
{
	padding:2px 5px;
	border-bottom:1px dotted #ccc;
}
.basic-settings td.bshead{
	padding:0;
}
.basic-settings input[type="text"]
{
	width:300px;
	max-width:100%;
	border:1px dotted #777;
	padding:5px;
	font-size:11px;
}
.basic-settings input[type="text"]:focus
{
	border:1px solid #555;
}
div.container-insert-module{
	border:2px dashed #ccc;
	clear:both;
	opacity:0.5;
}
div.container-insert-module:hover{opacity:1;border-color:#999;}
a.container-insert-module{
	display:block;
	border:5px solid #fff;
	text-align:center;
	padding:10px;
	font-size:16px;
	background:#eee;
	color:#222;
	text-decoration:none;
}
a.container-insert-module:hover{background:#ddd;color:#000;text-decoration:none;}

.insert-module-form{}
.insert-module-form caption,
.admin-edit-window caption{
	padding:10px;
	background:#000;
	color:#fff;
	margin-bottom:10px;
	font-size:14px;
}
.insert-module-form td,.insert-module-form th{padding:2px 0;}
.insert-module-form th{text-align:left;}

.admin-edit-window td{padding:2px;}
.admin-edit-window input[type="text"],
.admin-edit-window textarea,
.admin-edit-window select{padding:5px; font-size:12px; font-family:Arial;width:100%;max-width:100%;border:1px solid #ccc;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;background:#f9f9f9;}
.admin-edit-window .foot{text-align:right;}
.admin-table{border-collapse: collapse; width: 100%; border: 1px solid #555;}
.admin-table td{padding: 2px; border: 1px solid #555;}
.admin-table th{padding: 2px; border: 1px solid #555; background: #eee;}

.sjap-mnav{font-size: 11px;}
.sj-d-none, .sj-in-iframe #sjap{display: none !important;}

body.shopadmin{background:#dcf3fe;font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}

.unilogin .header {text-align:center;background:#fff;padding:15px 0;}
.unilogin form {width:350px;padding:20px;margin:28px auto;background:#fff;}
.unilogin p{margin:0; padding:0;}
.unilogin label{display:block; font-size:14px; color:#333333;}
.unilogin button{background:#ff8901; color:#fff; width:100%; border:0; font-size:14px; height:40px; line-height:40px; cursor:pointer;}
.unilogin button:hover{background:#ff7200;}
.unilogin div.meno div, .unilogin div.heslo div{border:1px solid #d0cfcf; height:40px; line-height:40px; font-size:14px; margin-top:9px; padding-left:38px;}
.unilogin div.meno div input, .unilogin div.heslo div input{font-size:14px; padding:5px; width:290px; border:0; border-left:1px solid #d1d0d0;}
.unilogin div.meno div{margin-bottom:14px; background:url(/Images/login-user.png) no-repeat 13px center;}
.unilogin div.heslo div{margin-bottom:20px; background:url(/Images/login-password.png) no-repeat 9px center;}
.unilogin p.logo{text-align:center;}

.admin-pomoc{padding:5px 10px; margin-bottom:10px; border:1px solid #cccccc; background:#f6f6f6;}

div.tipsy { padding: 5px; font-size: 12px; position: absolute; z-index: 100000;}
.tipsy-inner { padding: 5px; background-color: black; color: white; max-width: 300px; text-align: center;}
.tipsy-arrow { position: absolute; /* background: url('/Images/tipsy.gif') no-repeat top left;*/ width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }
.tipsy-tip img{vertical-align: baseline;}

div.tipsy-default {padding: 7px; font-size: 12px; position: absolute; z-index: 100000;}
.tipsy-default .tipsy-inner {padding: 10px; background-color:#ffffff; border:1px solid #cccccc; color: #000; max-width: 300px; text-align: left; }
.tipsy-default .tipsy-arrow {position: absolute; background: url('/Images/tipsy-default.gif') no-repeat top left; width: 15px; height: 8px; }
.tipsy-default.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -7px; }
.tipsy-default.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-default.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-default.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -7px; background-position: bottom left; }
.tipsy-default.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-default.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-default.tipsy-e .tipsy-arrow { top: 50%; margin-top: -8px; right: 0; width: 8px; height: 15px; background-position: top right; }
.tipsy-default.tipsy-w .tipsy-arrow { top: 50%; margin-top: -8px; left: 0; width: 8px; height: 15px; }

.message-alert{padding:10px; text-align:center; background:#FFFF99; color:#000; border:1px solid #F0E68C; margin:20px 0; clear:both; }

.sjFck{background:url('/Images/document-edit-pencil.png') no-repeat center center; margin-bottom:15px;opacity:0.5; cursor:pointer;width:100%;height:500px;border:1px solid;overflow:auto; position: relative;}
.sjFck:hover{opacity:1;}
.sjFck::after{content:''; position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255,255,255,0.01); z-index: 100; }

.special-container-pink,
.special-container-red,
.special-container-grey,
.special-container-yellow,
.special-container-green,
.special-container-blue,
.special-container-orange{clear:both;padding:10px 15px;margin-bottom:15px;}

.special-container-pink:last-child,
.special-container-red:last-child,
.special-container-grey:last-child,
.special-container-yellow:last-child,
.special-container-green:last-child,
.special-container-blue:last-child,
.special-container-orange:last-child{margin-bottom:0;}

.special-container-pink{background-color:#ffe4f2;}
.special-container-red{background-color:#ff8787;}
.special-container-grey{background-color:#d9d9d9;}
.special-container-yellow{background-color:#fdffe4;}
.special-container-green{background-color:#e4ffea;}
.special-container-blue{background-color:#e4f0ff;}
.special-container-orange{background-color:#ffaa71;}


.special-container-pink p,
.special-container-red p,
.special-container-grey p,
.special-container-yellow p,
.special-container-green p,
.special-container-blue p,
.special-container-orange p{margin:0 0 15px 0; padding:0;}

.special-container-pink p:last-child,
.special-container-red p:last-child,
.special-container-grey p:last-child,
.special-container-yellow p:last-child,
.special-container-green p:last-child,
.special-container-blue p:last-child,
.special-container-orange p:last-child{margin-bottom:0; padding-bottom:0;}

/* colored buttons */
.uni-btn{
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid #0086c3;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	background-color: #0086c3;
	color:#fff;
	text-decoration: none;
}
.uni-btn.uni-medium{
	padding: 6px 34px;
}
.uni-btn.uni-big, .uni-big-block{
	padding: 10px 40px;
	font-size: 18px;
}
.uni-big-block{display: block;}
.uni-btn.uni-rounded{
	border-radius: .25rem;
}
.uni-btn.uni-rounded.uni-big{
	border-radius: .5rem;
}
.uni-btn:hover{color: #fff;background-color: #005c85;border-color: #005c85;}
.uni-btn.uni-orange{background-color: #ee7d00;border-color: #ee7d00;color:#fff;}
.uni-btn.uni-orange:hover{background-color: #cf6f00;border-color: #cf6f00;color:#fff;}
.uni-btn.uni-green{background-color: #2a9a44;border-color: #2a9a44;color:#fff;}
.uni-btn.uni-green:hover{background-color: #238039;border-color: #238039;color:#fff;}
.uni-btn.uni-red{background-color: #d52626;border-color: #d52626;color:#fff;}
.uni-btn.uni-red:hover{background-color: #bb2222;border-color: #bb2222;color:#fff;}
.uni-btn.uni-yellow{background-color: #ffc107;border-color: #ffc107;color:#000;}
.uni-btn.uni-yellow:hover{background-color: #dda704;border-color: #dda704;color:#000;}
.uni-btn.uni-black{background-color: #000;border-color: #000;color:#fff;}
.uni-btn.uni-black:hover{background-color: #000;border-color: #000;color:#fff;}
.uni-btn.uni-brown{background-color: #8B4513;border-color: #8B4513;color:#fff;}
.uni-btn.uni-brown:hover{background-color: #743a11;border-color: #743a11;color:#fff;}

.uni-btn.uni-bordered{background-color: transparent;border-color: #0086c3;color:#0086c3;}
.uni-btn.uni-bordered:hover{background-color: #0086c3;border-color: #0086c3;color:#fff;}
.uni-btn.uni-orange.uni-bordered{background-color: transparent;border-color: #ee7d00;color:#ee7d00;}
.uni-btn.uni-orange.uni-bordered:hover{background-color: #ee7d00;border-color: #ee7d00;color:#fff;}
.uni-btn.uni-green.uni-bordered{background-color: transparent;border-color: #2a9a44;color:#2a9a44;}
.uni-btn.uni-green.uni-bordered:hover{background-color: #2a9a44;border-color: #2a9a44;color:#fff;}
.uni-btn.uni-red.uni-bordered{background-color: transparent;border-color: #d52626;color:#d52626;}
.uni-btn.uni-red.uni-bordered:hover{background-color: #d52626;border-color: #d52626;color:#fff;}
.uni-btn.uni-yellow.uni-bordered{background-color: transparent;border-color: #ffc107;color:#ffc107;}
.uni-btn.uni-yellow.uni-bordered:hover{background-color: #ffc107;border-color: #ffc107;color:#000;}
.uni-btn.uni-black.uni-bordered{background-color: transparent;border-color: #000;color:#000;}
.uni-btn.uni-black.uni-bordered:hover{background-color: #000;border-color: #000;color:#fff;}
.uni-btn.uni-brown.uni-bordered{background-color: transparent;border-color: #8B4513;color:#8B4513;}
.uni-btn.uni-brown.uni-bordered:hover{background-color: #8B4513;border-color: #8B4513;color:#fff;}

/* colored buttons  end*/

.uni-slider.slick-initialized .slick-slide{
	display: flex;
    justify-content: center;
}
.matrix-skin .uni-slider .slick-prev,
.matrix-skin .uni-slider .slick-next{
    display:block!important;
}

.uni-columns-container{
	display:flex;
	box-sizing: border-box;
	flex-wrap: wrap;
}
.uni-columns{
	padding:0 15px 15px 15px;
	box-sizing: border-box;
	width: 100%;
	flex: 1 1 230px;
}

#cookiesdirective button {
	padding: 5px 30px;
	border-radius: 22px;
	top: 50%;
	margin-top: -14px;
	position: absolute;
	right: 10px;
}
#cookiesdirective button:hover{opacity: 0.8;}
#cookiesdirective > div{
	padding: 18px 150px 18px 10px;
	width: 1400px;
	max-width: 100%;
	box-sizing: border-box;
}
#cookiesdirective > div a{white-space: nowrap; margin-right: 15px;}
@media only screen and (max-width:767px) {
	#cookiesdirective button {
		margin: 10px auto;
		position: static;
	}

	#cookiesdirective > div {
		padding: 15px 10px;
		text-align: center;
	}
}

blockquote
{
	font-style: italic;
	font-family: Georgia, Times, "Times New Roman", serif;
	padding: 2px 0;
	border-style: solid;
	border-color: #ccc;
	border-width: 0;
	padding-left: 20px;
	padding-right: 8px;
	border-left-width: 5px;
}

.adm-previewbox{
	display: block;
	margin-bottom: 5px;
	padding: 4px;
	overflow: hidden;
	text-align: center;
	vertical-align: middle;
	min-height: 200px;
	border: 1px solid #ddd;
	background: #eee;
}

.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.response-table{overflow: auto;}

#GoPayBankPaymentBox img {
	margin: 0 0 10px 10px;
	max-width: 100px;
	max-height: 40px;
}
#GoPayBankPaymentBox label span.oc_label{flex-wrap: nowrap;}
#GoPayBankPaymentBox label span.oc_name{flex-shrink: 0;}
#GoPayBankPaymentBox label span.oc_images {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
#GoPayBankPaymentBox label span.oc_images .oc_logos{width: 100%;}
@media only screen and (max-width: 800px) {
	#GoPayBankPaymentBox label span.oc_label {
		flex-wrap: wrap;
	}
}

/** eshop **/
.payment-step h1 {
	padding: 25px 0 6px;
	font-size: 17px;
	margin: 0 auto;
	text-align: center;
}
.payment-step > p {
	text-align: center;
	font-size: 14px;
	padding-bottom: 25px;
	font-weight: 300;
}
.payment-step .platba-box {
	padding: 25px;
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	max-width: 500px;
	margin: 0px auto 25px;
	text-align: center;
}
.payment-step .platba-box:hover,  .payment-step .platba-box:focus {
	box-shadow: 0 0px 15px rgba(0,0,0,0.25), 0 0px 10px rgba(0,0,0,0.22);
}
.payment-step .platba-box > p:first-child {
	font-size: 16px;
	padding-bottom: 2px;
	font-weight: 400;
	text-align: center;
}
.payment-step .platba-box > p:nth-child(2) {
	font-size: 14px;
	padding-bottom: 25px;
	font-weight: 300;
	text-align: center;
}
.payment-step .platba-box table {
	width: 100%;
}
.payment-step .platba-box table tr {
	display: flex;
	flex-flow: column;
	align-items: stretch;
}
.payment-step .platba-box table tr img {
	margin: 0px auto 25px;
	display: block;
}
.payment-step .platba-box table tr button {
	width: 100%;
	display: block;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.payment-step .platba-box button,
.payment-step #PaymentLink,
.AfterOrder #PaymentLink{
	float: none !important;
}

.valid-warning{padding: 10px; background: lightyellow; font-weight: normal;}
.restrictions{margin: 0;}
.restrictions li{margin:0; padding: 0; list-style: none;}
.restrictions li.failed{color: red;}
.restrictions li.passed{color: green;}

/* button {outline:0 !important;} */

@media only screen and (min-width: 768px) {
	.payment-step h1 {
		font-size: 24px;
	}
	.payment-step > p {
		font-size: 17px;
	}
	.payment-step .platba-box > p:first-child {
		font-size: 20px;
	}
	.payment-step .platba-box > p:nth-child(2) {
		font-size: 16px;
	}
	.payment-step .platba-box table tr img {
		margin: 0px auto 35px;
	}
}

#PaymentForm, #PaymentLink, #cartorderid{position: relative;}
/* The spinner */
#PaymentForm .uni-spinner, #PaymentLink .uni-spinner, #cartorderid .uni-spinner{position: absolute; top:0; left: 0; right: 0; bottom: 0;}
#PaymentForm .uni-spinner > span, #PaymentLink .uni-spinner > span, #cartorderid .uni-spinner > span{
	margin: 0;
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.confirm_conditions_not_required{
	padding: 5px;
	float: right;
	width: 300px;
	clear: right;
}
.confirm_conditions_not_required label {
	margin-left: 24px;
	display: block;
}
.confirm_conditions_not_required input {
	float: left;
	margin-top: 5px;
}

.bcf{}
.bcf *{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.bcf h3{font-size: 26px; padding: 0; margin: 0;text-align: center;}
.bcf-product-row{font-size: 18px; border-bottom: 1px solid #999; margin: 5px 0 10px 0; padding: 0 0 5px 0;text-align: center;}
.bcf-text-before{margin-bottom: 10px;}
.bcf input[type="text"],
.bcf textarea{padding: 15px; width: 100%; max-width: 100%; border: 1px solid #ccc; font-size: 14px; font-family: Helvetica, Arial, sans-serif;}
.bcf button{padding: 10px; width: auto; min-width: 100px; background: #ddd; cursor: pointer;border:0;}
.bcf button:hover{background: #ccc;}
.bcf button[type="submit"]{background: lightblue;}
.bcf button[type="submit"]:hover{background: lightskyblue;}
.bcf-send-row{text-align: right;}
.bcf-confirms{margin-bottom: 10px;}
.bcf .bcf-flex-row{margin: 8px 0; position: relative;}
.bcf .bcf-label{position: relative; top:10px; background: #fff; padding: 0 5px; left: 10px;}
.bcf .bcf-label label{}
.bcf .bfc-req{font-size: 10px; color: red; position: relative; top: -4px;}
.bcf-message-error, .bcf .message-error{color: red;}
.bcf .message-ok{color: green;}
.bcf .bcf-inv{font-size: 0 !important;border: 0 !important; background: none !important;padding: 0 !important;margin: 0 !important; width: 0 !important; height: 0 !important;}
@media only screen and (max-width: 500px) {
	.bcf{max-width: 300px;}
}

.uni-spinner {
	text-align: center;
	margin: 0 auto;
	padding:0!important;
	width: 100%;
	display: block;
	line-height: 100%;
	background: #DDDDDD;
}
.uni-spinner > span > span {
	display: inline-block;
	width: 14px;
	height: 14px;
	background-color: #000000;
	border-radius: 100%;
	-webkit-animation: uni-bouncedelay 1.4s infinite ease-in-out both;
	animation: uni-bouncedelay 1.4s infinite ease-in-out both;
}
.uni-spinner > span > span:first-child {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}
.uni-spinner > span > span:nth-child(2) {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}
@-webkit-keyframes uni-bouncedelay {
	0%, 80%, 100% { -webkit-transform: scale(0) }
	40% { -webkit-transform: scale(1.0) }
}

@keyframes uni-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	} 40% {
		  -webkit-transform: scale(1.0);
		  transform: scale(1.0);
	  }
}

.NoProducts{
	width: 100%;
}
.NoProductsContainer{
	background-color: #f1f1f1;
	padding:35px;
}
.ShopDetailView .NoProductsContainer{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ShopDetailView .NoProductsContainer h2{
	font-size: 20px;
	height: auto;
	margin: 0 0 20px 0!important;
	overflow: initial;
	text-align: left;
	font-weight: 400;
}
.ShopDetailView .NoProductsContainer ul{
	font-size: 16px;
	margin-bottom: 0;
}
.ShopDetailView .NoProductsContainer ul li{
	margin-bottom: 2px;
}
@media only screen and (max-width:900px) {
	.ShopDetailView .NoProductsContainer .inner:last-child{
		display: none;
	}
}
.message.empty-cart{
	margin-top: 10vh;
	text-align: center;
}
.message.empty-cart h2{
	font-size: 30px;
	font-weight: 400;
	margin-bottom: 30px;
}
.message.empty-cart a{
	color:#fff;
	background-color: #2484c6;
	text-decoration: none;
	font-size: 16px;
	padding: 16px 32px;
	display: inline-block;
	border-radius: 30px;
}
.message.empty-cart a:hover{
	background-color: #e9f8ff;
	color: #0086c3;
}
@media only screen and (max-width:800px) {
	.message.empty-cart h2 {
		margin-bottom: 20px;
		font-size: 20px;
	}
	.message.empty-cart a{
		padding: 10px 25px;
	}
}

body .new-login-module{
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}
body .ShopContent .new-login-module h1,
.ShopContent .LostPasswordContent h1{
	font-size: 30px;
	text-align: center;
	font-weight: 700;
}
body .new-login-module .nlm-login-msg{
	max-width: 800px;
    margin: 0 auto 50px;
    text-align: center;
}
body .new-login-module .new-login-module-container,
.ShopContent .LostPasswordContent form{
	max-width: 534px;
	margin: 0 auto;
	padding:0;
}
body .new-login-module ul{
	display: flex;
	flex-flow: column;
    flex-wrap: wrap;
	list-style-type: none;
	margin:0;
	padding:0;
}
body .new-login-module ul > li{
	width: 100%;
    display: flex;
    flex-flow: column;
}
body .new-login-module ul > li label,
.ShopContent .LostPasswordContent label{
	width: 100%;
    margin-bottom: 5px;
	display: block;
}
body .new-login-module ul > li input,
.ShopContent .LostPasswordContent input{
    padding: 11px 15px;
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #CCCCCC;
	font-size: 16px;
}
body .new-login-module ul > li button,
.ShopContent .LostPasswordContent button{
    margin-top: 20px;
    height: auto;
    line-height: normal;
    width: 100%;
    font-size: 18px!important;
    font-weight: 500;
    min-width: auto;
    padding: 13px 25px;
    min-height: 48px;
	cursor: pointer;
    text-align: center;
	margin-bottom: 15px;
}
body .new-login-module ul > li a{
	margin-bottom: 8px;
	text-align: center;
}


.phoneNumber{
	display: flex;
	/* flex-wrap: wrap; */
	/* align-items: stretch; */
	align-items: flex-start;
}
.phoneNumber .select2{
	flex-shrink: 0;
}
.phoneNumber .select2-container .select2-selection--single{
	height: 42px;
	border-radius: 0;
	border-color: #ccc;
	border-right: 0;
}
.phoneNumber .select2-container--default .select2-selection--single .select2-selection__rendered{
	font-size: 16px;
	padding: 6px 20px 6px 8px;
}
.phoneNumber .select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 8px;
}
/* predvolba */
.phoneCountryspan{
	display:flex !important;
	flex-wrap: wrap;
	align-items: center;
	float: none !important;
	width: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
}
.phoneCountryimg{
	width: 20px;
	border-radius: 3px;
	margin-right: 5px;
}
.phoneNumber .phoneCountryspan .imgName{
	display:none;
}
ul.contentin li input.wrongNumber{
	border-color: #ff0000;
}
.phoneNumber .select2{width: auto !important;}
/* predvolba end*/

input.nospin::-webkit-outer-spin-button,
input.nospin::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input.nospin {
	-moz-appearance: textfield;
}

.spsmap, .gls-places {display:none; position:fixed; top:0; left:0; bottom: 0; right: 0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:99999;}
.spsmap #mapPopup{position:absolute; top:20px;left:20px;right:20px;bottom:20px; padding:20px; background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.5);}
.spsmap .mapHeaderBox{display:flex;height: 50px;width:100%;justify-content:space-between;}
.spsmap .mapInnerBox{display:flex; height: calc(100% - 50px); width:100%;}
.spsmap #osmList{padding-right: 15px;height: 100%; width: 30%;}
.spsmap #osmMapOuter{height: 100%; width: 70%;}
.spsmap .mapSearchForm{position: relative; margin-bottom: 10px;}
.spsmap .mapSearchForm input{border: 1px solid #ddd; font-size: 16px; padding: 10px; width: 100%;}
.spsmap .mapSearchForm button{position: absolute; right: 0; top: 0; height: 100%;}
.spsmap .osmListItems{margin: 0; padding: 0; list-style: none;overflow:auto;height: calc(100% - 50px);}
.spsmap .osmListItems li{padding: 10px; border-bottom: 1px solid #DDD; font-size: 11px;}
.spsmap .osmListItems li:hover{cursor: pointer; background: #EEE;}
.spsmap .osmListItems li strong{font-size: 12px;}
.spsmap #osmMap{height: calc(100% - 150px); padding:0 0 10px 0;overflow: auto;}
.spsmap #osmMapBox{height: 150px;}
.spsmap #osmMapBox .name{font-weight: bold;}
.spsmap #osmMapBoxFlex{display: flex;}
.spsmap #osmMapBoxFlex>div{width: 50%; padding-right: 30px;}
.spsmap #osmMapBoxFlex .openingHours>div{font-size: 11px;max-height: 62px; overflow: auto;}
.spsmap .select-button{padding: 10px 0 0 0;}
.spsmap .select-button button{border: 0;cursor: pointer;outline: none;position: relative;text-decoration: none;background: #e6782b;color: #FFF;padding: 15px 20px;font-size: 16px;font-weight: 500;}
.spsmap .select-button button:hover{background:#555;}

.gls-places{padding: 30px;}
.gls-places-inner{width: 100%; height: 100%;}
.gls-places .hidePopupElm{position: absolute;top: 0; right: 0; font-size: 30px; width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; cursor: pointer; background: #222;}

@media only screen and (max-width:900px) {
	.spsmap #osmList{width: 40%;}
	.spsmap #osmMapOuter{width: 60%;}
}
@media only screen and (max-width:767px) {
	.spsmap .mapInnerBox{flex-direction: column; overflow: auto;}
	.spsmap #osmList{width: 100%; height: 200px; padding: 0;}
	.spsmap #osmMapOuter{width: 100%; background: #fff; padding: 5px 0 0 0;}
	.spsmap .osmListItems li{padding: 5px 10px;}
	.spsmap #osmMapBoxFlex{width: 100%; justify-content: space-between;}
	.spsmap #osmMapBoxFlex>div{padding: 0;}
	.gls-places{padding: 15px;}
}

/* articles */
.article-build-row, .article-products-table{display: flex; width: 100%;}
.article-build-row{}
.article-products-table{flex-wrap: wrap;}
.article-build-column.abc-100, .abc-flex-1{width: 100%;}
.article-build-column.abc-75{width: 75%;}
.article-build-column.abc-50, .abc-flex-2{width: 50%;}
.article-build-column.abc-33, .abc-flex-3{width: 33.33%;}
.article-build-column.abc-25, .abc-flex-4{width: 25%;}

.ArticleProducts{display: flex; flex-wrap: wrap; justify-content: center;}
.ArticleProducts .ArticleProduct{flex-grow: 1; min-width: 200px; max-width: 25%; box-sizing: border-box; padding: 10px; text-align: center; margin:0 0 20px 0;}
.ArticleProducts .ArticleProduct .ArticleProductImage{margin: 0 0 15px 0; height: 150px; position: relative;}
.ArticleProducts .ArticleProduct .ArticleProductImage a,
.ArticleProducts .ArticleProduct .ArticleProductImage picture{width: 100%; height: 100%; display: flex; align-items: center; text-align: center; overflow: hidden;}
.ArticleProducts .ArticleProduct .ArticleProductImage img{max-width: 100%; max-height: 100%; margin: 0 auto;-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;}
.ArticleProducts .ArticleProduct:hover img{transform: scale(1.05);}
.ArticleProducts .ArticleProduct h3{font-size: 16px; font-weight: normal; margin: 0 0 15px 0; padding: 0; min-height: 46px;}
.ArticleProducts .ArticleProduct .delivery-info, .ArticleProducts .ArticleProduct .price{margin: 0 0 10px 0; text-align: center;}
.ArticleProducts .ArticleProduct .price{font-size: 18px;}
.ArticleProducts .ArticleProduct .ArticleProductButtons{visibility: hidden;-webkit-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-ms-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;}
.ArticleProducts .ArticleProduct .ArticleProductButtons a{display: inline-block; margin: 0 auto; background: #000; color: #fff; padding: 5px 10px; text-decoration: none; font-weight: normal;}
.ArticleProducts .ArticleProduct .ArticleProductButtons a:hover{transform:scale(1.05); -webkit-transition:all 0.2s ease 0s;-moz-transition:all 0.2s ease 0s;-ms-transition:all 0.2s ease 0s;-o-transition:all 0.2s ease 0s;transition:all 0.2s ease 0s;}
.ArticleProducts .ArticleProduct:hover .ArticleProductButtons{visibility: visible;}

@media only screen and (max-width:1000px) {
	.article-build-row{flex-wrap: wrap;}
	.article-build-column.abc-75,
	.article-build-column.abc-50,
	.article-build-column.abc-33,
	.article-build-column.abc-25,
	.abc-flex-1,
	.abc-flex-2,
	.abc-flex-3,
	.abc-flex-4{width: 50%;}
}
@media only screen and (max-width:600px) {
	.article-build-column.abc-75,
	.article-build-column.abc-50,
	.article-build-column.abc-33,
	.article-build-column.abc-25,
	.abc-flex-1,
	.abc-flex-2,
	.abc-flex-3,
	.abc-flex-4{width: 100%;}
}
@media only screen and (max-width:800px) {
	.ArticleProducts .ArticleProduct:hover img,
	.ArticleProducts .ArticleProduct .ArticleProductButtons a:hover{
		transform: none;
	}

	.ArticleProducts .ArticleProduct .ArticleProductButtons {
		visibility: visible;
	}
}

@media only screen and (max-width:400px) {
	.ArticleProducts .ArticleProduct {
		min-width: 0;
		max-width: 100%;
	}
}

/**
vyskakovaci top info banner
*/
#top-infobanner, #top-infobanner *{box-sizing: border-box;}
#top-infobanner{position: fixed;bottom: -100px;left: 0;right: 0; width: 100%; max-width: 800px; margin: 0 auto; opacity: 0; z-index: 100;}
#top-infobanner.tib-pos-left{margin: 0 0 0 30px;}
#top-infobanner.tib-pos-right{margin: 0 30px 0 auto;}
#top-infobanner .top-infobanner-content {box-shadow: 0 10px 24px 0 rgba(54, 61, 77, 0.15); display: flex; position: relative; width: 100%;flex-direction: row-reverse;}
#top-infobanner .top-infobanner-content.i_right{flex-direction: row;}
#top-infobanner .top-infobanner-content .text-wrapper{flex-grow: 1;min-width: 50%;padding: 40px;}
#top-infobanner .top-infobanner-content .tib-image{flex-grow: 1;min-width: 50%;}
#top-infobanner .top-infobanner-content.w_text .tib-image img{width: 100%; height: 100%;}
#top-infobanner .top-infobanner-content.w_text .tib-image img{object-position: 100% 50%;object-fit: cover;position: absolute; top: 0; left: 0; width: 50% !important; height: 100% !important;}
#top-infobanner .top-infobanner-content.i_right .tib-image img{right: 0; left: auto;}
#top-infobanner .top-infobanner-content .tib-header{font-weight: bold; font-size: 22px;margin-bottom: 24px;line-height: 100%;}

#top-infobanner .tib-text{font-size: 18px; line-height: 140%; margin-bottom: 24px;}
#top-infobanner a.tib-button{display: block; padding: 10px; text-align: center; font-weight: bold; text-decoration: none;border-width:2px;border-style: solid;border-color:var(--color, #000000);color:var(--color, #000000);background:var(--background, #FFFFFF);}
#top-infobanner a.tib-button:hover{color:var(--background, #FFFFFF);background:var(--color, #000000);}
#top-infobanner a.tib-button{transition:all .2s ease;}

#top-infobanner.tib-border-radius a.tib-button{border-radius: 25px;}
#top-infobanner.tib-border-radius .tib-close::after{border-radius: 50%;}

#top-infobanner .tib-close{padding: 10px;position: absolute;z-index: 1;top: 0;right: 0;cursor: pointer;}
#top-infobanner .tib-close::after{content: '\00d7';display: block;border: 2px solid var(--color, #000000);color: var(--color, #000000);line-height: 12px;font-size: 20px; padding: 5px;opacity: 0.5;}
#top-infobanner .tib-close:hover::after{opacity: 1;background: #000;color: #fff;border-color:#000;}
.tib-start-animation {animation: tib-slide-up 0.5s ease-out forwards; animation-delay: var(--animation-delay, 2s); opacity: 1;}

@keyframes tib-slide-up {
	0% {bottom: -100px;opacity: 0;}
	100% {bottom: 30px;opacity: 1;}
}

@media only screen and (max-width:900px) {
	#top-infobanner{max-width: 700px;}
	#top-infobanner .top-infobanner-content .text-wrapper{padding: 20px;}
	#top-infobanner .top-infobanner-content .tib-header{font-size: 18px;margin-bottom: 15px;}
	#top-infobanner .tib-text{font-size: 16px; margin-bottom: 15px;}
	#top-infobanner .tib-button{padding: 5px;}
}

@media only screen and (max-width:800px) {
	#top-infobanner{width: 500px; max-width: 90%; margin: 0 auto !important;}
	#top-infobanner .top-infobanner-content {flex-direction: column-reverse !important;}
	#top-infobanner .top-infobanner-content.w_text .tib-image img{position: static; width: 100% !important;}
	#top-infobanner .tib-text{font-size: 16px;}
	#top-infobanner .top-infobanner-content .text-wrapper{width: 100%;}
	#top-infobanner .top-infobanner-content .tib-image{width: 100%;}
	#top-infobanner .top-infobanner-content.w_text .tib-image{height: 170px;}
}
@media only screen and (max-width:600px) {
	#top-infobanner.ti-none {display: none !important;}
}

.variant-help-icon{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background-color: #555;
	color: white;
	font-size: 11px;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	margin-left: 5px;
	position: relative;
	top: -2px;
}
.variant-help-icon:hover{background:#000;}
.variant-description-content {
	width: auto;
	max-width: min(1000px, 100vw);
}
.variant-description{display: none;}
.variant-description-content p.variant-name{font-weight: bold; margin: 0 0 15px 0; padding: 0 0 10px 0; border-bottom: 1px solid #ddd; font-size: 1.2rem;}

.ShoppingCentre .ShoppingCentreMenu{display: flex; margin: 0; padding: 0; list-style: none; width: 100%; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.ShoppingCentre .ShoppingCentreMenu li{width: 23.5%; margin: 10px 0;}
.ShoppingCentre .ShoppingCentreMenu li a{display: flex; flex-direction: column; width: 100%; height: 120px; padding: 10px; text-align: center; text-decoration: none; border: 1px solid #eeeeee; justify-content: center; align-items: center; border-radius: 5px; transition: all 0.2s;}
.ShoppingCentre .ShoppingCentreMenu li a:hover {box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);}
.ShoppingCentre .ShoppingCentreMenu li:last-child a::before {content: "\f08b"; position: static;font:normal normal normal 14px/1 FontAwesome; display: block; font-size: 30px; margin-bottom: 10px;}

.ShoppingCentre .info-container,
.ShoppingCentre .info-container .d-flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 20px;
	gap: 20px;
}

/* Štýl pre jednotlivé boxy */
.ShoppingCentre  .info-container > div {
	background-color: #fff;
	border: 1px solid #eeeeee;
	padding: 0;
	border-radius: 5px;
	flex: 1;
	text-align: center;
	overflow: hidden;
}
.ShoppingCentre .info-container .d-flex{margin-bottom: 0; padding: 10px 0;}
.ShoppingCentre .info-container .d-flex .info-box{
	flex: 1;
}
.ShoppingCentre .info-container.info-container-double .d-flex{gap: 10px;}
.ShoppingCentre .info-container.info-container-double .d-flex .info-box{
	flex: none;
	width: 100%;
}

/* Štýl pre nadpisy v boxoch */
.ShoppingCentre h2 {
	font-size: 1rem;
	margin: 0;
	padding: 10px;
	background: #F6F6F6;
}
.ShoppingCentre .info-box h3 {
	font-size: 1rem;
	margin: 0;
	padding: 0;
	background: none;
}
.ShoppingCentre .info-container .info-box-dealer{background: #F8F8F8;}
.ShoppingCentre .info-container .info-box-dealer span{display: block;}
.ShoppingCentre .info-box-dealer h2{
	background: #555;
	color: #fff;
}

.ShoppingCentre .info-box p {
	margin: 0;
	padding: 0;
}

.variant-help-icon{

}

@media only screen and (max-width:1000px) {
	.ShoppingCentre .ShoppingCentreMenu li{width: 32%;}
	.ShoppingCentre .info-box h2{font-size: 1rem;}
}

@media only screen and (max-width:600px) {
	.ShoppingCentre .info-container .d-flex .info-box {width: 100%; flex: none;}
	.ShoppingCentre .info-box h2{font-size: 0.9rem;}
	.ShoppingCentre .ShoppingCentreMenu li{width: 48%;}
	.ShoppingCentre .ShoppingCentreMenu li a{height: 80px;}
}

@media only screen and (max-width:500px) {
	.info-container.info-container-double{flex-direction: column;}
}