/* SciTE coding: utf-8 */
/* Dokument v3 */
html body {
background-color: white;
margin: 0;
font-size: .75em;
line-height: 1.3em;
background: #eee;
color: #2f2f2f;
}
#header, #menu, #content {background-color: white;}
body, input, textarea, select, option {
font-family: Arial, Helvetica, sans-serif;
}
/* HTML v2 */
p {margin: 1em 0em; line-height: 1.425em;}
table { font-size: 1em;}
hr {color: #ccc; background: #ccc; border: 0px; height: 1px;}
#header #title {font-family: Georgia, 'Times New Roman', Times, serif; font-weight: bold; margin: 1em 0em;}
h1 {font-size: 1.8em; color: #2970c9; margin: .8em 0 .6em; line-height: 1.2;}
h2 {font-size: 1.4em; margin: 1em 0em .5em; line-height: 1.2;}
h3 {font-size: 1.2em; margin: 1em 0 .5em; line-height: 1.3;}
h2.expedice {border-left: 1em solid #444; padding-left: .4em; }
h1.deny, h2.deny {color: #c92970;}
ul {margin: .5em 0em; padding: 0em;}
ul li {margin: .2em 3em; padding: 0em;}
a img {border: 0em;}
a {color: red; text-decoration: underline;}
a.blue {color: #2970c9;}
a:hover {text-decoration: none;}
div.clear {clear: both;}
form {padding: 0px; margin: 0em;}
form fieldset {border: none; padding: 0px; margin: 0px;}
input.text, input.password, textarea {border: 1px solid #ccc; padding: 3px; box-sizing: border-box;}
select {padding: 2px;}
input.text:focus, input.password:focus, textarea:focus {border: 1px solid #2970c9;}
textarea {width: 400px; height: 100px; font-size: 1em;}
textarea.few-lines {height: 50px;}
textarea.resizable {resize:none /*resizing is done internally*/}
a.button {background-color: #2970c9; border: 0; border-radius: 3px;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20); padding: 0.5em 0.75em; margin: .5em;
text-align: center; color: white; cursor: pointer; text-decoration: none;}
a.button:hover {background-color: #2990ff;}
a.button.delete {background-color: #d00;}
div#ie6detect {border: 4px solid #ffcfcf; background-color: #ffefef; padding: 0.5em 1em;
width: 520px; position: absolute; top: 190px; left: 50%; margin-left: -260px; filter:alpha(opacity=90);}
div#ie6detect h1 {color: #dd0000; font-size: 1.5em; margin: 0.8em 0 0.5em}
div#ie6detect p {margin: 0.5em 0 0.5em; color: black;}
span.form-note-ks {font-size: 1.2em; color: red;}
a.switch {color: black; text-decoration: none; padding-right: 15px}
a.switch:hover {color: #333;}
a.plus {background: url('../images/xplus.png') no-repeat right center;}
a.minus {background: url('../images/xminus.png') no-repeat right center;}
span.smaller {font-size: 0.9em;}
table.design {width: 100%; border-collapse: collapse; margin: 0; padding: 0}
table.design td {margin: 0; padding: 5px 10px; border: 0}
/* Hlavicka v2*/
#pattern {background: #555 url('../images/tpat.gif') repeat-x; height: 1.2em; border-bottom: .2em solid #aaa;
text-align: right; padding: .5em 1em; color: white;}
#header {background: #fff url('../images/bgtop.gif') repeat-x;}
#header #bg {padding: .5em 0em;}
#header #bg #logo {float: left; width: 270px; margin: 0em; padding-right: 1em; border-right: .1em solid #ccc;}
#header #bg #info {float: left; width: 170px; margin-left: 2em;}
#header #bg #info #title {font-size: 1.8em; color: #2970c9; margin: .5em 0em;}
#header #bg #info #title a {color: #2970c9;}
#header #bg #info #system {text-transform: uppercase; font-weight: bold; margin: .8em 0em 0em;}
#header #bg #info #login {float: left; width: 350px; margin-left: 2em;}
#header #bg #user {float: right; width: 150px; margin: .5em 1em 0em; margin-right: 110px; text-align: right; line-height: 1.5em;}
#header #bg #user div#ip {font-style: italic;}
#header #bg #user a.logout {background: url('../images/logout_icon.gif') right center no-repeat; padding-right: 19px;}
#header #bg #user a.logout:hover {background: url('../images/logout_icon_hover.gif') right center no-repeat;}
/* Foot */
#foot {background-color: #999; padding: .3em 1.2em; font-size: .9em; color: white; border-bottom: 3px solid white;}
#foot a {color: white;}
/* Menu altos */
#menu {border-top: 1px solid white; border-bottom: 1px solid white; padding: 0em 1em; margin-top: 1em; background: #fff url('../images/mnu_brd.gif') repeat-x bottom;}
#menu .altos a {display: block; float: left; white-space: nowrap;
color: black; text-decoration: none; text-transform: uppercase; font-weight: bold;
margin: 0em .1em; padding: .8em .6em .8em;}
#menu .altos a:hover {border-color: #999; background: #999; color: white;}
#menu .altos a:active, #menu .altos a.act {border-color: #2970c9; background: #2970c9; color: white;}
/* Menu common items */
#menu a.logoff {float: none; position: absolute; top: 1em; right: 1em; z-index: 110; background-color: #d00; color: white;}
#menu a.logoff:hover, #menu a.logoff:active {background-color: #f00;}
/* MOTHER ELEMENT */
#mother {background-color: white; width: 100%;}
/* Content Block */
#content {padding: .2em 1.1em 1.2em;}
#content-in {width: 100%;}
#content #mhead {padding: .2em 0; margin-bottom: .3em;}
#content #mhead #actions {}
#content #mhead #actions ul, #content div.linx ul {margin: 0; padding: 0;}
#content #mhead #actions ul li, #content div.linx ul li {list-style: none; padding: 0; padding-bottom: 7px; margin: 0; margin-right: .5em; float: left;}
#content #mhead a,
#content div.linx a {display: block; padding: .5em .4em .3em; text-decoration: none; color: white; background-color: #999;}
#content #mhead a.active,
#content div.linx a.active {color: white; background-color: #2970c9;}
#content #mhead a:hover,
#content div.linx a:hover {color: white; background-color: #2990ff;}
#content #mhead a span,
#content div.linx a span {display: block; margin: 0px 2px;}
#content div.linx a.back {color: white; background-color: #df6237; border-bottom: 1px solid #df6237;}
#content div.linx a.back:hover {color: white; background-color: #dd4837; border-bottom: 1px solid #dd4837;}
#content div.linx a.insert {color: white; background-color: #549E01; border-bottom: 1px solid #549E01;}
#content div.linx a.insert:hover {color: white; background-color: #5CAF01; border-bottom: 1px solid #5CAF01}
#content #rightside {}
#content #rightside div.shorten_horizont {width: 70%;}
#msg-form div.textareaResize {width: 750px}
table.userinfo {border-collapse: collapse; border: 0;}
table.userinfo tr th, table.userinfo tr td {border-bottom: 1px solid #ccc;}
table.userinfo tr th {text-align: left; padding: 1px 1em 1px 1px;}
/* Item actions eg. on page detail */
div.itemActions {margin: 1.5em 0 .5em;}
div.itemActions a {background-color: #2970c9; color: white; padding: .2em .4em; text-decoration: none; margin-right: .5em;}
div.itemActions a:hover {background-color: #2990ff;}
/* heading for tables where we need link etc. NEW ITEM - easiest way to keep formating */
table.heading {border: 0; border-collapse: collapse; margin: 1em 0 0.4em;}
table.heading tr td {}
table.heading tr td.title {width: 300px; font-size: 1.4em; font-weight: bold;}
table.heading tr td.linx {}
table.heading tr td.linx a {background-color: #2970c9; color: white; padding: 4px 5px 3px; text-decoration: none; margin-right: .5em;}
table.heading tr td.linx a:hover {background-color: #2990ff;}
h2.subpage {color: #2970c9; font-size: 1.6em;}
h2.subpage span {border-bottom: 1px solid #ccc; padding: 0.1em 0; display: block; width: 500px;}
h2.subpage span.users {background: url(../images/users.png) no-repeat left center; padding-left: 1.2em;}
h2.subpage span.offers {background: url(../images/project.png) no-repeat left center; padding-left: 1.2em;}
h2.subpage span.files {background: url(../images/folder3.png) no-repeat left center; padding-left: 1.2em;}
/* Design of MySQL manager table v2 */
table.thin {border-collapse: collapse; border: 0; border-bottom: 3px solid #ccc; margin: .5em 0 1em; font-size: 1em;}
table.thin tr {background-color: #fff;}
table.thin tr th, table.thin tr td {padding: .25em .4em; line-height: 1.4em;
border-bottom: 1px solid #ccc; border-left: 1px solid #eee;}
table.thin tr th.first, table.thin tr td.first {background-image: none; border-left: 0;}
table.thin tr th {background-color: #e3e3ff; text-align: center; vertical-align: bottom; padding-top: .3em; border-left: 1px solid #fff;}
table.thin tr td {vertical-align: top;}
table.thin tr td a {display: block; color: #2970c9; padding: 0 .1em; text-align: center;}
table.thin tr td a:hover {color: white; background-color: #2970c9;}
table.thin tr td a.inline {display: inline;}
table.thin tr td a.inline:hover {color: inherit}
table.thin tr.even td {background-color: #f3f3f3; border-left: 1px solid #ddd;}
table.thin tr.even td.first {border-left: 0;}
table.thin tr.red-1 td {background-color: #ffeeee;}
table.thin tr.red-2 td {background-color: #ffdddd;}
table.thin tr.red-3 td {background-color: #ffcccc;}
table.thin tr.red-4 td {background-color: #ffbbbb;}
table.thin tr.importante td {background-color: #fff79f;}
table.thin tr.kontrola td {background-color: #d3f0ff;}
table.thin tr.green td {background-color: #cfffcf;}
table.thin tr.orange td {background-color: #ffddff;}
table.thin tr.grey td {background-color: #ddd;}
table.thin tr.org td {background-color: #ffcfcf;}
table.thin tr.fin td {background-color: #f1ffe2;}
table.thin tr.mouseover td {background-color: #fff0da;} /*must be at last position to work properly*/
table.thin tr.border-top td {border-top: 2px solid black;}
table.thin tr.summary-row td {font-weight: bold; background-color: #e2f2ff;}
table.wide {width: 100%;}
table.thin tr td.popup {vertical-align: middle;}
table.thin tr td.popup img {vertical-align: middle;}
table.thin tr td.material a {display: inline; background: url('../images/eye_on.png') no-repeat center right; padding-right: 20px;}
table.thin tr td.material a:hover {color: #2970c9;}
table.thin tr td img.phone {vertical-align: middle;}
table.thin tr td span.phone {font-size: 0.9em; background: url('../images/phone.png') no-repeat left center;
padding-left: 14px;}
table.thin tr td span.home {font-size: 0.9em; background: url('../images/home.png') no-repeat left center;
padding-left: 14px; white-space: nowrap;}
table.thin tr td span.hand {background: url('../images/hand.png') no-repeat left center;
padding-left: 14px; white-space: nowrap;}
table.thin tr td span.depo {font-size: 0.9em; background-color: #ffcfcf; padding: 0 .1em; white-space: nowrap;}
table.thin tr td span.ok {font-size: 0.9em; background-color: #cfffcf; padding: 0 .1em; white-space: nowrap;}
table.thin tr td span.okfaja {background: url('../images/ok.png') no-repeat right center;
padding-right: 14px; white-space: nowrap; font-weight: bold;}
span.vizualizace:before {background: url('../images/vizualizace.png') no-repeat center center;}
span.prislusenstvi:before {background: url('../images/prislusenstvi.png') no-repeat center center;}
span.vizualizace:before, span.prislusenstvi:before {content: ''; width: 16px; height: 16px; display: inline-block; margin-right: .5em; vertical-align: text-bottom;}
span.lovestone:before {content: 'lovestone'; background-color: #002b5f; color: white;}
span.lsconstruct:before {content: 'LS construction'; background-color: #5f697a; color: white;}
span.lovestone:before, span.lsconstruct:before {font-weight: normal; font-size: .8em; padding: 1px 3px; margin-right: .5em; white-space: nowrap;}
span.warning::before {
content: ''; width: 16px; height: 16px; display: inline-block; margin-right: .5em; vertical-align: text-bottom;
background: url('../images/warning.png') no-repeat center center;
}
span.bg-red {background-color: #ffcfcf; padding: 2px 5px;}
span.bg-green {background-color: #cfffcf; padding: 2px 5px;}
/* Group orders together */
div#popup {display: none; position: absolute; box-shadow: 0 20px 50px 20px rgba(0, 0, 0, 0.50);
background-color: white; padding: 2em 3em; border-radius: 1.5em; margin: 0 2em;
z-index: 120;}
a#toggle_form, a#toggle_form_remove {margin-right: 1em;}
table.orders tr.mark-in-group {border: 2px solid black; position: relative;}
table.orders tr.mark-in-group::after {
content: ""; position: absolute; left: -7px; top: calc(50% - 5px);
width: 10px; height: 10px; background-color: black; border-radius: 5px;}
#selected_group_controls {display: none; margin-left: 10px;}
table.thin tr td a.rem {display: inline-block; color: red; text-decoration: none; border-radius: 2px;
border: 1px solid red; font-size: 20px; padding: 0; height: 12px; width: 12px; line-height: 12px; text-align: center}
#gr_name::before {content: ""; display: inline-block; position: relative; left: -3px; top: 0px;
width: 10px; height: 10px; background-color: black; border-radius: 5px;}
table.thin tr td a.file-quick-link {display: none;}
table.thin tr td div.warning {background: url('../images/warning.png') no-repeat center center; padding: 0px; cursor: help}
table.thin tr td div.waiting {background: url('../images/wait.png') no-repeat center center; padding: 0px; cursor: help}
table.thin tr td div.finalize {background: url('../images/finalize.png') no-repeat center center; padding: 0px; cursor: help; height: 32px}
table.thin tr td div.plus {background: url('../images/plus.png') no-repeat center center; padding: 0 16px; height: 32px}
table.thin tr td div.minus {background: url('../images/minus.png') no-repeat center center; padding: 0 16px; height: 32px}
table.thin tr td div.cross {background: url('../images/cross.png') no-repeat center center; padding: 0 16px; height: 32px}
table.thin tr td div.depo {background-color: #ffcfcf; padding: 0 .1em; white-space: nowrap;}
table.thin tr td div.ok {background-color: #cfffcf; padding: 0 .1em; white-space: nowrap;}
table.thin tr td span.sklad-0 {font-size: 0.9em; background-color: #dddddd; padding: 0 .1em; white-space: nowrap;}
table.thin tr td span.sklad-1 {font-size: 0.9em; background-color: #cfffcf; padding: 0 .1em; white-space: nowrap;}
table.thin tr td span.sklad-2 {font-size: 0.9em; background-color: #ffcfcf; padding: 0 .1em; white-space: nowrap;}
table.thin tr td span.sklad-3 {font-size: 0.9em; background-color: #ffcfcf; padding: 0 .1em; white-space: nowrap;}
table.thin tr td span.sklad-4 {font-size: 0.9em; background-color: #ff8f93; padding: 0 .1em; white-space: nowrap;}
table.thin tr td span.sklad-5 {font-size: 0.9em; background-color: #cff7ff; padding: 0 .1em; white-space: nowrap;}
table.thin tr td span.sklad-6 {font-size: 0.9em; background-color: #fff6cf; padding: 0 .1em; white-space: nowrap;}
table.thin tr td span.subdodavky-0 {font-size: 1em; background-color: #ff0000; color: white; padding: .1em .3em; white-space: nowrap;}
table.thin tr td span.subdodavky-1 {font-size: 1em; background-color: #dddddd; padding: .1em .3em; white-space: nowrap;}
table.thin tr td span.subdodavky-2 {font-size: 1em; background-color: #cfdcff; padding: .1em .3em; white-space: nowrap;}
table.thin tr td span.subdodavky-3 {font-size: 1em; background-color: #d1ffcf; padding: .1em .3em; white-space: nowrap;}
table.thin tr td span.subdodavky-4 {font-size: 1em; background-color: #fffccf; padding: .1em .3em; white-space: nowrap;}
table.thin tr td span.subdodavky-5 {}
table.thin tr td span.reklamace-0 {font-size: 1em; background-color: #ff0000; color: white; padding: .1em .3em; white-space: nowrap;}
table.thin tr td span.reklamace-1 {font-size: 1em; background-color: #ffd000; padding: .1em .3em; white-space: nowrap;}
table.thin tr td span.reklamace-2 {font-size: 1em; background-color: #acc2ff; padding: .1em .3em; white-space: nowrap;}
table.thin tr td span.reklamace-3 {font-size: 1em; background-color: #85ff81; padding: .1em .3em; white-space: nowrap;}
table.thin tr td span.reklamace-4 {font-size: 1em; background-color: #8a84dd; padding: .1em .3em; white-space: nowrap;}
table.thin tr td span.reklamace-6 {font-size: 1em; background-color: #ff86eb; padding: .1em .3em; white-space: nowrap}
table.thin tr td span.reklamace-7 {font-size: 1em; background-color: #ff9100; padding: .1em .3em; white-space: nowrap;}
table.thin tr td span.reklamace-8 {font-size: 1em; background-color: #b3b3b3; padding: .1em .3em; white-space: nowrap;}
table.orders tr td a {padding: 0;}
table.orders tr td a img {}
table.orders tr td a:hover {background-color: #bfdcff;}
table.orders tr td a.mZclass {margin: 0 0.5em; padding: 0 0.5em;}
table.thin img {display: block; margin: 0 auto;}
table.thin tr th a {color: #2970c9;}
table.thin tr th a.sorted {background: url('../images/thup.png') no-repeat right center; padding-right: 8px;}
table.thin tr th a.desc {background: url('../images/thdown.png') no-repeat right center;}
/* table with orders allowing groups - default hide first column with tools-actions */
table.orders.groups tr th:first-child {display: none;}
table.orders.groups tr td:first-child {display: none;}
table.vertical tr th {text-align: right; vertical-align: top;}
table.vertical tr td {text-align: left !important;}
span.faktura_cislo {font-size: 0.9em; color: #cb00d2;}
/* tooltip */
#xtip {background: white; width: 350px; color: black; font-size: 0.9em; border: 1px solid #ccc; border-radius: 5px;
box-shadow: rgba(0,0,0,0.2) 0px 0px 10px;}
#xtip_head {}
#xtip_inner {margin: 0.5em 1em;}
#xtip_inner div.mainline {font-size: 1em; margin-top: 0.6em; padding: 1px; background-color: #e3e3ff;}
#xtip_inner div.mainline strong {font-size: 1.2em;}
#xtip_inner div.addr {margin-top: 0.3em; background: url('../images/home.png') no-repeat left center; padding-left: 14px;}
#xtip_inner div.mat {margin-top: 0.2em; background: url('../images/stone.png') no-repeat left center; padding-left: 14px;}
#xtip_inner div.mskup {margin-top: 0.2em; background: url('../images/mskup.png') no-repeat left center; padding-left: 14px;}
#xtip_inner div.head {font-weight: bold; margin: 0.7em 0 0.3em; padding: 0.1em 0em; border-bottom: 1px solid #ddd;}
#xtip_inner div.cont {}
#xtip_inner div.contplain {margin-top: 0.6em;}
#xtip_inner div.vx-line {clear:both; border-top: 1px solid #ddd; padding-top: 1px; margin-bottom: 1px}
#xtip_inner div.vx-line:last-child {padding-bottom: 1px; border-bottom: 1px solid #ddd;}
#xtip_inner div.vx-label {background-color: #d6d6ff; width: 80px; float: left; white-space:nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 2px}
#xtip_inner ul.vx-list {margin: 0; padding: 0; width: 240px; float: right}
#xtip_inner ul.vx-list li {margin: 0; list-style-type: none; float: left; padding: 0 5px 0 2px;}
#xtip_foot {}
#xinfo {margin: 1em 0em; border: 1px solid #ccc; padding: 0em 0.5em 0.5em; border-bottom: 3px solid #bbb; width: 600px}
#xinfo div.mainline {font-size: 1em; margin-top: 0.6em; padding: 3px; background-color: #e3e3ff;}
#xinfo div.mainline strong {font-size: 1.2em;}
#xinfo div.addr {margin-top: 0.3em; background: url('../images/home.png') no-repeat left center; padding-left: 14px;}
#xinfo div.mat {margin-top: 0.2em; background: url('../images/stone.png') no-repeat left center; padding-left: 14px;}
#xinfo div.mskup {margin-top: 0.2em; background: url('../images/mskup.png') no-repeat left center; padding-left: 14px;}
#xinfo div.head {font-weight: bold; margin: 0.7em 0 0.3em; padding: 0.1em 0em; border-bottom: 1px solid #ddd;}
#xinfo div.pmont {margin: 0.7em 0 0;}
#xinfo div.cont {}
/* mysqlDrawTable styles 2 */
table.thindetail {border-collapse: collapse; border: none; border-top: .9em solid #ccc; border-bottom: 1px solid #ddd; margin: 1em 0; font-size: 1em;}
table.thindetail tr {background-color: #fff;}
table.thindetail tr th, table.thindetail tr td {padding: .3em 1em .3em .3em; border-top: 1px solid #cecece; vertical-align: top; text-align: left;}
table.thindetail tr th {background-color: #eee;}
/* Legend under the MySQL data table v2 */
div.legend {margin: 1em 0em;}
div.inline ul {list-style: none;}
div.inline ul li {display: inline; margin: 0px; padding-left: .5em; padding-right: .5em; border-left: 1px solid #666;}
div.inline ul li:first-child {padding-left: 0em; border-left: 0px;}
/* Insert button v2 */
div.insert {padding: 0px 1px; margin: 1em 0em .5em;}
/* Inside table formatting v2 */
.abbr, .acronym, span.quest {border-bottom: 1px dashed #666; cursor: help;}
/* Design LA system data edit form v2 */
form.LAForm {margin-top: 1em; /*IE tweak */ border-top: 1px solid white;}
form.LAForm table {border-collapse: collapse; border: none; border-top: 0px solid #ccc; margin-top: .4em;}
form.LAForm fieldset {padding: .4em 0em; border-top: 1px solid #ccc;}
form.LAForm fieldset legend {color: black; padding: 0.3em 0.5em 0.2em; font-size: 1.2em; background: #e6e6e6; font-weight: bold;}
form.LAForm table tr td {padding: .15em 1em; border-bottom: 1px solid #fff;}
form.LAForm table.mceListBox {padding: 0; margin: 0} /*tinymce fix*/
form.LAForm table.mceSplitButton {padding: 0; margin: 0} /*tinymce fix*/
form.LAForm table.mceLayout tr td {padding: 0; border: 0;} /*tinymce fix*/
form.LAForm table tr td.label {background-color: #eee; text-align: left; vertical-align: top; border-right: 0px solid #ccc; padding-top: 5px;}
form.LAForm table tr td.input {background-color: #eee; text-align: left; vertical-align: middle;}
form.LAForm table tr td.input div.error {color: red; margin: .3em 0em; font-size: .9em;}
form.LAForm table tr td.input span.note {font-size: .875em;}
form.LAForm table tr td.tbl_label {font-weight: bold; background-color: #ddd; padding: .4em 1em;}
form.LAForm table tr td.tbl_label_grey {background-color: #555; color: #eee;}
form.LAForm table tr td.tbl_label_red {background-color: #900; color: #eee;}
form.LAForm table tr td input.image {padding-top: .5em;}
form.LAForm table tr td input.submit,
form.LAForm table tr td input.button {
background-color: #2970c9; border: 0; border-radius: 3px; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.20);
padding: 0.5em 0.75em; margin: .5em; text-align: center; color: white; cursor: pointer;}
form.LAForm table tr td input.submit:hover,
form.LAForm table tr td input.button:hover {background-color: #2990ff}
form.LAForm table tr td input.delete {background-color: #ff5454; border-bottom: 2px solid #a00;}
form.LAForm table tr td input.odsadit {margin-left: 3em}
form.LAForm table tr td input.sidebut {background: #666; border: 0; padding: 3px 6px; text-align: center; color: white; margin: 0 .5em;}
form.LAForm table tr td input.search {background-color: #efe;}
form.LAForm table tr td input.time {width: 40px;}
form.LAForm table.mLayout {border: 0; margin: 0;}
form.LAForm table.mLayout tr td {border: 0; padding: 0 0.5em; border-left: 1px solid #999; vertical-align: top;}
form.LAForm table.mLayout tr td label {white-space: nowrap;}
form.LAForm table.mLayout tr td.first {border: 0; padding-left: 0; padding-right: 1em}
form.LAForm table.mLayout2 {border: 0; margin: 0;}
form.LAForm table.mLayout2 tr td {border: 0; padding: 0 .25em; vertical-align: top;}
form.LAForm table.mLayout2 tr td label {white-space: nowrap;}
form.LAForm table.mLayout2 tr td.first {border: 0; padding-left: 0; padding-right: .5em}
span.fm__space {display: inline-block; width: 3em; height: 1em;}
/* Ask Box */
form.LAConfirm {padding-bottom: 1em;}
form.LAConfirm p {margin: .5em 0 1.5em; font-size: larger;}
/* Page lister */
div.lister {}
div.lister a {text-decoration: none; font-weight: bold; color: #2970c9; padding: .5em .75em;}
div.lister a.jump {font-weight: normal;}
div.lister a:hover, div.lister a.active {color: white; background-color: #2970c9; text-decoration: none;}
/* Calendar table */
table.calendar {width: 100%; border-collapse: collapse; border-bottom: 5px solid #ccc; margin-bottom: 1em;}
table.calendar caption.calendar-month {font-size: 1.5em; padding-bottom: 0.5em;}
table.calendar tr th, table.calendar tr td {text-align: center;}
table.calendar tr th {padding: 3px 0; background: #eee; border: 1px solid #ddd; border-bottom: 1px solid #ddd;}
table.calendar tr td {width: 16%; border: 1px solid #f3f3f3; border-bottom: 1px solid #ddd; vertical-align: top;}
table.calendar tr td.empty {background: #f9f9f9;}
table.calendar tr td.weekend {background: #fee; width: 10%;}
table.calendar tr td.today {background: #def;}
table.calendar tr td div.data {background: url('../images/hil.png') no-repeat center center; font-weight: bold; font-size: 1.2em; line-height: 1.2em; margin-bottom: 5px}
table.calendar tr td div.nodata {margin-bottom: 5px}
table.calendar tr td a {color: #2970c9; text-decoration: none;}
table.calendar tr td span.object {text-align: center; padding: 1px;}
table.calendar tr td span.object a.tip {background: url('../images/tip.png') no-repeat right center; padding-right: 18px;
color: #2970c9; text-decoration: none;}
table.calendar tr td span.object a.tip:hover {}
table.calendar tr td span.object a.tip strong {color: black;}
table.calendar tr td span.expedice {text-align: center; padding: 1px;}
table.calendar tr td span.expedice a.tip {background: url('../images/car.png') no-repeat right center; padding-right: 18px;
color: #ef952c; text-decoration: none;}
table.calendar tr td span.expedice a.tip:hover {}
table.calendar tr td span.expedice a.tip strong {color: black;}
table.calendar tr td span.vyroba_pozadovana a.link {background: url('../images/vyroba_p.png') no-repeat right center; padding-right: 13px;
color: #999; text-decoration: none;}
table.calendar tr td span.vyroba_expedice a.link {background: url('../images/vyroba_e.png') no-repeat right center; padding-right: 13px;
color: #2970c9; text-decoration: none;}
table.calendar tr td span.note {text-align: center; padding: 1px;}
table.calendar tr td span.note a.tip {color: #222; font-size: 0.9em; text-decoration: none;}
table.calendar tr td span.note a.tip:hover {color: #2970c9}
table.calendar tr td span.note a.tip strong {color: black;}
table.calendar tr td span.zamereni {text-align: center; padding: 1px;}
table.calendar tr td span.zamereni a {color: #00b300; background: url('../images/ruler.png') no-repeat right center; padding-right: 18px; text-decoration: none;}
table.calendar tr td span.data {background-color: #e3e3ff; font-weight: bold;}
table.calendar tr td span.done {background: url('../images/test.png') no-repeat left center; padding-left: 13px}
table.calendar span.full_dayname {display: none;}
/* Sklad table */
table.sklad {border-collapse: collapse; border: 0; width: 100%;}
table.sklad tr td.LSide, table.sklad tr td.RSide {width: 50%; vertical-align: top;}
table.sklad tr td.LSide {padding-right: 0.65em;}
table.sklad tr td.RSide {padding-left: 0.65em;}
a.clear {background: url('../images/clear.png') no-repeat left center; padding: 1px 7px; text-decoration: none;}
div#book_order {width: 450px; background-color: #ffe9cf; border: 1px solid #ffbd6f; margin: 0 auto; text-align: center;
margin-bottom: 1em;}
div#book_order div#book_order_inner {margin: 1em;}
div#book_order p {margin: 0.2em;}
div#book_order p.title {font-size: 1.3em;}
div#book_order p.order {font-size: 1.5em; font-weight: bold;}
div#book_order a {font-size: 1.2em;}
/* H2 inside SKLAD */
h2.sklad {padding: 0.15em 0; margin: 0.5em 0 0.2em}
h2.print {padding: 0.2em 0.4em;}
h2.color-1 {background-color: #e3e3ff;}
h2.color-2 {background-color: #e3ffe4;}
h2.color-3 {background-color: #ffe8e3;}
h2.color-4 {background-color: #fff1b4;}
h2.sklad span, h2.sklad a {vertical-align: middle; font-weight: bold; padding: 1px 0.4em}
h2.sklad span {font-size: 0.7em;}
h2.sklad span.cenkat {background-color: #ff9;}
h2.sklad span.typ {background-color: #fff;}
h2.sklad a.stone {font-weight: bold; font-size: 1em; text-decoration: none;
background: url('../images/ara.png') no-repeat left center; padding-left: 0.7em; outline: none;}
h2.sklad a.stone span.ajax_id {display: none;}
h2.sklad a.opened {color: #002b5f; background: url('../images/aradn.png') no-repeat left center; padding-left: 0.7em;}
h2.sklad a {color: #2970c9; background-color: white; font-weight: normal;}
h2.sklad a:hover {background-color: #2970c9; color: white;}
h2.sklad a.insert, h2.sklad a.photo, h2.sklad a.edit, h2.sklad a.delete {width: 16px; height: 16px; text-decoration: none; padding: 1px 7px;}
h2.sklad a.insert {background: url('../images/ab_insert.png') no-repeat center center;}
h2.sklad a.photo {background: url('../images/ab_photo.png') no-repeat center center;}
h2.sklad a.edit {background: url('../images/ab_edit.png') no-repeat center center;}
h2.sklad a.delete {background: url('../images/ab_delete.png') no-repeat center center;}
h2.sklad a.insert:hover, h2.sklad a.photo:hover, h2.sklad a.edit:hover, h2.sklad a.delete:hover {background-color: #2970c9;}
/* sklad items desky table */
table.inner {border-collapse: collapse; border: 0; border-left: 5px solid #ccc; font-size: 1em; margin-left: 1em}
table.inner tr td {background-color: #fff; border-bottom: 0px solid #cecece; vertical-align: top; text-align: left; padding: 1px .5em;}
table.inner tr td.rozmer {width: 125px;}
table.inner tr td.flagcela {background-image: url('../images/tass.png');
background-repeat: no-repeat; background-position: right 5px; font-weight: bold;}
span.cela {font-weight: bold; background: url('../images/tass.png') no-repeat right center; display: block; width: 125px;} /* Print */
table.inner tr td.kusu {font-weight: bold; white-space:nowrap}
table.inner tr td a {display: inline;}
table.inner tr td a.eye {background: url('../images/eye_on.png') no-repeat left center; padding: 0 7px; text-decoration: none;}
table.inner tr td a.eye:hover {background-color: #2970c9;}
table.inner tr td span.sarze {background-color: #ffcff5; padding: 0 .1em; white-space: nowrap;}
span.tl-1, span.tl-2, span.tl-3, span.tl-4, span.tl-5 {padding: 0 .2em;}
span.tl-1 {background-color: #dfdfff;}
span.tl-2 {background-color: #dff1ff;}
span.tl-3 {background-color: #dfffe1;}
span.tl-4 {background-color: #ffffdf;}
span.tl-5 {background-color: #ffe5df;}
span.order {background: url('../images/point.png') no-repeat left center; padding-left: 15px;}
/* dashboard */
div.bounder {width: 1020px;}
div.uidash {width: 800px;}
div.short {width: 500px;}
div.chleft {float: left;}
div.chright {float: right;}
div.uidash div.citem {border-bottom:2px solid #e3e3e3;margin-bottom: .4em;}
div.uidash div.citem div.chead {background-color: #ddf; padding: .2em .4em;}
div.uidash div.citem div.cbody {padding: .6em .2em .4em; border-bottom: 1px solid #777;}
div.uidash div.citem a.action {float: right}
div.uidash div.uifoot {background-color: #eee; padding: .2em .4em; font-style: italic;}
/* logging */
div.logbound {margin-bottom: 1em;}
div.logbound div.log-insert {background-color: #d6ffcf;}
div.logbound div.log-edit {background-color: #ffebcf;}
div.logbound div.log-delete {background-color: #ffd1d1;}
div.logbound div.logtitle {padding: .2em .4em; margin-bottom: 0.4em}
div.logbound span.before {color: #888}
div.logbound strong.f-insert, div.logbound strong.f-delete {padding-left: 18px;}
div.logbound strong.f-insert {background: url('../images/f-insert.png') no-repeat left center;}
div.logbound strong.f-delete {background: url('../images/f-delete.png') no-repeat left center;}
/* Table in module IMPREGNACE */
table.impr {width: 100%; border-collapse: collapse; margin-top: 1em}
table.impr td {border: 1px solid black; font-size: 0.75em; color: black; text-align: center; padding: 0em 0.2em; vertical-align: middle}
table.impr tr.top td {background-color: #ddd; font-size: 1.5em; font-weight: bold; padding: 0.2em}
table.impr tr.groups td {font-size: 1.3em; font-weight: bold; color: #ddd; padding: 0.1em}
table.impr tr.subs td {font-size: 0.75em; color: #eee;}
table.impr td.hd1 {background-color: #333; font-size: 1.3em; font-weight: bold; color: #ddd; padding: 0.2em}
table.impr td.hd2 {background-color: #ccc; font-size: 0.8em; font-weight: bold;}
table.impr td.left {text-align: left}
table.impr td div.impact {float: right; width: 40px; text-align: right;}
table.impr td div.impact a {padding: 0 2px}
table.impr td div.impact a:hover {background-color: #bcdaff;}
table.impr td.grey {background-color: #555; color: #eee;}
table.impr td.red {background-color: #900; color: #eee;}
/* invoices */
span.fa-storno {background-color: #f66; color: white; padding: 0px 2px}
span.fa-sent {background-color: #9fd363; color: white; padding: 0px 2px}
span.fa-cannot {}
input.month {width: 20px}
input.year {width: 40px}
div.inv-sum {font-size: 1.2em;}
div.zdroje {margin-bottom: 1em;}
div.zdroje b.label {background-color: #ddd; padding: 2px 2px;}
h3.agenda {border-bottom: 1px solid #999; padding-bottom: 5px;}
div#agenda {}
div#agenda div.name {margin: 5px 0}
div#agenda div.name strong {font-size: 1.2em;}
div#agenda div.import {margin: 3px 0}
div#agenda div.import strong {background-color: #FDDB51; padding: 1px 3px;}
div#agenda div.expedice span {background: url('../images/car.png') no-repeat right center; padding-right: 20px;}
div#agenda div.expedice span.done {padding: 0 1px; background: #C1FFC1;}
div#agenda div.montaz span {background: url('../images/tools.png') no-repeat right center; padding-right: 20px;}
div#agenda div.home {background: url('../images/home.png') no-repeat left center; padding-left: 15px;}
div#agenda div.mat {margin-top: 0.2em; background: url('../images/stone.png') no-repeat left center; padding-left: 14px;}
div#agenda div.mont {font-size: 1.1em;margin-top: 0.2em; background: url('../images/mskup.png') no-repeat left center; padding-left: 14px;}
div#agenda div.pozn {font-size: 0.9em; margin-top: 4px}
/* uploader file */
#dropbox {
margin: 10px 0px; overflow: hidden; width: 550px; max-width: 88%; padding: 20px;
background-color: #dfeeff; border: 1px dashed #2990ff;
}
#dropbox.hover {background-color: #e4ffdd; border: 1px dashed #00c53b;}
#dropbox .message {font-size: 14px; text-align: center; display: block; font-weight: bold;}
#dropbox .message i {color:#666; font-size:12px; font-weight: normal;}
#dropbox .preview {margin-top: 5px;}
#dropbox .preview span.fname {font-weight: bold;}
#dropbox .preview span.fsize {font-size: 0.9em;}
#dropbox .progressHolder {background-color:#252f38; height:3px}
#dropbox .progressHolder .progress {background-color:#00dd00; height:100%;
-moz-transition:0.25s;-webkit-transition:0.25s;-o-transition:0.25s;transition:0.25s;
}
#dropbox a.refresh {display: none}
#dropbox span.navi {display: none}
ul.limity {margin: 0; padding: 0;}
ul.limity li {margin: 0; list-style-type: none; float: left; padding: 5px 5px; padding-right: 2px;
background-color: #eee; margin-right: 10px; border: 1px solid #ccc; font-size: 1.2em; white-space: nowrap;}
ul.limity li.over {border-left: 3px solid #FF8080}
ul.limity li span.h {background-color: #fff; border: 1px solid #ddd; padding: 1px 3px;}
ul.limity li span.over {background-color: #FFD2D2; border: 1px solid #FF8080}
ul.limity li a {text-decoration: none; padding: 0 5px}
ul.limity li a:hover {color: blue; background-color: #ccc;}
table.agenda {border-collapse: collapse; border: 0; width: 700px}
table.agenda td {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 2px 5px}
td.center {text-align: center}
td.right {text-align: right}
tr.naklad td {background-color: #FFCACA;}
tr.prijem td {background-color: #E4FFCA;}
table.naklady {border-collapse: collapse;}
table.naklady tr td, table.naklady tr th {border-top: 1px solid black; border-bottom: 1px solid black; padding: 3px 5px 2px}
table.naklady tr th {text-align: left; background-color: #ddd;}
table.naklady tr td {}
table.naklady tr:last-child td {background-color: #bff4ff;}
a.yearplusminus {display: inline-block; width: 12px; padding: 0 2px; background-color: #eb6bef; color: white;
text-align: center; text-decoration: none;}
span.nowrap {white-space: nowrap;}
form.LAForm.responsive.budgety label {display: inline-block; cursor:pointer; background: #e5f0ff; border: 1px solid #ccc; border-radius:3px; padding:.3em;}
form.LAForm.responsive.budgety br {display: none}
/*******************************************/
/* MOBILLE */
@media screen and (max-width: 767px) {
#pattern {display: none}
#logo {display: none;}
#system {display: none;}
#header {border-bottom: 1px solid #ddd;}
#header #bg {padding: .5em 0em;}
#header #bg #logo {display: none}
#header #bg #info {margin-left: 1em; font-size: 0.9em; width: auto; float: none;}
#header #bg #info #title {font-size: 1.8em; color: #2970c9; margin: .3em 0;}
#header #bg #info #title a {color: #2970c9;}
#header #bg #info #system {display:none;}
#header #bg #user {float: left; text-align: left; margin: 0 0 0 1em; width: auto;}
#header #bg #user br {display: none;}
#menu {background: none; border-bottom: 1px solid #ddd; padding: 0 .5em .4em; margin-top: 0.6em;}
#menu .altos a {white-space: nowrap; color: black; text-decoration: underline; font-weight: bold;
margin: 0 0.4em;
padding: .6em .5em .5em;
display: inline-block; text-transform: none;}
#menu .altos a.act {background: #2970c9; color: white;}
#menu a.logoff {float: none; position: absolute; top: 1em; right: 1em; z-index: 110; background-color: #d00; color: white;}
#foot {background-color: #999; padding: .3em 1.2em; font-size: .9em; color: white; border-bottom: 3px solid white;}
#foot a {color: white;}
table.calendar {width: 100%; border-bottom: 0; margin: 2em 0}
table.calendar tr {display: block;}
table.calendar tr th {display: none;}
table.calendar tr td {display: block; width: auto; border-top: 0; border-bottom: 1px solid #ddd; padding: .5em;}
table.calendar tr td.weekend {width: auto;}
table.calendar tr td.empty {display: none;}
table.calendar tr td div.nodata {margin: 0;}
table.calendar tr td div.data {background: none}
table.calendar span.full_dayname {display: inline;}
form.LAForm table tr td input.sidebut {padding: .5em;}
#xinfo {width: auto;}
div.uidash {width: auto;}
div.bounder {width: auto;}
div.chleft, div.chright {float: none;}
div.lister a {padding: 0.5em .8em;}
#content #mhead a, #content div.linx a {}
#content #mhead a span, #content div.linx a span {}
#content #mhead #actions ul li, #content div.linx ul li {margin-bottom: .5em; display: inline-block; float: none;}
.LAForm.responsive table,
.LAForm.responsive thead,
.LAForm.responsive tbody,
.LAForm.responsive th,
.LAForm.responsive td,
.LAForm.responsive tr {display: block; width: 100%; box-sizing: border-box;}
.LAForm.responsive table tr td.label {font-weight: bold; border-bottom: 0; padding: 0.5em 1em; padding-bottom: 0;}
.LAForm.responsive table tr td.input {padding: 0.5em 1em; padding-top: 0;}
.LAForm.responsive table tr td select,
.LAForm.responsive table tr td input.text,
.LAForm.responsive table tr td textarea {width: 100%;}
.LAForm.responsive table tr td input.datepicker {width: auto;}
span.rsp-label {display: block; width: 100%; margin-top: 10px;}
table.thin tr td a.command {padding: 6px; min-width: 24px; background: rgba(112, 181, 255, 0.2)}
table.thin tr td a.file-quick-link {display: block; padding: 4px; min-width: 100%; background: rgba(112, 181, 255, 0.2)}
table.thin.mobile-ready {width: 100%;}
table.thin.mobile-ready tr:first-of-type {display: none;}
table.thin.mobile-ready tr {display: block; position: relative; border-bottom: 1px solid #dfdfdf; padding-bottom: .3em; margin-bottom: .6em;}
table.thin.mobile-ready tr td {display: inline-block; line-height: 1.3; border-bottom: 0; padding: .3em .3em .1em;}
table.thin.mobile-ready tr:nth-of-type(odd) td {background-color: #fff;}
table.thin.mobile-ready tr.mouseover td {background-color: transparent;}
/* table.thin.mobile-ready tr td:nth-of-type(1) {display: none;} */
table.thin.mobile-ready tr td:nth-of-type(2) {font-weight: bold;}
table.thin.mobile-ready tr td:nth-of-type(4) {display: block;}
table.thin.mobile-ready tr td:nth-of-type(5) {display: block;}
table.thin.mobile-ready tr td:nth-of-type(6) {position: absolute; top: 0; right: 40px; border: 0; padding: 0;}
table.thin.mobile-ready tr td:nth-of-type(7) {position: absolute; top: 0; right: 0; border: 0; padding: 0;}
table.thin.mobile-ready tr:last-child:not(.even) td {border-bottom: none;}
}