/*
@media screen
{
*/
body { background-color: #ccc; }
.clear_both { clear: both; line-height: 1px; font-size: 1px; }
.clear_left { clear: left; line-height: 1px; font-size: 1px; }
.clear_right { clear: right; line-height: 1px; font-size: 1px; }
.bold { font-weight: bold; }

.text_center { text-align: center; }
.text_left { text-align: left; }
.text_right { text-align: right; }

.float_none { float: none; }
.float_left { float: left; }
.float_right { float: right; }

.bezokraju { margin: 0; padding: 0; }
.nezobrazovat { display: none; }
.small { font-size: small; }
.icons { font-size: 15px !important; }

a { text-decoration: none; color: purple; }
a:hover { color: red; }
caption { font-size: 16pt; margin: 10px; }

.ok { color: green; }
.error { color: red; }
.apcolor { color: #FF32FF; }
.soud { color: red; }
.soud td:first-child { background-color: yellow; }
.loss { color: yellow; }
.exception { color: orange; }

.ml-1 { margin-left: 1em; }
.ml-2 { margin-left: 2em; }
.ml-3 { margin-left: 3em; }
.mr-1 { margin-right: 1em; }
.mr-2 { margin-right: 2em; }
.mr-3 { margin-right: 3em; }

button::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
     padding: 0 !important;
     border: 0 none !important;
 }

.chart { width: 1200px; height: 300px; margin: 0 auto 50px auto; line-height: 30px; text-align: right; }
.chart_sum { width: 1200px; margin: 0 auto 70px auto; color: #333; }

#top-menu { float: right; width: 660px; height: 70px; }
#top-menu div { float: left; width: 19%; }
#top-menu div a:first-child + a { margin-left: 25px; }
#top-menu div a:first-child + a + a { margin-left: 50px; }
#top-menu a { font-size: 14pt; }

#form-logon { float: right; width: 180px; height: 71px; }
#form-logon label { width: 55px; display: block; float: left; clear: both; margin: 3px 0; }
#form-logon input { width: 120px; float: right; }

.courier { font-family: courier; font-weight: bold; }
.menu { width: 100%; text-align: left; }
.menu input { margin: 2px 0; }
.dgraphs { background-color: #CCCCAA; }
.rrdgraph { display: block; margin: 10px auto; }

/* for all browsers that understand min-width */
.width { width: 100%; min-width: 1110px; }

/* the bodge for IE6 browsers */
* html .minwidth { border-left: 1110px solid #ccc; position: relative; float: left; z-index: 1; }
* html .container { margin-left: -1110px; position: relative; float: left; z-index: 2; }
.zarazka { height: 1px; overflow: hidden; display: block; margin: 0 1px; }
.obsah { height: 70px; }

.width a { display: block; }

.inline { display: inline; }
.clear { clear: both; height: 0px; line-height: 1px; font-size: 1px; }
.checkbox { margin: 0 auto; width: 16px; height: 16px; display: block; }
.legenda { background-color: #ddd; padding: 4px; display: inline-block; margin-left: 10px; border: 1px solid gray; }

.formular { background: #aaa; border: groove gray 2px; padding: 0.2em; width: 1240px; margin: 0 auto; }
/*
.formular label,.formular input,.formular select,.formular textarea,.formular span { float: left; margin: 6px 2px; border: 4px solid transparent; }
.formular input { border: 4px solid white; }
*/
.formular fieldset>label,.formular fieldset>input,.formular fieldset>select,.formular fieldset>button { font-size: small; float: left; margin: 5px 3px; }
.formular fieldset>div>label,.formular fieldset>div>input,.formular fieldset>div>select,.formular fieldset>div>button { font-size: small; float: left; margin: 5px 3px; }
.formular fieldset>label { margin-top: 0.4em; }
.formular>div>input { font-size: small; float: left; margin: 0.3em; }
.formular fieldset>span { font-size: small; float: left; margin: 0.3em; }
.formular textarea { font-size: medium; float: left; margin: 0.3em; width: 400px; height: 64px; }
.formular .div_checkboxes input { margin-right: 4em; margin-bottom: 1em; }
.formular .div_checkboxes label { width: 7em; margin-bottom: 1em; }
.formular .tlacitka { text-align: center; padding: 0.7em 0; }
.formular .div_suggest { float: left; margin: 0.3em; }
.formular .div_suggest input { float: none; margin: 0; padding: 0; }
.formular .div_suggest select { float: none; margin: 0; padding: 0; border: 1px solid gray; }
.formular fieldset legend { font-size: small; }
.formular h2 { text-align: center; margin: 0.2em 0; }
.formular a { float: left; }
.formular .ui-datepicker-trigger { float: left; }

.form_ukoly label { width: 5em; }

.kalendar { float: left; border: none; margin: 4px 10px 0px 0px; }

.ikona { float: left; width: 100px; height: 100px; border: dashed gray 1px; }

.tabulka { border-collapse: collapse; color: black; width: 100%; text-align: left; margin: 0; border-style: hidden; table-layout: fixed; min-width: 1240px; border: 1px solid black }
.tabulka td, .tabulka th {  padding: 4px; margin: 0; border: 1px solid #aaa; }
.tabulka th { background: #999; text-align: center; vertical-align: middle; overflow: hidden; }
.tabulka td { overflow: hidden; vertical-align: top; white-space: nowrap; }
.tabulka tr { background: #ddd; cursor: pointer; }
.tabulka tr.resi { background: #ff9; cursor: pointer; }
.tabulka tr.nevyreseno_nizka { background: #fbb; cursor: pointer; }
.tabulka tr.nevyreseno_stredni { background: #f99; cursor: pointer; }
.tabulka tr.nevyreseno_vysoka { background: #f66; cursor: pointer; }
.tabulka tr:hover { background: #fff; }
.tabulka tr.nohover:hover { background: #ddd; }
.tabulka tr.resi:hover { background: #ffc; cursor: pointer; }
.tabulka tr.nevyreseno_nizka:hover { background: #fdd; cursor: pointer; }
.tabulka tr.nevyreseno_stredni:hover { background: #fbb; cursor: pointer; }
.tabulka tr.nevyreseno_vysoka:hover { background: #f88; cursor: pointer; }

.sluzba_tabulka { width: 50%; margin: 0 auto; }

.stat { width: auto; border: 1px solid gray; margin: 0 0 12px 0; }

.counters { font-size: small; border-collapse: collapse; margin: 4px 0; }
.counters th { width: 7em; padding: 2px; border: 1px solid gray; }
.counters td { text-align: right; padding: 2px; border: 1px solid gray; }

.ramecek { margin: 6px auto; border: 1px solid black; }
col.left { text-align: left; }
col.right { text-align: right; }
col.center { text-align: center; }

.nastaveni th { font-size: small; }
.nastaveni td label, .nastaveni td input, .nastaveni td select { margin: 0; }

.notestisk td { white-space: normal; font-size: small; }
.notestisk th { font-size: small; }

.bar { border: solid gray 1px; padding: 4px; background: #ddd; margin: 2px auto; border-radius: 4px; }
.bar form { margin: 0; padding: 0; display: inline; }
.bar input { margin: 0 4px; }

ul.tree, ul.tree ul { list-style-type: none; background: url('../images/vline.png') repeat-y; margin: 0; padding: 0; cursor: pointer; }
ul.tree ul { margin-left: 10px; display: none; }
ul.tree li { margin: 0; padding: 0 12px; line-height: 20px; background: url('../images/node.png') no-repeat; }
ul.tree li:last-child { background: #ccc url('../images/lastnode.png') no-repeat; }

.faktury { border-collapse: collapse; float: left; border-style: hidden; width: 100%; table-layout: fixed; }
.faktury th, .faktury td { font-size: small; line-height: 10px; cursor: pointer; overflow: hidden; white-space: nowrap; }
.faktury th { background: #5d0110; border: 1px solid #ae4f5e; color: white; }
.faktury td { background: #ae4f5e; border: 1px solid #5d0110; color: black; }

.fpolozky th { background: #99a; }
.fpolozky td { background: #eee; }

.faktury_top { width: 100%; background: #5d0110; float: left; color: white; border-bottom: 1px solid #ae4f5e; }

.suggest { font: 11px sans-serif; width: 400px; position: absolute; display: none; border: none; margin: 0px; padding: 0px; cursor: default; white-space: nowrap; }

#insertline label { width: 12em; }

#dialog-problem-object a:hover { color: red; }
#dialog-problem-ap a:hover { color: red; }

/* invoices */
#invoices td { text-align:center; }
#invoices td:first-child { text-align:left; }
#invoices td:nth-child(2) {	text-align:left; }
#invoices td:nth-child(5) {	text-align:right; }
#invoices td:nth-child(6) {	text-align:right; }
#invoices tr.unpaid td { color:red; }

/* gallery */
#dialog-gallery-upload label, #dialog-gallery-edit label { vertical-align:top; display:inline-block; width:4em; }
#dialog-gallery-upload div, #dialog-gallery-edit div { padding:0.5em 0.7em; }

/* vlan */
.vlan-display-div { width: 232px; float: left; }
.vlan-display-div input { float: left; }

/* adresa */
#frm_zakaznik label[for=f_mesto] { width: 4em; }
#frm_zakaznik label[for=f_mesto] + input { width: 15em; }
#frm_zakaznik label[for=korespondencni_mesto] { width: 4em; }
#frm_zakaznik label[for=korespondencni_mesto] + input { width: 15em; }
#frm_zakaznik_optika label[for=mesto] { width: 4em; }
#frm_zakaznik_optika label[for=mesto] + input { width: 15em; }
#frm_objednavka label[for=mesto] { width: 5em; }
#frm_objednavka label[for=fakturacni_mesto] { width: 5em; }
#frm_objednavka label[for=korespondencni_mesto] { width: 5em; }
#frm_bytova_jednotka label[for=bj_mesto] { width: 5em; }
#frm_bytova_jednotka label[for=main_mesto] { width: 5em; }
#frm_objectedit label[for=mesto] { width: 6em; }
#frm_objectedit label[for=mesto] + input { width: 14em; }
#frm_hromadne_vytvoreni label[for=mesto] { width: 4em; }

/* frm_objectedit */
#frm_objectedit > fieldset > legend + label { width: 6em; }
#frm_objectedit > fieldset > div.clear_both + label { width: 6em; }

#dialog-mapa label { display: block; float: left; width: 7em; }
#dialog-mapa div { width: 10em; float: left; margin-right: 2em; }

/* log */
#log { border: 1px solid black; background-color: #ddd; margin: 10px 0; padding: 2px; height: 200px; overflow: scroll; }

.simpleform { background: #aaa; border: groove gray 2px; width: 980px; margin: 0 auto; padding: 0.25em; }
.simpleform fieldset { padding: 0.75em; }
.simpleform label { display: inline-block; width: 4em; }
.simpleform ul { list-style: none; margin: 0; padding: 0; }
.simpleform ul li { margin: 8px 2px; }
.simpleform input[type="submit"] { margin: 10px 6px; }

.simpletable { border-collapse: collapse; width: 100%; }
.simpletable tr:nth-child(even) { background-color: #ddd; }
.simpletable td { padding: .3em; }

.blueinput input { color: blue; }

.ui-jqgrid > .ui-jqgrid-view { font-size: 0.8em !important; cursor: pointer; }
.ui-jqdialog { font-size: 0.9em !important; }
.ui-jqgrid .ui-userdata { height: 32px !important; }
.ui-autocomplete { z-index: 9999 !important; }
.ui-state-active { white-space: nowrap; }

#frm_kontrola input[type="checkbox"] { display: inline-block; width: 20px; vertical-align: top; margin-top: 10px; }
#frm_kontrola label { display: inline-block; width: 254px; vertical-align: top; margin-top: 10px; }

.odstavka {
    cursor: pointer;
    vertical-align: top;
}

/*
}
*/
@media print
{
    html { height: 100%; }
    body { height: 100%; }
    .noprint { display: none !important; }
    .width { display: none; }
    .error { font-style: italic; color: gray; }
}