/* ------------ style definitions for the admin area */
*{margin:0;padding:0}
body{font:13px/140% "Segoe UI", sans-serif;background:white;color:#222222; font-weight:500}
body.simple {background: white;}
a{text-decoration:none}
a:link,a:visited{color:#282828}
a:hover{color:black; text-decoration: underline;}
ul{list-style:none}
img{border:0}

/*  ------------ basic layout */
#container{background:#FFFFFF repeat-y 0 0}
#content{margin-top:1.5em;margin-left:210px;padding-bottom:2em; position:relative}
#framed #content {
	margin:0 0 0 5px;
	padding:0;
}
#content.nologin {
	margin:0 0 0 30px;
	padding:0;
}
#header{height:60px; border-bottom: 1px solid #ccc; }
#header img{height:50px; margin-top:5px;}
#sidebar{float:left;width:190px;background:#f0f0f0;margin:0px 0 0 0;padding:0 0 0 0}
#wrapper{float:right;width:100%;margin-left:-220px}
#footer{clear:both;}
#footer p{padding:0; margin:10px 10px 10px 0; line-height:30px}
#footer p span{line-height:30px; display:block; height:30px; float:right; margin:0 0 0 10px; color: #7f8282}
h1{height:63px;margin-left:10px; }
h1 span{font-size:28px;line-height:61px;font-weight:bold;margin:0;padding:0; color:white!important;display:block}
h1 a, h1 a:hover{color:white!important}

/* -------- sidebar */
#sidebar ul{padding:0 10px 10px 10px}
#sidebar h2{font-size:15px; line-height:32px;font-weight:bold;color:black;height:32px;padding-left:10px;margin:0 0 4px 0px; border-bottom:1px solid #aaa;background:white;box-shadow: 3px 2px 2px -2px #999; }
#sidebar h2.user {border-top:0px none}
#sidebar li{display:block;font-size:14px; padding:3px 0 3px 0;}
#sidebar li a{display:block;padding:0 10px 2px 0px}
#sidebar li a strong {color:#c30000}
#sidebar p {padding:10px}

#sidebar li.menuclicker{display:block; padding:2px 0px 2px 0px; cursor: pointer;}
#sidebar li.menuclicker:hover{text-decoration: underline;}
#sidebar li.hide{display:none}
#sidebar li.seznam, #sidebar li.ciselnik, #sidebar li.marketing, #sidebar li.system, #sidebar li.translate{padding-left:8px;}

/* ------------ content */
#content h2{color:black;font-size:17px;margin:1em 0 1em 0px;border-radius:2px}
#content h3{font-size:14px; background: #444444; margin:1em 1em 1em 0px;padding-left:.8em;line-height:30px; color:white;border-radius:2px}
table.varianty { border:1px solid #bbb}

#accordion h3, .accordion h3 { margin:0 0 1px 0!important; cursor:pointer}
#websetings h3 { margin:0 1em 1px 0; cursor:pointer}
#accordion > div, .accordion > div { padding:5px 20px;}
#websetings > table, #accordion > div, .accordion > div, #accordion > table, #accordion > p { background: #f0f0f0; border: 1px solid #e0e0e0; margin:0!important; width:auto; display:none; margin:10px 0 10px 0!important}
#accordion > div.show, #accordion > table.show, #accordion > p.show { display:block }
#accordion > table { width:100%}
#websetings > table { width:99%; margin-right:1em}
#accordion h3.firstopen + div, #accordion h3.firstopen + table {display:block;}

#content h2 a{color:black}
#content h3 a{color:white}
#content ul{padding:1em 2em}
#content li {background:transparent url(arrow.gif) no-repeat 5px 50%;padding:0 0 0 20px}
#content p{padding:0 2em 1em 0}

#content .ui-accordion h3{margin-bottom:1px; margin-top:0}

/* ------------ login */
#login{width:350px;height:50px;position:absolute;top:10px;right:10px;border:1px solid #ccc; border-bottom:0; border-top-left-radius:5px; border-top-right-radius:5px;}
#login h2{padding:0;background:transparent;font-size:12px;color:black;line-height:normal;height:14px;margin:5px 0 0 10px;border:0}
#login ul{margin:6px 0 0 10px;padding:0}
#login li{display:inline; background: none;padding:0;margin:0}
#login li a{display:inline;font-size:10px;text-transform:uppercase;font-weight:bold;margin-right:18px;padding:0;background:transparent; color:black; text-decoration: underline;}

/*  ------------ tables */
table{margin:1em 1em 1em 0; width:99%;}
.batchoperations{padding:10px 0;margin:0 20px;width:95%}
.batchoperations select{width:130px}
th{background:#f4f4f4; font-weight:bold; padding:5px 10px; font-size:100%}
td{padding:4px 5px;border-bottom:1px solid #eaeaea;border-right:1px solid #eaeaea;}
#content .navigation{height:38px;border-top:1px solid #DDDDDD}

/*  ------------ tags */
#tat_table { width:250px; }

/* markup buttons */
.imagesorter { display:block; clear:both; margin-bottom:20px;}
.imagesorter div.left {float:left; margin:5px; padding:0; width:160px; height:210px; border:1px solid #eaeaea; text-align:center; border-radius:5px}
.imagesorter img { max-width: 160px!important; max-height:160px!important;  margin:5px 0 0 0; border-radius:5px}
span.deleteimage {color:red; cursor: pointer; clear:both; display:block}
.imagesorter input { width: 160px; border:0 none; margin:0 0 1px 0; padding:0;}

iframe.hidden { display:none}


span.delete {color:red; cursor: pointer; display:block}
.clearer {clear:both}

/*  ------------ orders */
#content table.ordershelper th.left {text-align:left; font-weight:normal; vertical-align: top; }
#content table.ordershelper th.right {text-align:right; font-weight:normal; vertical-align: top; }
.floatleft {float:left; margin-left:10px}
.floatright {float:right; margin-right:10px}
span.click, .clicker {cursor:pointer;color:#1f4fc8}

td.right {text-align:right}
th.right {text-align:right!important}

#content table.ordershelper tr.hidden { height:1px; overflow:none; }
#content table.ordershelper tr.hidden td { height:1px; overflow:none; }
#content table.ordershelper tr.show { height:auto; overflow: visible;}

#content table.ordershelper td.body { background: #f4f4f4}

#content table.ordershelper th {line-height:120%; padding:4px 10px 4px 10px}
#content table.ordershelper th form {line-height:150%; padding:0; margin:0}
#content table.ordershelper th form div {line-height:150%; padding:0; margin:0}
#content table.ordershelper th form div input.orderinput {background:#e8e8e8; border:1px inset #afafaf; padding:1px}
#content table.ordershelper th p {line-height:130%; padding:0; margin:0}

.minibox {float:left; display: block; width:10px; height:10px; margin-right:10px}

#content form.right fieldset {text-align: right;}

/* ********** helpers ********** */
.splitter1  {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:1px}
.splitter5 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:5px}
.splitter10 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:10px}
.splitter15 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:15px }
.splitter20 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:20px }
.splitter30 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:30px }
.splitter45 {	clear:both;	display:block; font-size:1px; line-height:1px; padding-top:45px }
.clearer { clear: both; height: 1px; font-size:1px; line-height:1px}

/*  ------------ autocomplete */
.suggestionsBox { position: absolute; margin: 10px 0px 0px 0px; width: 400px; background-color: #809394; border: 1px solid #809394; color: #fff; }
.suggestionList { margin: 0px; padding: 0px; }
.suggestionList li { margin: 0px 0px 3px 0px; padding: 3px; cursor: pointer; }
.suggestionList li:hover { background-color: #659CD8; }

input[readonly=readonly], select[readonly=readonly], a[readonly=readonly] { background: #aaaaaa; }
input[required=required], select[required=required] { background: #afeeee; }
input.simple { background: #EFEFEF; }
input.main { background: #b7c936; }
input[type=text], input[type=password], textarea, input[type=number], input[type=email], input[type=date], input[type=time]   {border:1px solid #dcdcdc; padding:3px 5px; margin-top:1px; border-radius:2px}
input[type=text]:focus, input[type=password]:focus, input[type=date]:focus, input[type=time]:focus, textarea:focus   {border-color:#f5d566; border-width: 1px!important;}
input[type=text]:focus, input[type=password]:focus, input[type=date]:focus, input[type=time]:focus {background:#f3f0d2; }
select   {border:1px solid #dcdcdc; padding:3px 5px; }
select:focus {border-color:#f5d566; background:#f3f0d2}
input[type=submit] {	background:#fe4e12; color:white; padding:5px 10px; text-align: center; border:0 none; border-radius:5px}
button, .button {	background:#fe4e12; color:white!important; padding:8px 10px; text-align: center; border:0 none; cursor:pointer; border-radius:5px;}
button.red, .button.red {
	background:#fe4e12; color:white!important;
}
button.micro {
	font-size:12px;
	line-height:14px;
	padding:2px 5px;
}
button.mini, .button.mini {
	font-size:14px;
	line-height:26px;
	padding:2px 5px;
	border-radius: 0;
}
input[type=submit]:hover {	background:black; color:white; cursor: pointer; }
fieldset{ padding: 5px 10px 5px 10px; margin: 10px 0 5px 0; border:1px solid #dcdcdc; width:96%}
#content.nologin fieldset {
	width: calc(100% - 60px);
}
#content fieldset p {
	margin:5px 0 5px 0; padding:0;
}
legend{ color:black; font-weight:bold}

.hand {cursor: pointer; text-decoration: underline;}
span.floatright {float:right}
.hidden {display:none}
.cursorpointer {cursor: pointer;}
span.r {	color:#c30000;}
span.l {	color:#4041ff;}
span.g {	color:#507021;}
.imgclick {margin-left:5px; cursor:pointer}

code, pre {font-family: "Lucida Console", Courier; font-size:90%}

.indent {
	padding:10px 0 5px 30px;
}

.addmore, #addmorev {
	text-decoration: underline; cursor: pointer;
}
.bigger {
	font-size:120%;
}

table.full {width:99%; margin-right:1em;}
table.full th {text-align: left;}
table.full td {vertical-align: top}
table.full.list tr {border-bottom: 1px solid #ccc}
table th.w50, table td.w50 {width:50%;}
table th.w33, table td.w33 {width:33%}
table th.w20, table td.w20 {width:20%;}
table th.w25, table td.w25 {width:25%;}
table th.f20 {width:20px}
table th.f60 {width:60px}
table.full input:focus {background: #F5F5DC; color:black}
table.ordershelper tr.header th, table.full tr.header th{background:#444; color:white; border:0 none}
table.ordershelper tr.header th:first-child, table.full tr.header th:first-child {border-top-left-radius:2px}
table.ordershelper tr.header th:last-child, table.full tr.header th:last-child {border-top-right-radius:2px}
table.full tr.header th a{color:white; }
table.full td.center {text-align: center!important;}
table td.r, table th.r {
	text-align: right;
}
table.ordershelper, table.full.list {border-bottom:1px solid #dcdcdc}
table.list tr:hover td{background: #e6c2e7 !important}

table.inside {width:100%; margin-bottom:20px}

.deletepolozka, .deleteitem {
	font-size:14px; cursor: pointer;
}
img.handle {
	cursor: pointer;
}
table.full input[disabled=disabled] {
	background: #eeeeee; font-weight:bold; font-size:1.2em;
}
table.full tr.linetop td {
	border-top:1px solid #446f9e;
}

table.full tr.even td {
	background: #f4f4f4;
	border:0 none;
}
table.full tr.pink td {
	background: #caafc2;
	border:0 none;
}
table.full tr.odd td {
	background: #e4e4e4;
	border:0 none;
}
table.full tr.clicked td {
	background: #bce774;
}
table.full tr.clicked:hover td {
	background: #e6c2e7 !important;
}
table.full td.action {
	background: #eaeaea !important;
}

table.micro {margin:0; width:100%; border:0 none; }
table.micro th {padding-top:1px; padding-bottom:1px; font-size:1.0em; padding-left:5px; border:0 none; background: transparent;}
table.micro td {padding-top:1px; padding-bottom:1px; font-size:1.0em; padding-left:5px; border:0 none; background: transparent;}
table.micro td.w25 {width:25%;}
table.micro td.w33 {width:33%;}
table.micro.center {text-align: center;}

tr.col1 > td, td.col1 {background: #fffff4}
tr.col2 >  td, td.col2 {background: #e7d7e7}
tr.col3 >  td, td.col3 {background: #f4f4f4}
tr.col4 >  td, td.col4 {background: #FFF3EA}
tr.col5 >  td, td.col5	 {background: #cae6ee}

table#polozky table.micro {
	text-align: left!important;
}
table#polozky td.sumaceitem > table.micro {
	padding:2px 5px;
}
table#polozky input.poradi {
	font-size:8px; padding:2px 3px; border:1px solid #fefefe; text-align: center; float:right;
}
table td.f-width-50-pct {
	width:50%; vertical-align: top;
}

.hide {display:none;}

form.r {
	text-align: right;
}
select.cstavid {
	padding:0px; margin:0 0 5px 0; font-size:13px; line-height:18px; border:0 none; background: #ffffaa; color:black;
}
input.czaplaceno {border:2px solid red; padding:1px}
input.czaplaceno:checked {border:2px solid green}

#formfilter.bottom {
	position:absolute;
	bottom:10px;
	right:10px;
	left:0;
}

#content fieldset.fixed {	text-align: left; }
#content fieldset.fixed label {	width:33%; display:inline-block }

hr {
	border:0 none;
	border-top:1px dotted #7bac33;
	margin:10px 0;
	padding:0;
}
#paramsort div.grey {
	margin:0 1em 5px 0;
	padding:5px 10px;
	line-height:130%;
	background: #f4f4f4;
	border-top:1px solid #dddddd;
	cursor:pointer;
}
#paramsort div.grey label { margin-bottom:2px; display: inline-block }
#paramsort .removeitem {
	float:right;
	margin:5px 10px 0 0;
}

.eshoplistimage {
	height:40px;
	float:left;
}
.imgspacer {
	display: block;
	width:50px;
	height:40px;
	float:left;
}
.fll {
	float: left;
}
.flr {
	float: right;
}

.box-half {
	width:45%;
}

table.full.list td {
	border:0 none;
}
table.full.list {
	border-collapse: collapse;
}

table.microshow {
	margin:2px 0;
	padding:0;
	border:0 none;
}
table.full.list tr.hide {
	display:none;
}
table.microshow td {
	border:0 none;
	padding:2px 0 2px 0;
}
table.microshow td {
	border-bottom:1px dotted #959595!important;
	text-align: right;
}
table.microshow td:nth-child(1) {
	width:30%;
	text-align: left;
}
table.microshow td:nth-child(7) {
	width:20%;
	text-align: right;
}
span.showcontent {
	display:inline-block;
	padding:0 80px 0 0;
	font-weight:bold;
	color:#333;
	cursor: pointer;
}
table.full td.action {
	background: #eaeaea !important;
}
table.full tr.lineone td {
	border:0 none;
	border-top:1px solid #d3d3d3;
}
#content p.slim {
	margin:2px 0;
	padding:0;
}
small.fll.prodejks, td small.prodejks {
	background: #f0ffff;
	display:inline-block;
	padding:2px;
	border-radius: 4px;
	color:#808080;
}
small.fll.prodejks a {
	color:#808080;
}

.lfont {
	font-size:13px;
	display:inline-block;
	margin-bottom:5px;
}
.lvelikosti {
	font-size:12px;
}

.itemedit {padding-top:30px!important}
.fixededit {position:fixed; text-align:center; background: white; z-index:100; margin-top:-43px; width:100%; height:40px}
.fixededit input {margin:5px auto 0 auto}
#btn_blockedit {font-size:16px; cursor: pointer}
.center {text-align: center}

.button.enhanced {background: #f0002b}

input.canvasUpload {
	border:0 none;
	color: transparent;
}

.canvasPhoto {
	display: block;
	max-width: 135px;
	max-height: 135px;
	margin-top: 1px;
	margin-right: 1px;
	text-align: center;
	border-radius: 5px;
	overflow: hidden;
	float:right;
}
.canvasPhoto canvas {
	width: 100%;
}
.canvasPhoto img {
	width: 100%;
}
input.position {background:#e7e7b5}
input.mini {padding:1px; font-size:13px; line-height:16px; border:0 none; width:26px; text-align:center}
select.mini {padding:1px; font-size:13px; line-height:16px; border:0 none; width:86px; text-align:left}

#sets .sets {
	background: #eaeaea;
	border:1px solid #aaaaaa;
	padding:10px;
	margin:10px 10px 10px 0;
}

.microshow input[name^="ks"] {
	font-size:10px!important;
	line-height:12px;
	padding:2px;
	margin:0;
	width:30px;
	border:0 none;
	background:transparent;
}
.splitOrder {
	display:inline-block;
	color:white;
	padding:2px 4px;
	background: #ff6347;
	font-weight:bold;
	cursor:pointer;
	border-radius:3px;
}


/* ------------ */
/* images       */
/* ------------ */
.leftbox, .rightbox { margin: 3px; padding: 3px; font-size: larger; width: 20%; }
.leftbox { float: left; border-right: 2px solid #888; }
.rightbox { float: right; border-left: 2px solid #888; }

/* ------------ */
/* javascript   */
/* ------------ */
.jsbutton { text-align: center; padding: 3px; border: 1px solid #dddddd; }
.jsbuttonspacer { padding-right: 10px; }
.jsbuttonbar { padding: 3px; cursor: default; }

/* ------------ */
/* language bar */
/* ------------ */
.language a:link, .language a:visited { padding: 2px 20px 2px 20px; margin-right: 10px; margin-top:5px; border: 1px solid #dcdcdc; float: left; color: black; text-decoration: none; border-radius: 5px}
.language a.selected:link, .language a.selected:visited { color: white; background: #95a5a6; }
.hidden { display: none; }
.buttonbar a:link, .buttonbar a:visited { padding: 0 10px 0 10px; margin: 0 10px 0 0; color: black; }
.buttonbar a.selected:link, .buttonbar a.selected:visited { color: red; background: #F5F5DC; }

.editorfull { display: block; width: 100%; height: 400px; float: left; }
.editormini { display: block; width: 1px; height: 1px; float: right; }
.editornone { display: none; width: 100%; height: 400px; float: left; }
.editornone textarea, .editorfull textarea { display: block; width: 100%; height: 500px; float: left; }
.editortiny { display: block; min-height:auto; height:auto }

textarea.tbody {	width:400px; height:100px;}

/* markup buttons */
.ajaxiframe iframe { width:500px; height:40px}
iframe.hidden { display:none}
.ajaxing {
	height:190px;
	overflow:auto;
	padding-bottom:10px;
	padding-top:10px;
}
.ajaxing .left {
	text-align:center;
	border:5px solid white;
	width:160px;
	height:170px;
	vertical-align: middle;
	margin:0 10px 0 0;
}
.ajaxing .left img {
	height:130px;
}
.ajaxing .left input {
	border:0 none;
	margin-bottom:2px;
}

.ui-helper-hidden-accessible {
	display: none!important;
}
span.spacer {
	display: inline-block;
	width:20px;
	height:15px;
}
span.lefter {
	width:60px;
	height:120%;
	float:right;
	text-align: right;
}
span.lefter.cena {
	width:100px;
}
span.skladem {
	color:green;
	font-weight:bold;
}
span.notskladem {
	color:#8c0000;
	font-weight:bold;
}
select.w40, input.w40 {
	width:40%;
}
input.w40 {
	background: #f4f4f4 !important;
}
table.minipad td {
	padding:0 0 1px 5px;
}

strong.red {
	color:red;
}
h3 span.live {
	background:url('/admin/css/live.png') top left no-repeat;
	width:36px;
	height:16px;
	margin:6px 5px 0 0;
	float:right;
}
span.checkbox {
	background:#1f96d8;
	color:white!important;
	padding:2px 6px;
	text-align: center;
	border:0 none;
	cursor:pointer;
	border-radius:2px;
}
.review {
	border-bottom:1px solid #aaaaaa;
	padding:5px 0;
	clear:both;
}
.review p {
	margin:0;
	padding:0;
}
.review p:after {
	content:' ';
	content: "";
	display: table;
	clear:both;
}
.review .minicontent {
	color:black;
	width:calc(30% - 10px);
	height:15px;
	display:block;
	float:left;
	padding:0 10px 3px 0;
	margin:0 3% 0 0;
	font-weight:bold;
}
.review .content {
	background:white;
	color:black;
	padding:5px;
	width:calc(30% - 10px);
	height:40px;
	display:block;
	float:left;
	margin:0 3% 0 0;
	overflow:auto;
}
.review .content.add {
	background:#f3f3f3;
}
.review .content.last,
.review .minicontent.last
 {
	margin-right:0;
}

.tox .tox-toolbar { justify-content: center!important; text-align: center!important; }

.balikobot, .apaczka {
	display:inline-block;
	padding:1px 4px;
	cursor:pointer;
}
.balikobot.blue, .apaczka.blue {
	background: #2a8700;
	color:white;
	margin-top:4px;
	padding:2px 5px;
	font-size:12px;
}
.apaczka.yellow {
	background: #ffc0cb;
	color:black;
}
.balikobot.yellow {
	background: #f0e68c;
	color:black;
}
.balikobot.green, apaczka.green {
	background: #9acd32;
	color:white;
}
.balikobot.red, .apaczka.red {
	background: #ffa07a;
	color:white;
}

.green {
	color:#2a8700;
}
.red {
	color:#aa0000;
}
.blue {
	background:#239ade;
	color:white;
	border-radius:3px;
	padding:0px 3px;
}
div.responsive {
	overflow-x:auto;
	width: calc(100vw - 250px);
}

#filterslist{
	height:26px;position:absolute;top:15px;right:380px;
	padding:10px;
	border-top-left-radius:5px; border-top-right-radius:5px;
}

a.filter, span.filter {
	background: #eee;
	border: 1px solid #ccc;
	font-size:13px;
	line-height:18px;
	padding:0 6px;
	display:inline-block;
	margin:0 5px 5px 5px;
	border-radius:4px;
	cursor: pointer;
}
#filterslist del {
	font-size:13px;
	line-height:18px;
	padding:0;
	display:inline-block;
	cursor: pointer;
	color:#333;
	text-decoration: none;
}

.tox .tox-button--icon .tox-icon svg, .tox .tox-button.tox-button--icon .tox-icon svg, .tox .tox-button.tox-button--secondary.tox-button--icon .tox-icon svg {
	fill: black!important;
}
.tox .tox-button--secondary {
	background-color: #bbb!important;
}
.tox .tox-tbtn__select-label, .tox .tox-listbox__select-label {
	color:black!important;
}
@media (max-width: 1024px) {
	#filterslist {display:none}
	#login { width: auto; border:0 none!important; text-align: right;}
	#login h2  {display:none}
	#login ul li:not(:nth-child(2))  {display:none}
	.hidemobile {
		display:none!important;
	}
	#sidebar ul {
		display:none;
	}
	#container {
		display:flex;
		flex-direction: column;
	}
	#sidebar {
		position: unset;
		display: table;
		width: calc(100dvw - 20px);
		margin:10px 0 10px 10px;
		order: 1;
	}
	#wrapper {
		order: 2;
		display: table;
		float: none;
		margin:0 0 0 0;
	}
	#content {
		width: calc(100dvw - 20px);
		margin:0 0 0 10px;
		overflow: scroll;
		position: unset;
		display: block;
	}
	#chartform {
		display:block;
		margin:0;
		clear: both;
	}
	#chartform .flr {
		float:none!important;
		padding:10px 0 0 0;
	}
	#chartform a {
		display: inline-block; font-size:12px; line-height:18px; padding:2px 4px; margin: 0 5px 5px 0;
	}
}