/* common */
header {height: 80px; margin:0; padding: 20px 30px 0 30px;; position: relative;}
a {color: #2b70a7;}
body,html {color: #232323; background-color: #f0f0f0;}

/* page */
h1 {font-size: 38px; color: #232323; font-weight: bold; margin: 20px 0 30px 28px;}
h1::before {width: 55px; height: 2px; border-top: 1px solid #f0f0f0;}
h3 {color: #232323; margin: 15px 0 15px 0px; font-size: 24px;}

.panel {border:0; background-color: #fff; padding: 15px 30px; box-shadow: none; margin-bottom: 12px;}

/* ui */
.ui-widget-header {font-weight: normal; font-size: 17px;}
.ui-dialog-titlebar {margin-left: -.2em; margin-right: -.2em; margin-top: -.2em;}
/*.ui-button {border-radius: 4px;}*/
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float: left; padding-left: 10px;}
.ui-dialog .ui-dialog-buttonpane {border: 0;}
.ui-widget-content {border: 0;}
.ui-state-hover {background-color: #619bd5 !important;border-color: #619bd5 !important;}

.ui-widget-overlay {background-color: #444; opacity: .5;}
.ui-widget-content.ui-tabs {background: none;}

.ui-tabs .ui-tabs-nav {}
.ui-tabs .ui-tabs-panel {padding: 15px 0;}

/* dashboard */
.pie.box {background-color: white;}
form.dashboard {border:0; background-color: #fff; padding: 15px 30px; box-shadow: none; margin-bottom: 12px;}
.tableFiltr.dashboard {padding-bottom: 15px;}

#graphValues table.tHorizontalni {margin:0;}
#graphValues table.tHorizontalni tr th,#graphValues table.tHorizontalni tr td {padding-top: 4px; padding-bottom: 4px;}

/* header */
.logo {text-decoration: none; color: #0073aa; font-size: 19px; line-height: 25px; position: relative; padding-top: 20px; padding-left: 80px;}
.logo img {display: inline;position: absolute; top: 0; left:0;}
.logo span {color: #4b565d;}

.user-info {padding-top: 17px; font-size: 16px; text-align: right; position: relative;}
.user-info.user-select {padding-top: 35px;}
.user-info .user-item {display: inline-block;}

.user-item {display: inline-block; height: 30px; line-height: 30px; padding: 0 18px; border-right: 1px solid #bebebe;}
.user-item.user-lang {padding-rigth:0; border-right:0; word-spacing: 10px;}
.user-item.user-logo {padding-left:30px; background-image: url('img/icon-user.png'); background-repeat: no-repeat; background-position: 0px 0px;} 

.lang {padding:0;}
.lang-act {text-decoration: none; cursor:default;}

.user-info #setEndUser {position: absolute; right: 18px; top:0;}

/* menu */
#menu {background-color: #2b70a7; border:0; font-size: 17px;}
#menu ul {font-size: 17px;}
#menu ul li {border:0; padding: 3px 0;}
#menu ul li a {color: #fff;}
#menu ul li:hover a {background-color: #95c221;}
#menu ul li.f.act > a {background-color: #95c221;}
#menu ul li ul {padding:0; border:0; background-color: #f0f0f0; border: 2px solid #95c221; border-radius: 4px; padding-left: 3px; padding-right: 3px;}
#menu ul li ul li a {color: #232323;}
#menu ul li:hover ul a {background-color: transparent;}
#menu ul ul legend {color:#232323;}
#menu ul ul li:hover a {background-color: #95c221;}
#menu ul ul li:hover legend {background-color: #95c221;}

/* table horiz */
.strankovani {background-color: transparent; font-size: 15px; text-align: left; margin-bottom:12px; padding-left:30px; padding-right:0;}
.strankovani .celkem {float: left; padding-right: 25px; padding-top: 2px;}
.strankovani .select {padding-left: 25px;}

.strankovani a {background-color: #2b70a7; color: #fff; border:0; border-radius: 4px; padding: 5px 8px;}
.strankovani a.aktivni {background-color: #95c221; border:0; color:#fff;}
.strankovani a:hover {background-color: #619bd5; border:0; color:#fff;}

.tGroupActions {background: transparent; font-size: 15px; margin:18px 0 15px 0; border: 0; padding-left: 30px;}
.tGroupActions a {margin-right: 10px;}
.tGroupActions {margin-top:-4px;}
.tGroupActions input[type="submit"] {margin-left: 10px; margin-top:-2px;}

.tableWrapper {background-color: #fff; padding: 15px; width: auto; display: inline-block; /*max-width: calc(100% - 30px); */overflow-x: auto;}
.tableWrapper .tGroupActions {margin-bottom: 4px; margin-top: 18px; padding-left: 15px; }

table.tHorizontalni {border-collapse: separate;}
table.tHorizontalni tr.head th, table.tHorizontalni th {background-color: #fff; font-weight: bold; color: #232323; font-size: 15px; border-bottom: 1px solid #f0f0f0;}
table.tHorizontalni tr.head th a,table.tHorizontalni th a {color: #232323;}
table.tHorizontalni td {border-top:0; border-bottom: 1px solid #f0f0f0; font-size: 14px;}
table.tHorizontalni th img {top: 8px;}
table.tHorizontalni td {line-height: 120%; padding: 10px 9px;}
table.tHorizontalni th {line-height: 120%; padding: 6px 20px 18px 9px;}

table.tHorizontalni td.cell_24 {padding-top: 6px;}
table.tHorizontalni td.cell_24 span.l5 {background-color: #2b70a7; color: #fff;}
table.tHorizontalni td.cell_24 span.l3 {background-color: #95c221; color: #fff;}
table.tHorizontalni th.r {text-align: right; padding-right: 8px;}

table.tHorizontalni.compact td {font-size: 13px; padding: 8px 8px;}
table.tHorizontalni.compact tr.head th {font-size: 14px;}

table.tHorizontalni tr:hover td {background-color: #ebebeb;}

/* table */
.button-back {font-size: 15px; padding: .4em 0; position: relative; top: 1px;}
span.separator {display: inline; border-left: 1px solid #bebebe; position: relative; top: 1px; margin: 11px 20px 0 15px; font-size: 14px; padding: 5px 0;}

input[type="text"],select {box-sizing:border-box;}
input,select {font-size: 15px;}

input {border: 1px solid #c3c3c3; border-radius: 3px; background-color: #fff; line-height: 18px; font-size: 14px; padding: 5px 10px;}
input.fCal {background-image: url('img/icon-calendar.png'); background-position: 94px center; background-repeat: no-repeat; width: 120px !important;}
select {border: 1px solid #c3c3c3; border-radius: 3px; background-color: #fff; line-height: 18px; font-size: 14px; padding: 5px 10px;}
textarea {border: 1px solid #c3c3c3; border-radius: 3px; background-color: #fff; line-height: 18px; font-size: 14px; padding: 5px 10px;}

.tableFiltrGroup .fg-items {background-color: #fff; padding: 15px 30px;}
.tableFiltrGroup .fg-items .filtr {width: 264px; margin: 0 24px 15px 0;}
.tableFiltrGroup .fg-items .filtr .t {display: block; width:100%; font-size: 13px; height: 17px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 2px;}
.tableFiltrGroup .fg-items .filtr .v {display: block; margin: 0; white-space: nowrap; overflow: visible;}
.tableFiltrGroup .fg-items .filtr .v input, .tableFiltrGroup .fg-items .filtr .v select {width: 260px; max-width: 260px;}
.tableFiltrGroup .fg-items .filtr .v span.n {display: inline-block; text-align: center; width: 20px;}

.tableFiltrGroup .fg-items .filtr .v.sub select {width: 60px; max-width: 60px;}
.tableFiltrGroup .fg-items .filtr .v.sub input {width: 100px;}
.tableFiltrGroup .fg-items .filtr.filtr-21 .v input {width: 120px;}
.tableFiltrGroup .fg-items .filtr.filtr-18 .v input {width: 120px;}

.tableFiltrGroup .fg-title {background: transparent; font-size: 19px; font-weight: bold; margin: 15px 0 5px 0;}
.tableFiltrGroup .fg-title span {display: none;}
.tableFiltrGroup .fg-title em {background: none;}

.tableFiltr {border: 0; background: none;}
.tableFiltrGroup .break {margin-bottom: 5px;}
.tableFiltrGroup .filtr-submit {display: block; width: auto; background-color: white; text-align: left; float:none; padding: 0 0 25px 30px;}

.selectedFiltr {border:0; background-color: #fff; padding: 15px 30px; box-shadow: none; margin-bottom: 12px; font-size: 14px;}
.selectedFiltr .selectedFiltr-item {display: inline-block; position:relative; background-color: #2b70a7; color: #fff; border-radius: 4px; padding: .4em 30px .4em 1em;}
.selectedFiltr .selectedFiltr-item a {display: block; position: absolute; right:6px; top:8px; width: 16px; height: 16px; text-align: center; line-height: 16px; border-radius: 4px; text-decoration: none;}
.selectedFiltr .selectedFiltr-item a:hover {background-color: #619bd5;}
.selectedFiltr .selectedFiltr-item em {font-style: normal; color: #ace3ff;}
.selectedFiltr .selectedFiltr-title {padding-right: 5px;}

/* form */
#alertHeader {height: 102px; padding-top: 13px; z-index:1; position: relative;}
.alertState {float: left; margin:0; width: 174px; font-size: 16px; text-align: center; height: 102px;margin-right: 58px;}
.alertState img {display: block; margin: auto; margin-top: 20px; margin-bottom: 10px;}
#alertHeader i {display: inline-block; background-position: 0px 4px; background-repeat: no-repeat; font-size: 15px; line-height: 20px; padding: 5px 0 5px 35px; font-style: normal;}
#alertHeader i.ah_alert {background-image: url('img/headerdetail-uprc.png');font-weight: bold; margin: 15px 0 8px 0;}
#alertHeader i.ah_create {background-image: url('img/headerdetail-datum.png');font-weight: bold;}
#alertHeader i.ah_tel {background-image: url('img/headerdetail-tel.png');}
#alertHeader i.ah_email {background-image: url('img/headerdetail-email.png');}
#alertHeader i.separator {display: inline; border-left: 1px solid #bebebe; position: relative; top: 1px; margin: 11px 20px 0 15px; font-size: 14px; padding: 5px 0;}

.bgState_0 {background-color: #e0e0e0 !important;}
.borderState_0 {border-top-color: #e0e0e0 !important;}

.sipkaWrapper {position: relative; height: 11px; padding-left: 75px; top: -6px; z-index: 99; z-index:2;}
.sipkaWrapper .sipka {border: 12px solid transparent; width: 0px; height: 0px; display: inline-block; position: relative;border-top: 11px solid gray; top: 6px; margin: 0; }

.formWrapper {padding: 15px; background: #fff; float: left; margin:0 14px 14px 0; width: calc(50% - 38px); position: relative;}
.formWrapper+.formWrapper {margin-right:0;}
.formWrapperHeader {margin: -11px 0 0 0; width: 100%; background-color: #fff; z-index: 1; padding-bottom:0px;position: relative;}
.formWrapperHeader .formWrapper {margin-bottom:0;}
.formWrapperHeader .formWrapper table {margin-bottom:0;}

.tVertikalni.formular {padding:15px; background-color: #fff; margin: 0;}
.ui-tabs-panel .tVertikalni.formular {float: none; width: 100%;}
#formTabs .tVertikalni.formular {float: none; width: 100%;}
table.tVertikalni th {padding-left: 15px;}
.cleaner + .formWrapper {display: none;}

.ui-tabs h2 {background-color: #f0f0f0; margin: -17px -15px 10px -15px; font-size: 17px; font-weight: normal; color: #232323; padding-top: 15px; }
.ui-tabs h2.inner {margin-top:0; border-top: 12px solid #fff;}
.ui-tabs h2 span {display: block; width: 50%; padding: 10px 0 10px 30px; white-space: nowrap; overflow: hidden;}
.ui-tabs h2.page {margin-top: -2px; margin-left: 0; margin-bottom: 0;}
.ui-tabs h2.page span {width: 33%;}
.ui-tabs h2.page+.tableWrapper {margin-top:0;}

.ui-tabs h3 {margin-left: 30px;}

.ui-tabs .ui-widget-header {border: 0;}
.ui-tabs .ui-tabs-panel {padding-top: 20px;}
.ui-tabs .ui-tabs-nav {padding-top: 18px; padding-left: 20px;}
.ui-tabs .ui-tabs-nav li {background-color: #fff; color: #2b70a7; font-size: 15px; border-radius: 4px; border: 1px solid #2b70a7; border-bottom-width: 3px;}
.ui-tabs .ui-tabs-nav li.ui-state-hover {border: 1px solid #2b70a7 !important; border-bottom-width: 3px !important; background-color: #f0f0f0 !important;}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { color:#2b70a7;}
.ui-tabs .ui-tabs-nav li.ui-state-active {background-color: #f0f0f0; border-top: 4px solid #f0f0f0; border-bottom: 2px solid #f0f0f0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-top: -2px;}
.ui-tabs .ui-tabs-nav li.ui-state-active.ui-state-hover {border-top: 4px solid #f0f0f0 !important; border-bottom: 2px solid #f0f0f0 !important;}

.tVertikalni span.k_jmeno {display: block;}
.tVertikalni span.k_email {display: inline-block; background-image: url(icon/mail.png); background-position: 0px 4px; background-repeat: no-repeat; padding-left: 24px; margin-right: 12px;}
.tVertikalni span.k_tel {display: inline-block; background-image: url(icon/dial.png); background-position: 0px 4px; background-repeat: no-repeat; padding-left: 24px; margin-right: 20px;}


/* login */
h1.loginPage::before {width:0;}
h1.loginPage {text-align: center; }
.loginBox {background-color: #fff; border-radius: 10px;border-top:3px solid #2b70a7; border-bottom:3px solid #2b70a7; z-index: 2;margin-bottom: 200px; padding: 40px 40px 25px 40px;}
.footer {position: fixed; width:100%; bottom:0;}

/* zpravy */
.msgWrapper {background-color: #fff; padding: 15px; padding-bottom: 1px;}
.zprava.history h3 {margin-left: 0; font-size: 16px;}
.zprava.history h3 small {font-size: 16px; color: #5f5f5f; font-weight: normal; margin-bottom: 6px;}
.zprava.history h3 span {float: none; padding-left: 0;}
.zprava.history p {line-height: 115%;}
.zprava p.file {padding-top: 2px; padding-bottom: 2px;}
.zprava {background-color: #f0f0f0; border:0; padding: 15px; margin-bottom: 15px;}
.zprava h3 {margin-left: 0; font-size: 16px;}
.zprava h3 small {font-size: 16px; color: #5f5f5f; font-weight: normal; margin-bottom: 6px;}
.zprava h3 span {float: none; padding-left: 0;}
.zprava h3 em {font-size: 12px; color: #5f5f5f; font-weight: normal; font-style: normal; padding-left: 6px;}
.zprava.z-1 {border: 0;}
.zprava h3 span.privateto {padding-left:25px; background-image: url(icon/recipient.png); background-position: 0px 2px; padding-right: 5px;}
.zprava .separator {margin: 11px 10px 0 11px;}

/* pch */
#pch_radio {display: none;}
#pch_radio label {margin: 8px 0 0 0; padding-left: 25px; display: block; position: relative;}
#pch_radio label input {position: absolute; left:0; top: 5px;}

/* wizzard */
#wizzard table.tVertikalni {background-color: #f9f9f9; margin-bottom: 6px;}
#wizzard form table.tVertikalni th {padding-top: 11px; padding-bottom: 5px;}
#wizzard .qr {text-align: center; margin: 0 0 15px 0;}
#wizzard #secretCode {display: none;}

.hidden {display: none;}

/* dashboard */
.pie .var select {max-width: 250px;}

/* v7 */
#formular_form table.tHorizontalni td {vertical-align: middle;}
.tableWrapper.news {min-width: 50%;}
.tableWrapper.news table {width: 100%;}
.tableWrapper.news .tHorizontalni td:first-child {white-space: nowrap; text-align: right; width: 110px;}
.tableWrapper.news .tHorizontalni {margin: 0;}
.tableWrapper.news .tHorizontalni tr:last-child td {border-bottom:0;}
.tableWrapper.news .tHorizontalni tr.unread td {font-weight: bold;}
 
a.info-msg {background-image: url(icon/mail.png); text-decoration: none; display: inline-block; min-height: 18px; min-width: 18px; padding: 0 5px 0 10px; background-repeat: no-repeat; background-position: 8px top; position: relative; top: 6px;}
a.info-msg i {position: absolute; left: -5px; top:-12px; background-color: red; width: 18px; height: 18px; border-radius: 9px; color: white; text-align: center; line-height: 18px; font-size: 12px; font-style: normal;}
a.info-msg i.n0 {display: none;}

/* v8 */
label.multi {display: block;}
label.multi+label {margin-top: 5px;}
label.multi input[name*="psc"] {min-width: auto; width: 150px;}

/* ajax only forms v8*/
.commonForm .tVertikalni th {width: 40%;}
.commonForm .fh {display: none;}
#fError {display: none;}

.ui-dialog form .tVertikalni th {width: 32%; white-space: nowrap;}

table.dl-file {margin:0; padding:0;width: 100%;}
table.dl-file th {font-style: normal; text-align: left; padding-left: 0; font-weight: normal; vertical-align: top; padding-top: 0; padding-bottom:0;}
table.dl-file td {font-style: normal; text-align: right; padding-right: 0; font-weight: normal; vertical-align: top; padding-top: 0; padding-bottom:0;}

/*
#select_drop {border: 1px solid #2b70a7; border-radius: 4px; padding: 5px 0;}
#select_drop li {padding-left:0;}
#select_drop li.separator {background-color: #f0f0f0; margin:0; height: 1px;}
#select_drop li a {margin:0;}
*/
.inline-action {float: right;}
.inline-action:after {clear: both;}

table.tVertikalni small {margin-top: 2px;}

.ui-dropdown {position: absolute; z-index: 1000000; width: auto;}
.ui-dropdown {border: 1px solid #2b70a7; border-radius: 4px; padding: 5px 0;}
.ui-dropdown li.ui-menu-item {padding-left:0;}
.ui-dropdown li.separator {margin:0; height: 1px; background-color: #2b71a8; border-top: 5px solid white; border-bottom: 5px solid white;}
.ui-dropdown li.ui-menu-item a {margin:0; padding: 0 1em; white-space: nowrap; display: block; border: 1px solid white; text-decoration: none;}
#select_drop li.separator {background-color: #2b71a8;}

#xhrOverlay {position: fixed;left:0;top:0; width: 100%; height: 100%; background-color: #fff; opacity: .3; display: none;}
#xhrOverlay .loader {margin-top: 300px; z-index:2; text-align: center; }

/* reg */
table.tVertikalni input[name="zapis_soud"] {width: 100px; min-width: 0;}
table.tVertikalni input[name="zapis_v"] {width: 140px;min-width: 0;}
table.tVertikalni input[name="zapis_spis"] {width: 100px;min-width: 0;}

select {max-width: 250px;}

/* fu */
#funit table.tVertikalni {width: 490px; vertical-align: top; display: inline-block;}
#funit table.tVertikalni+table.tVertikalni {width: 490px; margin-left: 20px;}
#page table.tVertikalni tr.title th {background-color: white; border-top:0; padding: 0;}
#page table.tVertikalni tr.title th h2 {
background-color: #bbb;
  margin: 17px 0 0 0;
  font-size: 17px;
  font-weight: normal;
  color: #232323;
  padding-top: 15px;
  width: 70%;
  padding: 10px 0 10px 15px;
}
#page table.tVertikalni tr.title:first-child th h2 {margin-top:0;}

#funit #newmah {padding-top: 4px;}
.newmah-item {margin-bottom: 3px; max-height: 46px; overflow: hidden;}
.newmah-item a, a.currentmah-delete {position: relative; top: 2px;}
span.deleted-line {color:#aaa; text-decoration: line-through; }

/* kompaktni tabulka */
table.faitems {margin:0; padding: 0; width: 100%;}
table.faitems td {border:0; padding-top: 1px; padding-bottom: 1px;font-size: 15px; padding-left:0;}
table.faitems td.r {text-align: right; }
table.faitems td.v {vertical-align : middle; }
table.faitems td.poznamka {background-color: #f5f5f5; padding: 6px 15px;}
table.faitems.deleted td {text-decoration: line-through;} 
table.faitems.deleted td input,table.faitems.deleted td select {background-color: #f0f0f0; color: #a0a0a0;}

input[disabled],select[disabled] {background-color: #e0e0e0;}

table.tVertikalni input[type="text"].form_date {width: 140px; background-image: url(icon/calendar.png); background-repeat: no-repeat; background-position: 112px 6px;}
.ui-dialog-content .panel {background-color: #f0f0f0;}
form.newForm table.tVertikalni th {width: 250px;}
img.signature {height: 70px; max-width: 70%;}

ul.ui-autocomplete li {padding-left: inherit;}

table.tHorizontalni td.tDiv {width: 15px; border-color: white; }
table.tHorizontalni tr:hover td td.tDiv {background-color: #ffffff;}
.columnsListScroll {max-height: 700px; overflow: auto;}
table.tHorizontalni td.colName {width: 200px;}

.ui-controlgroup .ui-button {background-color: #ccc; color: #444; border-color: #aaa;}
.ui-controlgroup .ui-button.ui-state-active {background-color: #2b70a7;color: #ffffff;}