/*********************************************************************************
 * Zakladni layout
 ********************************************************************************/

html {
  height: 100%;
}
 
body {
  background: #ffffff;
  padding: 0px;
  margin: 0px;
  color: #434443;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
}

#stranka {
  width: 1130px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

#telo {
  position: absolute;
  width: 1130px;
  top: 180px;
}

#obsah {
  width: 1100px;
  margin-left: auto;
  margin-right: auto;
}

#komponenta {
  background: #ffffff;
  padding-top: 9px;
  padding-bottom: 15px;
  text-overflow: ellipsis; 
  overflow: hidden;
  border: 0px;
  min-height: 50px;
}

#zahlavi {
  background: #ffffff;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 180px;
  width: 100%;
  border-bottom: 1px solid #bcbec0;
}

#zahlavi_obsah {
  width: 1100px;
  height: 180px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

#zapati {
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  width: 1130px;
  height: 65px;
}

#obsah.podmenu_1 #komponenta, #obsah.podmenu_2 #komponenta, #podmenu_1, #podmenu_2 {
  float: left;
  margin: 0px;
}

#obsah.podmenu_1 #komponenta, #obsah.podmenu_2 #komponenta {
  margin: 0px 0px 0px 2%;
}

#obsah.podmenu_1 #komponenta {
  width: 85%;
  margin-right: -1px;
}

#obsah.podmenu_2 #komponenta {
  width: 72%;
  margin-right: -1px;
}

#podmenu_1, #podmenu_2 {
  border-right: 1px solid #e1e1e1;
  margin-right: -1px;
  width: 13%;
}

.podmenu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.podmenu li {
  display: block;
  margin: 2px 0px;
  padding: 0px;
}

.podmenu a {
  font-family: Tahoma, Arial, sans-serif;
  color: #5a5b5d;
  display: block;
  padding: 10px 5px 10px 10px;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.podmenu a:hover {
  background: #dadbdc;
}

.podmenu a.aktivni {
  background: #dadbdc;
  color: #33363d;
  border-left: 4px solid #40444d;
}

.podmenu a.odsazeni {
  font-size: 13px;
  margin-left: 3px;
}

/*********************************************************************************
 * Zakladni styly
 ********************************************************************************/

a {
  color: #5a5b5d;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

.nadpis {
  font-family: Tahoma, Arial, sans-serif;
  border-bottom: 1px solid #a9a9a9;
  color: #2e2e2e;
  font-size: 19px;
  font-weight: bold;
  line-height: 42px;
  padding: 0px;
  margin: 0px 0px 10px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.nadpis span {
  line-height: 42px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.podnadpis {
  font-family: Tahoma, Arial, sans-serif;
  color: #519ee5;
  font-size: 15px;
  font-weight: normal;
  padding: 0px;
  margin: 10px 0px 10px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid #a9a9a9;
}

.podnadpis a {
  text-decoration: none;
}

h1 {
  font-family: Tahoma, Arial, sans-serif;
  color: black;
  font-size: 22px;
}

.dialog .nadpis:first-child,
.dialog .zalozky {
  display: none;
}

fieldset .podnadpis {
  padding: 0px;
  margin: 0px 0px 5px 0px;
  font-size: 16px;
  font-weight: bold;
}

.sloupec {
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 2px 0px;
}

.sloupec .napul > span,
.sloupec .napulOdsazeno > span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 50%;
}

.sloupec .napul > span.none,
.sloupec .napulOdsazeno > span.none {
  display: none;
}

.sloupec .napul > span:first-child {
  text-align: right;
  line-height: 26px;
}

.sloupec .napul select,
.sloupec .napulOdsazeno select {
  width: 99%;
}

.sloupec .napulOdsazeno > span {
  width: 47%;
  line-height: 26px;
  padding: 2px;
}

.sloupec .napulOdsazeno > span:first-child {
  text-align: right;
  width: 51%;
}

.zalozky {
  width: 100%;
  padding-bottom: 2px;
  margin-bottom: 2px;
}

.zalozky a {
  display: block;
  border-right: 1px solid #a9a9a9;
  float: left;
  color: #878787;
  font-family: Tahoma, sans-serif;
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 3px;
  margin-bottom: 3px;
}

.zalozky a.posledni {
  border-right: none;
}

.zalozky a.aktivni {
  font-weight: bold;
}

.cara {
  height: 4px;
  background: #f3f7fa;
  border-top: 1px solid #f9fafc;
  border-bottom: 1px solid #f9fafc;
  margin: 10px 0px;
  clear: both;
}

.dialog {
  display: none;
  font-family: Arial, sans-serif;
  font-size: 14px;
  text-align: left;
}

.souborNacitany .souborObrazek {
  width: 50px;
  height: 50px;
  background: url('https://planservis.cz/obrazky/nacitani_postup.png') no-repeat center center;
  background-position: 0px 0px;
  position: relative;
  float: left;
  margin: 5px;
}

.souborNacitany.neAjax .souborObrazek {
  width: 100px;
  background: url('https://planservis.cz/obrazky/nacitani2.gif') no-repeat center left;
}

.souborNacitany .souborInformace,
.souborNahledy.nahledySloupec .souborNahled {
  float: left;
}

.souborNacitany .souborInformace,
.souborNahledy.nahledySloupec .souborNahled .souborInformace {
  width: 140px;
  height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 5px;
}

.souborNahledy.nahledySloupec .souborNahled .souborObrazek {
  height: 85px;
}

.souborNahledy.nahledyRadek .souborNahled {
  padding: 0px 10px 10px 10px;
}

.souborNacitany .souborInformace span,
.souborNacitany .souborInformace a,
.souborNahled .souborInformace span,
.souborNahled .souborInformace a {
  display: block;
  font-size: 13px;
}

.souborNacitany .souborProcenta {
  position: absolute;
  font-size: 11px;
  top: 17px;
  left: 10px;
}

.souborNacitany.neAjax .souborProcenta {
  position: static;
  padding-left: 20px;
}

.souborUpload .souborNacitane,
.souborUpload .souborNahledy,
.souborUpload .souborDiv {
  clear: both;
}

.souborUpload label.tlacitkoSvetle {
  font-weight: normal;
  height: 20px;
  line-height: 20px;
  margin: 0px 5px 5px 10px;
}

.souborUpload .souborObrazek img {
  max-width: 1180px;
}

.dialog .souborUpload .souborObrazek img {
  max-width: 450px;
}

.ui-widget-content .ui-state-default.ui-button-odstranit {
  background: #b01010;
  border: 1px solid #b01010;
}

.ui-widget-content .ui-state-hover.ui-button-odstranit,
.ui-widget-content .ui-state-focus.ui-button-odstranit {
  background: #ffffff;
  color: #b01010;
  border: 1px solid #b01010;
}

/*********************************************************************************
 * Formulare
 ********************************************************************************/

form {
  margin: 0px;
}

form label.povinne,
form .vypis tr th.povinne {
  color: #2288cc;
}

form.zavislosti {
  padding-top: 5px;
}

.dialog form.zavislosti {
  padding-top: 0px;
}

form.zavislosti .zavislosti_nadpis,
form.zavislosti .zavislosti_nazev,
form.zavislosti .zavislosti_text {
  margin: 5px 10px;
}

.dialog form.zavislosti .zavislosti_nadpis,
.dialog form.zavislosti .zavislosti_nazev,
.dialog form.zavislosti .zavislosti_text {
  margin: 5px 0px;
}

form.zavislosti .zavislosti_nadpis,
form.zavislosti .zavislosti_nazev {
  font-weight: bold;
}

form.zavislosti .zavislosti_nadpis,
.dialog form.zavislosti .zavislosti_nadpis {
  margin-top: 10px;
}

.cbox, .rbox {
  margin: 7px 4px 0px 0px;
}

.select {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  font-family: inherit;
  font-size: inherit;
  color: #34373e;
  height: 20px;
  border: 2px solid #bcc3c9;
  margin: 0px 4px 0px 0px;
  padding: 3px 0px;
}

.select.velkyselect,
.select.vyberakce {
  font-weight: bold;
  height: 30px;
}

.tbox, .tarea {
  font-family: inherit;
  font-size: inherit;
  color: #34373e;
  background: white;
  border: 2px solid #bcc3c9;
  padding: 3px 5px;
  margin: 0px 4px 0px 0px;
  height: 20px;
}

.tarea {
  height: auto;
}

.tbox:focus, .tarea:focus {
  outline: none;
  background: #fff;
  border-color: #c8c8c8;
}

.tbox[disabled], .tarea[disabled], .tbox[disabled='disabled'], .tarea[disabled='disabled'] {
  background-color: #ddd;
}

.tbox.combobox, .tarea.combobox {
  margin-right: 0px;
}

input.cena,
input.cislo,
input.datum,
form.uprostred input.cena,
form.uprostred input.cislo,
form.uprostred input.datum {
  width: 100px;
}

input.telefon,
form.uprostred input.telefon {
  width: 189px;
}

input.kratky,
form.uprostred input.kratky {
  width: 70px;
}

div .label {
  float: left;
  text-align: left;
  width: 38%;
  padding: 3px 1%;
  height: 22px;
  line-height: 22px;
}

.tboxLabel, .tareaLabel, .selectLabel, .cboxLabel, .rboxLabel {
  padding-right: 5px;
  text-align: left;
}

.tareaLabel {
  vertical-align: top;
}

.cboxLabel, .rboxLabel {
  vertical-align: 2px;
}

fieldset {
  border: solid 1px #ddd;
  padding: 12px 12px 12px 12px;
  margin: 5px 0px 5px 0px;
}

fieldset legend {
  font-weight: bold;
  padding: 0px;
  margin: 0px;
}

form.uprostred > div .label,
form.uprostred fieldset > div .label {
  text-align: right;
  margin-top: 5px;
  margin-bottom: 5px;
}

form.uprostred > div .left,
form.uprostred fieldset > div .left {
  width: 60%;
  margin-top: 5px;
  margin-bottom: 5px;
}

form.uprostred .tbox,
form.uprostred .tarea {
  width: 75%;
}

form.uprostred > div .left.spanTextu,
form.uprostred fieldset > div .left.spanTextu {
  line-height: 22px;
  padding: 3px 0px;
}

.submit,
.tlacitko,
.tlacitkoSvetle {
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  display: inline-block;
  border: 2px solid #fdb810;
  height: 26px;
  line-height: 26px;
  margin: 0px 5px;
  padding: 0px 20px;
  cursor: pointer;
  text-decoration: none;
}

.submit,
.tlacitko,
a.tlacitko {
  background: #faa618;
  color: white;
}

.submit:hover,
.tlacitko:hover,
a.tlacitko:hover {
  background: white;
  color: #faa618;
}

.submit[disabled], 
.submit[disabled='disabled'], 
.submit[disabled]:hover, 
.submit[disabled='disabled']:hover {
  color: #b0b0b0;
  background-color: #e0e0e0;
  border-color: #b0b0b0;
  cursor: default;
}

.elementSubmit {
  text-align: right;
  padding: 10px;
}

.dialog .elementSubmit {
  display: none;
}

.tlacitkoSvetle,
a.tlacitkoSvetle {
  background: white;
  color: #faa618;
}

.tlacitkoSvetle:hover,
a.tlacitkoSvetle:hover {
  border-color: #aaa;
}

.tlacitkoTisk {
  font-family: inherit;
  font-size: inherit;
  font-weight: bold;
  color: #3598dc;
  background: white;
  border: 2px solid #3598dc;
  display: inline-block;
  width: 60px;
  height: 26px;
  line-height: 26px;
  margin: 0px 5px;
  padding: 0px;
  text-decoration: none;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.tlacitkoTisk:hover {
  border-color: #aaa;
}

.tlacitkoTisk {
  background: url('https://planservis.cz/obrazky/print.png') no-repeat center center;
}

.skupinaTlacitek {
  margin: 0px 0px 0px 5px;
  position: relative;
  display: inline-block;
}

.skupinaTlacitek .submit,
.skupinaTlacitek .tlacitkoSvetle,
.skupinaTlacitek .tlacitkoTisk,
.skupinaTlacitek .tlacitko {
  margin: 0px;
}

.listaTlacitek {
  position: absolute;
  right: 20px;
  top: 0px;
}

.chyba {
  color:red;
}

.chybaZprava {
  font-size: 12px;
  display: block;
  background: #fdd;
  position: absolute;
  color: red;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 99;
  border: 1px solid #D7D7D7;
  padding: 5px;
  text-align: left;
}

.chybaDialog.chybaZprava {
  z-index: 999;
}

.chybaZprava.chybaAbox {
  padding: 0px;
}

.chybaZprava.clicked {
  white-space: normal;
  max-width: 200px;
  overflow: visible;
}

.chybaZprava.chybaAbox.clicked {
  padding: 5px;
}

.chybaZprava.clicked:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: -6px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 5px 5px 5px 0;
  border-color: transparent #ff0000 transparent transparent;
}

.hledej .tbox {
  background: #fff;
  height: 25px;
  margin: 0px;
  padding: 0px;
  outline: 0px;
}

.hledej .submit {
  background: #fff url('https://planservis.cz/obrazky/hledej.png') no-repeat center center;
  bottom: 0px;
  height: auto;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 25px;
  padding: 0px;
  display: block;
  margin: 0px;
}

.adresaPristupna {
  font-size: 12px;
  color: grey;
}

.adresaPristupna .adresaZadana {
  font-weight: bold;
}

.clanek .editor_ulozit {
  float: right;
  margin-top: 10px;
}

.vyberBarvy,
form.uprostred input.vyberBarvy,
form.sloupce input.vyberBarvy {
  background: #ffffff;
  border: 1px solid #d7d7d7;
  padding: 5px 10px;
  display: block;
  color: #000;
  text-decoration: none;
  width: 100px;
}

.nahrad_vpravo {
  z-index: 1;
}

/*********************************************************************************
 * Vypisy
 ********************************************************************************/

.divVypis {
  position: relative;
}

.divVypis .vypisObal {
  width: 99%;
  padding: 0px 0.5%;
}

.nastaveniSloupcu {
  background: #e2e3e3;
  display: none;
}

.nastaveniSloupcu .cbox {
  margin: 0px 0px 0px 5px;
}

.nastaveniSloupcu .cboxLabel {
  margin: 0px 10px 0px 0px;
}

.nastaveniSloupcu .sloupec_cbox_span {
  white-space: nowrap;
}

.vypis, .vypis_bez, .tabulka {
  border-collapse: collapse;
  border-spacing: 0px;
  width: 100%;
  text-align: left;
}

.vypis tr.zadnyRadek:hover {
  background: white;
}

.vypis tr:hover {
  background: #dadbdc;
}

.vypis tr th {
  background-color: #d8d8d8;
  text-align: left;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  color: #626262;
  font-weight: normal;
  padding: 0px;
}

.vypis tr th:first-child {
  border-left: 1px solid #999999;
}

.vypis tr th:last-child {
  border-right: 1px solid #999999;
}

.vypis tr td,
.vypis_bez tr td {
  padding: 0px;
  vertical-align: middle;
  border: 1px solid #d7d7d7;
}

.vypis_bez tr td {
  border: 0px;
  padding: 5px 0px;
}

.vypis tr .tdDiv,
.vypis_bez tr .tdDiv {
  display: block;
  position: relative;
  padding: 3px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.vypis .sudyRadek {
  background-color: #f9f9f9;
}

.vypis .lichyRadek {
  background-color: #ffffff;
}

.zapati .stranky {
  text-align: center;
  padding: 10px 0px;
}

.zapati .nastranku {
  right: 0px;
  position: absolute;
  padding-top: 4px;
}

.zapati a {
  color: #626262;
}

.akce {
  padding: 0px;
  margin: 10px 0px;
}

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

.razeni a {
  color: #626262;
  display: block;
  text-decoration: none;
  width: 100%;
}

.razeni.razeni_hover {
  background-color: #e9e9e9;
  text-decoration: underline;
}

.razeni0 a {
  background: url('https://planservis.cz/obrazky/smer0.gif') no-repeat left;
  padding-left: 15px;
}

.razeni1 a {
  background: url('https://planservis.cz/obrazky/smer1.gif') no-repeat left;
  padding-left: 15px;
}

.razeni0.razeni_vpravo a,
.razeni1.razeni_vpravo a {
  padding-left: 0px;
}

th .zobrazFiltr {
  display: none;
}

th.razeni_hover .zobrazFiltr {
  display: block;
}

.vypis .cbox {
  margin: 3px 4px 0px 0px;
}

.trFiltry {
  background: #dadbdc;
  display: none;
}

.vypis tr.trFiltry td {
  border: 0px;
}

.trFiltry .tdDiv {
  line-height: 18px;
  font-size: 13px
}

.trFiltry input.tbox {
  width: 234px;
  margin: 0px 5px;
  padding: 2px 4px;
  height: 18px;
  line-height: 18px;
  font-size: 12px;
}

.trFiltry input.cbox {
  margin-left: 5px;
}

.trFiltry input.rozsah {
  text-align: right;
  width: 100px;
}

.trFiltry input.datum {
  width: 100px;
}

.trFiltry .filtrLabel {
  width: 150px;
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.trFiltry .filtrLabel.tboxLabel {
  padding: 4px 0px;
}

.vypis thead img,
.trFiltry img {
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -8px;
  cursor: pointer;
}

.vypis thead th.razeni_vpravo img {
  left: 9px;
}

.skryte_export {
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  background: #fff;
  z-index: 99;
  border: 1px solid #aaa;
}

.skryte_export li a {
  padding: 4px 15px 4px 25px;
  display: block;
}

.skryte_export li a.ico_tisk {
  background: url('https://planservis.cz/obrazky/pripona_tisk.png') no-repeat left center;
}
.skryte_export li a.ico_pdf {
  background: url('https://planservis.cz/obrazky/pripona_pdf.gif') no-repeat left center;
}
.skryte_export li a.ico_csv {
  background: url('https://planservis.cz/obrazky/pripona_csv.gif') no-repeat left center;
}

/*********************************************************************************
 * Adresar
 ********************************************************************************/

a.adresarSlozka,
a.adresarSoubor {
  text-decoration: none;
  color: black;
}

.adresarPriponaSlozka {
  padding-left: 19px;
  background: url('https://planservis.cz/obrazky/pripona_slozka.gif') no-repeat left;
}

.adresarPriponaAudio {
  padding-left: 19px;
  background: url('https://planservis.cz/obrazky/pripona_audio.gif') no-repeat left;
}

.adresarPriponaVideo {
  padding-left: 19px;
  background: url('https://planservis.cz/obrazky/pripona_video.gif') no-repeat left;
}

.adresarPriponaObrazek {
  padding-left: 19px;
  background: url('https://planservis.cz/obrazky/pripona_obrazek.gif') no-repeat left;
}

.adresarPriponaSoubor {
  padding-left: 19px;
  background: url('https://planservis.cz/obrazky/pripona_soubor.gif') no-repeat left;
}

.adresarPriponaPdf {
  padding-left: 19px;
  background: url('https://planservis.cz/obrazky/pripona_pdf.gif') no-repeat left;
}

.adresarPriponaDoc {
  padding-left: 19px;
  background: url('https://planservis.cz/obrazky/pripona_doc.gif') no-repeat left;
}

.adresarPriponaDocx {
  padding-left: 19px;
  background: url('https://planservis.cz/obrazky/pripona_docx.gif') no-repeat left;
}

.adresarPriponaXls {
  padding-left: 19px;
  background: url('https://planservis.cz/obrazky/pripona_xls.gif') no-repeat left;
}

.adresarPriponaXlsx {
  padding-left: 19px;
  background: url('https://planservis.cz/obrazky/pripona_xlsx.gif') no-repeat left;
}

.adresarPriponaPpt {
  padding-left: 19px;
  background: url('https://planservis.cz/obrazky/pripona_ppt.gif') no-repeat left;
}

.adresarPriponaPptx {
  padding-left: 19px;
  background: url('https://planservis.cz/obrazky/pripona_pptx.gif') no-repeat left;
}

.adresarPriponaOdt {
  padding-left: 19px;
  background: url('https://planservis.cz/obrazky/pripona_odt.gif') no-repeat left;
}

.adresarPriponaEpub {
  padding-left: 19px;
  background: url('https://planservis.cz/obrazky/pripona_epub.gif') no-repeat left;
}

.adresarPriponaPrc {
  padding-left: 19px;
  background: url('https://planservis.cz/obrazky/pripona_prc.gif') no-repeat left;
}

.adresarPriponaMobi {
  padding-left: 19px;
  background: url('https://planservis.cz/obrazky/pripona_mobi.gif') no-repeat left;
}

.adresarNahled {
  border: 1px solid #dadbdc;
  margin: 5px;
  padding: 5px;
  width: 110px;
  float: left;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
  position: relative;
}

.adresarNahled:hover {
  background: #dadbdc;
}

.adresarNastroje {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 17px;
  overflow: hidden;
}

.adresarNastroje span,
.adresarNastroje a {
  display: block;
  padding-top: 2px;
}

.adresarNastroje span {
  padding-left: 2px;
}

.adresarObalka {
  display: inline-block;
  height: 80px;
  width: 80px;
  line-height: 80px;
}

.adresarObalka img {
  vertical-align: middle;
}

.adresarNazev {
  padding-top: 5px;
  display: block;
}

/*********************************************************************************
 * Ostatni
 ********************************************************************************/

.prihlaseni0, .zverejni0 {
  padding-left: 20px;
  background: url('https://planservis.cz/obrazky/zverejni1.png') no-repeat right;
  text-decoration: none;
}

.prihlaseni1, .zverejni1 {
  padding-left: 20px;
  background: url('https://planservis.cz/obrazky/zverejni0.png') no-repeat right;
  text-decoration: none;
}

a.sdilet_facebook {
  padding: 5px;
  background: url('https://planservis.cz/obrazky/sdilet_facebook.gif') no-repeat 0px 8px;
  text-decoration: none;
}

a.sdilet_twitter {
  padding: 5px;
  background: url('https://planservis.cz/obrazky/sdilet_twitter.gif') no-repeat 0px 8px;
  text-decoration: none;
}

a.sdilet_facebook:hover, a.sdilet_twitter:hover {
  opacity: .8;
  filter: alpha(opacity=80);
}

.ulozitUzavrit {
  color: red;
  font-weight: bold;
}

.ulozenoUzavreno {
  color: green;
  font-weight: bold;
}

.upozorneni {
  padding-top: 5px;
  color: grey;
}

.upozorneniCas {
  font-weight: bold;
}

.servisy_datum {
  display: inline;
  padding-left: 12px;
}

.servisy_ulozeno {
  color: green;
}

.servisy_neulozeno {
  color: red;
}

.servisy_budouci {
  color: blue;
}

.vyrazeno {
  color: red;
}

.stahnout img {
  padding: 0px 3px;
  border: 0px;
}

/*********************************************************************************
 * Kalendar
 ********************************************************************************/

.kalendarDiv {
  text-align: center;
  margin: 10px 0px 10px 0px;
}

.kalendarAktualni,
.kalendarPredchozi,
.kalendarNasledujici {
  display: inline-block;
  height: 33px;
  line-height: 33px;
  padding: 0px 15px;
  background: #f8f8f8;
  border: 1px solid #d7d7d7;
  text-decoration: none;
  color: #222;
  font-weight: bold;
}

.kalendarPredchozi:hover,
.kalendarNasledujici:hover {
  background-color: #fff;
}

.kalendarPredchozi,
.kalendarNasledujici {
  background: #f8f8f8 url('https://planservis.cz/obrazky/vzad.png') no-repeat center center;
  width: 33px;
  padding: 0px;
}

.kalendarNasledujici {
  background: #f8f8f8 url('https://planservis.cz/obrazky/vpred.png') no-repeat center center;
}

.kalendarMesic {
  float: left;
  width: 30%;
  padding: 0% 0% 20px 3%;
}

.kalendarMesic .kalendarMesicNazev {
  font-weight: bold;
}

.tabulkaKalendar,
.tabulkaKalendarMesic {
  border-spacing: 5px;
  width: 100%;
}

.tabulkaKalendar td {
  vertical-align: top;
  border: 1px solid #939598;
}

.tabulkaKalendarMesic td {
  vertical-align: middle;
  text-align: center;
}

.tabulkaKalendar .kalendarZahlavi {
  background: #939598;
  color: white;
  padding: 3px;
  font-weight: bold;
}

.tabulkaKalendar .kalendarObsah {
  padding: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 30px;
}

.tabulkaKalendarMesic .kalendarObsah {
  border: 2px solid white;
  display: block;
}

.tabulkaKalendarMesic a.kalendarObsah {
  text-decoration: none;
}

.tabulkaKalendarMesic .kalendarObsahNeulozeno {
  border: 2px solid red;
}

.tabulkaKalendarMesic .kalendarObsahUlozeno {
  border: 2px solid green;
}

.tabulkaKalendarMesic .kalendarObsahServis {
  border: 2px solid #5a5b5d;
}

.tabulkaKalendarMesic .kalendarObsahServis.kalendarObsahBudouci {
  border: 2px solid blue;
}

.kalendarZaznam {
  padding: 5px;
}

.tabulkaKalendar .kalendarZaznam {
  text-decoration: none;
  display: inline-block;
}

.tabulkaKalendar td.kalendarDnes {
  border: 1px solid #5a5b5d;
}

.tabulkaKalendarMesic td.kalendarDnes,
.tabulkaKalendarMesic td.kalendarDnes a {
  font-weight: bold;
}

.tabulkaKalendar td.kalendarDnes .kalendarZahlavi {
  background: #5a5b5d;
}

.tabulkaKalendar .kalendarMinulost,
.tabulkaKalendarMesic .kalendarMinulost {
  opacity: 0.5;
}
 
/*********************************************************************************
 * Hlavni stranka
 ********************************************************************************/
.hlavni_nadpis {
  font-family: Verdana, "Lucida Sans Unicode", Tahoma, sans-serif;
  font-size: 38px;
}

.hlavni_podnadpis {
  font-family: "Lucida Sans Unicode", Tahoma, sans-serif;
  font-size: 18px;
  color: #faa618;
}

.hlavni_text {
  font-family: "Lucida Sans Unicode", Tahoma, sans-serif;
  font-size: 16px;
  padding-top: 10px;
}

.hlavni_banner {
  text-align: center;
}

.hlavni_banner img {
  border: 0px;
  padding: 25px;
}

/*********************************************************************************
 * Pomocne
 ********************************************************************************/

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.skryte, .none { display: none; }
.block { display: block; }
.b { font-weight: bold; }
.i { font-style: italic; }
.paddT { padding-top: 10px; }
.paddB { padding-bottom: 10px; }
.margT { margin-top: 10px; }
.margB { margin-bottom: 10px; }
.margR { margin-right: 10px; }
.margL { margin-left: 10px; }
.tCenter { text-align: center; }
.tLeft { text-align: left; }
.tRight { text-align: right; }
.ui-datepicker { z-index: 9999 !important; }