/* 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;}

.sjap-mnav{font-size: 11px;}

body.shopadmin{background:#dcf3fe;font-family:Arial, Helvetica, sans-serif; margin:0; padding:0;}
.unilogin {}
.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;}
.sjFck:hover{opacity:1;}

.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{
	padding: 10px 40px;
	font-size: 18px;
}
.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;}

/** 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{
	float: none !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;
	}
}