body {
	font-size: 15px;
	line-height: 1.6;
	color: #333;
	background: white;
	font-family: sans-serif;
	margin: 0px;
	padding: 0px;
}
input {
	font-size: 15px;
}

h1 {
	color: #3484D2;
}

form {
	display: inline;
}

#ajax-spinner {
	margin: 15px 0 0 15px;
	padding: 13px;
	background: white url('../images/spinner.gif') no-repeat 50% 50%;
	font-size: 0;
	z-index: 123456;
	display: none;
}

div.flash {
	color: black;
	background: #FFF9D7;
	border: 1px solid #E2C822;
	padding: 1em;
	margin: 1em 0;
}
.flash-box {
	position: fixed;
	top: 0px;
	left: 300px;
	z-index: 100000;
}

a[href^="error:"] {
	background: red;
	color: white;
}
input[type="number"] {
	width: 60px;
	text-align: right;
}

form tr, form td {
	vertical-align: top;
	font-weight: normal;
}

form .required label {
	font-weight: bold;
}

form .error {
	color: #D00;
	font-weight: bold;
}
.fright {
	float: right;
}
/* -- design -- */
table.data {
	border-collapse: collapse;
}
table.data thead tr {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(6%,#e4e4e4), color-stop(25%,#f7f7f7), color-stop(100%,#f5f5f5));
}
table.data tbody tr {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(6%,#e8e8e8), color-stop(25%,#fbfbfb), color-stop(100%,#f9f9f9));
}
table.data td, table.data th {
	border: 1px solid #ccc;
	padding: 3px 7px;
	border-collapse: collapse;
}
input[type=submit], .button, a.button-block, a.button:visited, a.button-block:visited {
	background: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	border: 1px solid silver;
	border-radius: 5px;
	padding: 5px 15px;
	color: black;
	cursor: poiter;
	text-decoration: none;
	box-shadow: inset 0 0 14px 0 #d8e1e7;
}
input[type=submit]:hover, .button:hover, a.button-block:hover {
	background: -webkit-linear-gradient(top, #fafdfc 0%,#d8e1e7 50%,#b5c6d0 51%,#e8f7ff 100%);
	border: 1px solid #888;
	border-radius: 5px;
	padding: 5px 15px;
	color: #444;
	text-shadow: 0px 0px 3px white;
	cursor: poiter;
	box-shadow: inset 0 0 14px 0 white;
}
a.button-block {
	text-align: center;
	display: block;
	margin: 3px;
}


a, a:visited { 
	color: green;
}
a:hover, a:active { 
	color: green;
	text-shadow: 0px 0px 3px #88ff88;
}
/* -- design menu -- */
#side-panel .selected {
	font-weight: bold;
}
#top-panel .selected, #top-panel .in-path {
	font-weight: bold;
}


dl.params dt, dl.form dt {
	font-weight: bold;
	min-height: 2ex;
	width: 25ex;
}
dl.params dd, dl.form dd {
	margin-left: 25ex;
	margin-top: -2ex;
	min-height: 2ex;
}
.number {
	text-align: right;
}
td.category {
	font-weight: bold;
}
td.cmd {
	text-align: center;
}
table.data td.full-button {
	padding: 0;
	margin: 0;
}
td.full-button a {
	display: block;
	padding: 3px 7px;
}
.a-block a {
	display: block;
}
/* -- Pokladna -- */
.category .content {
	padding-left: 1em;
}
.category {
	border-radius: 5px;
}
.category h2 {
	margin: 0 0 0 5px;
}
/* .product a {
	display: block;
	border: 1px solid #eee;
	border-radius: 10px;
	margin: 3px;
	padding: 3px 5px;
	clear: both;
} */
.product {
	border: 1px solid #eee;
	border-radius: 10px;
	margin: 3px;
	padding: 2px 2px;
	display: block;
	/* display: inline-block; */
}
.product-o {
	display: inline-block;
	width: 49%;
	/* float: left; */
}
.product .prices {
	float: right;
}
.product .name {
	font-size: 120%;
}
.product .description {
	font-size: 80%;
}
.product .description {
	display: block;
}
.category h2 {
	clear: left;
}
.product:hover {
	background: #f8f8ff;
	color: #3333ff;
}
.category a.price {
	display: block;
	float: right;
	text-align: center;
	border: 1px solid #eee;
	border-radius: 10px;
	margin: 3px;
	padding: 3px 5px;
	text-decoration: none;
	background: -webkit-linear-gradient(top, #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
	min-width: 80px;
}
.category a.price span.amount, .category a.price span.price {
	font-size: 120%;
	display: block;
	font-weight: bold;
}
.category a.price span.price small {
	font-size: 50%;
}
.category a.price .short {
	font-size: 80%;
}

.price-sum, big {
	font-size: 150%;
}
.price-sum {
	text-align: center;
}
.canceled {
	text-decoration: line-through;
	color: #777;
}
#overlay {
	background: rgba(255, 255, 255, 0.8);
}
.modal-form {
	border: 2px solid silver;
	padding: 1ex;
	background: white;
	-webkit-box-shadow: 3px 3px 5px 2px rgba(128, 128, 128, 0.5);
	box-shadow: 3px 3px 5px 2px rgba(128, 128, 128, 0.5);
	border-radius: 10px;
}
.modal-form h2 {
	margin: 0px;
	padding: 5px 15px;
	border-bottom: 2px dotted silver;
}
.modal-form .buttons {
	text-align: center;
}
/* -- common -- */
.clear { clear: both; }
.w100e { width: 100%; }
.nowrap { white-space: nowrap; }
.th-ta-left th {
	text-align: left;
}
.th-va-top th {
	vertical-align: top;
}
.fright {
	float: right;
}
.rigth-outer {
	float: right;
	height: 0px;
	overflow: visible;
	position: relative;
	left: 50px;
}
.ui-datepicker {
	background: white;
	border: 1px solid silver;
	padding: 10px;
}
table.tbody-scroll tbody {
	overflow: auto;
}
ul.user-selector li, ul.user-selector {
	list-style-type: none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	color: green;
}
ul.user-selector li {
	padding: 2px 10px;
}
ul.user-selector li:hover {
	background: green;
	color: white;
}
.stock-amount {
	color: white;
	display: inline-block;
	background: #777;
	padding: 0 1ex;
	border-radius: 2ex;
	font-size: 70%;
	font-weight: bold;
	position: relative;
	top: -3px;
}
/* td.max-input input {
	width: 100%;
	height: 100%;

}
table.data td.max-input,
td.max-input {
	padding: 0;
} */
.page-link {
	padding: 1ex;
}
.dl-horizontal dt {
	float: left;
	width: 160px;
	overflow: hidden;
	clear: left;
	text-align: right;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.dl-horizontal dd {
	margin-left: 180px;
}
.cursor-pointer {
	cursor: pointer;
}
.cursor-move {
	cursor: move;
}
.pagination {
	display: block;
	margin: 0;
	padding: 0.5ex;
}
.pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;
}
.pagination li a {
	display: inline-block;
	margin: 0.2ex;
	padding: 0.5ex 1.5ex;
	background-color: #ccc;
	border-radius: 0.3ex;
	border: 1px solid #aaa;
}
.pagination li.active a {
	color: black;
	background-color: white;
	font-weight: bold;
	text-decoration: none;
}