/*
    Document   : default_knz
    Created on : 6.10.2014, 13:06:51
    Author     : Martina Klementová <martina.klementova@ais-servis.cz>
    Description:
        Purpose of the stylesheet follows.
*/

/*@font-face {
  font-family: 'KNZicons';
  src: url('/KnzWEB/faces/javax.faces.resource/fonts/KNZicons.eot?version=2.506260842');
  src: url('/KnzWEB/faces/javax.faces.resource/fonts/KNZicons.eot?version=2.506260842#iefix') format("embedded-opentype"), url('/KnzWEB/faces/javax.faces.resource/fonts/KNZicons.ttf?version=2.506260842') format("truetype"), url('/KnzWEB/faces/javax.faces.resource/fonts/KNZicons.woff?version=2.506260842') format("woff"), url('/KnzWEB/faces/javax.faces.resource/fonts/KNZicons.svg?version=2.506260842#KNZicons') format("svg");
  font-weight: normal;
  font-style: normal;
}

body input[type="reset"],
body input[type="submit"],
body input[type="button"],
body input[type="text"],
body input[type="password"],
body textarea,
body select,
body button,
body .ui-selectonemenu,
body .ui-widget-content .ui-selectonemenu,
body .ui-widget-header .ui-selectonemenu{
  font-size: 12px;
  font-family: Calibri, Arial;
  background-image: none;
  padding: 2px;
  border: 1px solid #ccc;
  outline: none;
}*/
/* Modify <p:selectOneMenu> to match <select> */
/*body .ui-selectonemenu,
body .ui-widget-content .ui-selectonemenu,
body .ui-widget-header .ui-selectonemenu {
  padding: 0 2em 0 0;
  background: white;
  border-style: solid;
  border-width: 1px;
  cursor: default;
}
body .ui-selectonemenu .ui-selectonemenu-label {
  padding: 2px;
  background: none;
}
body .ui-selectonemenu:not(.ui-state-disabled):not(.ui-state-readonly) .ui-selectonemenu-label {
  cursor: text;
}
body .ui-selectonemenu .ui-selectonemenu-trigger {
  background-color: transparent;
}
body .ui-selectonemenu .ui-selectonemenu-trigger span {
  display: none;
}

div.ui-selectonemenu-panel {
  border: 1px solid #ccc;
  box-shadow: none;
}
.ui-selectonemenu-panel ul.ui-selectonemenu-list {
  padding: 0;
}
.ui-selectonemenu-panel li.ui-selectonemenu-list-item {
  cursor: default;
  margin: 0;
}
.ui-selectonemenu-panel li.ui-state-highlight {}   Selected row
.ui-selectonemenu-panel li.ui-state-hover,
.ui-selectonemenu-panel li.ui-state-highlight:hover {
  background: #006633;
  color: white;
}*/

/*body.cpp form.novaKalkulacka input[type="reset"],
body.cpp form.novaKalkulacka input[type="submit"],
body.cpp form.novaKalkulacka input[type="button"],
body.cpp form.novaKalkulacka input[type="text"],
body.cpp form.novaKalkulacka input[type="password"],
body.cpp form.novaKalkulacka textarea,
body.cpp form.novaKalkulacka select,
body.cpp form.novaKalkulacka button {
  font-size: 13px;
}*/

/*body a,
body legend,
div.lista > div {
  font-family: Calibri, Arial;
}*/

/*body select {
  padding: 1px;
}
.chrome body select {
  padding: 2px;
}

.ie body select {
  padding-bottom: 0;
  padding-top: 2px;
}

.opera body select {
  padding: 2px;
}*/

/*.chrome body select {
  padding: 1px;
  padding-bottom: 2px;
}*/

/*body input[type='radio'] {
  border: 0px solid red;
}*/

/*.chrome body table:not(.vertical-checkbox-buttons) input[type='radio'] {
  visibility: hidden;
  position: absolute;
}
.chrome body table:not(.vertical-checkbox-buttons) input[type="radio"] + label {
  padding-right: 5px;
}
.chrome body table:not(.vertical-checkbox-buttons) input[type="radio"] + label:before {
  content: "";
  display:inline-block;
  width:10px;
  height:10px;
  margin:-3px 4px 0 0;
  vertical-align:middle;
  cursor:pointer;
  -moz-border-radius:  50%;
  border-radius:  50%;
  background-color:#fff;
  border: 1px solid #aeaeae;
}
.chrome body table:not(.vertical-checkbox-buttons) input[type=radio]:checked + label:before {
  content: "\2022";
  color: #666;
  font-size: 26px;
  line-height: 11px;
  text-align: center;
  border: 1px solid #aeaeae;
  font-family: Arial;
}
.chrome body table:not(.vertical-checkbox-buttons) input[type=radio]:checked:disabled + label:before {
  color: #a5a5a5;
}*/

/*.ie body input[type='checkbox'] {
  border: 0px solid red;
}

body input[type='checkbox'] {
  margin: 0 4px 0 0;
}

input[type="text"][disabled],
input[type="password"][disabled],
select[disabled],
textarea[disabled],
.ui-selectonemenu.ui-state-disabled {
  color: #000;
  background-color: #efefef;
}
.ie textarea {
  overflow: auto;
  line-height: normal !important;
}*/

iframe {
  border: none !important;
  margin: 5px 0 40px;
}

.ie img {
  border: none;
}

/*hr {
  background-color: #ccc;
  height: 1px;
  width: 100%;
  border: none;
  margin-bottom: 5px;
  margin-top: 5px;
  display: block;
  clear: both;
  float: left;
}*/

.stylHr {
  background-color: #ccc;
  height: 1px;
  width: 100%;
  margin-bottom: 5px;
  margin-top: 5px;
  float: left;
}
.cpp hr,
.cpp .stylHr {
  background-color: #fff;
}

ul {
  padding: 0;
  margin: 8px 0;
}

/* Docasny styl pro novy design */
.kalkulackaForm {
  width: 791px;
  margin-left: 160px;
}

/* ----------------------------------------------------------------
        styly pro specialni inputy
---------------------------------------------------------------- */

input.rf-plhdr, textarea.rf-plhdr {
  color: #8c8c8c !important;
}

select[disabled].typIncidentu {
  color: #a7a7a7 !important;
}

select.input_povinne {
  border: 1px solid #939090 !important;
  background-color: #fde299 !important;
}

input.password {
  font-family: 'password' !important;
  font-size: 9.48pt !important;
}

input.readonly {
  background-color: #efefef !important;
}

input.povinny, textarea.povinny, select.povinny {
  background-color: #fde299 !important;
}

.input_povinne input {
  border: 1px solid #939090 !important;
  background-color: #fde299 !important;
}

input.input_povinne {
  border: 1px solid #939090 !important;
  background-color: #fde299 !important;
}

input[type='radio'].input_povinne {
  border: none !important;
  background-color: transparent !important;
}

.input_povinne input[type='radio'] {
  border: none !important;
  background-color: transparent !important;
}

input.povinnyCalendarPrazdny {
  border: 1px solid #ccc !important;
  background-color: #fff !important;
}

input.adresaNalezena {
  border: 1px solid #4db165 !important;
  background-color: #e4ffea !important;
}

input.mocAdres {
  border: 1px solid #cbc765 !important;
  background-color: #fffdcb !important;
}

input.zadnaAdresa {
  border: 1px solid #e29898 !important;
  background-color: #ffe8e8 !important;
}

input.priz {
  background-color: #fab700 !important;
  border: 1px solid #939090 !important;
  text-align: right;
}

input.priz_or {
  background-color: #d4f9e4 !important;
}

#skryjVejicku {
  position: absolute;
  top: -1000px;
  left: -1000px;
  z-index: -500;
  height: 1px;
  width: 1px;
}

/* ----------------------------------------------------------------
        styly pro radio buttony
---------------------------------------------------------------- */

.radioInRow td {
  display: table-row;
}

.radioList_horizontal table {
  border-collapse: collapse;
}

.radioList_horizontal table td {
  clear: both;
  float: left;
}

/* hack pro IE 7 a niz - popup panely */
@media screen\9 {
  .radioList_horizontal table td label {
    white-space: nowrap;
  }
}

.radioList_horizontal table td input {
  margin-top: 0;
}

.radioLeasing {
  border-spacing: 0;
}

.radioLeasing td:first-child input[type='radio'] {
  margin-left: 0;
}

/* ----------------------------------------------------------------
        styly pro tlacitka a specialni odkazy
---------------------------------------------------------------- */

/*.knz_button, .ruButtonNajit, .ruButtonVynulovat {
  padding: 2px 11px !important;
  cursor: pointer;
  background: #f2f2f2 !important;
  background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%) !important;
  text-shadow: 1px 1px #fff !important;
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
  font-size: 13px !important;
  color: black;
}
.knz_button:hover {
  text-decoration: none;
}
.ui-widget-content .knz_button {
  color: inherit;
}

.ie .knz_button {
  background: #f2f2f2 !important;
}
*/
.knz_link_button {
  padding: 2px 11px !important;
  cursor: pointer;
  background: #f2f2f2 !important; /* Old browsers */
  background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%) !important; /* W3C */
  text-shadow: 1px 1px #fff !important;
  color: #000 !important;
  font-size: 13px;
  font-family: Calibri, Arial;
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
  display: block;
}

.ie .knz_link_button {
  background: #f2f2f2 !important;
}

.knz_link_button:hover {
  text-decoration: none !important;
  color: #000 !important;
}

.knz_link_button:visited {
  color: #000 !important;
}

/*.zisBtn {
  padding: 2px 10px !important;
  cursor: pointer;
  background: #f2f2f2 !important;  Old browsers
  background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%) !important;  W3C
  text-shadow: 1px 1px #fff !important;
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
}*/

.knz_button_zeleny {
  padding: 2px 10px !important;
  cursor: pointer;
  background: #006633 !important;
  box-shadow: 0 0 1px 0 #94C19E inset;
  border: 1px solid #006633 !important;
  border-radius: 5px !important;
}
.cpp .knz_button_zeleny {
  background: #0f5e9b !important;
  border: 1px solid #0f5e9b !important;
}
.knz_button_zeleny > span.ui-button-text {
  color: #fff !important;
  text-shadow: none;
}

.uzkeTlacitko input {
  padding: 2px !important;
  margin-bottom: 3px;
}

/* Obrazkova tlacitka */
.btn_add {
  width: 10px;
  height: 14px;
  background: transparent url('../../images/icons.png') no-repeat -70px -58px !important;
  border: none !important;
  cursor: pointer;
}

.btn_smazat {
  width: 16px;
  height: 16px;
  background: transparent url('../../images/icons.png') no-repeat -319px -58px !important;
  border: none !important;
  cursor: pointer;
}

.btn_smazat_small {
  width: 10px;
  height: 14px;
  background: transparent url('../../images/icons.png') no-repeat -89px -58px !important;
  border: none !important;
  cursor: pointer;
}

.btn_upravit {
  width: 16px;
  height: 16px;
  background: transparent url('../../images/icons.png') no-repeat -217px -58px !important;
  border: none !important;
  cursor: pointer;
}

.btn_upravitZrusit {
  width: 16px;
  height: 16px;
  background: transparent url('../../images/icons.png') no-repeat -241px -58px !important;
  border: none !important;
  cursor: pointer;
}

.btn_ulozit {
  width: 16px;
  height: 16px;
  background: transparent url('../../images/icons.png') no-repeat -391px -58px !important;
  border: none !important;
  cursor: pointer;
}

/* Linky */

a.link_odeberDalsiMista {
  color: #006633 !important;
  text-decoration: underline !important;
  font-size: 12px;
}

.buttonAsLink {
  background-color: transparent !important;
  border: none !important;
  color: #006633 !important;
  text-decoration: underline;
  padding: 0 !important;
  margin: 0 !important;
  cursor: pointer;
}

.buttonAsLink:hover {
  color: #28a54e !important;
}

@media screen\9 {
  .odeber {
    width: 93px;
  }

  .kopiruj {
    width: 233px;
  }
}

/* ----------------------------------------------------------------
        Styly pro texty, informacni a chybova hlaseni
---------------------------------------------------------------- */

/*.text_12_skorocerny {
  font-family: Calibri, Arial;
  font-size: 12px;
  color: #333333;
}*/

.nadpis_12_skorocerny_tucny {
  font-size: 12px;
  color: #333333;
  font-weight: bold;
  display: block;
  margin: 7px 0 3px;
}

.nadpis_13_tucny_skorocerny {
  color: #333;
  font-size: 13px;
  font-weight: bold;
  display: block;
}

.nadpis {
  font-family: Calibri, Arial;
  font-size: 1rem;
  color: #006633;
  display: block;
}
.cpp .nadpis {
  color: #0f5e9b;
}

.povinnyZnak {
  color: #006633;
}
body:not(.novaKalkulacka) .povinnyZnak:before {
  content: "*";
}
.cpp .povinnyZnak {
  color: #0f5e9b;
}

.chybySeznam {
  color: red;
  font-size: 12px !important;
}

.warningSeznam {
  color: #f9da88;
  font-size: 12px !important;
}

.chybyIcona {
  background: url(../../images/icons.png) no-repeat -484px -57px;
  padding: 2px 0;
  margin: 2px 4px;
  clear: both;
}

.chybaPovinneUdaje {
  background: url(../../images/icons.png) no-repeat -484px -58px;
  padding: 0 0 2px 20px;
  margin-top: 5px;
  clear: both;
  display: block;
  font-size: 12px !important;
  color: red !important;
  height: 15px;
}

.chybySeznam {
  color: red;
  font-size: 12px !important;
  margin-left: 18px;
}

.warningSeznam {
  color: #ef5400;
  font-size: 12px !important;
}

.chybySeznam_druhaCast {
  color: red;
  font-size: 12px !important;
}

.hMessages {
  list-style-image: url('../../images/icoVykricnik.png');
  list-style-position: inside;
  margin: 10px 0 0 0;
  color: red;
  text-align: center;
}

.hMessagesErrorAktualita {
  list-style-image: url('../../images/icoVykricnik.png');
  list-style-position: inside;
  margin: 10px 0 0 0;
  color: red;
  text-align: left;
}

.hMessagesInfoAktualita {
  list-style-image: url('../../images/ico_success.png');
  list-style-position: inside;
  margin: 10px 0 0 0;
  color: green;
  text-align: left;
}

.cpp .hMessagesInfoAktualita {
  list-style-image: url('../../images/ico_success.png');
  list-style-position: inside;
  margin: 10px 0 0 0;
  color: blue;
  text-align: left;
}

.resetPasswordMessage {
  margin: 10px 0 0 0;
  color: green;
  text-align: left;
}

.resetPasswordMessage ul {
  list-style: none;
}

.cpp .resetPasswordMessage {
  margin: 10px 0 0 0;
  color: blue;
  text-align: left;
}

.cpp .resetPasswordMessage ul {
  list-style: none;
}


.infoIcona {
  background: url(../../images/icons.png) no-repeat 0 -75px;
  padding: 2px 0;
  margin: 2px 4px;
  clear: both;
  height: 16px;
}
body.novaKalkulacka .infoIcona {
  background: url(../../images/knz/icons/icon_info.png) no-repeat 0 0;
}
body.cpp.novaKalkulacka .infoIcona {
  background: url(../../images/knz/icons/cpp/icon_info.png) no-repeat 0 0;
}

.infoHlaskaInline {
  background: url(../../images/icons.png) no-repeat 0 -77px;
  padding-left: 18px;
  margin: 5px 0 0 8px;
  font-size: 12px !important;
  color: #726b55;
  height: 16px;
}
body.novaKalkulacka .infoHlaskaInline {
  background: url('../../images/knz/icons/icon_info.png') no-repeat 0 0;
  padding-left: 18px;
  margin: 5px 0 0 8px;
  font-size: 12px !important;
  color: #726b55;
  height: 16px;
}
body.cpp.novaKalkulacka .infoHlaskaInline {
  background: url('../../images/knz/icons/cpp/icon_info.png') no-repeat 0 0;
}

.infoHlaskaElko {
  padding-left: 5px;
  font-size: 12px !important;
  color: #726b55;
}

.infoSeznam {
  color: #726b55;
  /*color: #606661;*/
  font-size: 12px !important;
  margin-left: 18px;
}

.infoSeznam_druhaCast {
  /*  color: #606661;*/
  color: #726b55;
  font-size: 12px !important;
}

.nopIcona {
  background: url(../../images/icons.png) no-repeat -358px 2px;
  padding: 2px 0;
  margin: 2px 4px;
  clear: both;
}

.nopSeznam {
  color: #ef5400;
  font-size: 12px !important;
  margin-left: 18px;
}

.nopSeznam_druhaCast {
  color: #ef5400;
  font-size: 12px !important;
}

.chyba {
  color: red;
}

.administrace_chyba {
  color: red;
  display: block;
}

.administrace_vytvareni_chyba {
  color: red;
  margin-left: 3px;
}

/* ----------------------------------------------------------------
        BUBBLE BOX - info
---------------------------------------------------------------- */

.bubbleboxKnz {
  border-radius: 4px;
  background: #f9da88;
  position: relative;
  padding: 5px 11px 5px 35px;
  display: block;
  color: #313131;
  font-size: 12px;
}
li.bubbleboxKnz {
  margin-bottom: 1px;
}
span.bubbleboxKnz {
  margin: 3px 0 8px;
  display: block;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.bubbleboxKnz:before {
  content: "i";
  display: block;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  line-height: 14px;
  font-size: 15px;
  text-align: center;
  font-weight: bold;
  left: 11px;
  top: 50%;
  margin-top: -7px;
  position: absolute;
  font-family: Times New Roman;
}
.bubbleboxKnz.info:before {
  content: "i";
  background-color: #fff;
  color: #f1d079;
}
.bubbleboxKnz.error {
  background-color: #dc4114;
  color: #fff;
  text-align: left;
}
.bubbleboxKnz.error:before {
  content: "!";
  background-color: #fff;
  color: #dc4114;
}
.bubbleboxKnz li {
  list-style: none;
}
/* Obal pro vice bubbleboxu (napr. pro pripad, ze tyto nejsou sourozenci) */
.bubbleboxKnzContainer {
  margin: 8px 0;
  overflow: auto; /* Because bubbleboxes are floated... */
}
.bubbleboxKnzContainer ul {
  margin: 0;
}
.bubbleboxKnzContainer .bubbleboxKnz {
  margin: 0 0 1px 0;
}

/* ----------------------------------------------------------------
        Seznam produktu
---------------------------------------------------------------- */

.panelKmen {
  float: left;
  min-height: 60px;
  padding: 0 27px 20px 0;
  box-sizing: border-box;
  width: 100%;
}

.panelKmen table td:last-child {
  padding-left: 10px;
}
.cpp .panelKmen table td:last-child {
  padding-left: 0;
}

.B2C .kmen_icon {
  width: 38px;
  height: 33px;
  background: url("../../images/knz/icons/icon_calc_b2c.png") no-repeat 2px 0;
  float: left;
}
.cpp .B2C .kmen_icon {
  width: 41px;
  height: 14px;
  background: url("../../images/knz/icons/cpp/logoMojeCpp.png") no-repeat 2px 0;
  float: left;
}
/* CESTOVNÍ POJIŠTĚNÍ */
.C .kmen_icon {
  width: 41px;
  height: 36px;
  background: url("../../images/knz/icons/icon_calc_cestovka.png") no-repeat 2px 0;
  float: left;
}
.cpp .C .kmen_icon {
  background: url("../../images/knz/icons/cpp/smlouvy_cest.png") no-repeat;
}

/* POJIŠTĚNÍ MOTOROVÝCH VOZIDEL */
.HO .kmen_icon {
  width: 41px;
  height: 36px;
  background: url("../../images/knz/icons/icon_calc_vozidlo.png") no-repeat 0 8px;
  float: left;
}
.cpp .HO .kmen_icon {
  background: url("../../images/knz/icons/cpp/smlouvy_aut.png") no-repeat;
}

/* MAJETKOVÉ POJIŠTĚNÍ */
.N .kmen_icon {
  width: 41px;
  height: 36px;
  background: url("../../images/knz/icons/icon_calc_majetek.png") no-repeat;
  float: left;
}
.cpp .N .kmen_icon {
  background: url("../../images/knz/icons/cpp/smlouvy_maj.png") no-repeat;
}

/* PODNIKATELSKÉ POJIŠTĚNÍ */
.R .kmen_icon {
  width: 41px;
  height: 36px;
  background: url("../../images/knz/icons/icon_calc_podnik.png") no-repeat 6px 0;
  float: left;
}
.cpp .R .kmen_icon {
  background: url("../../images/knz/icons/cpp/smlouvy_pod.png") no-repeat;
}

/* ŽIVOTNÍ POJIŠTĚNÍ */
.ZA .kmen_icon {
  width: 41px;
  height: 36px;
  background: url("../../images/knz/icons/icon_calc_zivot.png") no-repeat 3px 3px;
  float: left;
}
.cpp .ZA .kmen_icon {
  background: url("../../images/knz/icons/cpp/smlouvy_ziv.png") no-repeat;
}

.kmen_nazev {
  font-size: 1.0625rem;
  vertical-align: middle;
  text-transform: uppercase;
  color: #2a2a2a;
}

.kodppList {
  clear: both;
  margin: 0 0 0 55px;
}
.kodppList.kategorie {
  margin-left: 64px;
}
.kodppList ul {
  margin: 0;
}

.kodppList li:not(.kodppList_kategorie), .panelKmen div.polozka {
  background: url("../../images/knz/icons/sjednavam_bullet.png") no-repeat scroll 6px 7px rgba(0, 0, 0, 0);
  list-style: none outside none;
  margin: 4px 0;
  padding: 1px 4px 1px 16px;
}

.kodppList li:not(.kodppList_kategorie):hover, .panelKmen div.polozka:hover {
  background: url("../../images/knz/icons/sjednavam_bullet_hover.png") no-repeat scroll 6px 7px rgba(0, 0, 0, 0);
}

.cpp .kodppList li:not(.kodppList_kategorie):hover, .cpp .panelKmen div.polozka:hover {
  background: url("../../images/knz/icons/cpp/sjednavam_bullet_hover.png") no-repeat scroll 6px 7px rgba(0, 0, 0, 0);
}

.kodppList li:not(.kodppList_kategorie) a, .panelKmen div.polozka a {
  color: #525252;
  font-size: 14px;
}

.kodppList li:not(.kodppList_kategorie) a:hover, .panelKmen div.polozka a:hover {
  color: #006929;
  text-decoration: underline;
}
.cpp .kodppList li a:hover, .cpp .panelKmen div.polozka a:hover {
  color: #0f5e9b !important;
}
.kodppList_kategorie {
  padding-bottom: 10px;
  list-style: none;
}

.kodppList.kategorie .kodppList_kategorie ul {
  padding-left: 10px;
}

.kategorie {
  font-size: 0.9375rem;
  display: block;
  padding-bottom: 3px;
}

/* Rozbalovaci cast */
.kodppList li.has-dropdown:not(.kodppList_kategorie) {
  background: none;
  font-size: 14px;
  color: #525252;
  cursor: pointer;
}
.kodppList li.has-dropdown.green:not(.kodppList_kategorie) {
  background-color: #ebf7f0;
}
.kodppList li.has-dropdown.blue:not(.kodppList_kategorie) {
  background-color: #eff4f7;
}
.kodppList li.has-dropdown.red:not(.kodppList_kategorie) {
  background-color: #fff3f1;
}
.kodppList li.has-dropdown.orange:not(.kodppList_kategorie) {
  background-color: #ffeee2;
}
.kodppList li.has-dropdown.yellow:not(.kodppList_kategorie) {
  background-color: #fdf3e1;
}
.kodppList li.has-dropdown:not(.kodppList_kategorie) > span.produkt:hover {
  color: #006929 !important;
  text-decoration: underline;
}
.cpp .kodppList li.has-dropdown:not(.kodppList_kategorie) > span.produkt:hover {
  color: #0f5e9b !important;
}
.kodppList li.has-dropdown:not(.kodppList_kategorie):before {
  background: rgba(0, 0, 0, 0) url("../../images/knz/icons/icon_sjednavam_bullet_dropdown.png") no-repeat scroll left top;
  content: "";
  height: 8px;
  position: absolute;
  transition: transform 0.3s ease 0s;
  width: 5px;
  margin: 5px 0 0 -9px;
}
.cpp .kodppList li.has-dropdown:not(.kodppList_kategorie):hover {
  background-image: none;
}
.kodppList li.has-dropdown.open:not(.kodppList_kategorie):before {
  transform: rotate(90deg);
}
.kodppList li.has-dropdown:not(.kodppList_kategorie) > div {
  display: none;
  margin: 5px 0 5px;
  padding: 0;
}
.kodppList li.has-dropdown:not(.kodppList_kategorie) > div > a {
  padding: 3px 10px 5px 20px;
  font-size: 12px;
  color: #525252;
  display: inline-block;
}
.kodppList li.has-dropdown:not(.kodppList_kategorie) > div > a:hover {
  color: black;
}
.kodppList li.has-dropdown:not(.kodppList_kategorie) > div > a.btn_nova {
  background: url("../../images/knz/icons/icon_smlouva_nova.png") no-repeat 0 3px;
}
.kodppList li.has-dropdown:not(.kodppList_kategorie) > div > a.btn_nova:hover {
  background: url("../../images/knz/icons/icon_smlouva_nova_hover.png") no-repeat 0 3px;
}
.kodppList li.has-dropdown:not(.kodppList_kategorie) > div > a.btn_kalkulace {
  background: url("../../images/knz/icons/kalkulace.png") no-repeat 0 3px;
}
.kodppList li.has-dropdown:not(.kodppList_kategorie) > div > a.btn_kalkulace:hover {
  background: url("../../images/knz/icons/kalkulace_hover.png") no-repeat 0 3px;
}
.kodppList li.has-dropdown:not(.kodppList_kategorie) > div > a.btn_hip {
  background: url("../../images/knz/icons/icon_hip_novy.png") no-repeat 0 3px;
}
.kodppList li.has-dropdown:not(.kodppList_kategorie) > div > a.btn_hip:hover {
  background: url("../../images/knz/icons/icon_hip_novy_hover.png") no-repeat 0 3px;
}
.kodppList li.has-dropdown:not(.kodppList_kategorie) > div > a.btn_nahrada {
  background: url("../../images/knz/icons/icon_nahrada.png") no-repeat 0 3px;
}
.kodppList li.has-dropdown:not(.kodppList_kategorie) > div > a.btn_nahrada:hover {
  background: url("../../images/knz/icons/icon_nahrada_hover.png") no-repeat 0 3px;
}
.kodppList li.has-dropdown:not(.kodppList_kategorie) > div > a.btn_zmena_smlouvy {
  background: url("../../images/knz/icons/icon_zmena.png") no-repeat 0 3px;
}
.kodppList li.has-dropdown:not(.kodppList_kategorie) > div > a.btn_zmena_smlouvy:hover {
  background: url("../../images/knz/icons/icon_zmena_hover.png") no-repeat 0 3px;
}
.kodppList li.has-dropdown:not(.kodppList_kategorie) > div > a.btn_vyber_z_uctu {
  background: url("../../images/knz/icons/icon_vyber_z_uctu.png") no-repeat 0 3px;
}
.kodppList li.has-dropdown:not(.kodppList_kategorie) > div > a.btn_vyber_z_uctu:hover {
  background: url("../../images/knz/icons/icon_vyber_z_uctu.png") no-repeat 0 3px;
}
.kodppList li.has-dropdown:not(.kodppList_kategorie) > div > a.btn_smlouva_v_cekarne {
  background: url("../../images/knz/icons/icon_smlouva_v_cekarne.png") no-repeat 0 3px;
}
.kodppList li.has-dropdown:not(.kodppList_kategorie) > div > a.btn_smlouva_v_cekarne:hover {
  background: url("../../images/knz/icons/icon_smlouva_v_cekarne_hover.png") no-repeat 0 3px;
}
.kodppList li.has-dropdown:not(.kodppList_kategorie) > div > a.btn_smlouva_single {
  background: url("../../images/knz/icons/icon_smlouva_single.png") no-repeat 0 3px;
}
.kodppList li.has-dropdown:not(.kodppList_kategorie) > div > a.btn_smlouva_single:hover {
  background: url("../../images/knz/icons/icon_smlouva_single.png") no-repeat 0 3px;
}
.kodppList li.has-dropdown:not(.kodppList_kategorie) > div > a.btn_pruvodce_smlouvy {
  background: url("../../images/knz/icons/icon_pruvodce.png") no-repeat 0 3px;
}
.kodppList li.has-dropdown:not(.kodppList_kategorie) > div > a.btn_pruvodce_smlouvy:hover {
  background: url("../../images/knz/icons/icon_pruvodce_hover_click.png") no-repeat 0 3px;
}

/* ----------------------------------------------------------------
        leve menu pro kalkulacku a FAQ
---------------------------------------------------------------- */

.sideMenu {
  /*margin-left: -165px;*/
}

.leve_polozky {
  position: fixed;
}

.leve_polozkyMini {
  position: fixed;
}

/** leve menu pro FAQ a nastaveni kalkulacek */
.leve_menu {
  font-family: Calibri, Arial;
  font-size: 12px !important;
}

.leve_menu a {
  color: #006633 !important;
  font-family: Calibri, Arial;
  font-size: 12px !important;
}
.cpp .leve_menu a {
  color: #0f5e9b !important;
}

.leve_menu_top {
  background-image: url(../../images/bg_leve_menu_top.png);
  background-repeat: no-repeat;
  display: block;
  width: 135px;
  height: 14px;
  padding: 10px 10px 7px 10px;
}

.leve_menu_middle {
  background-image: url(../../images/bg_leve_menu_middle.png);
  background-repeat: no-repeat;
  display: block;
  width: 135px;
  height: 14px;
  padding: 10px 10px 7px 10px;
}

.leve_menu_bottom {
  background-image: url(../../images/bg_leve_menu_bottom.png);
  background-repeat: no-repeat;
  display: block;
  width: 135px;
  height: 15px;
  padding: 10px 10px 7px 10px;
}

.leve_menu_submenuSipka {
  float: right;
  margin-top: 2px;
  border: none;
  background: url('../../images/icons.png') no-repeat -116px 0;
  width: 5px;
  height: 9px;
}

.leve_menu_submenu {
  border: 1px solid #cccccc;
  border-bottom: none;
  background-color: #fdfdfd;
  z-index: 100;
  position: absolute;
  display: none;
}

.leve_menu_submenu a {
  display: block;
  padding: 5px 0 5px 10px;
  width: 150px;
  border-bottom: 1px solid #cccccc;
  color: #006633 !important;
  font-size: 12px;
}

/** Bocni panel s informacemi pro kalkulacku */
.leva_navigace_top {
  background-image: url(../../images/bg_leva_navigace_top.png);
  background-repeat: no-repeat;
  display: block;
  width: 135px;
  height: 12px;
  padding: 0px 10px 0px 10px;
}

.leva_navigace_middle {
  background-image: url(../../images/bg_leva_navigace_middle.png);
  background-repeat: repeat-y;
  display: block;
  width: 135px;
  padding: 0 10px 0 10px;
}

.leva_navigace_bottom {
  background-image: url(../../images/bg_leva_navigace_bottom.png);
  background-repeat: no-repeat;
  display: block;
  width: 135px;
  height: 12px;
  padding: 0 10px 0 10px;
}

.povinnaPole {
  color: #006633;
  display: block;
  position: relative;
  margin-top: 5px;
  height: 20px;
}
.cpp .povinnaPole {
  color: #0f5e9b;
}
#easyscrollnav {
  width: 70px;
  margin: 0 auto;
  position: absolute;
  bottom: -20px;
  margin-left: 50px;
}

#btnUp {
  height: 7px;
  width: 24px;
  background: url('../../images/icons.png') no-repeat -61px -2px;
  float: left;
}

#btnDown {
  height: 7px;
  width: 24px;
  background: url('../../images/icons.png') no-repeat -31px 0;
  float: left;
}

/* ----------------------------------------------------------------
  Panel pro pojistne za jednotliva rizika
---------------------------------------------------------------- */

.panel_pojistne_nadpis {
  /*display: block;*/
  font-size: 16px;
  padding-bottom: 3px;
  color: #006633;
  font-weight: bold;
}
.cpp .panel_pojistne_nadpis {
  color: #0f5e9b;
}

.popisLogin {
  vertical-align: text-top;
  padding-top: 4px;
}

.popis_rizika {
  padding: 1px 0;
  width: 93px;
}

.hodnota_rizka {
  padding: 1px 0;
  text-align: right;
  width: 42px;
}

.popis_rizika_celkem {
  padding: 2px 0;
  width: 93px;
}

.hodnota_rizka_celkem {
  padding: 2px 0;
  text-align: right;
  width: 42px;
  font-weight: bold;
  color: #28a54e;
}
.cpp .hodnota_rizka_celkem {
  color: #0f5e9b;
}

.popis_rizika_celkem_popup {
  padding: 2px 0;
  width: 85px;
}

.hodnota_rizka_celkem_popup {
  padding: 2px 0;
  text-align: right;
  font-weight: bold;
  color: #28a54e;
}
.cpp .hodnota_rizka_celkem_popup {
  color: #0f5e9b;
}

.pojistenaRizika_prvni {
  font-size: 12px !important;
  width: 300px;
}

.pojistenaRizika_druha {
  font-size: 13px !important;
  text-align: right !important;
  width: 60px;
}

.objektyKRizikum_prvni {
  font-size: 12px !important;
  width: 270px;
}

.objektyKRizikum_druha {
  font-size: 13px !important;
  text-align: right !important;
  width: 60px;
}

/* ----------------------------------------------------------------
        bottom menu v kalkulacce
---------------------------------------------------------------- */

.bottom_menu, .bottom_menu_externi {
  position: fixed;
  /*background-image: url(../../images/bg_bottom_menu_new.png);*/
  background-image: url(../../images/bg_bottom_menu.png);
  background-repeat: no-repeat;
  bottom: 0px;
  /*width: 900px;*/
  width: 970px;
  margin-left: -160px;
  height: 17px;
  padding: 10px 15px 6px 15px;
  text-align: center;
  clear: both;
  float: left;
  z-index: 4;
}

.cpp .bottom_menu, .cpp .bottom_menu_externi {
  background-image: url(../../images/cpp/bg_bottom_menu.png);
}

.bottom_menu_externi {
  margin-left: 0;
}

.bottom_menu a, .bottom_menu_externi a {
  color: #006633;
  float: left;
  position: relative;
  right: 50%;
}
.bottom_menu a:hover, .bottom_menu_externi a:hover {
  text-decoration: none;
}

.center_bottom_menu {
  float: left;
  left: 50%;
  margin: 0 auto;
  position: relative;
  padding: 0;
}

.text_original {
  display: block;
  font-size: 12px;
  color: #006633;
  float: left;
  position: relative;
  right: 50%;
  padding-right: 29px;
}
.cpp .text_original {
  color: #0f5e9b;
}

/* Scrollovaci sipky */
.bottom_menu_sipky {
  position: fixed;
  z-index: 5;
  bottom: 4px;
}

.levaSipka {
  background: url('../../images/icons.png') no-repeat -134px 4px;
  width: 7px;
  height: 24px;
  margin-left: -165px;
  display: none;
}

.pravaSipka {
  background: url('../../images/icons.png') no-repeat -154px 4px;
  width: 7px;
  height: 24px;
  display: none;
}

/* Sede tlacitko */
.grayButtonLeft {
  background-image: url('../../images/bottomMenuGrayButton_left.png');
  background-repeat: no-repeat;
  width: 8px;
  height: 27px;
  float: left;
  margin-top: -10px;
  cursor: pointer;
}

.grayButtonMid {
  background-image: url('../../images/bottomMenuGrayButton_mid.png');
  background-repeat: repeat-x;
  height: 19px;
  float: left;
  margin-top: -10px;
  padding-top: 8px;
  color: #333;
  cursor: pointer;
  font-size: 13px;
}

.grayButtonMid:hover {
  text-decoration: none !important;
}

.grayButtonRight {
  background-image: url('../../images/bottomMenuGrayButton_right.png');
  background-repeat: no-repeat;
  width: 8px;
  height: 27px;
  float: left;
  margin-top: -10px;
  cursor: pointer;
}

/* Zelene tlacitko */
.greenButtonLeft {
  background-image: url('../../images/bottomMenuGreenButton_left.png');
  background-repeat: no-repeat;
  width: 8px;
  height: 27px;
  float: left;
  margin-top: -10px;
  cursor: pointer;
}
.cpp .greenButtonLeft {
  background-image: url('../../images/cpp/bottomMenuGreenButton_left.png');
}

.greenButtonLeftWithArrow {
  background-image: url('../../images/bottomMenuGreenButton_leftwithArrow.png');
  background-repeat: no-repeat;
  width: 18px;
  height: 27px;
  float: left;
  margin-top: -10px;
  cursor: pointer;
}
.cpp .greenButtonLeftWithArrow {
  background-image: url('../../images/cpp/bottomMenuGreenButton_leftwithArrow.png');
}

.greenButtonMid {
  background-image: url('../../images/bottomMenuGreenButton_mid.png');
  background-repeat: repeat-x;
  height: 19px;
  float: left;
  margin-top: -10px;
  padding-top: 8px;
  color: #333;
  cursor: pointer;
  font-size: 13px;
}
.cpp .greenButtonMid {
  background-image: url('../../images/cpp/bottomMenuGreenButton_mid.png');
}

.greenButtonMid:hover {
  text-decoration: none !important;
}

.greenButtonRight {
  background-image: url('../../images/bottomMenuGreenButton_right.png');
  background-repeat: no-repeat;
  width: 8px;
  height: 27px;
  float: left;
  margin-top: -10px;
  cursor: pointer;
}
.cpp .greenButtonRight {
  background-image: url('../../images/cpp/bottomMenuGreenButton_right.png');
}

/* Bile tlacitko - neaktivni */
.neaktivni_polozka {
  float: left;
  position: relative;
  right: 50%;
}

.whiteButtonLeft {
  background-image: url('../../images/bottomMenuWhiteButton_left.png');
  background-repeat: no-repeat;
  width: 8px;
  height: 27px;
  float: left;
  margin-top: -10px;
}

.whiteButtonMid {
  background-image: url('../../images/bottomMenuWhiteButton_mid.png');
  background-repeat: repeat-x;
  height: 19px;
  float: left;
  margin-top: -10px;
  padding-top: 8px;
  color: #9f9f9f;
  font-size: 13px;
}

.whiteButtonMid:hover {
  text-decoration: none !important;
}

.whiteButtonRight {
  background-image: url('../../images/bottomMenuWhiteButton_right.png');
  background-repeat: no-repeat;
  width: 8px;
  height: 27px;
  float: left;
  margin-top: -10px;
}

.bottomMenuMezera {
  padding: 0 1px;
  font-family: Calibri, Arial;
  font-size: 12px !important;
  color: #fff !important;
  float: left;
  position: relative;
  right: 50%;
  margin-top: -1px;
}

/** Bottom menu tisky */

.bottom_menu_tisk, .bottom_menu_nop, .bottom_menu_help_edit {
  background-color: #f9f9f7;
  border: 1px solid #ccc;
  position: fixed;
  bottom: 28px;
  z-index: 3;
  border-top: none;
  display: none;
  padding-bottom: 5px;
}

.bottom_menu_tisk a, .bottom_menu_nop a, .bottom_menu_help_edit a {
  font-size: 13px;
  color: #006633;
}

.bottom_menu_tisk_radek {
  height: 13px;
  padding: 5px 7px 5px 7px;
  border-top: 1px solid #ccc;
}

.neaktivni_menu_tisk {
  color: #9b9b9b;
}

.bezLimit {
  display: block;
  float: left;
  position: relative;
  right: 50%;
  color: #006633;
  font-size: 12px;
  padding-left: 29px;
}

/* ----------------------------------------------------------------
        Notify - odstavka
---------------------------------------------------------------- */

.notifyBlok {
  position: fixed;
  top: 10px;
  right: 10px;
  width: 300px;
  z-index: 10000;
}

.notifyPanel {
  background-color: #FFEEEE;
  border: 1px solid red;
  border-radius: 4px 4px 4px 4px;
  padding: 7px;
  color: red;
}

.notifyIco {
  background: url("../../images/icons.png") no-repeat -108px -58px !important;
  background-color: transparent !important;
  border: none !important;
  float: right;
  width: 11px;
  height: 11px;
  cursor: pointer;
}

.notifyNadpis {
  font-weight: bold;
  display: block;
}

.notifyDetail {
  display: block;
}

/* ----------------------------------------------------------------
        Upozorneni na nepodporovanou verzi prohlizece
---------------------------------------------------------------- */

.panelUpozorneni {
  width: 700px;
  margin: 0 auto 10px;
  padding: 5px 7px;
  border: 1px solid #FF9393;
  background-color: #ffeeee;
  font-size: 11px;
  display: none;
}

/* ----------------------------------------------------------------
        Specialni fieldset pro kalkulacku - viceradkovy
---------------------------------------------------------------- */

.fieldset_classic {
  margin-bottom: 15px;
  padding-left: 15px;
}

/* hack pro IE 7 a niz */
@media screen\9 {
  .ie .fieldset_classic {
    padding-top: 0px;
  }
}

.legend_nazevPanelu {
  padding: 2px 0 3px 3px;
  display: block;
}

/* hack pro IE 7 a niz */
@media screen\9 {
  .ie .legend_nazevPanelu {
    display: inline;
  }
}

legend a:hover {
  text-decoration: none !important;
}

.ico_guma {
  border: none;
  background: url("../../images/icons.png") no-repeat -452px -55px !important;
  width: 14px;
  height: 14px;
  padding: 0 9px !important;
  float: left;
  margin-top: 2px;
}

.nadpis_panelu {
  font-size: 16px;
  color: #006633;
  font-weight: bold;
  margin: 0 3px 0 5px;
}
.cpp .nadpis_panelu {
  color: #0f5e9b;
}

/* ----------------------------------------------------------------
        Specialni fieldset pro kalkulacku - jednoradkovy
---------------------------------------------------------------- */

.ico_guma_fieldset {
  border: none;
  margin-top: 10px;
  float: left;
  background: url("../../images/icons.png") no-repeat -452px -54px !important;
  width: 14px;
  height: 14px;
  padding: 0 9px !important;
}

.focusDiv {
  margin: 0 2px;
  float: left;
}

.focusDiv:hover {
  background-color: #ddf1e2 !important;
}
.cpp .focusDiv:hover {
  background-color: #dde8f1 !important;
}

.fieldsetCaraPred {
  width: 15px;
  height: 20px;
  float: left;
  background-image: url("../../images/bg_fieldset_cara.png");
  background-repeat: repeat-x;
  background-position: 0 11px;
}

.fieldsetSipka {
  margin-left: 6px;
  float: left;
  padding-top: 11px;
  background: url("../../images/icons.png") no-repeat -172px 11px;
  width: 6px;
  height: 14px;
}
.cpp .fieldsetSipka {
  background: url("../../images/cpp/ico_legend.png") no-repeat 0 12px;
}

.fieldsetAdd {
  margin-left: 6px;
  float: left;
  padding-top: 11px;
  background: url("../../images/icons.png") no-repeat -70px -50px;
  width: 10px;
  height: 14px;
}

.fieldsetLink {
  display: block;
  float: left;
  /*  width: 890px; */
  width: 800px;
  padding: 5px 0 2px 8px;
}

.fieldsetLink:hover {
  text-decoration: none !important;
}

.fieldsetBlock {
  display: block;
  float: left;
  /*width: 890px; */
  width: 800px;
  padding: 5px 0 2px 2px;
}

.fieldsetBlock:hover {
  text-decoration: none !important;
}

.jednoradkovyFieldset {
  border: none !important;
  border-top: 1px solid #C4C0B9 !important;
  margin-bottom: 7px;
}

.jednoradkovyFieldsetNovy {
  border: none !important;
  border-top: 1px solid #C4C0B9 !important;
  padding: 0 10px 5px 0;
  margin: 0;
  cursor: pointer;
}

.jednoradkovyFieldsetNovy legend {
  padding-left: 0;
}

/* hack pro IE 7 a niz */
@media screen\9 {
  .ie .jednoradkovyFieldsetNovy legend {
    padding-left: 0;
    margin-left: -10px;
  }
}

.nadpis_fieldsetu {
  font-size: 16px;
  color: #006633;
  font-weight: bold;
  margin: 0 3px 0px 0px;
}

.cpp .nadpis_fieldsetu {
  color: #0f5e9b;
}

.ie .nadpis_fieldsetu {
  margin: 0 3px 2px 0px;
}

.vypisFieldsetu {
  padding-top: 7px;
  color: #333 !important;
  font-size: 12px !important;
}

.vypisFieldsetu table {
  background-color: transparent !important;
}

input[type="checkbox"].objektyKRizikumCheckbox {
  float: left;
  margin-top: 6px !important;
}

.objektKRiziku {
  float:left;
  padding: 5px 0 5px 31px;
}

.objektKRiziku:hover {
  background-color: #d2edd9;
}

.objektyKRizikumLink {
  float: left;
  width: 773px;
  padding-top: 4px;
}

.ie .objektyKRizikumLink {
  width: 766px;
}

.objektyKRizikumLink:hover {
  text-decoration: none !important;
}

/* Varianta jednoradkovych fieldsetu s checkboxem */
.fieldsetCaraPredSCheckoboxem {
  width: 13px;
  height: 20px;
  float: left;
  background-image: url("../../images/bg_fieldset_cara.png");
  background-repeat: repeat-x;
  background-position: 0 11px;
}

input[type="checkbox"].fieldsetCheckbox {
  float: left;
  margin: 11px 0 0 4px !important;
}

.fieldsetLinkSCheckoboxem {
  display: block;
  float: left;
  /*width: 890px; */
  width: 800px;
  padding: 5px 0 2px 5px;
}

.ie .fieldsetLinkSCheckoboxem {
  padding: 5px 0 2px 1px;
}

/* hack pro IE 7 a niz */
@media screen\9 {
  .ie .fieldsetLinkSCheckoboxem {
    width: 780px;
  }

  .ie input[type="checkbox"].fieldsetCheckbox {
    margin-top: 8px !important;
  }
}

.fieldsetLinkSCheckoboxem:hover {
  text-decoration: none !important;
}

/* ----------------------------------------------------------------
        Napovedy 'Otevrene otazky', 'Vite, ze...', 'Proc se pojistit'
---------------------------------------------------------------- */

.panelSIkonama {
  position: absolute;
  right: 25px;
}

.ikonyPanelu {
  position: absolute;
  left: 164px;
  margin-top: 2px;
}

.ico_viteZe {
  cursor: pointer;
}

.ico_otevreneOtazky {
  cursor: pointer;
}

.obal {
  display: none;
  z-index: 300;
}

.bublina_krizek {
  text-align: right;
  color: #ad9250;
  margin: -14px -12px -5px 0;
  padding: 4px 6px 0 4px;
  font-weight: bold;
  cursor: pointer;
}

.bublina {
  position: absolute;
  z-index: 200;
  padding: 10px;
  color: #333;
  background: #f8f1d2; /* Old browsers */
  background: -moz-linear-gradient(top, #fef9e4 0%, #f3eac2 100%); /* FF3.6+ */
  background: -webkit-linear-gradient(top, #fef9e4 0%,#f3eac2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fef9e4 0%,#f3eac2 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fef9e4 0%,#f3eac2 100%); /* IE10+ */
  background: linear-gradient(to bottom, #fef9e4 0%,#f3eac2 100%); /* W3C */
  border: 1px solid #c6ac6d;
  border-radius: 10px;
}

.bublinaNahled {
  padding: 10px;
  color: #333;
  background: #f8f1d2; /* Old browsers */
  background: -moz-linear-gradient(top, #fef9e4 0%, #f3eac2 100%); /* FF3.6+ */
  background: -webkit-linear-gradient(top, #fef9e4 0%,#f3eac2 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #fef9e4 0%,#f3eac2 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fef9e4 0%,#f3eac2 100%); /* IE10+ */
  background: linear-gradient(to bottom, #fef9e4 0%,#f3eac2 100%); /* W3C */
  border: 1px solid #c6ac6d;
  border-radius: 10px;
  position: relative;
  display: inline-block;
  margin-left: 10px;
  max-width: 400px;
}

.neplatna {
  opacity: 0.55;
  filter: alpha(opacity=0.55);
}

.bublina_vnitrek {
  max-width: 400px;
  max-height: 200px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 5px;
}


/* hack pro IE 7 a niz - popup panely */
@media screen\9 {
  .ie .bublina_vnitrek {
    padding-right: 21px;
  }
}

.left:not(.pi-spinner)::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px 10px 10px 16px;
  border-style: solid;
  border-color: transparent transparent transparent #f8f1d2;
  top: 50%;
  left: 100%;
  margin-top: -10px;
}

.left:not(.pi-spinner)::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 11px 11px 11px 17px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #c6ac6d;
  top: 50%;
  left: 100%;
  margin-top: -11px;
}

.ie .left:before {
  border-color: transparent transparent transparent #c6ac6d;
}

.right:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 10px 16px 10px 10px;
  border-style: solid;
  border-color: transparent #f8f1d2 transparent transparent;
  top: 50%;
  left: -26px;
  margin-top: -10px;
}

.right:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 11px 17px 11px 11px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0) #c6ac6d rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  top: 50%;
  left: -28px;
  margin-top: -11px;
}

.ie .right:before {
  border-color: transparent #c6ac6d transparent transparent;
}

.bottom:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 16px 10px 10px 10px;
  border-style: solid;
  border-color: #f8f1d2 transparent transparent transparent;
  top: 100%;
  right: 21px;
}

.bottom:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 17px 11px 11px 11px;
  border-style: solid;
  border-color: #c6ac6d rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
  top: 100%;
  right: 20px;
}

.ie .bottom:before {
  border-color: #c6ac6d transparent transparent transparent;
}

.oo_left {
  background: url("../../images/icons.png") no-repeat -232px 0;
  margin-right: 10px;
  width: 11px;
  height: 16px;
}

.moveLeft {
  background: url("../../images/icons.png") no-repeat -270px 0;
  cursor: pointer;
}

.oo_right {
  background: url("../../images/icons.png") no-repeat -252px 0;
  margin-left: 10px;
  width: 11px;
  height: 16px;
}

.moveRight {
  background: url("../../images/icons.png") no-repeat -290px 0;
  cursor: pointer;
}

.oo_stranka {
  background: url("../../images/icons.png") no-repeat -145px -58px;
  width: 10px;
  height: 10px;
}

.oo_strankaSelected {
  background: url("../../images/icons.png") no-repeat -166px -58px;
  width: 10px;
  height: 10px;
}

.bublina_seznamStranek table {
  margin: 5px auto 0;
}

span.bublinaText {
  font-family: Calibri, Arial;
  font-size: 12px;
}

.bublinaText p {
  margin: 0;
}

.bublinaNahled p {
  margin: 0;
}

.bublinaText ol {
  padding-left: 20px;
}

.bublinaText table td {
  width: 160px;
  background-image: url('../../images/ico_otevreneOtazky_odrazka.png');
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 13px;
}

.bublinaText span {
  width: 150px;
  background-image: url('../../images/ico_otevreneOtazky_odrazka.png');
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 13px;
  display: inline-table;
  margin-bottom: 7px;
}

/* ----------------------------------------------------------------
        Specialni tabulky
---------------------------------------------------------------- */

/*table {
  font-family: Calibri, Arial;
  font-size: 12px;
}*/

.tabulka,
.tabulkaObjekt,
.tabulkaNezalamovatObjekt {
  width: 50%;
  float: left;
  height: 30px;
}

.tabulkaRight {
  width: 50%;
  float: right;
  clear: right;
}
.tabulkaRightNovyRadek {
  width: 50%;
  float: right;
  clear: both;
}

.tabulka3sloupce {
  width: 33%;
  float: left;
}

.tabulka4sloupce {
  width: 25%;
  float: left;
}

.tabulkaSirsi {
  width: 540px;
  float: left;
}

.tabulkaSleva, .tabulka100procent {
  width: 675px;
}

.tabulkaDoplinf {
  width: 100%;
}

.tabulka100procentTrue,
.tabulka100procentTrueNezalamovat,
.tabulka100procentTrueObjekt {
  width: 100%;
  clear: both;
}

.tabulkaNezalamovat,
.tabulkaObjektNezalamovat,
.tabulkaNezalamovatObjekt,
.tabulkaDoplinfNezalamovat,
.tabulkaUzsiNezalamovat {
  float: left;
  clear: both;
}

.tabulkaUzsi, .tabulkaSlevaVnitrni {
  float: left;
}

.tabulka100procentTrueObjektNezalamovat,
.tabulka100procentTrueNezalamovatObjekt {
  clear: both;
}

.tabulkaZvyrazni {
  width: 386px;
  float: left;
  background-color: #9dd9b8;
}

.cpp .tabulka,
.cpp .tabulkaObjekt,
.cpp .tabulka3sloupce,
.cpp .tabulka4sloupce,
.cpp .tabulkaSirsi,
.cpp .tabulkaSleva,
.cpp .tabulka100procent,
.cpp .tabulkaDoplinf,
.cpp .tabulka100procentTrue,
.cpp .tabulka100procentTrueNezalamovat,
.cpp .tabulka100procentTrueObjekt,
.cpp .tabulkaNezalamovat,
.cpp .tabulkaObjektNezalamovat,
.cpp .tabulkaNezalamovatObjekt,
.cpp .tabulkaDoplinfNezalamovat,
.cpp .tabulkaUzsiNezalamovat,
.cpp .tabulkaUzsi,
.cpp .tabulkaSlevaVnitrni,
.cpp .tabulka100procentTrueObjektNezalamovat,
.cpp .tabulka100procentTrueNezalamovatObjekt,
.cpp .tabulkaZvyrazni {
  margin-bottom: 10px;
}

.paragraf21 table,
.Paragraf2789 table,
.typParagrafu {
  border-collapse: collapse;
}

.typParagrafu td input {
  margin-left: 0;
}

.typParagrafu td label {
  margin-right: 5px;;
}

.rozsireneMoznosti table {
  margin: 3px 0 0 17px;
}
table.objektNadpis td {
  float: left;
}

/** Popis */
.popis,
.popisDoplinfNezalamovat {
  padding-right: 5px;
}

.popisSleva {
  width: 150px;
}

.sleva_znamenko {
  font-family: Calibri, Arial;
  font-size: 12px !important;
  width: 15px;
  text-align: center;
}

.slevaPrirazka {
  font-size: 14pt;
  font-weight: bold;
}

.sleva_input {
  width: 90px;
}

.popisKratky {
  margin-right: 5px;
  width: 155px;
}

.popisUzsi {
  padding-right: 5px;
  white-space: nowrap;
  /*width: 152px;*/
}

.popisDoplinf {
  padding-right: 5px;
  width: 192px;
}

.popisParagraf {
  border-bottom: 1px dotted #006633;
  width: 200px;
  padding: 4px 20px 4px 0;
}

.popisParagrafForm {
  width: 225px;
  padding: 3px 20px 3px 0;
}

.popisParamBold {
  font-weight: bold;
  font-family: Calibri, Arial;
  font-size: 12px;
}
.popisParamItalic {
  font-style: italic;
}
.popisParamBoldItalic {
  font-weight: bold;
  font-style: italic;
}

.aktuality_prvni {
  vertical-align: top;
  width: 75px;
  padding-top: 8px;
}
body.novaKalkulacka .aktuality_prvni span.povinnyZnak {
  margin-top: 0;
}
.checkboxTable {
  width: 17px;
}

/** Hodnota */
.hodnota {
  width: 300px;
}

.hodnota3sloupce {
  width: 170px;
}

.hodnota4sloupce {
  width: 120px;
}

.hodnota4sloupceCheckbox {
  width: 218px;
}

.hodnota3sloupceCheckbox {
  width: 294px;
}

.hodnota100procent {
  width: 88%;
}

.hodnotaUzsi {
  vertical-align: top;
}

.hodnota100procentNezalamovat {
  width: 850px;
}

.hodnota_panel {
  padding-right: 25px;
}

.hodnota_partner {
  padding-right: 20px;
}

.hodnotaParagraf {
  border-bottom: 1px dotted #006633;
  padding: 4px 0;
}

.hodnotaParamBold {
  font-weight: bold;
}

.hodnotaParamItalic {
  font-style: italic;
}

.hodnotaParamBoldItalic {
  font-weight: bold;
  font-style: italic;
}

.hodnotaParagrafForm {
  padding: 3px 0;
}

.row_ikona .top {
  vertical-align: middle !important;
}

table.partnerKategorieCps td:nth-child(odd) {
  padding-right: 7px;
}
table.partnerKategorieCps td:nth-child(3) {
  width: 170px;
}
table.partnerKategorieCps td:nth-child(even) {
  padding-right: 20px;
}

/* ----------------------------------------------------------------
        Prilohy
---------------------------------------------------------------- */

div.prilohy {
  margin-bottom: 8px;
  width: 263px;
  float: left;
  font-family: Calibri, Arial;
}

div.prilohy input {
  margin-right: 5px;
}

/* ----------------------------------------------------------------
        odsazeni, zarovnani, mezery
---------------------------------------------------------------- */

.pLeft20px {
  padding-left: 20px;
}
.pLeft50px {
  padding-left: 50px;
}
.pRight7px {
  padding-right: 7px;
}
.pRight10px {
  padding-right: 10px !important;
}
.pRight30 {
  padding-right: 30px;
}
.pRight100 {
  padding-right: 100px;
}
.pTopBottom4 {
  padding: 4px 0;
}
.width140px {
  width: 140px;
}
.width25 {
  width: 25px;
}
.width50 {
  width: 50px;
}
.width60 {
  width: 60px;
}
.width80 {
  width: 80px;
}
.width100 {
  width: 100px;
}
.width150 {
  width: 150px;
}
.width220 {
  width: 220px;
}
.width200 {
  width: 200px;
}
.width250 {
  width: 250px;
}
.width300 {
  width: 300px;
}
.width350 {
  width: 350px;
}
.width390 {
  width: 390px;
}
.width400 {
  width: 400px;
}
.width450 {
  width: 450px;
}
.width500 {
  width: 500px;
}
.width580 {
  width: 580px;
}
.width700 {
  width: 700px;
}
.top220 {
  top: 220px !important;
}
.nowrap {
  white-space: nowrap;
}
.center {
  text-align: center;
}
.center table {
  margin: 0 auto;
}
.clearFloatNone {
  clear: none !important;
  float: none !important;
}
.newLine {
  clear: left;
  float: left;
  margin-top: 15px;
  display: inline-block;
}
.bold{
  font-weight: bold !important;
}

/* ----------------------------------------------------------------
        Progress bar
---------------------------------------------------------------- */

.shadow_panel {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.ie .shadow_panel {
  background-color: red;
  filter: alpha(opacity=0);
  opacity: 0;
}

.popup_panel {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 300;
}

.centered {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 300;
}

.progress_panel {
  background-color: #fff;
  width: 128px;
  margin: 0 auto;
  padding: 15px;
  margin-top: -23px;
  z-index: 300;
  border: 1px solid #ccc;
}

.progress_text {
  font-family: Calibri, Arial;
  font-size: 12px;
  color: #006633;
  margin-top: 8px;
  font-weight: bold;
  display: block;
}
.cpp .progress_text {
  color: #0f5e9b;
}
.cancelable_progress_panel, .statusable_progress_panel {
  background-color: #fff;
  width: 200px;
  margin: 0 auto;
  padding: 15px;
  margin-top: -23px;
  z-index: 300;
  border: 1px solid #ccc;
}

/* ----------------------------------------------------------------
        Galerie obrazku
---------------------------------------------------------------- */

.galerieObrazku {
  width: 600px;
  padding: 0 !important;
}

.radio_aktivniNeaktivni {
  border-bottom: 1px solid #C4C0B9;
  padding-bottom: 4px;
}

.seznamObrazku {
  width: 600px;
  height: 220px;
  overflow:auto;
}

.galerie_ikona {
  float:left;
  padding:5px;
  margin: 1px;
}

a.galleryIkonSelected {
  background-color: #d4d4d4;
}

.galerieObrazku .rf-p-hdr {
  color: #333;
  padding: 5px 2px 5px 5px;
  font-size: 12px;
  border: none;
}

.galerieObrazku .rf-p-b {
  padding: 0;
}

.galerie_tlacitka {
  border-top: 1px solid #C4C0B9;
  padding: 4px;
}

.galerie_text {
  display: block;
  text-align: center;
  margin-top: 10px;
}

/* Oprava kalendare v Chrome (zcvrkavani) */
table.rf-cal-extr {
  width: 200px;
}

.rf-cal-hdr table {
  table-layout: auto !important;
}

/* ----------------------------------------------------------------
        rich:autocomplete
---------------------------------------------------------------- */

input.rf-au-inp {
  width: 652px !important;
}

.kodBanky {
  display: inline !important;
  border: none !important;
}

.kodBanky input.rf-au-inp {
  width: 40px !important;
  padding-right: 0 !important;
  vertical-align: baseline;
  border: 1px solid #ccc;
}

.rf-au-itm {
  font-size: 12px !important;
}

.rf-au-itm-sel {
  background-color: #ddd !important;
  border-color: #aaa !important;
}

/* ----------------------------------------------------------------
        rich:list
---------------------------------------------------------------- */

ul li.rf-ulst-itm {
  font-family: Calibri, Arial;
}

/* ----------------------------------------------------------------
  rich:dataTable
---------------------------------------------------------------- */

.active-row {
  background-color: #FFEBDA !important;
  cursor: pointer;
}

/*.even-row, .even-row-passive {
  background-color: #f4f4f4;
}
.even-row:hover {
  background-color: #FFEBDA !important;
  cursor: pointer;
}
.odd-row, .odd-row-passive {
  background-color: #fff;
}
.odd-row:hover {
  background-color: #FFEBDA !important;
  cursor: pointer;
}*/

/*table.rf-dt {
  border: none;
  border-collapse: separate;
  border-spacing: 0;
}

table.rf-dt th, table.rf-dt td {
  font-family: Calibri, Arial;
  font-size: 12px;
}

th.rf-dt-hdr-c {
  border: none;
  border-bottom: 1px solid #ccc;
  padding: 4px;
  height: 20px;
}

th.rf-dt-shdr-c {
  background: none;
  padding: 0;
  border: none;
}

td.rf-dt-c {
  border: none;
}

table.rf-dt a {
  font-size: 12px;
}

table .rf-dt-ftr-c {
  background-color: transparent;
  border: none;
  padding: 0;
  text-align: left;
}

div .rf-ds a {
  color: #000;
}

div .rf-ds a:hover {
  color: #000;
  text-decoration: underline;
}*/

/*th.th_prvni, th.th_prvni_ziskatel,
th.th_stredni, th.th_stredni_ziskatel {
  border: none;
  border-right: 1px solid #ccc;
}
th.th_posledni, th.th_posledni_ziskatel {
  border: none;
}*/
/*td.td_prvni {
  padding: 4px;
  border: 1px solid #ccc;
  border-top: none;
}

td.td_stredni, td.td_posledni {
  padding: 4px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}*/

/* ----------------------------------------------------------------
  Spectre library
---------------------------------------------------------------- */

.inputColor {

}

.sp-replacer {
  height: 12px !important;
}

.sp-preview, .sp-preview-inner {
  height: 10px !important;
}

.sp-dd {
  line-height: 7px !important;
}

/* ----------------------------------------------------------------
  rich:dataTable - individualni upravy
---------------------------------------------------------------- */

table.otazkyEdit td.rf-dt-c {
  font-size: 12px;
  padding-bottom: 3px;
}

table.ziskatelTable th.rf-dt-hdr-c {
  background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%);
  border: 1px solid #ccc;
  border-left: none;
}

table.ziskatelTable th.th_prvni {
  border: 1px solid #ccc;
}

table.ziskatelTable td.rf-dt-c {
  font-size: 12px;
  background-image: none;
}

table.ziskatelTable td.td_posledni {
  border-right: 1px solid #ccc;
}

table.rozhodnaDobaKOOP {
  border-spacing: 4px;
}

table.rozhodnaDobaKOOP td {
  border-top: 1px solid #ccc;
}

/* ----------------------------------------------------------------
  rich:dataTable - classic
---------------------------------------------------------------- */

/* Uprava defaultnich stylu */
.clasicTable {
  border: none !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

.verticalBottom {
  vertical-align: bottom;
}

.verticalMiddle {
  vertical-align: middle;
}

.verticalBottom .ui-selectonemenu {
  position: relative;
  top: 2px;
}

/* hack pro IE 7 a niz - popup panely */
@media screen\9 {
  .clasicTable {
    border-collapse: collapse !important;
  }
}

.clasicTable.rf-dt-c {
  padding: 0 !important;
  border: none !important;
}

.clasicTable.rf-dt-hdr-c {
  border: none !important;
  border-bottom: 1px solid #ccc !important;
  padding: 0 4px !important;
}

.clasicTable.rf-dt-shdr-c {
  background: none !important;
  padding: 0 !important;
  border: none !important;
}

.clasicTable.rf-dt-ftr-c {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  text-align: left !important;
}

.clasicTable tr[onclick].rf-dt-r:hover {
  background-color: #FFEBDA !important;
  cursor: pointer;
}

/* Hlavicka tabulky */
table.clasicTable tr th {
  border: 1px solid #ccc !important;
  border-left: none !important;
  padding: 5px !important;
  background: #f2f2f2 !important;
  background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%) !important;
}

table.clasicTable tr th:first-child {
  border-radius: 10px 0 0 0 !important;
  border: 1px solid #ccc !important;
}

table.clasicTable tr th:last-child {
  border-radius: 0 10px 0 0 !important;
}

/* Telo tabulky */
table.clasicTable tr td {
	white-space: nowrap;
  border-right: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
  padding: 5px !important;
}

table.clasicTable tr td:first-child {
  border: 1px solid #ccc !important;
  border-top: none !important;
  padding: 5px !important;
}

.clasicTable th.rf-dt-shdr-c a {
  color: #000 !important;
  text-decoration: underline !important;
}

.clasicTable th.rf-dt-shdr-c a:hover {
  color: #005091 !important;
  text-decoration: underline !important;
}

/* ----------------------------------------------------------------
        rich:editor
---------------------------------------------------------------- */

span.cke_skin_kama {
  padding: 0 !important;
}

.cke_path a {
  color: #333 !important;
}

/* ----------------------------------------------------------------
        rich:tooltip
---------------------------------------------------------------- */

/*span.tooltipIcon, a.tooltipIcon {
  background: url("../../images/knz/icons/icon_info.png");
  width: 16px;
  height: 16px;
  display: inline-block;
}
.cpp span.tooltipIcon, .cpp a.tooltipIcon {
  background: url("../../images/knz/icons/cpp/icon_info.png");
}*/

span.objektTooltip {
  display: block;
  float: left;
}
/*span.tooltipIcon:hover, a.tooltipIcon:hover {
  background: url("../../images/knz/icons/icon_info_hover.png");
}
.cpp span.tooltipIcon:hover, .cpp a.tooltipIcon:hover {
  background: url("../../images/knz/icons/cpp/icon_info_hover.png");
}*/
span.tooltipIcon_stary, a.tooltipIcon_stary {
  background: url("../../images/koop_napoveda_seda.png");
  width: 14px;
  height: 14px;
  display: inline-block;
}
/*table td span.tooltipIcon, table td a.tooltipIcon {
  vertical-align: middle;
}*/
div.tooltip div.tooltip_header, span.tooltip div.tooltip_header {
  height: 36px;
  padding: 8px 0;
  background-color: #01662c;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  color: #fff;
  font-size: 14px;
  display: inline-block;
  border: 1px solid #01662c;
  box-sizing: border-box;
}
.cpp div.tooltip div.tooltip_header, .cpp span.tooltip div.tooltip_header {
  background-color: #194578;
  border: 1px solid #194578;
}
.rf-tt {
  z-index: 10003 !important;
}
div.rf-tt-cntr,
span.rf-tt-cntr {
  border: 1px solid #c2c2c2;
  border-radius: 3px;
  box-shadow: 0 2px 6px 1px rgba(30, 27, 28, 0.25);
  z-index: 10003;
}
div.tooltip div.rf-tt-cntr,
span.tooltip span.rf-tt-cntr {
  padding: 0;
  border: none;
  max-width: 800px;
}
div.tooltip div.tooltip_content,
span.tooltip div.tooltip_content {
  padding: 7px;
  border: 1px solid #c2c2c2;
}
div.tooltip div.tooltip_content span.nadpis,
span.tooltip div.tooltip_content span.nadpis {
  color: #006929;
  font-size: 16px;
  text-transform: uppercase;
  display: inline-block;
  padding-bottom: 10px;
}
div.tooltip div.tooltip_content.p10_20,
span.tooltip div.tooltip_content.p10_20 {
  padding: 10px 20px;
}
div.adresaTooltip > .rf-tt-cntr,
span.adresaTooltip > .rf-tt-cntr {
  margin-bottom: -150px;
  display: block;
}

/* ----------------------------------------------------------------
        rich:popupPanel
---------------------------------------------------------------- */

.rf-pp-shdw {
  display: none !important;
}

div.rf-pp-hdr {
  height: 28px;
  background: linear-gradient(to bottom, #ffffff 0%,#f0f0f0 100%);
  padding: 2px;
}

div.rf-pp-hdr-cnt {
  padding: 2px 7px 2px 7px !important;
  text-align: left;
}

/* nastaveni absolute pozice kvuli rozbijeni designu na logovaci strance. Defaultni styly se z nejakeho duvodu nenacitaji */
.rf-pp-btn {
  position: absolute;
}

.nadpisPanelu {
  font-size: 17px;
  color: #006633;
  font-weight: bold;
  margin-right: 3px;
  display: block;
  float: left;
}

.cpp .nadpisPanelu {
  color: #0f5e9b;
}

a.krizek, .krizek {
  float: right;
  background: url("../../images/icons.png") no-repeat -290px -56px;
  width: 16px;
  height: 16px;
  margin: 4px 0 0 0;
}

.cpp .krizek {
  background: url("../../images/cpp/icoKrizek.png") no-repeat;
}

.krizek:hover {
  text-decoration: none;
}

.shadow_panel {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.ie .shadow_panel {
  background-color: red;
  filter: alpha(opacity=0);
  opacity: 0;
}

.popup_panel {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 300;
}

.velkyPopupPanel {
  max-width: 900px;
  max-height: 600px;
  overflow-x: hidden;
  overflow-y: auto;
}

div.rf-pp-cnt {
  /*font-size: 12px;*/
  /*font-family: Calibri, Arial;*/
}

/* hack pro IE 7 a niz - popup panely */
@media screen\9 {
  .ie .rf-pp-cntr {
    width: 900px !important;
  }

  .ie .rf-pp-cnt {
    padding-top: 0 !important;
    margin-top: 9px !important;
  }

  .ie .rf-pp-cnt-scrlr {
    overflow-x: hidden !important;
  }
}

/* ----------------------------------------------------------------
        animace popup oken
---------------------------------------------------------------- */

.animatePopupPanel {
  animation: popupPanelAnimation 1s;
  -webkit-animation: popupPanelAnimation 1s;
}

@keyframes popupPanelAnimation {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes popupPanelAnimation {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

.vybranyRadekClass {
  background-color: #FFEBDA;
}

.nelzeVybratRadekClass {
  background-color: #DEDEDE;
}

/* ----------------------------------------------------------------
  komponenta - ziskatel
---------------------------------------------------------------- */

.cpp .zisZmenaKontaktuNadpis {
  color: #005091;
}
body.novaKalkulacka .zisZmenaKontaktuNadpis {
  text-transform: uppercase;
  font-size: 1.07rem;
  font-family: Calibri, Arial;
}

.cpp a.ccKrizek {
  background-image: url('../../images/cpp/icoKrizek.png');
}
.novaKalkulacka a.ccKrizek, .novaKalkulacka input.ccKrizek {
  background: url("../../images/knz/icons/icon_close.png");
  width: 11px;
  height: 11px;
  border: none;
  cursor: pointer;
}
.novaKalkulacka a.ccKrizek:hover, .novaKalkulacka input.ccKrizek:hover {
  background: url("../../images/knz/icons/icon_close_hover.png");
}

/*
.rozhodnaDobaScrollbar {
  max-height: 400px;
  overflow-y:auto;
}
*/

/* ----------------------------------------------------------------
  Komponenta - Ruian
---------------------------------------------------------------- */

div.podrobnostiRuian > span.nadpis_12_skorocerny_tucny:first-child {
  margin: 0 0 3px 0;
}

/* ----------------------------------------------------------------
  Komponenta - Kontakt
---------------------------------------------------------------- */

span.kontaktyPopis {
  color: #6f6f6f;
  font-size: 12px;
  margin: 15px 0 8px;
  display: block;
}
table.kontakt {
  padding-bottom: 15px;
}
table.kontakt td {
  color: #272727;
  font-size: 14px;
}
table.kontakt td img {
  vertical-align: middle;
}
table.kontakt td:nth-child(odd) {
  width: 21px;
}
table.kontakt td:nth-child(even) {
  width: 170px;
  display: block;
  margin-top: 2px;
}

/* ----------------------------------------------------------------
  Zmenolistky
---------------------------------------------------------------- */

.prepinac {
  margin: 3px 0 5px;
}
.prepinac td:first-child input {
  margin-left: 0;
}
.korespondecniAdresa {
  float: left;
  clear: both;
  margin-top: 15px;
}
.pojisteny {
  font-size: 14px;
  color: #006633;
  text-transform: uppercase;
  margin-bottom: 3px;
}
.pojisteny:before {
  background: url("../../images/knz/icons/user_icon.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  display: inline-block;
  content: "";
  height: 14px;
  width: 11px;
  margin: 0 7px 0 0;
}
.ooPanel {
  clear: both;
  padding: 3px 7px 2px 19px;
  margin-bottom: 2px;
}
.ooPanel:hover, .ooPanel.active {
  background-color: #e4e4e4;
}
.obmyslenaOsoba {
  display: inline-block;
  width: 880px;
  cursor: pointer;
}
.obmyslenaOsobaSipka {
  background: url("../../images/knz/icons/icon_header_gray_arrow_right.png") no-repeat scroll center center rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  height: 10px;
  margin: 0 7px 0 0;
  transition: all 0.5s ease-in-out 0s;
  width: 6px;
}
.obmyslenaOsobaSipka.active {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.adresa {
  margin: 10px 3px 5px;
  display: block;
}
div.roleKlienta {
  clear: both;
  float: left;
  width: 99.7%;
  border-bottom: 1px solid #fff;
  padding: 5px;
}
div.roleIcons {
  float: right;
  margin-top: 2px;
}
div.roleIcons input {
  margin-right: 5px;
}
div.roleKlienta_partner {
  float: left;
  clear: both;
  margin: 15px 5px 0;
}
div.roleKlienta_partner table.tabulka_partner {
  width: 885px;
}
.ooForm td:nth-child(5) {
  font-weight: bold;
}
.ooForm td:nth-child(2) {
  padding-right: 30px;
}
.ooForm td:nth-child(4), .ooForm td:nth-child(5) {
  padding-right: 10px;
}
.zmenolistkyForm td:nth-child(even) {
  padding-right: 30px;
}
.zmenolistekPlatnostDo .hasDatepicker{
  width: 65px;
}

#zmenolistekForm .hodnota_partner {
  padding-right: 1px;
}

.doklady td {
  padding-right: 20px;
}
input[id$='btnZobrazitAdresu'] {
  padding: 1px 8px !important;
  cursor: pointer;
  background: #f2f2f2 !important; /* Old browsers */
  background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%) !important; /* W3C */
  text-shadow: 1px 1px #fff !important;
  border: 1px solid #ccc !important;
  border-radius: 5px !important;
  font-size: 13px !important;
}

#fatcaIndicie li {
  list-style: inside;
}

.zvyrazniZmenu {
  color:red;
}

.ruianZobrazeni .ruHodnota {
  font-weight: bold;
}

.pocitadloPojistenych {
  counter-reset: pocitadlo-pojistenych;
}

.pocitadloPojistenych .counted:before {
  content: counter(pocitadlo-pojistenych) ". ";
  counter-increment: pocitadlo-pojistenych;
}

/* ----------------------------------------------------------------
  Wizard pro změnolístky - Carusel
---------------------------------------------------------------- */

.gallery {
  perspective: 9000px;
  min-height: 350px;
}
.spinner {
  /*  transform-style: preserve-3d;*/
  min-height: 400px;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50% -440px;
  transition: 1s;
  left: 30%;
  width: 40%;
  position: absolute;
}
.unclickable{
  background-color: white;
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.panel {
  transform-origin: 50% 50% -440px;
  outline: 1px solid transparent;
  background-color: #eff4f7;
  padding: 10px;
  opacity: 0.5;
  height: 267px;
}

.central_panel{
  border: 10px solid #fff;
  border-top: none;
  opacity: 1;
}

.hide_panel{
  display: none;
}


div.menuItem {
  background: #ffffff none;
  border: 0 none;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(30, 27, 28, 0.5);
  color: #323232;
  transition: opacity 0.2s ease 0s;
  padding: 4px 15px 1px;
  color: #6f6f6f;
  text-shadow: none;
}
div.menuItem:hover {
  box-shadow: 0 1px 3px 0 rgba(30, 27, 28, 0.6);
  color: #000;
}
div.menuItemActive, div.menuItem:active {
  box-shadow: 0 0 2px 0 rgba(30, 27, 28, 0.8);
  background: #eee none !important;
  color: #545454;
}
div.spinner > div.panel > a {
  margin-bottom: 3px;
  display: inline-block;
  width: 100%;
}
div.spinner > div.panel > a:last-child {
  margin-bottom: 0;
}
div.spinner > div.panel > a img {
  width: 40px;
  height: 40px;
}
div.menuItem span.text {
  font-size: 15px;
  line-height: 40px;
  margin-left: 15px;
  text-transform: uppercase;
}

div.spinner:nth-child(1) {
  transform: rotateY(0deg);
}
div.spinner:nth-child(2) {
  transform: rotateY(45deg);
}
div.spinner:nth-child(3) {
  transform: rotateY(90deg);
}

div.spinner > div.panel.hide {
  -webkit-animation-name: hide; /* Chrome, Safari, Opera */
  -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
  animation-name: hide;
  animation-duration: 1s;
  opacity: 0;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes hide {
  from {opacity: 0.5;}
  to {opacity: 0;}
}

/* Standard syntax */
@keyframes hide {
  from {opacity: 0.5;}
  to {opacity: 0;}
}

.show {
  -webkit-animation-name: show; /* Chrome, Safari, Opera */
  -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
  animation-name: show;
  animation-duration: 1s;
  opacity: 1;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes show {
  from {opacity: 0;}
  to {opacity: 1;}
}

/* Standard syntax */
@keyframes show {
  from {opacity: 0;}
  to {opacity: 1;}
}

.show_back {
  -webkit-animation-name: show_back; /* Chrome, Safari, Opera */
  -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
  animation-name: show_back;
  animation-duration: 1s;
  opacity: 0.5;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes show_back {
  from {opacity: 0;}
  to {opacity: 0.5;}
}

/* Standard syntax */
@keyframes show_back {
  from {opacity: 0;}
  to {opacity: 0.5;}
}
/* ----------------------------------------------------------------
  Wizard pro změnolístky - soupaci
---------------------------------------------------------------- */

div.navigation {
  height: 30px;
  color: #525252;
  font-size: 13px;
}
div.navigation > span > a {
  font-size: 13px;
  color: #525252;
}
div.navigation > span > span.oddelovac {
  margin: 0 7px;
}

div.left_window {
  width: 230px;
  float: left;
}
div.left_window > div.left_window_btn {
  background-color: #eff4f7;
  padding: 10px;
  opacity: 0.5;
  box-sizing: border-box;
  float: left;
  width: 100%;
}
div.left_window > div.left_window_btn > a {
  float: left;
  clear: both;
  width: 210px;
  min-height: 32px;
  margin-bottom: 7px;
  text-decoration: none !important;
}

div.central_window {
  width: 715px;
  float: left;
  margin-left: 5px;
}
div.central_window > div.central_window_btn {
  background-color: #eff4f7;
  padding: 20px;
  float: left;
  width: 100%;
  /*box-sizing: border-box;*/
}
div.central_window > div.central_window_btn > a {
  float: left;
  clear: both;
  width: 400px;
  margin-bottom: 7px;
}
div.central_window > div.central_window_btn > a:last-child {
  margin-bottom: 0;
}
div.left_window > div.left_window_btn > a img {
  float: left;
  width: 32px;
  height: 32px;
  padding: 2px 5px 2px 2px  !important;
}
div.central_window > div.central_window_btn > a img {
  float: left;
  width: 40px;
  height: 40px;
  padding-right: 5px;
}
div.activeMenuItem span.text, div.leftMenuItemIsActive span.text, div.leftMenuItem span.text {
  font-size: 15px;
  margin-left: 15px;
  text-transform: uppercase;
  min-height: 32px;
  text-decoration: none;
}
div.left_window_btn div.leftMenuItemIsActive span.text, div.left_window_btn div.leftMenuItem span.text {
  font-size: 10px;
  text-align: center;
  text-decoration: none;
}
div.activeMenuItem {
	min-height: 90px !important;
}

div.activeMenuItem, div.activeMenuItem, div.leftMenuItem, div.leftMenuItemIsActive {
  background: #ffffff none;
  border: 0 none;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(30, 27, 28, 0.5);
  color: #323232;
  transition: opacity 0.2s ease 0s;
  color: #6f6f6f;
  text-shadow: none;
  min-height: 40px;
  text-align: left;
  text-decoration: none;
  padding: 3px;
}
div.activeMenuItem:hover, div.activeMenuItem:hover {
  box-shadow: 0 1px 3px 0 rgba(30, 27, 28, 0.6);
  color: #000;
  text-decoration: none !important;
}

.leftMenuItem a, .leftMenuItemIsActive a  {
	text-decoration: none !important;
}

div.leftMenuItemIsActive {
  box-shadow: 0 0 2px 0 rgba(30, 27, 28, 0.8);
  background: #eee none !important;
  color: #545454;
}
div.finalText span.nadpisKalkulacky {
  margin: 0;
}
div.finalText ul {
  padding-left: 20px;
}

.animateCentral1 {
  position: relative;
  -webkit-animation-name: backAnimationCentral; /* Chrome, Safari, Opera */
  -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
  animation-name: backAnimationCentral;
  animation-duration: 1s;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes backAnimationCentral {
  0%   {left: -300px; width: 142%; opacity: 0.5;}
  100% {left: 0px; width: 100%; opacity: 1;}
}

/* Standard syntax */
@keyframes backAnimationCentral {
  0%   {left: -300px; width: 142%; opacity: 0.5;}
  100% {left: 0px; width: 100%; opacity: 1;}
}
.animateLeftl1{
  position: relative;
  -webkit-animation-name: backAnimationLeft; /* Chrome, Safari, Opera */
  -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
  animation-name: backAnimationLeft;
  animation-duration: 1s;
  float: right;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes backAnimationLeft {
  0%   {left: -400px; width: 0%; opacity: 0.0;}
  100% {left: 0px; width: 100%; opacity: 0.5}
}

/* Standard syntax */
@keyframes backAnimationLeft {
  0%   {left: -400px; width: 0%; opacity: 0.0;}
  100% {left: 0px; width: 100%; opacity: 0.5}
}

.animateCentral0{
  position: relative;
  -webkit-animation-name: showAnimation; /* Chrome, Safari, Opera */
  -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
  animation-name: showAnimation;
  animation-duration: 1s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes showAnimation {
  0%  {left: 900px; width: 0%; opacity: 0;}
  25%   {left: 900px; width: 0%; opacity: 0;}
  100% {left: 0px; width: 100%; opacity: 1;}
}

/* Standard syntax */
@keyframes showAnimation {
  0%  {left: 900px; width: 0%; opacity: 0;}
  25%   {left: 900px; width: 0%; opacity: 0;}
  100% {left: 0px; width: 100%; opacity: 1;}
}

.animateLeft{
  -webkit-animation-name: leftAnimation; /* Chrome, Safari, Opera */
  -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
  animation-name: leftAnimation;
  animation-duration: 1s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes leftAnimation {
  0%   {left: 300px;
        font-size: 50px;
        width: 300%;
        opacity: 1;
  }
  50%  {left: 0px;
  }
  100% {left: 0px;
        font-size: 12px;
        width: 100%;
        opacity: 0.5;
  }
}

/* Standard syntax */
@keyframes leftAnimation {
  0%   {left: 300px;
        font-size: 50px;
        width: 300%;
        opacity: 1;
  }
  50%  {left: 0px;
  }
  100% {left: 0px;
        font-size: 12px;
        width: 100%;
        opacity: 0.5;
  }
}

.navigationAnimationBack{
  position: relative;
  -webkit-animation-name: navigationToRight; /* Chrome, Safari, Opera */
  -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
  animation-name: navigationToRight;
  animation-duration: 1s;
  opacity: 0;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes navigationToRight {
  from {left: 0px; opacity: 1;}
  to {left: 300px; opacity: 0;}
}

/* Standard syntax */
@keyframes navigationToRight {
  from {left: 0px; opacity: 1;}
  to {left: 300px; opacity: 0;}
}

.navigationItemLast{
  position: relative;
  -webkit-animation-name: lastNavigationItem; /* Chrome, Safari, Opera */
  -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
  animation-name: lastNavigationItem;
  animation-duration: 1s;
}
/* Chrome, Safari, Opera */
@-webkit-keyframes lastNavigationItem {
  from {left: 300px; opacity: 0;}
  to {left: 0px; opacity: 1;}
}

/* Standard syntax */
@keyframes lastNavigationItem {
  from {left: 300px; opacity: 0;}
  to {left: 0px; opacity: 1;}
}

.zzjNadpisArea {
  display: block;
}

.zzjTextArea {
  width: 350px;
  height: 50px;
}

.zzjTable td:first-child {
  padding-right: 20px;
}

/* ----------------------------------------------------------------
  Wizard pro změnolístky - pacicky
---------------------------------------------------------------- */

body{
  font-family: Arial;
}

.containerWizard {
  width: 900px;
  min-height: 900px;
  height: auto;
  position: relative;
  background-color: white;

}
div.containerWizard div.center, div.containerWizard .front, div.containerWizard .back {
  /*  left: 350px;
    top: 250px;*/
  /*  height: 200px;
    width: 200px;*/
  position: absolute;
  border-radius: 10px;
  font-size: 12px;
  vertical-align:middle;
  text-align: center;
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
  box-shadow: 0 1px 10px 0 rgba(0,0,0,0.6);
  color: #005320;
  box-sizing: border-box;
}

.containerWizard .center span, .containerWizard .front span, .containerWizard .back span, .containerWizard .nextSubMenu span{
  display: table;
  margin: 0 auto;
  text-align: center;
  width: 95%;
}

.containerWizard .center img, .containerWizard .front img, .containerWizard .nextSubMenu img{
  display: table-row;
  margin: 10px auto 0px;
  height: 60px;
  width: 60px;
}

.containerWizard .back img{
  display: table-row;
  margin: 36px auto 3px;
  height: 60px;
  width: 60px;}


.containerWizard .mainMenu {
  width: 180px;
  height: 180px;
  position: absolute;
  border-radius: 10px;
  font-size: 20px;
  transition: .5s all;
  text-align: center;
  box-shadow: 0 1px 10px 0 rgba(30, 27, 28, 0.30);
  background: #ffffff none;
  color: #005320;
  /*  padding: 55px 30px;*/
  box-sizing: border-box;
  transition: opacity 0.5s ease-in-out;
}


.containerWizard .mainMenu span{
  display: table;
  margin: 0 auto;
  text-align: center;
  width: 95%;
}

.containerWizard .mainMenu img{
  display: table-row;
  margin: 25px auto 0px;
  height: 70px;
  width: 70px;
}

.containerWizard .mainMenu:hover{
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
  box-shadow: 0 1px 10px 0 rgba(0,0,0,0.6);
}

.containerWizard .selected{
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
  box-shadow: 0 1px 10px 0 rgba(0,0,0,0.6);
}

.containerWizard .unselected{
  opacity: 0.2;
  -webkit-animation-name: hideMainMenu; /* Chrome, Safari, Opera */
  -webkit-animation-duration: 0.7s; /* Chrome, Safari, Opera */
  animation-name: hideMainMenu;
  animation-duration: 0.7s;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes hideMainMenu {
  from {  opacity: 1;}
  to { opacity: 0.2;}
}

/* Standard syntax */
@keyframes hideMainMenu {
  from {  opacity: 1;}
  to { opacity: 0.2;}
}

.containerWizard .subMenu:hover{
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
  box-shadow: 0 1px 10px 0 rgba(0,0,0,0.6);
}
.containerWizard .subMenu{
  position: absolute;
  width: 120px;
  height:120px;
  font-size: 12px;
  border-radius: 10px;
  vertical-align:middle;
  /*  padding: 15px 10px;*/
  text-align: center;
  -webkit-animation-name: subMenuShow; /* Chrome, Safari, Opera */
  -webkit-animation-duration: 0.5s; /* Chrome, Safari, Opera */
  animation-name: subMenuShow;
  animation-duration: 0.5s;
  box-shadow: 0 1px 10px 0 rgba(30, 27, 28, 0.30);
  background: #ffffff none;
  color: #005320;
  /*  box-sizing: border-box;*/
}

.containerWizard .subMenu span{
  display: table;
  margin: 0 auto;
  text-align: center;
  width: 95%;
}

.containerWizard .subMenu img{
  display: table-row;
  margin: 10px auto 0px;
  height: 55px;
  width: 55px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes subMenuShow {
  from {  opacity: 0;}
  to { opacity: 1;}
}

/* Standard syntax */
@keyframes subMenuShow {
  from {  opacity: 0;}
  to { opacity: 1;}
}

.containerWizard .nextSubMenu:hover{
  z-index: 999;
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%);
  box-shadow: 0 1px 10px 0 rgba(0,0,0,0.6);
}
.containerWizard .nextSubMenu{
  position: absolute;
  width: 125px;
  height:125px;
  font-size: 12px;
  border-radius: 10px;
  vertical-align:middle;
  transition:all 0.3s linear;
  text-align: center;
  box-shadow: 0 1px 10px 0 rgba(30, 27, 28, 0.30);
  background: #ffffff none;
  color: #005320;
  box-sizing: border-box;
}

.containerWizard .showMenu{
  -webkit-animation-name: subNextMenuShow; /* Chrome, Safari, Opera */
  -webkit-animation-duration: 1.2s; /* Chrome, Safari, Opera */
  animation-name: subNextMenuShow;
  animation-duration: 1.2s;
}

.containerWizard .nextSubMenu img{
  height: 40px;
  width: 40px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes subNextMenuShow {
  0%   {opacity: 0;}
  50%  {opacity: 0;}
  100% {opacity: 1;}
}

/* Standard syntax */
@keyframes subNextMenuShow {
  0%   {opacity: 0;}
  50%  {opacity: 0;}
  100% {opacity: 1;}
}

.containerWizard .packaText{

}

.containerWizard .finalText_Border{
  position: relative;
  text-align: left;
  background: white;
  margin-top: 15px;
  /*  box-shadow: 0 0 40px #015b24;*/
}

.containerWizard .finalText_Border img{
  width: 50px;
  height: 50px;
  vertical-align: middle;
  margin-right: 20px;
}

/* Chrome, Safari, Opera */
@-webkit-keyframes finalBorder {
  from {  border-radius: 10px;}
  to {  border-radius: 0%;}
}

/* Standard syntax */
@keyframes finalBorder {
  from {  border-radius: 10px;}
  to {  border-radius: 0%;}
}

.containerWizard .finalText_textHeader{
  color: #006929;
  font-size: 22px;
  font-weight: normal;
  text-align: left;
  text-transform: uppercase;
}

.containerWizard .headerInput{
  width: 290%;
  box-shadow: 0px 0px 5px #006929;
}

.containerWizard .finalText_Text{
  font-size: 15px;
  text-align: left;
  text-transform: none;
  letter-spacing: 0px;
  font-style: normal;
}

.containerWizard .finalText_Text ul{
  padding-left: 40px;
}


.containerWizard .finalTextSubMenuHeader{
  color: #007823;
  font-size: 20px;
  line-height: 37px;
  position: relative;
  text-decoration: none;
  cursor: pointer;
}

.containerWizard .finalTextSubMenu{
  color: #343434;
  font-size: 22px;
  font-weight: normal;
  text-transform: uppercase;
  font-family: 'Orienta', sans-serif;
  letter-spacing: 1px;
  font-style: italic;
}

.containerWizard .finalText_subMenuBorder{
  margin-bottom: 25px;
  margin-top: 15px;
}

.containerWizard .finalTextSubMenuHeader img{
  margin-right: 15px;
}

/*tlacitka*/
.containerWizard .backButton{

  float: left;
  width: 80px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  text-align: center;
  transition: .5s all;
  position: absolute;
  border-top: 1px solid #6b0606;
  background: #7d2020;
  background: -webkit-gradient(linear, left top, left bottom, from(#c74040), to(#7d2020));
  background: -webkit-linear-gradient(top, #c74040, #7d2020);
  background: -moz-linear-gradient(top, #c74040, #7d2020);
  background: -ms-linear-gradient(top, #c74040, #7d2020);
  background: -o-linear-gradient(top, #c74040, #7d2020);
  padding: 4.5px 9px;
  -webkit-border-radius: 31px;
  -moz-border-radius: 31px;
  border-radius: 31px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: #ffffff;
  text-decoration: none;
  vertical-align: middle;
}

.containerWizard .backButton:hover{
  background: #ad2929;
  background: -webkit-gradient(linear, left top, left bottom, from(#f04848), to(#ad2929));
  background: -webkit-linear-gradient(top, #f04848, #ad2929);
  background: -moz-linear-gradient(top, #f04848, #ad2929);
  background: -ms-linear-gradient(top, #f04848, #ad2929);
  background: -o-linear-gradient(top, #f04848, #ad2929);
}

.containerWizard .editIsActiveButton{
  float: right;
  width: 80px;
  height:40px;
  line-height: 40px;
  font-size: 20px;
  text-align: center;
  border-top: 1px solid #27821f;
  background: #279423;
  background: -webkit-gradient(linear, left top, left bottom, from(#45f74e), to(#279423));
  background: -webkit-linear-gradient(top, #45f74e, #279423);
  background: -moz-linear-gradient(top, #45f74e, #279423);
  background: -ms-linear-gradient(top, #45f74e, #279423);
  background: -o-linear-gradient(top, #45f74e, #279423);
  padding: 4.5px 9px;
  -webkit-border-radius: 31px;
  -moz-border-radius: 31px;
  border-radius: 31px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: #ffffff;
  text-decoration: none;
  vertical-align: middle;
}
.containerWizard .editIsNotActiveButton{
  float: right;
  width: 80px;
  height:40px;
  line-height: 40px;
  font-size: 20px;
  text-align: center;
  border-top: 1px solid #000000;
  background: #9e9e9e;
  background: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), to(#9e9e9e));
  background: -webkit-linear-gradient(top, #e0e0e0, #9e9e9e);
  background: -moz-linear-gradient(top, #e0e0e0, #9e9e9e);
  background: -ms-linear-gradient(top, #e0e0e0, #9e9e9e);
  background: -o-linear-gradient(top, #e0e0e0, #9e9e9e);
  padding: 4.5px 9px;
  -webkit-border-radius: 31px;
  -moz-border-radius: 31px;
  border-radius: 31px;
  -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
  -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
  box-shadow: rgba(0,0,0,1) 0 1px 0;
  text-shadow: rgba(0,0,0,.4) 0 1px 0;
  color: #636363;
  text-decoration: none;
  vertical-align: middle;
}

.containerWizard div.flip-container {
  display: block;
  position: relative;
  z-index: 1000;
  width: 150px;
  height: 150px;
}
.containerWizard div.flip-container .back, .containerWizard div.flip-container .front   {
  -moz-backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transition: -moz-transform 500ms;
  -o-transition: -o-transform 500ms;
  -webkit-transition: -webkit-transform 500ms;
  transition: transform 500ms;
  position: absolute;
}
.containerWizard .flip-container .front {
  width: 150px;
  height: 150px;
  -moz-transform: perspective(300) rotateY(0);
  -webkit-transform: perspective(300) rotateY(0);
  transform: perspective(300) rotateY(0);
  z-index: 900;
}
.containerWizard .flip-container .back {
  width: 150px;
  height: 150px;
  -moz-transform: rotateY(-180deg);
  -webkit-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  z-index: 800;
}
.containerWizard .flip-container div.flipper{
  width: 150px;
  height: 150px;
}
.containerWizard .flip-container div.flipper:hover .front {
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.containerWizard .flip-container div.flipper:hover .back {
  z-index: 950;
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

/* ----------------------------------------------------------------
        Manualy
---------------------------------------------------------------- */
.manualContent{
  padding-top: 20px;
}

.manualContent .manualSekce{
  width: 49%;
  float: left;
}
.manualContent .manualSekceBlok{
  margin: 19px 0 5px 30px;
}

.manualContent .manualSekceNazev{
  padding-bottom: 20px;
  margin-left: 10px;
}

.manualContent .manualPolozkaContent{
  margin-left: 70px;
  padding: 5px 0;
}

.manualContent .manualPolozka{
  background: url("../../images/knz/icons/sjednavam_bullet.png") no-repeat scroll 6px 6px rgba(0, 0, 0, 0);
  list-style: none outside none;
  margin: 4px 0;
  padding: 1px 4px 1px 16px;
  color: #525252;
  font-size: 14px;
}

/* ----------------------------------------------------------------
        Komponenta ruian
---------------------------------------------------------------- */

/* Nalezeno, ale neni kompletni */
input.ruNalezeno {
  border: 1px solid #e29898 !important;
  background-color: #ffe8e8 !important;
}
input.ruNalezenoBezZony {
  border: 1px solid #cbc765 !important;
  background-color: #fffdcb !important;
}

/* Nalezeno kompletni */
input.ruNalezenoKompletni {
  border: 1px solid #4db165 !important;
  background-color: #e4ffea !important;
}
input.ruViceAdres {
  border: 1px solid #e29898 !important;
  background-color: #ffe8e8 !important;
}
input.ruMimoCR {
  border: 1px solid #cbc765 !important;
  background-color: #fffdcb !important;
}
input.ruNenalezeno {
  border: 1px solid #cbc765 !important;
  background-color: #fffdcb !important;
}
.tableRuian sup {
  font-size: 0.6em;
}
.ruClassNaseptavac input.rf-au-inp {
  width: 652px !important;
  background: #FFFFFF;
  vertical-align: baseline;
  height: 16px;
}
.rf-au-fld {
  width: 100px !important;
}
.rf-au-inp {
  width: 100% !important;
  padding-right: 20px !important;
}
.rf-au-lst-scrl{
  max-height:300px !important;
  width:100% !important;
}
.ruCanvasMap {
  border: 1px solid black;
}

/* ----------------------------------------------------------------
        prijate zpravy uzivatele
---------------------------------------------------------------- */

.typ-zpravy {
  width: 33px;
  float: left;
  padding-top: 3px;
}
.panel-zprava {
  box-sizing: border-box;
  padding-left: 12px;
  width: calc(100% - 33px);
  float: left;
}
.oddelovac {
  clear: both;
  margin-bottom: 12px;
}

/** Puvodni tabulka se zpravama */
.prijate-zpravy-container {
	display: flex !important;
	align-items: stretch;
	justify-content: flex-start;
}

.prijate-zpravy-container .ui-button-text-only .ui-button-text {
	padding: 0.8em 1em !important;
}

.prijate-zpravy-container .ui-state-default,
.prijate-zpravy-container .ui-widget-content .ui-state-default,
.prijate-zpravy-container .ui-widget-header .ui-state-default {
    border-right: 1px solid #f5f5f5 !important;
    font-weight: bold !important;
    background: #c4c4c4;
    color: #4f4f4f;
    text-shadow: none !important;
}

.prijate-zpravy-container .ui-state-active,
.prijate-zpravy-container .ui-widget-content .ui-state-active,
.prijate-zpravy-container .ui-widget-header .ui-state-active {
    border-right: 1px solid #f5f5f5 !important;
    background: #8b8b8b;
    font-weight: bold !important;
    color: #1c4257;
    text-shadow: none !important;
}

.prijate-zpravy-container .ui-state-hover,
.prijate-zpravy-container .ui-state-active {
    border-color: #85b2cb !important;
}

.prijate-zpravy-container .ui-state-hover {
	background-color: #85b2cb !important;
	color: white !important;
}

.prijate-zpravy-container .ui-corner-left {
    -moz-border-radius-topleft: 0px !important;
    -webkit-border-top-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
    -webkit-border-bottom-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.prijate-zpravy-container .ui-corner-right {
    -moz-border-radius-topright: 0px !important;
    -webkit-border-top-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    -moz-border-radius-bottomright: 0px !important;
    -webkit-border-bottom-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.prijate-zpravy-container .ui-state-active {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.prijate-zpravy-container .ui-selectonebutton {
	padding: 0px !important;
}

.prijate-zpravy-container .ui-state-highlight {
     background: #ddd none !important;
}
.prijate-zpravy-container .zpravy-tabulka th[role="columnheader"] {
	margin: 0px !important;
	padding: 0px !important;
	border: 0 !important;
	height: 0px !important;
	background: none !important;
}

.prijate-zpravy-container .ui-widget-header  {
    border: none !important;
    background: none !important;
    /* color:#333; */
    font-weight: bold;
    text-shadow: none !important;
}

.width-40Procent {
	width: 40%;
	display: inline-block;
}
.border-vpravo {
	border-right: 1px solid #ccc;
    padding-right: 6px;
}

.zpravy-tabulka .ui-datatable-tablewrapper {
	border: 0 !important;
	border-radius: 0px !important;
}
.zprava-detail {
	width: 60%;
	padding: 0px 5px;
	display: inline-block;
	min-height: 450px;
	max-height: 615px;
	overflow-y: auto;
	overflow-x: hidden;
    border-left: 1px solid #ccc;
    margin-left: -1px;
    padding-left: 6px;
}
.empty-detail {
	background: #f5f5f5;
	display: block;
	height: 100%;
	color: #ccc;
	line-height: 600px;
	text-align: center;
	font-weight: normal;
	font-size: 3.6em;
}
.detail-actions {
	width: 100%;
    display: block;
    table-layout: fixed;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	position: relative;
    padding: 0.478em 1em !important;
}
.detail-actions .ui-button:nth-child(1) {
	display: table-cell;
	margin: auto;
	width: 30%;
	text-align: left;
}

.detail-actions .ui-button:nth-child(2) {
	display: table-cell;
	margin: auto;
	width: 70%;
	text-align: left;
}
.prime-button {
 	border: 1px solid #f5f5f5;
 	background: #c4c4c4 !important;
    font-weight: bold;
    color: #4f4f4f;
    text-shadow: none;
    padding: 0px 5px;
}
.prime-button:hover, .potvrdit-button:hover {
    border: 1px solid #f5f5f5;
    background: #85b2cb !important;
    font-weight: bold;
    color: #1c4257;
    text-shadow: none;
    text-decoration: none !important;
}
.potvrdit-button:hover {
	border: none !important;
}
.prime-button-label {
	font-size: 1.1em;
    font-weight: bold;
    color: #1c4257;
    text-decoration: none;
    position: relative;
    text-transform: none
}
.prime-button-label:hover {
    text-decoration: none !important;
}


.potvrdit-button {
	background-color: #c4c4c4;
	color: #4f4f4f;
	padding: 2px;
	display: block;
	cursor: pointer;
	border-radius: 0px;
	margin: 0 auto;
	width: 140px;
    margin-top: 1em;
    margin-bottom: 0.5em;
}
.potvrdit-button > table {
	margin: 0 auto;
}
.potvrdit-button .potvrzeni-button-text {
	color: white;
	font-weight: bold;
	text-transform: none;
	font-size: 1.1em;
}

.displayTable {
    display:table;
    table-layout: fixed;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
  	width: 100%;
}

.displayTable > * {
	display: table-cell;
}

.prijate-zpravy-buttons {
    padding-bottom: 10px;
}
/*.zpravy-tabulka thead th {
	padding: 0px;
}
.zpravy-tabulka table,
.zpravy-tabulka table tr,
.zpravy-tabulka table td,
.zpravy-tabulka table tbody {
	border: 0px;
}*/
/*.zpravy-tabulka .ui-datatable-data tr {
	background: #fff;
	border: none;
    border-bottom: 1px solid #ccc;
}*/
/*.zpravy-tabulka .ui-datatable-data tr td {
	color: #3c3c3c;
	padding: 4px !important;
}*/

/* ----------------------------------------------------------------
	Zpravy
---------------------------------------------------------------- */

/*span.priorita_1 {
  background: url("../../images/knz/icons/icon_zprava_priorita_vysoka.png") no-repeat left center;
  padding-left: 28px;
  color: #dc4114;
}
span.priorita_2 {
  background: url("../../images/knz/icons/icon_zprava_priorita_stredni.png") no-repeat left center;
  padding-left: 28px;
  color: #00772f;
}
.cpp span.priorita_2 {
  background: url("../../images/knz/icons/cpp/icon_zprava_priorita_stredni.png") no-repeat left center;
  color: #005596;
}
span.priorita_3 {
  background: url("../../images/knz/icons/icon_zprava_priorita_nizka.png") no-repeat left center;
  padding-left: 28px;
  color: #616161;
}*/
div.ui-accordion > div.ui-accordion-header > div.icons {
  float: right;
  height: 20px;
  margin-right: 35px;
}
span.ui-icon.delete {
  background: url("../../images/knz/icons/sprite_buttons.png") no-repeat -189px -8px;
  width: 18px;
  height: 17px;
  margin-top: -9px;
}
span.ui-icon.confirm {
  background: url("../../images/knz/icons/sprite_buttons.png") no-repeat -189px -37px;
  width: 19px;
  height: 17px;
}

/* ----------------------------------------------------------------
	Zpravy - popup panel
---------------------------------------------------------------- */

/*.zprava-box {
	clear: both;
	font-size: 14px;
  font-family: KoopPro;
  color: #616161;
}*/
/*.zprava-telo {
  color: #616161;
  font-size: 16px;
}*/


.zpravy-tabulka-filter {
    width: 100%;
	position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.zpravy-tabulka-filter .ui-button {
	margin: auto;
	width: 33%;
	text-align: left;
	float: left;
}
.zpravy-tabulka-filter .ui-state-active span {
	color: white !important;
}
.zpravy-tabulka-filter .ui-button::after {
	content: "";
	display: inline-block;
	position: absolute;
	height: 1.5em;
	line-height: 1.5em;
    top: 0.65em;
    right: 4px;
    padding: 0 6px 0 5px;
    font-size: 13px;
    font-weight: bold;
    color: white;
	text-align: center;
}
.zpravy-tabulka-filter .ui-state-active.ui-button:nth-child(1)::after {
	color: white;
}
.zpravy-tabulka-filter .ui-button:nth-child(1)::after {
	color: black;
}

.zpravy-tabulka-filter .ui-button:nth-child(2)::after {
	background-color: #FF9900;
}
.zpravy-tabulka-filter .ui-button:nth-child(3)::after {
	background-color: #FF6666;
}

.sortIcon {
    background-image:  url("/KnzWEB/faces/javax.faces.resource/img/arrow-buttons.png?ln=adm&version=2.506260842") !important;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
}

.sortIconAsc {
    display: inline-block;
    background-position: 32% 54%;
}

.sortIconDesc {
    display: inline-block;
    background-position: 21% 54%;
}
#zpravyPoPrihlaseniForm {
	padding-left: 10px;
	padding-right: 10px;
}

#zpravyPoPrihlaseniForm .ui-datalist .ui-datalist-footer {
	padding: 0px !important;
	border: 0px !important;
	background: none !important;
}
.overflow-ellipsis {
	white-space: nowrap;
	overflow:hidden !important;
	text-overflow: ellipsis;
}

/*.typ_AKTUALITA .tooltip,
.typ_UPOZORNENI .tooltip,
.typ_POKYN .tooltip {
  	visibility: hidden;
  	width: 100px;
  	background-color: #ccc;
  	color: #fff;
  	text-align: center;
  	padding: 0;
  	border-radius: 6px;
  	position: absolute;
  	z-index: 999 !important;

    top: 100%;
    left: 50%;
    margin-left: -168px;  Use half of the width (120/2 = 60), to center the tooltip
}

.typ_AKTUALITA .tooltip::after,
.typ_UPOZORNENI .tooltip::after,
.typ_POKYN .tooltip::after {
    content: " ";
    position: absolute;
    bottom: 100%;   At the top of the tooltip
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #ccc transparent;
}*/

.typ_AKTUALITA:hover .tooltip,
.typ_UPOZORNENI:hover .tooltip,
.typ_POKYN:hover .tooltip {
	visibility: visible;
}

.menu ul li.zpravyMenuItem::after {
	content: "";
    font-family: KoopPro, Calibri, Arial;
    font-size: 0.8375rem;
    font-weight: bold;
    padding: 0px 6px 0 6px;
    text-align: center;
    color: white;
	background-color: #FF9900;
}

.zprava-telo h1 {
    all: initial;
    display: block;
    font-weight: bold;
    font-size: 2em;
    text-transform: inherit;
    color: inherit;
    margin: 0.67em 0;
    -webkit-margin-before: 0.67em;
    -webkit-margin-after: 0.67em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

.zprava-telo strong, .zprava-telo b {
	font-size: inherit !important;
	color: inherit !important;
	font-weight: bold;
  display: initial !important;
}

.zprava-telo a
{
	color: #0782C1;
}

.zprava-telo ol,
.zprava-telo ul,
.zprava-telo dl
{
	/* IE7: reset rtl list margin. (#7334) */
	*margin-right: 0px;
	/* preserved spaces for list items with text direction other than the list. (#6249,#8049)*/
	padding: 0 40px;
}

.zprava-telo h1,
.zprava-telo h2,
.zprava-telo h3,
.zprava-telo h4,
.zprava-telo h5,
.zprava-telo h6
{
	font-weight: normal;
	line-height: 1.2;
}

.zprava-telo hr
{
	border: 0px;
	border-top: 1px solid #ccc;
}

.zprava-telo img.right
{
	border: 1px solid #ccc;
	float: right;
	margin-left: 15px;
	padding: 5px;
}

.zprava-telo img.left
{
	border: 1px solid #ccc;
	float: left;
	margin-right: 15px;
	padding: 5px;
}

.zprava-telo pre
{
	white-space: pre-wrap; /* CSS 2.1 */
	word-wrap: break-word; /* IE7 */
	-moz-tab-size: 4;
	-o-tab-size: 4;
	-webkit-tab-size: 4;
	tab-size: 4;
}

.zprava-telo .marker
{
	background-color: Yellow;
}

.zprava-telo span[lang]
{
	font-style: italic;
}

.zprava-telo figure
{
	text-align: center;
	border: solid 1px #ccc;
	border-radius: 2px;
	background: rgba(0,0,0,0.05);
	padding: 10px;
	margin: 10px 20px;
	display: inline-block;
}

.zprava-telo figure > figcaption
{
	text-align: center;
	display: block; /* For IE8 */
}

.zprava-telo a > img {
	padding: 1px;
	margin: 1px;
	border: none;
	outline: 1px solid #0782C1;
}
.cpp div.ui-datatable.zpravy-tabulka th.ui-state-default {
    height: 64px;
    padding: 0;
    background: #eff4f7;
}

.hipDohoda .tabulka_partner .email_pozice{
  margin-left: -8px;
}

/* ----------------------------------------------------------------
	platba mPOS
---------------------------------------------------------------- */

#mposWizard {
  position: relative;
  width: auto;
  height: 140px;
  left: 40px;
}
.mposWizard{
  font-size: 15px;
}
.mposWizard li {
  position: relative;
  height: 50px;
  background: #e1e1e1;
  display: inline-block;
  color: #5c5c5c;
  font-size: 15px;
  text-align: center;
  line-height: 50px;
  width: calc(33% - 6px);
  margin: 0 9px 0 0;
  padding: 0;
}

.mposWizard .mPosVpp{
  margin-top: 50px;
  clear: both;
}

.mposWizard .mPosVpp li {
  clear: both;
  float: left;
  height: 30px;
  background: #ffffff;
  display: inline;
  font-size: 15px;
  text-align: left;
  line-height: 30px;
  border: solid grey 1px;
  padding: 0 0 0 6px;
  margin: -1px 0 -1px 0;
  width: 100%;
}
.mposWizard li:first-child {
  border-radius: 4px 0 0 4px;
}
.mposWizard .mPosVpp li:first-child {
  border-radius: 0;
}
.mposWizard li:last-child {
  border-radius: 0 4px 4px 0;
  margin: 0;
  width: 33.3%;
}
.mposWizard .mPosVpp li:last-child {
  border-radius: 0;
  margin: 0;
  width: 100%;
}
li.mposWizard:first-child:after, li.mposWizardMiddle:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 25px 0 25px 18px;
  border-color: transparent transparent transparent #e1e1e1;
  right: -18px;
  z-index: 100;
}
li.mposWizard:last-child:before, li.mposWizardMiddle:before  {
  content: "";
  position: absolute;
  left: 0;
  border-style: solid;
  border-width: 25px 0 25px 18px;
  border-color: transparent transparent transparent white;
  right: -30px;
}
li.ui-state-highlight {
  background: #00772f;
  color: #fff;
}
.mposWizard .ui-state-highlight::after, .mposWizard .ui-state-highlight:first-child:after {
  border-style: solid;
  border-width: 25px 0 25px 18px;
  border-color: transparent transparent transparent #00772f;
}
div.ui-wizard-content {
  margin-top: 40px;
}

table.customRadioGrid .ui-radiobutton .ui-radiobutton-box {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  border-radius: 50%;
  background-color:#fff;
  cursor: pointer;
  border: 1px solid #a8a8a8;
}
table.customRadioGrid .ui-radiobutton .ui-radiobutton-box.ui-state-disabled {
  background-color: #e0e0e0;
}

table.customRadioGrid .ui-radiobutton .ui-radiobutton-box.ui-state-active > span.ui-radiobutton-icon,
span.nadpisI .ui-radiobutton .ui-radiobutton-box.ui-state-active > span.ui-radiobutton-icon {
  background: #006929 none;
  border: 3px solid #fff;
  box-sizing: border-box;
  margin: 1px;
}

table.customRadioGrid .ui-radiobutton .ui-radiobutton-box.ui-state-hover {
  box-shadow: none;
}
table.customRadioGrid label {
  margin: 0 0 0 10px;
  font-size: 14px;
  color: #272727;
}
table.customRadioGrid td:nth-child(odd) {
  padding-left: 20px;
}
table.customRadioGrid td:first-child {
  padding-left: 0;
}
.mposWizard .leftAndClear{
  float: left;
  clear: both;
  width: 100%;
}

.mposWizard .uhradaInfo .tooltipIcon{
  margin-right: 10px;
}

.mposWizard .prodejNaDalku{
  margin: 5px 0 0 10px;
}

.mposWizard .popupPanelButtons{
  position: relative;
  padding: 0;
}

.mposWizard .pdfNahled{
  width:100%;
  height:500px;
  overflow:auto;
  /*zamezeni oznaceni*/
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.mposWizard .pdfNahled .jrPage{
  margin: 0 auto;
}

.mposWizard .wizardPrepazka{
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 15px;
}

.mposWizard .seznameniBorder{
  width: 100%;
  margin: 10px 0;
}
.mposWizard .seznameniBorder .seznameniSObsahem{
  float: left;
  margin-right: 10px;
}
.mposWizard .seznameniBorder .tooltipIcon{
  margin-right: 6px;
}

.mposWizard .qrCodeOdpocet{
  padding: 20px 0;
}

.panelUhrada {
  display: table;
  margin: 0 auto;
  padding: 20px 0 30px;
}

.mposWizard .panelUhrada .tooltipIcon{
  margin-left:  10px;
}

.mposWizard .seznameniBorder .novyCheckbox{
  margin-bottom: 10px
}

.mposWizard .qrNadpis{
  font-size: 20px;
  margin: 30px 0;
  display: block;
}

.mposWizard .qrCode{
  height: 300px;
  width: 300px;
}

.mposWizard .qrScan{
  font-size: 16px;
  margin: 0 0 16px 10px;
}

.popupPanelContent .mposInfo{
  text-align: center;
  width: 100%;
  clear: both;
  font-size: 24px;
  line-height: 50px;
  margin-bottom: 15px;
}

.popupPanelContent .mposPrepazkaBorder{
  border: solid #01662c 2px;
  border-radius: 15px;
  padding: 10px;
  margin: 10px 0;
}

.popupPanelContent .mposPrepazkaImg, .mposWizard .mposPrepazkaImg{
  float: left;
  display: block;
}

.popupPanelContent .popupMposDokumentace{
  padding: 36px 0;
}
.popupPanelContent .varovaniEmail{
  color: red;
  height: 20px;
}
.mposWizard .mposSeznameni{
  border: solid #01662c 2px;
  float: left;
  padding: 15px 20px;
  border-radius: 8px;
  background-color: white;
  position: relative;
  line-height: 20px;
}

.mposWizard .mposSeznameni:before {
  top: 10px;
  content: "";
  position: absolute;
  left: -17px;
  display: block;
  border-style: solid;
  border-width: 15px 15px 15px 0;
  border-color: transparent #01662c transparent transparent;
}

.mposWizard .mposSeznameni:after {
  top: 9px;
  content: "";
  position: absolute;
  left: -14px;
  display: block;
border-style: solid;
border-width: 16px 16px 16px 0;
border-color: transparent white transparent transparent;
}

/*povinne prilohy*/
.prilohyKategorie .novyCheckbox .povinny{
  color: red;
  font-weight: bold;
}

/* vouchery */
.voucheryMenu {
    border: solid grey 1px;
    float: left;
    border-radius: 10px;
}

.voucheryMenu .voucherMenuItem {
    clear: both;
    height: 30px;
    display: flex;
}

.voucheryMenu .ui-datalist-item{
    border-bottom: solid gray 1px;
}

.voucheryMenu .ui-datalist-item:last-child {
  border-bottom: none;
}

.voucheryMenu .voucherMenuItem .voucherMenuIcon{
    float: left;
    margin-left: 10px;
    width: 50px;
}
.voucheryMenu .voucherMenuItem .voucherMenuIcon img{
    max-width: 30px;
    margin-top: 6px;
    max-height: 20px;
}

.voucheryMenu .voucherMenuItem .voucherMenuBtn{
    float: left;
    margin: 7px 10px;
    background: none;
    text-align: left;
    width: 100%;
}
.voucheryMenu .voucherMenuItem .voucherMenuBtn span{
    color: green;
}

/*.voucherTableChbox .ui-chkbox-box{
    background: white;
    border: solid black 1px;
}*/

.voucherTableChbox .ui-chkbox-box.ui-state-disabled{
    display: none;
}

.voucheryTable th {
    vertical-align: middle !important;
    font-size: 12px !important;
    color: #4f4f4f !important;
}

.voucherFilterList {
    clear: both;
}

.voucherFilterList .filtryText{
    display: block;
    float: left;
    margin: 0 auto;
    padding: 7px;
}

.voucherFilterList .voucherFilterItem {
    background-color: #e5e5e5;
    text-transform: uppercase;
    color: #272727;
    font-size: 13px;
    padding: 0 10px;
    height: 26px;
    line-height: 26px;
    border-radius: 3px;
    margin: 0 18px 3px 0;
    float: left;
    transition: 0.5s ease-in-out;
}

.tree_organizace.ui-tree {
	width: 100%;
}
.tree_organizace .ui-treenode-content {
	border: none;
}
.detailUzelTable {
	table-layout: auto;
	border-collapse: collapse;
	width: 100%;
}
.detailUzelTable td {
    padding: 4px 10px;
    overflow: hidden;
    border: none;
    color: #3c3c3c;
}
.detailUzelTable tr {
    background: #fff;
    border: none;
    border-bottom: 1px solid #ccc;
}

.detail-uzel-dialog .ui-dialog-content {
   	padding: 0 40px 25px 40px !important;
}


/*styl priloh*/
/*.doplnitPrilohy .prilohyKategorie .novyCheckbox {
    display: flex;
    flex-flow: nowrap;
    height: 20px;
    align-items: center;
}*/

/* predov smluv */

.prevodSmluv .prevodSmluvGrid td{
    width: 100px;
}

.prevodSmluv .odsazeniBtn{
    padding-top: 15px;
}

.prevodSmluv .odsazeni{
    margin-top: 15px;
}

.rozhodnaDobaGl3 div.ui-g div span:nth-child(1){
  font-weight: bold;
}

table#roky4  {
  border-collapse: collapse;
  border: 1px solid #ccc;
}

table#roky4 th, table#roky4 td {
  padding: 10px;
  text-align: left;
}
table#roky4 tr:nth-child(even) {
  background-color: #f4f4f4;
}
table#roky4 tr:nth-child(odd) {
  background-color: #fff;
}
table#roky4 th {
  background-color: #def0e6;
}