/* --------------------------------------------------------------------------------------------------------------------------------------------------
RESET & HTML ELEMENTS
-------------------------------------------------------------------------------------------------------------------------------------------------- */

blockquote, body, button, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, img, legend, li, ol, p, pre, ul {margin:0; padding:0; border:0; vertical-align:baseline;}
address, blockquote, dl, fieldset, form, h1, h2, h3, h4, h5, h6, ol, p, table, ul {margin:15px 0;}
body {padding: 0; font:0.8em/1.5 "arial", sans-serif;}
h1 {font-size:200%;}
h2 {font-size:160%;}
h3 {font-size:140%;}
h4, h5, h6 {font-size:120%;}
form ul {list-style:none;}
form li {display:block; padding-bottom:7px;}
form li label {display:block; padding-bottom:3px;}
input, select, textarea {font-size:100%; font-family:"arial",sans-serif;padding: 3px 6px;}
img.f-left {margin-right:15px;}
img.f-right {margin-left:15px;}
#stopflow {clear: both;}
pre {font-size: 1.3em;}
form {margin: 0; padding: 0;}

#main {position:relative; width:1290px; margin:10px auto;}

#headerLinks {
	font-size: 1.3em;
	color: #000;
}

#headerLinks a {
	color: #000;
	text-decoration: none;
	display: inline-block;
	background-color: #abcdf8;
	border: 1px solid #748ba8;
	padding: 1px 5px;
	border-radius: 4px;
	margin: 4px 1px;
}

hr {
	height:1px;border-width:0;color:gray;background-color:gray
}

h1 {
	font-size: 1.5em;
}

a {
	color: blue;
}

#dirBlock {
	border: 1px solid #000;
	width: 350px;
	padding: 0 5px;
	height: 600px;
	overflow: auto;
	float: left;
}

#dirBlock ul {
	margin: 0;
	padding: 0;
}

#dirBlock ul li {
	list-style: none;
	padding: 2px 5px;
}

#dirBlock ul li a {
	color: #000;
	font-weight: bold;
}

#dirBlock ul li:hover {
	background-color: #efefef;
}

#contentBlock {
	width: 600px;
	margin: 0 0 0 20px;
	border: 1px solid #000;
	height: 600px;
}

.error {
	background-color: red;
}

#export-box {
	border: 1px solid #ccc;
	width: 224px;
	height: 100px;
	float: left;
	margin: 5px 5px;
	padding: 5px 5px;
}

#export-box:hover {
	background-color: #eee;
}

#export-box-title {
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
}


#preview-box {
	margin: 0 0 0 380px;
}

.ablock {
	display: block;
}

#cars-head a {
	display: inline-block;
	padding: 3px 5px;
	width: 100px;
	text-align: center;
	background-color: #efefef;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

#cars-head a:hover {
	background-color: #ccc;
}

.manufacturers {
	list-style: none;
}

.manufacturers li, .models li, .types li {
	width: 235px;
	display: inline-block;
	padding: 3px 5px;
	border: 1px solid #fff;
	border-radius: 3px;
}
.manufacturers li {
	width: 290px;
	margin: 5px 10px;
}
.models li {
	width: 300px;
}

.types li {
	width: 100%;
	display: block;
}

.types li:hover {
	background-color: #efefef;
}

li .name, li .date {
	width: 110px;
	display: inline-block;
}
li .kw {
	width: 40px;
	display: inline-block;
	text-align: center;
}

li .ccm {
	width: 70px;
	display: inline-block;
	text-align: center;
}

li .engines {
	width: 170px;
	display: inline-block;
}

.manufacturers li:hover {
	border: 1px solid #ccc;
	background-color: #efefef;
}

.manufacturers li a {
	padding: 3px 5px;
}

#edit img:hover {
	cursor: pointer;
}

.inline-input {
	width: 200px;
	font-size: 12px;
	padding: 0 3px;
}

.inline-submit {
	width: 26px;
	padding: 0 0;
	margin: 0 0 0 3px;
	height: 20px;
	position: relative;
}

.graytext {
	color: #999;
}

.nohref {
	text-decoration: none;
	color: #000;
}

.nohref:hover {
	cursor: default;
}

.search-structure {
	list-style: none;
	margin: 0 0 10px 0;
	font-size: 16px;
}

.search-structure li {
}

.search-structure small {
	color: #888;
	padding: 0 0 0 20px;
}

.collapsed {
//	visibility:hidden;
}

#icon_click:hover {
	cursor: pointer;
}

.fright {
	float: right;
}

.padded {
	padding: 0 0 0 30px;
}

.star {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('star-0.png');
}

.star-empty {
	background: url('star-0.png');
}

.star-full {
	background: url('star-1.png');
}

.star:hover {
	cursor: pointer;
}

.smallimg {
	border: 1px solid #000;
	margin: 3px 5px;
}

.bigform {
	font-size: 18px !important;
}
.bigform input {
	width: 100%;
	padding: 3px 5px;
}

.table-profits input {
	width: 60px;
	text-align:center;
}

.table-profits .border {
	border-bottom: 1px solid #ddd;
}

.table-profits .toppad {
	margin: 5px 0 0 0;
}

.gray {
	background-color: #ddd;
	color: #000;
	font-weight: bold !important;

}


.message {
	background-color: green;
	font-size: 15px;
	color: #fff;
	padding: 3px 10px;
}

.delete {
	font-weight: bold;
	color: red;
	text-decoration: none;
}

.delete:hover {
	text-decoration: underline;
}



.ad-catbox {
	margin: 0 0 0 2px;
}
.ad-catbox ul li a img {
  width:130px;
  height:100px;
  float:right;
  margin:-15px 5px 0 0;
}
.ad-catbox ul li a span {
  display:block;
  float:left;
  text-decoration:none;
  font-weght:normal;
  width:165px;
  margin:0 10px 5px 10px;
  color: #565656;
}
.ad-catbox ul li a span.cathead {
  font-weight:bold;
  font-size:16px;
  color:#565656;
  margin:5px 10px;
}

.ad-catbox ul li a {
  display:block;
  height:90px;
  width:320px;
  text-decoration:none;
  margin:0 0 0 0;
  background:url(/img/td_categorybg.png) no-repeat scroll 0 0 transparent;
}
.ad-catbox ul li a:hover span { color:#444444; }
.ad-catbox ul li a:hover span.cathead { color:#000000; }
.ad-catbox ul li a:hover { background:url(/img/td_categorybg.png) no-repeat scroll -320px 0 transparent; }
.ad-catbox ul li {
  float:left;
  font-size:100%;
  list-style:none outside none;
  margin:0;
  position:relative;
  text-align:left;
  height:90px;
  width:320px;
  text-shadow:0 1px 0 #f7f7f7;
}
.ad-catbox ul li:nth-child(odd) { margin:10px 0 10px 0; }
.ad-catbox ul li:nth-child(even) { margin:10px 0 10px 15px; }
.ad-catbox ul {
  list-style-position:inside;
  margin:0;
  padding:0;
}

.align-right {
	text-align: right;
}

.button {
	color: #000;
	text-decoration: none;
	display: inline-block;
	background-color: #abcdf8;
	border: 1px solid #748ba8;
	padding: 1px 5px;
	border-radius: 4px;
	margin: 0px 0px 10px 0;
	font-size: 13px;
}

.button:hover {
	background-color: #8fbdf8;
}

.border-bottom {
	border-bottom: 1px solid #ccc;
}

.table-grid td {
	margin: 0px;
	padding: 5px 8px;
}

.table-grid tr:hover {
	background-color: #ddd;
}

.red {
	background-color: #ff8d8d;
}

.red:hover {
	background-color: #ff6d6d;
}

.tablelist td {
	padding: 3px 5px;
}

.tablelist tr:hover {
	background-color: #ccc !important;
}

.table-grid {
	margin: 3px 10px;
	border-bottom: 1px solid #ccc;
}

.table-grid tr:hover {
	background-color: #efefef !important;
}

.table-red tr {
	background-color: #f1cbcb;
}

.itempreview {
    text-decoration: none;
    background: url(http://www.comco.sk/core/admin/template/images/link.gif) no-repeat center center;
    padding: 0 5px;
}

.highlighted td {
	background-color: yellow;
}

#infotext {
	background-color: green;
	color: #fff;
	font-size: 15px !important;
	padding: 3px 6px;
	position: relative;
	top: -5px;
	left: 20px;
}

#logout {
	text-align: right;
	margin: 0;
	padding: 0;
	float: right;
}

#logout a {
	color: #fff;
	background-color: #c63737;
	text-decoration: none;
	padding: 2px 4px;
	border: 1px solid #000;
	border-radius: 3px;
}

#logout a:hover {
	background-color: #842222;
}

.naskladnene {
	width: 130px;
	display: inline-block;
	font-size: 14px;
	color: green;
	font-weight: bold;
	text-align: left;
}

.nenaskladnene {
	width: 130px;
	display: inline-block;
	font-size: 12px;
	color: red;
	font-weight: bold;
	text-align: left;
}

.table td{
	padding: 2px 10px;
}

.table .title {
	background-color: #efefef;
	font-weight: bold;
}

.table .odd {
	background-color: #f7f7f7;
}

.form input {
	width: 350px;
}

.form input[type='checkbox'] {
	width: 20px;
}
.form textarea {
	width: 350px;
	height: 80px;
	font-size: 0.8em;
}

.form .short {
	width: 50px;
}

.download_icon {
	position: relative;
	top: 5px;
	color: #000;
	text-align: center;
	margin-right: 5px;
	display: inline-block;
	padding-top: 13px;
	line-height: 100%;
}


.download_icon_big {
	position: relative;
	top: 3px;
	color: #000;
	text-align: center;
	margin-right: 5px;
	display: inline-block;
	line-height: 100%;
}

.download_icon_small {
	color: #000;
	text-align: center;
	margin-right: 5px;
	display: inline-block;
	line-height: 16px;
}
a.download_icon {
	line-height: 30px;
}

.attachment_delete.big {
	text-decoration: none !important;
	display: inline-block;
	text-transform: lowercase;
	height: 16px;
	color: red;
	background-color: #fff;
	font-weight: bold;
	position: relative;
	left: -10px;
	top: -20px;
	font-size: 14px;
}

.attachment_delete.small {
	text-decoration: none !important;
	display: inline-block;
	text-transform: lowercase;
	height: 14px;
	color: red;
	background-color: transparent;
	font-weight: bold;
	position: relative;
	left: 11px;
	top: -25px;
	font-size: 14px;
	line-height:10px;
}

.payments_basket_add {
	border: 1px solid #000;
	border-radius: 3px;
	background-color: #0578d5;
	padding: 2px 4px;
	color: #fff;
}
.payments_basket_add:hover {
	cursor: pointer;
}

.credit_send_link {
	border: 1px solid #000;
	border-radius: 3px;
	background-color: #0578d5;
	padding: 2px 4px;
	color: #fff;
	font-size: 0.6em;
	position: relative;
	top: -2px;
}
.credit_send_link:hover {
	cursor: pointer;
}

.regal_prijem, .regal_vydaj, .regal_vydaj_vymazanie, .regal_batch, .kompletizacia {
	float: left;
	margin-right: 4px;
}

.kompletizacia {
	background-color: #c0bbfc;
}

.regal_batch {
	background-color: #e3d620;
}

.regal_batch:hover {
	background-color: #b0a617;
}

.regal_prijem, .bg_prijem {
	background-color: #77c973;
}
.regal_prijem:hover {
	background-color: #5a9657;
}

.regal_vydaj, .bg_vydaj {
	background-color: #e68545;
}
.regal_vydaj:hover {
	background-color: #b56835;
}

.regal_main_box {
	width: 855px;
	text-align: center;
}

.regal_main_box h1 {
	font-size: 2.0em;
}

.credit_emails_send {
	font-size: 0.6em;
	color: green;
	text-wrap: wrap;
}

.locked {
	opacity: 0.5;
}

.locked_message {
	float: right;
	font-size: 1.3em;
	display: inline-block;
	margin: 10px;
}

.locked_message .red {
	display: inline-block;
	background-color: red;
	color: #fff;
	padding: 0px 4px;
}

.event_comment {
	border: 1px solid #ff0000;
	border-left: 4px solid #ff0000;
	background: #fff1f1;
	margin-bottom: 15px;
	width: 500px;
	padding: 3px 6px;
}

.event_comment span {
	display: block;
	color: #666;
	font-size: 90%;
	margin-bottom: 5px;
}

.lds-ring {
  /* change color here */
  color: #1c4c5b
}
.lds-ring,
.lds-ring div {
  box-sizing: border-box;
}
.lds-ring {
  display: inline-block;
  position: relative;
  width: 26px;
  height: 26px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  margin: 8px;
  border: 2px solid currentColor;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: currentColor transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.product_vyskladni {
  background-color: #c8ffbd;
  cursor: pointer;
	padding: 1px 3px;
	border: 1px solid #000;
}
.product_vyskladni:hover {
  background-color: green;
	color: #fff;
}

.vsetko_napipane {
	background-color: green;
	color: #fff;
	font-size: 1.3em;
	display: inline-block;
	padding: 2px 4px;
}

.time_little {
	font-size: 0.5em;
	display: inline-block;
}

.kompletizacia_complete {
	display: inline-block;
	background-color: #77c973;
	font-weight: bold;
	font-size: 3em;
	padding: 3px 6px
}

.skip {
  background-color: #abcdf8;
  cursor: pointer;
	padding: 1px 3px;
	border: 1px solid #748ba8;
	margin: 3px 13px 3px 0;
	display: inline-block;
}

.skip:hover {
	background-color: #8fbdf8;
}

#dialog_packages_count {
	width: 150px;
	font-size: 3em;
	text-align: center;
}

#dialog_save_button {
	font-size: 2.5em;
	padding: 10px;
	border: 1px solid #ccc;
	margin-top: 20px;
	border-radius: 5px;
}

.dialog_title {
  font-size: 2em;
  font-weight: bold;
}
.ui-dialog .ui-dialog-title {
  font-size: 2em;
	text-align: center;
}

.polica_green {
	background-color: green;
	color: #fff;
	display: inline-block;
	padding: 0 5px;
}

	.table-grid.small td{
		font-size: 13px;
		padding: 3px 3px;
	}
	.table-grid.small thead td {
		font-size: 13px;
	}