@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------------------------
	SVG (tisky)
---------------------------------------------------------------- */
.prima svg {
  width: 20px;
}

.komfort svg {
  width: 20px;
}
/* ------------------------------------------------------------- */

/*@font-face {
    font-family: 'KoopPro';
    src: url('fonts/koop_pro_regular-webfont.eot');
    src: url('fonts/koop_pro_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/koop_pro_regular-webfont.woff') format('woff'),
         url('fonts/koop_pro_regular-webfont.ttf') format('truetype'),
         url('fonts/koop_pro_regular-webfont.svg#koop_proregular') format('svg');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'KoopPro';
    src: url('fonts/koop_pro_bold-webfont.eot');
    src: url('fonts/koop_pro_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/koop_pro_bold-webfont.woff') format('woff'),
         url('fonts/koop_pro_bold-webfont.ttf') format('truetype'),
         url('fonts/koop_pro_bold-webfont.svg#koop_probold') format('svg');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'KoopPro';
    src: url('fonts/koop_pro_light-webfont.eot');
    src: url('fonts/koop_pro_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/koop_pro_light-webfont.woff') format('woff'),
         url('fonts/koop_pro_light-webfont.ttf') format('truetype'),
         url('fonts/koop_pro_light-webfont.svg#koop_prolight') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'KoopOffice';
    src: url('fonts/koop_office_regular-webfont.eot');
    src: url('fonts/koop_office_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/koop_office_regular-webfont.woff2') format('woff2'),
         url('fonts/koop_office_regular-webfont.woff') format('woff'),
         url('fonts/koop_office_regular-webfont.ttf') format('truetype'),
         url('fonts/koop_office_regular-webfont.svg#koop_probold') format('svg');
    font-weight: normal;
    font-style: normal;
    
}


@font-face {
  font-family: 'OpenSans';
  src: url('fonts/opensans-light-webfont.eot');
  src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/opensans-light-webfont.woff2') format('woff2'),
    url('fonts/opensans-light-webfont.woff') format('woff'),
    url('fonts/opensans-light-webfont.ttf') format('truetype'),
    url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
  font-weight: 300;
  font-style: normal;

}

@font-face {
  font-family: 'OpenSans';
  src: url('fonts/opensans-regular-webfont.eot');
  src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/opensans-regular-webfont.woff2') format('woff2'),
    url('fonts/opensans-regular-webfont.woff') format('woff'),
    url('fonts/opensans-regular-webfont.ttf') format('truetype'),
    url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: url('fonts/opensans-bold-webfont.eot');
  src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/opensans-bold-webfont.woff2') format('woff2'),
    url('fonts/opensans-bold-webfont.woff') format('woff'),
    url('fonts/opensans-bold-webfont.ttf') format('truetype'),
    url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'OpenSans';
  src: url('fonts/opensans-semibold-webfont.eot');
  src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
    url('fonts/opensans-semibold-webfont.woff') format('woff'),
    url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
    url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
  font-weight: 600;
  font-style: normal;
}*/

/* IE<=8 HTML5 reset */
article, aside, dialog, figure, footer, header, hgroup, main, nav, section { display: block; zoom: 1; }

/* Chrome fix */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
 	input[type="password"] {
		font-family: Calibri, Arial;
	}
}

/*body input[type="text"], 
body input[type="password"],
body textarea,
body select,
.ui-selectonemenu  In PrimeFaces  {
  border-radius: 2px;
}*/
/*a, a:visited, .ui-widget-content a {
	color: #006929;
	font-size: 12px;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
  color: #006929;
}*/

/*.cpp a, .cpp a:visited {
  color: #525252;
}
.cpp a:hover {
  color: #0f5e9b;
}*/
/*html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: Calibri, Arial;
  font-size: 12px;
}*/

/* ----------------------------------------------------------------
	Radio buttons
---------------------------------------------------------------- */

/*body .novyRadio td {
  border: none;
  margin-bottom: 5px;
}
body .novyRadio td:last-child {
  margin-bottom: 0;
}
body .novyRadio input[type='radio'] {
  visibility: hidden; 
  position: absolute;
}
body .novyRadio input[type="radio"] + label {
  padding-right: 5px;
  cursor: pointer;
}
body .novyRadio input[type="radio"] + label:before{
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: -3px 4px 0 0;
  vertical-align: middle;
  border-radius: 50%;
  background-color:#fff;
  box-shadow: 0 0 0 1px #ccc;
  box-sizing: border-box;
} 
body .novyRadio input[type=radio]:checked + label:before {  
  background-color: #006929;
  border: 4px solid #fff;
  box-shadow: 0 0 0 1px #ccc;
  box-sizing: border-box;
  content: "";
}
body.cpp .novyRadio input[type=radio]:checked + label:before { 
  background-color: #135290;
}
body .novyRadio input[type=radio]:checked:disabled + label:before {
  color: #a5a5a5;
}
body .novyRadio input[type=radio]:disabled, 
body .novyRadio input[type=radio]:disabled label:before, 
body .novyRadio input[type=radio]:disabled + label {
  cursor: default;
  opacity: 0.5;
}*/

/* ----------------------------------------------------------------
	Checkbox
---------------------------------------------------------------- */

/*.novyCheckbox {
  position: relative;
}
.novyCheckbox input {
  visibility: hidden;
}
.novyCheckbox label {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 3px;
  cursor: pointer;
  height: 18px;
  left: 0;
  position: absolute;
  top: 0;
  width: 18px;
}
.novyCheckbox label::after {
  border-color: transparent transparent #006929 #006929;
  border-image: none;
  border-style: none none solid solid;
  border-width: 0 0 3px 3px;
  content: "";
  height: 4px;
  left: 4px;
  opacity: 0;
  position: absolute;
  top: 4px;
  transform: rotate(-45deg);
  width: 8px;
}
.cpp .novyCheckbox label::after {
  border-color: transparent transparent #005596 #005596;
}
.novyCheckbox .nadpis_panelu {
    margin-left: 30px; Make room for the checkbox 
}
.novyCheckbox input:not([disabled]) label:hover::after {
  opacity: 0.3;
}
.novyCheckbox input[type="checkbox"]:checked + label::after {
  opacity: 1;
}
span.checkboxLabel {
  font-size: 13px;
  display: inline-block;
  padding: 2px 0 0 7px;
}
.novyCheckbox input:disabled + label {
  background-color: #efefef;
  cursor: default;
}
.novyCheckbox.nadpisII label {
  left: 10px;
  top: 3px;
}*/

/* ----------------------------------------------------------------
	Slider
---------------------------------------------------------------- */

.slider {
  height: 22px;
  margin: 5px 7px;
  position: relative;
  width: 40px;
  display: inline-block;
}
.slider div {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 10px;
  box-sizing: border-box;
  height: 100%;
  position: relative;
  top: -19px;
  width: 100%;
}
.slider label {
  background: transparent url('../../images/knz/icons/slider_label.png') no-repeat 0 0;
  cursor: pointer;
  display: block;  
  left: 2px;
  position: absolute;
  top: 0;
  transition: all 0.5s ease 0s;
  width: 19px;
  height: 19px;
  z-index: 1;
}
.slider input[type="checkbox"] {
  visibility: hidden;
}
.slider input[type="checkbox"]:checked ~ div {
  background: #fff none repeat scroll 0 0;
  border: 1px solid #ccc;
  box-sizing: border-box;
}
.slider input[type="checkbox"]:checked ~ label {
  left: 20px;
}

/* ----------------------------------------------------------------
	Inputs
---------------------------------------------------------------- */

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

/* ----------------------------------------------------------------
	Select
---------------------------------------------------------------- */

/*body.novaKalkulacka select,
body.novaKalkulacka .ui-selectonemenu-trigger,
body.novaKalkulacka button.ui-autocomplete-dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url('../../images/knz/icons/icon_select.png');
  background-position: right center;
  background-repeat: no-repeat;
}
body.novaKalkulacka select {
  padding-right: 20px;
}
body.novaKalkulacka .ui-selectonemenu-trigger {
  cursor: default;
}
body.novaKalkulacka button.ui-autocomplete-dropdown {
  height: auto;
  width: 22px;
  top: 1px;     Keep parent border visible 
  right: 0;
  bottom: 1px;  Keep parent border visible 
  background-color: white;
}
body.novaKalkulacka select:not([disabled]) {
  background-color: #fff;
}
body.novaKalkulacka select.input_povinne {
  background-color: #fff !important;
  border: 1px solid #ccc !important;
}
 Mostly unsupported selector. Keep this in separate rule. 
body.novaKalkulacka select::-ms-expand {
  display: none;
}
body.novaKalkulacka button.ui-autocomplete-dropdown .ui-button-icon-primary {
  display: none;
}*/
/* The .priz class is defined in default_knz.css */
body.novaKalkulacka input.error:not(.modified):not(.readonly):not(.priz),
body.novaKalkulacka select.error:not(.modified):not(.readonly):not(.priz),
body.novaKalkulacka table.error:not(.modified):not(.readonly):not(.priz) {
  border: 1px solid #db5534 !important;
  background-color: #feeeee !important;
}
/* Style of field with modified error, before reload */
body.novaKalkulacka input.error.modified {
  border: 1px solid #dbb434 !important;
}

/* ----------------------------------------------------------------
	Buttons
---------------------------------------------------------------- */

/* The knz_button_container class is a hack to 
   imitate knz_buttons on its child elements. */
/*.novaKalkulacka .knz_button,
.novaKalkulacka .knz_button_container button:not(.ui-datepicker-trigger),
.novaKalkulacka .knz_button_container input[type="submit"],
.novaKalkulacka .knz_button_container .ui-button-text-only {
  background: #ffffff none !important;
  border: 0 none !important;
  border-radius: 3px !important;
  box-shadow: 0 1px 3px 0 rgba(30, 27, 28, 0.5);
  transition: opacity 0.2s ease 0s;
  padding: 4px 18px !important;
  color: #707070;
  text-shadow: none !important;
  text-align: center;
  font-size: 13px !important;
  text-transform: uppercase;
  cursor: pointer;
}
.novaKalkulacka .knz_button > span.ui-button-text,
.novaKalkulacka .knz_button_container input[type="submit"] > .ui-button-text,
.novaKalkulacka .knz_button_container .ui-button-text-only > .ui-button-text{
  color: inherit;
}
.novaKalkulacka .knz_button.large {
  padding: 10px 45px 9px !important;
}
.novaKalkulacka .knz_button.green {
  background: linear-gradient(to top, #005320 1%, #015b24 14%, #007236 99%) !important;
  box-shadow: 0 1px 3px 0 rgba(30, 27, 28, 0.5), 0 1px 0 0 rgba(98, 168, 131, 1) inset;
  border: 1px solid #004f1f !important;
  color: #fff;
}
body.cpp.novaKalkulacka .knz_button.green {
  background: linear-gradient(0deg, #173f6d 5%, #2c5a93 99%) !important;
  box-shadow: 0 1px 3px 0 rgba(30, 27, 28, 0.5), inset 0px 1px 0px 0px rgba(126,152,186,1);
  border: 1px solid #2b343b !important;
}
.novaKalkulacka .knz_button.ui-state-hover,
.novaKalkulacka .knz_button:hover,
.novaKalkulacka .knz_button_container input[type="submit"]:hover,
.novaKalkulacka .knz_button_container .ui-button-text-only:hover {
  box-shadow: 0 1px 3px 0 rgba(30, 27, 28, 0.6) !important;
  color: #323232;
  text-decoration: none;
}
.novaKalkulacka .knz_button:disabled,
.novaKalkulacka .knz_button.ui-state-disabled,
.novaKalkulacka .knz_button_container input[type="submit"]:disabled,
.novaKalkulacka .knz_button_container .ui-button-text-only:disabled {
  color: #b0b0b0;
  cursor: auto;
}
.novaKalkulacka .knz_button.green.ui-state-hover,
.novaKalkulacka .knz_button.green:hover{
  background: linear-gradient(to top, #077732 14%, #08934a 99%) !important;
  border: 1px solid #00431a !important;
  box-shadow: 0 1px 3px 0 rgba(30, 27, 28, 0.5), 0 1px 0 rgba(181,223,201,1) inset !important;
  color: #fff;
}
body.cpp.novaKalkulacka .knz_button.green.ui-state-hover,
body.cpp.novaKalkulacka .knz_button.green:hover{ 
  background: linear-gradient(0deg, #285b97 5%, #437dc5 99%) !important;
  box-shadow: 0 1px 3px 0 rgba(30, 27, 28, 0.5), inset 0px 1px 0px 0px rgba(139,175,219,1) !important;
  border: 1px solid #37576e !important;
}
.novaKalkulacka .knz_button.active,
.novaKalkulacka .knz_button:active {
  box-shadow: 0 0 2px 0 rgba(30, 27, 28, 0.8) !important;
  background: #eee none !important;
  color: #545454;
}
.novaKalkulacka .knz_button.active.green,
.novaKalkulacka .knz_button.green:active {
  background: linear-gradient(to top, #00421a, #065726) !important;
  box-shadow: 0 2px 3px rgba(30, 27, 28, 0.7) inset !important;
  border-color: #143520 !important;
  color: #fff;
}
body.cpp.novaKalkulacka .knz_button.active.green,
body.cpp.novaKalkulacka .knz_button.green:active {
  background: #174375 !important;
  border-color: #2b353c !important;
  box-shadow: 0 1px 3px 0 rgba(30, 27, 28, 0.5) !important;
  color: #fff;
}*/
.btnAdresa {
  float: left;
}
body.novaKalkulacka .btnAdresa {
  float: right !important;
}
/** Knz button - stredni velikost */
.knz_button.medium {
  padding: 9px 35px 10px !important;
}
.knz_button.medium > span.ui-button-text {
  font-size: 14px;
}

/** Knz button s ikonou */
.knz_button.ui-button-text-icon-left .ui-button-text {
  padding: 0 0 0 27px;
}
.knz_button > span.ui-button-icon-left {
  border-radius: 0;
  margin-left: 20px;
}

/* ----------------------------------------------------------------
	Links
---------------------------------------------------------------- */

a.kotva,
span.kotva{
  color: #fff;
  display: block;
  float: left;
  height: 0px;
}

/* ----------------------------------------------------------------
	Chybove a informacni hlaseni
---------------------------------------------------------------- */
div.info_msg:before {
  background: url('../../images/knz/icons/icon_message_info_bila.png') no-repeat;
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  margin: 0 10px -3px 0;
}
div.info_msg {  
  border-radius: 3px;
  color: #313131;
  background-color: #f9da88;
  padding: 4px 10px 5px;
  margin: 3px 0;
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.error_msg:before,
div.error_msg:before {
  background: url('../../images/knz/icons/icon_chyba_bila.png') no-repeat;
  content: "";
  width: 14px;
  height: 14px;
  display: inline-block;
  margin: 0 10px -3px 0;
}

.error_msg,
div.error_msg {
	border-radius: 3px;
	color: #fff;
	background-color: #dc4114;
	padding: 4px 10px 5px;
	margin: 3px 0;
	width: 100%;
	box-sizing: border-box;
}
div.nop_msg:before {
  background: url('../../images/knz/icons/icon_nop.png') no-repeat;
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 0 10px -3px 0;
}
div.nop_msg {  
  border-radius: 3px;
  color: #fff;
  background-color: #fa9f10;
  padding: 4px 10px 5px;
  margin: 3px 0;
  float: left;
  width: 100%;
  box-sizing: border-box;
}

/* ----------------------------------------------------------------
	header
---------------------------------------------------------------- */

div.head {
	height: 114px;
	width: 100%;
	background: #d5d7d8;
	position: relative;
	overflow: hidden;
}
div.head.close {
	height: 16px;
}
.head .toggle-bar {
	width: 100%;
	height: 16px;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	background: #d5d7d8;
	transition: background 0.5s ease-in-out;
}
.head .toggle-bar:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 6px;
	background: url('../../images/knz/icons/arrow_top.png') no-repeat center bottom;
	position: absolute;
	left: 50%;
	bottom: 5px;
}
.head .toggle-bar.transition:before {
	transition: all 0.5s ease-in-out;
}
.head .toggle-bar:hover {
	background: #e4e5e6;
}
.head .toggle-bar.open:before {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.head .logo {
	width: 172px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #e4e5e6;
}
.head .logo a,
.head .logo span {
	position: absolute;
	top: 16px;
	left: 0;
	display: block;
	width: 172px;
	height: 82px;
	background: url('../../images/knz/logo_koop.png') no-repeat center center white;
}
.cpp .head .logo a,
.cpp .head .logo span {
  background: url('../../images/knz/cpp_logo.png') no-repeat center center white;
}
.head .logo a.partner {
	position: absolute;
	top: 16px;
	left: 172px;
	width: 178px;
	height: 82px;
  background-image: none;
	background: url('../../images/knz/logo_crm_knz.png') no-repeat center center #f2f2f3;
}
.cpp .head .logo a.partner {
  background: url('../../images/knz/logo_cpp_sus.png') no-repeat center center #f2f2f3;
}
.head .logo a.partner.broker {
	background-image: url('../../images/knz/logo_broker.png');
}
/*main {
	display: block;
	width: 930px;
	height: 100%;
	position: relative;
	margin: 20px auto;
	overflow: auto;
}*/
.inner {
	/*width: 930px;*/
  width: 950px;
	height: 100%;
	position: relative;
	margin: 0 auto;
}
.head .inner:before {
	content: "";
	position: absolute;
	top: 16px;
	right: 930px;
	height: 82px;
	width: 2000px;
	background: #f2f2f3;
}
div.header-info {
	display: block;
	height: 82px;
	background: #f2f2f3;
	position: absolute;
	right: 0;
	top: 16px;
	border-left: 3px solid #138b41;
	font-size: 12px;
}
.cpp div.header-info {
  border-left: 3px solid #0f5e9b;
}
.header-info div.loggedUser {
  width: 220px;	
	float: left;
  margin: 14px 28px;
}
.header-info table {
  width: 220px;	
  clear: both;
}
.header-info table td {
	padding: 0 0 10px;
	display: inline-block;
	font-size: 13px;
	text-transform: uppercase;
}
.header-info table td:first-child {
	width: 70%;
}
.header-info table td:last-child {
	margin-left: -4px; /* space between inline elements */
	width: 30%;
	text-align: right;
}
a.vyber-ziskatele, a.vyber-ziskatele:visited, a.vyber-ziskatele:active {
  color: #272727;
}
a.vyber-ziskatele:hover {
  color: #168f45;
}
.header-info table .name {
	font-weight: bold;
}
.header-info table .timeout-value {
	color: #168f45;
}
.cpp .header-info table .timeout-value {
	color: #0f5e9b;
}
.header-info .icons-inner {
	width: 38px;
	height: 100%;
	float: left;
	overflow: hidden;
	transition: width 0.5s ease-in-out;
	background: #ecedee;
	box-shadow: inset 3px 0px 5px -4px rgba(50, 50, 50, 0.65), inset -3px 0px 5px -4px rgba(50, 50, 50, 0.75);
}
.header-info .icons-inner:hover {
	width: 110px;
}
.cpp .header-info .icons-inner:hover {
	width: 130px;
}
.header-info .icons {
	width: 34px;
	height: 100%;
	float: left;
	overflow: hidden;
	transition: width 0.5s ease-in-out;
}
.header-info .icons:hover {
	width: 110px;
}
.header-info .icons a,
.header-info .icons-inner a,
.header-info .icons-inner > span {
	display: block;
	height: 15px;
	line-height: 15px;
	background-repeat: no-repeat;
	background-position: left center;
	background-color: transparent;
	padding: 0 0 0 25px;
	font-size: 11px;
	color: #168f45;
	text-decoration: none;
	white-space: nowrap;
}
.cpp .header-info .icons a,
.cpp .header-info .icons-inner a,
.cpp .header-info .icons-inner > span {
  color: #0f5e9b;
}
.header-info .icons-inner a,
.header-info .icons-inner > span {
	margin: 9px 11px;
	padding: 0 0 0 28px;
}
/* Remove when the third icon is added back */
  .header-info .icons-inner a {
    margin: 18px 10px;
  }
.header-info .icons a {
	margin: 18px 10px;
}
.header-info .icons-inner a:hover,
.header-info .icons a:hover {
	text-decoration: underline;
}
.header-info .icons a.logout {
	background-image: url('../../images/knz/icons/icon_header_logout.png');
}
.cpp .header-info .icons a.logout {
	background-image: url('../../images/knz/icons/cpp/icon_header_logout.png');
}
.header-info .icons a.admin {
	background-image: url('../../images/knz/icons/cogwheel_green.png');
}
.cpp .header-info .icons a.admin {
	background-image: url('../../images/knz/icons/cpp/cogwheel_blue.png');
}
.header-info .icons-inner a.help {
	background-image: url('../../images/knz/icons/icon_header_help.png');
	background-position: 2px center;
  margin-bottom: 9px;
  margin-top: 9px;
}
.cpp .header-info .icons-inner a.help {
	background-image: url('../../images/knz/icons/cpp/icon_header_help.png');
}
.header-info .icons-inner span.helpline {
	background-image: url('../../images/knz/icons/icon_helpline.png');
  margin-bottom: 9px;
  margin-top: 9px;
}
.cpp .header-info .icons-inner a.helpline {
	background-image: url('../../images/knz/icons/cpp/icon_helpline.png');
}
.header-info .icons-inner a.news {
	background-image: url('../../images/knz/icons/icon_zprava.png');
	background-position: 2px center;
  margin-bottom: 9px;
  margin-top: 9px;
}
.cpp .header-info .icons-inner a.news {
	background-image: url('../../images/knz/icons/cpp/icon_warning.png');
}

/* ----------------------------------------------------------------
	Header - Mpos
---------------------------------------------------------------- */

.headerMpos {
  background-color: #d5d7d8;
  height: 58px;
  line-height: 58px;
}
.headerMpos .logo {
  width: 125px;
  height: 58px;
  display: block;
  float: left;
  background-color: #f2f2f3;
  text-align: center;
}
.headerMpos .logo > img {
  width: 72px;
  vertical-align: middle;
  float: none;
  margin: 0;
}
.headerMpos .zpet {
  font-family: KoopPro;
  font-size: 14px;
  text-transform: uppercase;
  color: #00772e;
  margin-left: 30px;
}
.headerMpos .zpet:before {
  background: url('../../images/knz/icons/icon_green_arrow_left.png');
  content: "";
  display: inline-block;
  width: 8px;
  height: 16px;
  margin: 0 9px -3px 0;
}

/* ----------------------------------------------------------------
	top menu
---------------------------------------------------------------- */

.menu {
	/*position: absolute;
	top: 125px;*/
	width: 100%;
	height: 35px;
	background-image: linear-gradient(to top, #015b24 6%, #007236 99%);
	box-shadow: 0 1px 2px rgba(30,27,28,.39),  inset 0px 1px 0px 0px rgba(255, 255, 255, 0.35), inset 0px -1px 0px 0px rgba(1, 77, 30, 1);
	border-top: solid 1px #005923;
	border-bottom: solid 1px #005923;
	background-color: #01662c;
  position: relative;
}
.cpp .menu {
  background-color: #224D80;
  background-image: linear-gradient(0deg, #173f6d 5%, #2c5a93 99%);
  box-shadow: 0 1px 2px rgba(30,27,28,.39),  inset 0px 1px 0px 0px rgba(255, 255, 255, 0.35), inset 0px -1px 0px 0px rgba(30, 27, 28, 0.2);
  border-top: solid 1px #13355c;
	border-bottom: solid 1px #13355c;
}
.menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	height: 35px;
	line-height: 35px;	
	position: relative;
	left: -5px; /* because of li:hover:first-of-type:before */
}
.menu ul > li {
	float: left;
	padding: 0 10px 0 20px;
	position: relative;
	z-index: 1;
	margin: 0 1px 0 0;
  height: 35px;
}
.menu ul li:first-child:before {
	background-image: linear-gradient(to top, #015b24 6%, #007236 99%);
  content: "";
  height: 100%;
  left: -10px;
  position: absolute;
  width: 15px;
}
.cpp .menu ul li:first-child:before {
  background: linear-gradient(0deg, #173f6d 5%, #2c5a93 99%);
}
/** arrows between elements **/
.menu ul > li a:before,
.menu ul > li > span:before {
	content: "";
	background: transparent;
	position: absolute;
	left: 0;
	width: 100%;
	height: 17px;
	-webkit-transform: skew(28deg, 0);
	transform: skew(28deg, 0);
	z-index: -1;
	border-right: 1px solid #004f20;
}
.menu ul > li a:after,
.menu ul > li > span:after {
	content: "";
	background: transparent;
	position: absolute;
	top: 17px;
	left: 0;
	width: 100%;
	height: 18px;
	-webkit-transform: skew(-28deg, 0);
	transform: skew(-28deg, 0);
	z-index: -1;
	border-right: 1px solid #004f20;
}
.cpp .menu ul > li a:before,
.cpp .menu ul > li > span:before,
.cpp .menu ul > li a:after,
.cpp .menu ul > li > span:after {
  border-right: 1px solid #0f2b4d;
}
/** active and hover states **/
/* top half */
.menu ul > li.active a:before,
.menu ul > li a:hover:before {
	content: "";
	background: transparent;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 17px;
	border-right: 1px solid transparent;
}
/* bottom half */
.menu ul > li.active a:after,
.menu ul > li a:hover:after {
	content: "";
	background: transparent;
	position: absolute;
	top: 17px;
	left: 0;
	width: 100%;
	height: 18px;
	border-right: 1px solid transparent;
}
.menu ul > li:hover:first-of-type:before,
.menu ul > li.active:first-of-type:before  {
	content: "";
	width: 15px;
	height: 100%;
	position: absolute;
	left: -10px;
	top: 0;
	background-color: #01662c;
	background-image: linear-gradient(to top, #015b24 6%, #007236 99%);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.35), inset 0px -1px 0px 0px rgba(1, 77, 30, 1);
}
.cpp .menu ul > li:hover:first-of-type:before,
.cpp .menu ul > li.active:first-of-type:before  {
  background-color: #224D80;
	background-image: linear-gradient(0deg, #173f6d 5%, #2c5a93 99%);
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.35), inset 0px -1px 0px 0px rgba(30, 27, 28, 0.2);
}
.menu ul > li.active a:before {
	background-image: linear-gradient(to top, #003f19, #00471c);
	background-color: #003f19;
 	box-shadow: inset 0 3px 3px rgba(30,27,28,.75); 
}
.cpp .menu ul > li.active a:before {
	background-image: linear-gradient(to top, #113156, #153b66);
	background-color: #113156;
}
.menu ul > li.active a:after {
	background-image: linear-gradient(to top, #003816, #003f19);
	background-color: #003f19;
	box-shadow: inset 4px 0px 3px -3px rgba(30,27,28,.75), inset -3px 0px 3px -3px rgba(30,27,28,.75);
}
.cpp .menu ul > li.active a:after {
	background-image: linear-gradient(to top, #0d2746, #113156);
	background-color: #113156;
}
.menu ul > li:not(.active) a:hover:before {
	background-image: linear-gradient(to top, #0c773a, #1e8d52 99%);
	background-color: #358f58;
}
.cpp .menu ul > li:not(.active) a:hover:before {
	background-image: linear-gradient(to top, #2D5D97, #386aa7 99%);
	background-color: #2D5D97;
}
.menu ul > li:not(.active) a:hover:after {
	background-image: linear-gradient(to top, #026a2b 10%, #0c773a);
	background-color: #358f58;
}
.cpp .menu ul > li:not(.active) a:hover:after {
	background-image: linear-gradient(to top, #224f86 10%, #2D5D97);
	background-color: #2D5D97;
}
.menu ul > li a {
	color: white;
	cursor: pointer;
  background-repeat: no-repeat;
	background-position: left center;
	background-color: transparent;
  display: inline-block;
}

.menu ul li > a > span {
	color: white;
	text-decoration: none;	
	font-size: 0.9375rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-color: transparent;
	padding: 0 10px 0 30px;
	height: 100%;
	display: inline-block;	
	position: relative;
}
.menu ul li > a > span:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 20px;
	height: 37px;
	background-repeat: no-repeat;
	background-position: left center;
	background-color: transparent;
}
.cpp .menu ul li a.home:before {
  background: linear-gradient(rgb(255,255,255) 6%, rgb(238,238,238) 99%);
}
.cpp .menu ul li a.home:after {
  background: linear-gradient(rgb(238,238,238) 6%, rgb(220,220,220) 99%);
}
.cpp .menu ul li:not(.active) a.home:hover:before {
  background: #fff;
  box-sizing: border-box;
}
.cpp .menu ul li:not(.active) a.home:hover:after {
  background: #fff;
  box-sizing: border-box;
}
.cpp .menu ul li.active a.home:before {
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.4) inset;
}
.cpp .menu ul li.active a.home:after {
  box-shadow: none;
}

.menu ul li a.home {
  background-image: url('../../images/knz/icons/icon_home.png');
  width: 49px;
}
.cpp .menu ul li a.home {
  background-image: url('../../images/knz/icons/cpp/icon_home.png');
  width: 52px;
}
.menu ul li a.kalkulacky {
	background-image: url('../../images/knz/icons/icon_kalkulacky.png');
}
.menu ul li a.klienti {
	background-image: url('../../images/knz/icons/icon_klienti.png');
}
.menu ul li a.zpravy {
	background-image: url('../../images/knz/icons/icon_zpravy.png');
	background-size: 21px;
}
.menu ul li a.informace {
	background-image: url('../../images/knz/icons/icon_informzdroje.png');
}
.menu ul li a.administrace {
	background-image: url('../../images/knz/icons/icon_admin.png');  
}
.submenu ul li a.submenuHome {
  background: url('../../images/knz/icons/submenu_home.png') no-repeat center top;  
  width: 21px;
  height: 18px;
  margin-bottom: -3px;
}
.submenu ul li.active a.submenuHome, .submenu ul li a.submenuHome:hover {
  background: url('../../images/knz/icons/submenu_home.png') no-repeat center bottom;  
}

/** colored versions **/
.menu ul > li > ul {
	list-style: none;
	display: none;
	width: 100%;
	height: 37px;
	position: absolute;
	top: 0;
	background-color: #e8f6ee;
	-webkit-box-shadow: inset 0px 5px 4px -5px rgba(30, 28, 28, 0.28), inset 0px -5px 4px -5px rgba(30, 28, 28, 0.28);
	-moz-box-shadow:    inset 0px 5px 4px -5px rgba(30, 28, 28, 0.28), inset 0px -5px 4px -5px rgba(30, 28, 28, 0.28);
	box-shadow:         inset 0px 5px 4px -5px rgba(30, 28, 28, 0.28), inset 0px -5px 4px -5px rgba(30, 28, 28, 0.28);
}
/* chrome fix */
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.menu ul > li > ul {
		top: 20px;
	} 
}
.menu ul > li.active > ul {
	display: block;
}
.menu ul > li.active > ul > li > a {
	display: block;
	width: 250px;
	height: 160px;
	position: absolute;
	top: 22px;
	left: 16px;
	cursor: pointer;
	text-decoration: none;
}

.menu div.search {
	width: 220px;
	position: absolute;
	left: 700px;
	top: 7px;
	transition: width 0.5s ease-out;
}
.menu.animate div.search {
	width: 100px;
}
.menu.animate div.search.focus {
	width: 220px;
}
.menu .search-box {
	border: 0 none;
	width: 180px;
	height: 23px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #fff;
	-webkit-box-shadow: inset 1px 1px 1px rgba(30, 27, 28, .32);
	-moz-box-shadow: inset 1px 1px 1px rgba(30, 27, 28, .32);
	box-shadow: inset 1px 1px 1px rgba(30, 27, 28, .32);
	font-family: Calibri, Arial;
	font-size: 13px;
	color: #2a2a2a;
	padding: 0 28px 0 12px;
	transition: width 0.5s ease-out;
}
.menu.animate .search-box {
	width: 60px;
}
.menu.animate .search-box.focus {
	width: 180px;
}
.menu .search-submit {
	position: absolute;
	right: 3px;
	top: 2px;
	width: 20px;
	height: 20px;
	border: 0 none;
	background-image: linear-gradient(to top, #015b24 6%, #007236 99%);
	background-color: #01662c;
  padding: 0;
}
.cpp .menu .search-submit {
  background-image: url('../img/search_button.png');
}
.menu.sticky {
	position: fixed;
	top: 0;
	z-index: 999;
}
.menu .user-info {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 0px;
	height: 37px;
	margin-right: 0px;
	/*background: url('../../images/knz/menu_user_fixed.png') no-repeat right center transparent;*/
	transition: width 0.5s ease-out;
}
.menu.animate .user-info {
	width: 111px;
}
.menu.animate .user-info.hide {
	width: 0px;
}
.menu.animate .user-info.hide #user-fixed {
	display: none;
}
.menu.animate .user-info #user-fixed {
	display: block;
	width: 26px;
	height: 25px;
	position: absolute;
	top: 5px;
	left: 60px;
}
.menu .user-info .bubble {
	display: none;
	width: 0;
	height: 0;
	overflow: hidden;
}
.menu.animate .user-info .bubble {
	display: none;
	position: absolute;
	top: 47px;
	right: 6px;
	padding: 20px;
	background: url('../../images/knz/temp/user_details_bubble.png') no-repeat left top transparent;
	z-index: 200;
	background: white;
	border-radius: 3px;
	box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
	overflow: visible;
	width: auto;
	height: auto;
	min-width: 220px;
}
.menu.animate .user-info .bubble-arrow {
	position: absolute;
	height: 11px;
	width: 22px;
	overflow: hidden;
	top: -11px;
	right: 24px;
	display: block;
}
.menu.animate .user-info .bubble-arrow:before {
	content: " ";
	height: 15px;
	width: 15px;
	position: absolute;
	top: 4px;
	left: 3px;
	pointer-events: none;
	background: white;
	box-shadow: 0px 0px 3px 0px rgba(50, 50, 50, 0.75);
    transform: rotate(45deg) ;
    -webkit-transform: rotate(45deg) ;
    -moz-transform: rotate(45deg) ;
    -o-transform: rotate(45deg) ;
    -ms-transform: rotate(45deg) ;
}
.menu.animate .user-info .bubble .user-name {
	font-size: 13px;
	font-weight: bold;
	color: #3c3c3c;
	text-transform: uppercase;
	float: left;
}
.menu.animate .user-info .bubble .user-id {
	font-size: 12px;
	color: #3c3c3c;
	text-transform: uppercase;
	float: right;
}
.menu.animate .user-info .bubble .navigation {
	margin-top: 35px;
}
.menu.animate .user-info .bubble .navigation a,
.menu.animate .user-info .bubble .navigation span {
	display: inline-block;
	height: 14px;
	line-height: 14px;
	width: 0px;
	margin: 0 5px 0 0;
	padding: 0 0 0 20px;
	transition: width 0.5s ease-in-out;
	overflow: hidden;
	font-size: 10px;
	color: #3c3c3c;
	background-repeat: no-repeat;
	background-position: left center;
}
.menu.animate .user-info .bubble .navigation a:hover {
	width: 55px;
}
.menu.animate .user-info .bubble .navigation span.icon-telephone:hover {
	width: 60px;
}
.cpp .menu.animate .user-info .bubble .navigation a.icon-telephone:hover {
	width: 100px;
}
.menu.animate .user-info .bubble .navigation a.icon-cogwheel	{ background-image: url('../../images/knz/icons/icon_cogwheel_grey.png'); }
.menu.animate .user-info .bubble .navigation a.icon-wrench		{ background-image: url('../../images/knz/icons/icon_wrench_grey.png'); }
.menu.animate .user-info .bubble .navigation a.icon-book 		{ background-image: url('../../images/knz/icons/icon_book_grey.png'); }
.menu.animate .user-info .bubble .navigation a.icon-warning 	{ background-image: url('../../images/knz/icons/icon_warning_grey.png'); }
.menu.animate .user-info .bubble .navigation a.icon-news 	{ background-image: url('../../images/knz/icons/icon_zprava_grey.png'); }
.menu.animate .user-info .bubble .navigation span.icon-telephone,
.menu.animate .user-info .bubble .navigation a.icon-telephone { background-image: url('../../images/knz/icons/icon_telephone_grey.png'); }

.menu .user-info .timeout-value {
	display: none;
}
.menu.animate .user-info .timeout-value {
	display: block;
	width: 51px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	border-radius: 21px;
	background: #85b49b;
	position: absolute;
	left: 0;
	top: 7px;
	color: #005724;
	font-size: 13px;
	font-family: Calibri, Arial;
	font-weight: bold;
}
.cpp .menu.animate .user-info .timeout-value {
  color: #005596;
  background: #dbe9f3;
}
.menu.animate .user-info > a {
	display: block;
	width: 23px;
	height: 23px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-repeat: no-repeat;
	background-position: center center;
	border: 1px solid transparent;
	position: absolute;
	top: 5px;
}
.menu.animate .user-info > a:hover {
	border: solid 1px #85b49b;
}
.cpp .menu.animate .user-info > a:hover {
  border: solid 1px #8599b4;
}
.menu.animate .user-info > a:active,
.menu.animate .user-info > a.active {
	background-color: #003f19;
	-webkit-box-shadow: inset 0 2px 1px rgba(30, 27, 28, .54);
	-moz-box-shadow: inset 0 2px 1px rgba(30, 27, 28, .54);
	box-shadow: inset 0 2px 1px rgba(30, 27, 28, .54);
	border: solid 1px rgba(133, 180, 155, .56);
  padding: 0;
}
.cpp .menu.animate .user-info > a:active,
.cpp .menu.animate .user-info > a.active {
  background-color: #0f2c4e;
}
.menu.animate .user-info > a.user-details {
	background-image: url('../../images/knz/icons/icon_user.png');
	left: 58px;
}
.menu.animate .user-info > a.logout {
	background-image: url('../../images/knz/icons/icon_logout.png');
	background-position: 5px center;
	left: 85px;
}

/* disabled - grey */
.menu.disabled {
	background: -webkit-linear-gradient(90deg, #797979 5%, #a9a9a9 99%);
	background: -moz-linear-gradient(90deg, #797979 5%, #a9a9a9 99%);
	background: -o-linear-gradient(90deg, #797979 5%, #a9a9a9 99%);
	background: -ms-linear-gradient(90deg, #797979 5%, #a9a9a9 99%);
	background: linear-gradient(0deg, #797979 5%, #a9a9a9 99%);
	box-shadow: 0px 2px 3px 0.00px rgba(30, 27, 28, 0.39),  inset 0px 1px 0px 0px rgba(255, 255, 255, 0.35), inset 0px -1px 0px 0px rgba(42, 42, 42, .2);
	border-top: solid 1px #767676;
	border-bottom: solid 1px #767676;
	background-color: #8f8f8f;
}
.menu.disabled ul li > span > span {
	color: #c9c9c9;
	text-decoration: none;	
	font-size: 13px;
	background-repeat: no-repeat;
	background-position: left center;
	background-color: transparent;
	padding: 0 10px 0 30px;
	height: 100%;
	display: inline-block;	
	position: relative;
}
.menu.disabled ul li > span > span:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 20px;
	height: 37px;
	background-repeat: no-repeat;
	background-position: left center;
	background-color: transparent;
}
.menu.disabled ul > li > span:before {
	border-right: 1px solid #242424;
}
.menu.disabled ul > li > span:after {
	border-right: 1px solid #242424;
}
.menu.disabled ul > li:hover:first-of-type:before,
.menu.disabled ul > li.active:first-of-type:before  {
	background-color: #8f8f8f;
	background: -webkit-linear-gradient(90deg, #797979 5%, #a9a9a9 99%);
	background: -moz-linear-gradient(90deg, #797979 5%, #a9a9a9 99%);
	background: -o-linear-gradient(90deg, #797979 5%, #a9a9a9 99%);
	background: -ms-linear-gradient(90deg, #797979 5%, #a9a9a9 99%);
	background: linear-gradient(0deg, #797979 5%, #a9a9a9 99%);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.35), inset 0px -1px 0px 0px rgba(42, 42, 42, .2);
}
.menu.disabled ul > li > span:before,
.menu.disabled ul > li.active > span:before,
.menu.disabled ul > li > span:hover:before {
	content: "";
	background: transparent;
	position: absolute;
	top: 4px;
	left: 0;
	width: 100%;
	height: 13px;
	-webkit-transform: skew(28deg, 0);
	transform: skew(28deg, 0);
	z-index: -1;
	border-right: 1px solid #5f5f5f;
	box-shadow: none;
}
.menu.disabled ul > li > span:after,
.menu.disabled ul > li.active > span:after,
.menu.disabled ul > li > span:hover:after {
	content: "";
	background: transparent;
	position: absolute;
	top: 17px;
	left: 0;
	width: 100%;
	height: 13px;
	-webkit-transform: skew(-28deg, 0);
	transform: skew(-28deg, 0);
	z-index: -1;
	border-right: 1px solid #5f5f5f;
	box-shadow: none;
}
.menu.disabled ul li > span {
  background-repeat: no-repeat;
	background-position: left center;
	background-color: transparent;
  height: 35px;
  display: inline-block;
}
.menu.disabled ul li > span.kalkulacky {
	background-image: url('../../images/knz/icons/icon_kalkulacky_disabled.png');
}
.menu.disabled ul li > span.informace {
	background-image: url('../../images/knz/icons/icon_informzdroje_disabled.png');
}
.menu.disabled ul li > span.administrace {
	background-image: url('../../images/knz/icons/icon_admin_disabled.png');
}
.menu.disabled ul li > span.klienti {
	background-image: url('../../images/knz/icons/icon_klienti_disabled.png');
}/*
.menu.disabled li span[data-icon="kalendar"] span:after {
	background-image: url('../../images/knz/icons/icon_kalendar_disabled.png');
}
.menu.disabled li span[data-icon="karta-ziskatele"] span:after {
	background-image: url('../../images/knz/icons/icon_kartaziskatele_disabled.png');
}
.menu.disabled li span[data-icon="klienti"] span:after {
	background-image: url('../../images/knz/icons/icon_klienti_disabled.png');
}*/

.menu.disabled .search-box {
	border: 0 none;
	width: 180px;
	height: 23px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: -webkit-linear-gradient(90deg, #aaaaaa 0%, #c3c3c3 100%);
	background: -moz-linear-gradient(90deg, #aaaaaa 0%, #c3c3c3 100%);
	background: -o-linear-gradient(90deg, #aaaaaa 0%, #c3c3c3 100%);
	background: -ms-linear-gradient(90deg, #aaaaaa 0%, #c3c3c3 100%);
	background: linear-gradient(0deg, #aaaaaa 0%, #c3c3c3 100%);
	-webkit-box-shadow: inset 1px 1px 1px rgba(30, 27, 28, .32);
	-moz-box-shadow: inset 1px 1px 1px rgba(30, 27, 28, .32);
	box-shadow: inset 1px 1px 1px rgba(30, 27, 28, .32);
	font-family: Calibri, Arial;
	font-size: 13px;
	color: #2a2a2a;
	padding: 0 28px 0 12px;
	transition: width 0.5s ease-out;
}

.menu.disabled .search-submit {
	background-color: #828282;
	background: -webkit-linear-gradient(90deg, #797979 5%, #8f8f8f 99%);
	background: -moz-linear-gradient(90deg, #797979 5%, #8f8f8f 99%);
	background: -o-linear-gradient(90deg, #797979 5%, #8f8f8f 99%);
	background: -ms-linear-gradient(90deg, #797979 5%, #8f8f8f 99%);
	background: linear-gradient(0deg, #797979 5%, #8f8f8f 99%);
	cursor: default;
}

.menu.disabled.animate .user-info .timeout-value {
	background: #eaeaea;
	color: #666666;
}
.menu.disabled.animate .user-info > a:active,
.menu.disabled.animate .user.info > a.active {
	background-color: #828282;
	background-color: -webkit-linear-gradient(90deg, #797979 5%, #8f8f8f 99%);
	background-color: -moz-linear-gradient(90deg, #797979 5%, #8f8f8f 99%);
	background-color: -o-linear-gradient(90deg, #797979 5%, #8f8f8f 99%);
	background-color: -ms-linear-gradient(90deg, #797979 5%, #8f8f8f 99%);
	background-color: linear-gradient(0deg, #797979 5%, #8f8f8f 99%);
	border: solid 1px #767676;
}
.menu.disabled.animate .user-info > a.user-details {
	background-image: url('../../images/knz/icons/icon_user.png');
	background-color: transparent;
	border: 1px solid transparent;
	box-shadow: none;
}
.menu.disabled.animate .user-info > a:hover {
	border: solid 1px #767676;
}

.menu.disabled.animate .user-info > a.user-details:active,
.menu.disabled.animate .user-info > a.user-details.active {
  background-color: #7c7c7c;
	-webkit-box-shadow: inset 0 2px 1px rgba(30, 27, 28, .54);
	-moz-box-shadow: inset 0 2px 1px rgba(30, 27, 28, .54);
	box-shadow: inset 0 2px 1px rgba(30, 27, 28, .54);
	border: solid 1px rgba(180, 180, 180, .56);
  padding: 0;
}

/* menu - black version */
.menu.black {
	background-image: linear-gradient(to top, #323232 6%, #555555 99%);
	box-shadow: 0 1px 2px rgba(30,27,28,.39),  inset 0px 1px 0px 0px rgba(255, 255, 255, 0.35), inset 0px -1px 0px 0px rgba(42, 42, 42, 1);
	border-top: solid 1px #343434;
	border-bottom: solid 1px #343434;
	background-color: #424242;
}
.menu.black menu > li a:before {
	border-right: 1px solid #242424;
}
.menu.black menu > li a:after {
	border-right: 1px solid #242424;
}
.menu.black menu > li:hover:first-of-type:before,
.menu.black menu > li.active:first-of-type:before  {
	background-color: #424242;
	background-image: linear-gradient(to top, #323232 6%, #555555 99%);
	box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.35), inset 0px -1px 0px 0px rgba(42, 42, 42, 1);
}
.menu.black menu > li.active a:before {
	background-image: linear-gradient(to top, #2b2b2b, #343434);
	background-color: #2a2a2a;
 	box-shadow: inset 0 3px 3px rgba(30,27,28,.75); 
}
.menu.black menu > li.active a:after {
	background-image: linear-gradient(to top, #191919, #2b2b2b);
	background-color: #2a2a2a;
	box-shadow: inset 4px 0px 3px -3px rgba(30,27,28,.75), inset -3px 0px 3px -3px rgba(30,27,28,.75);
}
.menu.black menu > li:not(.active) a:hover:before {
	background-image: linear-gradient(to top, #595959, #6d6d6d 96%);
	background-color: #585858;
}
.menu.black menu > li:not(.active) a:hover:after {
	background-image: linear-gradient(to top, #4b4b4b 10%, #595959);
	background-color: #585858;
}
.menu.black .search-submit {
	background-color: #424242;
	background-image: linear-gradient(to top, #323232 6%, #555555 99%);
}
/* med menu */
div.med-menu-panel {
  width: 100%;
  min-width: 930px;
  background: -webkit-linear-gradient(90deg, #015f27 75%, #015222 100%);
  background: -moz-linear-gradient(90deg, #015f27 75%, #015222 100%);
  background: -o-linear-gradient(90deg, #015f27 75%, #015222 100%);
  background: -ms-linear-gradient(90deg, #015f27 75%, #015222 100%);
  background: linear-gradient(0deg, #015f27 75%, #015222 100%);
  height: 51px;
}
div.med-menu-panel > div.med-menu-panel__text {
  font-family: KoopOffice;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  width: 930px;
  margin: 0 auto;
  padding-top: calc((51px - 21px)/2);
  padding-bottom: calc((51px - 21px)/2);
  padding-left: 30px;
}
/* submenu */
.submenu {  	
	width: 100%;
	height: 37px;
	background-color: #e8f6ee;
	box-shadow: inset 0px -5px 4px -5px rgba(30, 28, 28, 0.28);	
}
.cpp .submenu {
  background-color: #dbe9f3;
}
.submenu ul {
	width: 950px;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	position: relative;
  z-index: 100;
}
.submenu ul li {
	display: inline-block;
	height: 37px;
	line-height: 37px;
}
.submenu ul li a {
	font-size: 0.84rem;
	color: #272727 !important;
	text-decoration: none;
	padding: 0 10px;
	position: relative;	
	line-height: 37px;
	display: inline-block;
	transition: color 600ms;
}
.submenu ul li.active a,
.submenu ul li:hover a {
	color: #007823 !important;
}
.cpp .submenu ul li.active a,
.cpp .submenu ul li:hover a {
	color: #0f5e9b !important;
}
.submenu ul li.slide-line {
	position: absolute;
	width: 0px;
	height: 3px;
	background: #e75c00;
	left: 0;
	bottom: 0;
}
.submenu.sticky {
	position: fixed;
	top: 37px;
	z-index: 998;
}
.submenu li a.home {
	width: 21px;
	position: relative;
}
.submenu li a.home:before {
	content: "";
	position: absolute;
	top: 8px;
	width: 21px;
	height: 18px;
	background: url('../../images/knz/klienti_submenu_home.png') no-repeat left top transparent;
}
.submenu li a.home:hover:before,
.submenu li.active a.home:before {
	background-position: left -18px;
}

/* ----------------------------------------------------------------
	footer
---------------------------------------------------------------- */

.footer {
	width: 100%;
	margin: 50px 0;
	color: #878787;
	font-family: Calibri, Arial;
	font-size: 10px;
  clear: both;
}
.cpp .footer {
  color: #7d7d7d;
}
.footer .inner {
	border-top: 2px solid #00772e;
	padding: 15px 0;
}
.cpp .footer .inner {
  border-top: 2px solid #005596;
}
.footer div.inner div {
	margin: 8px 0;
	text-align: left;
}
.footer a.button {
	color: #878787;
	font-family: Calibri, Arial;
	font-size: 10px;
	padding: 1px 13px;
}
.button.white {
	display: inline-block;
	text-decoration: none;
	border: solid 1px #fff;
	font-size: 12px;
	color: #525252;
	text-align: center;
	border-radius: 2px;
	background-color: #fff;
	box-shadow: 0 1px 2.5px rgba(30,27,28,0.5);
	cursor: pointer;
}
.button.white:hover {
	border: solid 1px #83daa8;
	cursor: pointer;
}
.cpp .button.white:hover {
  border: solid 1px #5fb8fc;
  color: #525252;
}
.float-right {
	float: right;
}

/* ----------------------------------------------------------------
	content
---------------------------------------------------------------- */

.test {
  background-image: url("../../images/bg_testNew.svg");
  background-repeat: repeat-y;
  position: fixed;
  top:0;
  height: 1600px;
  width: 120px;
  z-index: -1;
}

.skoleni {
  background-image: url("../../images/bg_skoleni.png");
  background-repeat: repeat-y;
  position: fixed;
  height: 800px;
  width: 120px;
  z-index: -1;
}

.content .inner {
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
}

/* ----------------------------------------------------------------
	nadpisy, texty
---------------------------------------------------------------- */

body:not(.cpp) .nadpisKalkulacky,
/*body:not(.cpp) header h1,
body:not(.cpp) h1,*/
body:not(.cpp) .nadpis,
body:not(.cpp) .nadpisPanelu,
body:not(.cpp) .kmen_nazev,
body:not(.cpp) .kategorie,
body:not(.cpp) .filter_text,
body:not(.cpp) .menu ul li > a > span,
body:not(.cpp) .submenu ul li a {
  font-family: KoopPro, Calibri, Arial;
}

/*header h1,
h1, */.nadpisKalkulacky {
	color: #006929;
	font-weight: normal;
	font-size: 1rem;
	text-transform: uppercase;
	margin: 10px 0 15px;
  display: block;
}

.cpp header h1,
.cpp h1, .cpp .nadpisKalkulacky {
  color: #005596;
}

/* ----------------------------------------------------------------
	Side info panels
---------------------------------------------------------------- */
.sideInfo{
  position: fixed;
  display: flex;
  flex-flow: row nowrap;
  top: 40%;
  left: -138px;
  transition: left 1s;
  box-shadow: 0 1px 3px 0 rgba(30, 27, 28, 0.5);
}

.sideInfoClient{
  position: fixed !important;
  display: flex;
  flex-flow: row nowrap;
  top: 40%;
  left: -138px;
  transition: left 1s;
  border-radius: 0 4px 4px 0;
  margin-top: 86px;
  box-shadow: 0 1px 2px rgba(30, 27, 28, 0.39), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.35), inset 0px -1px 0px 0px #014d1e;
  background-color: #01662c;
}

.sideInfoClient .sideInfoClientBox{
  padding-right: 14px;
  border-radius: 0 4px 4px 0;
}

.sideInfoClient .sideInfoClientBoxBackground{
  background-image: linear-gradient(to top, #015b24 6%, #007236 99%);
  border-top: solid 1px #005923;
  border-bottom: solid 1px #005923;
}

.sideInfoClient .sideInfoClientBoxBackground-hide{
  background-image: linear-gradient(0deg, #797979 5%, #a9a9a9 99%) !important;
  border-top: solid 1px #767676;
  border-bottom: solid 1px #767676;
}

.sideInfo.shown, .sideInfoClient.shown{
  left: 0;
}
.sideInfo.shown.collapsed , .sideInfoClient.shown.collapsed{
  left: -120px;
}
.sideInfo .content {
  position: relative;
  width: 120px;
  padding: 12px;
  background: white;
  box-sizing: border-box;
  cursor: pointer;
}
.sideInfoClient .content{
  position: relative;
  width: 120px;
  padding: 12px;
  box-sizing: border-box;
  cursor: pointer;
  color: #fff;
  border-right: none;
}
.sideInfoClient .clientIcon{
  display: block;
  font-size: 22px;
}
.sideInfo.collapsed  .content  {
  /*padding: 12px 0;
  overflow: hidden;*/
}
.sideInfo .content > *, .sideInfoClient .content > * {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.sideInfo .content > .kodpp {
  margin-top: 3px;
}
.sideInfoClient .content > .title {
  margin-top: 3px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 9px;
}
.sideInfo .collapseBtn {
  display: flex;
  width: 14px;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-around;
  background: #ebf7f0;
  border-radius: 0 4px 4px 0;
}
.sideInfoClient .collapseBtn{
  display: flex;
  width: 14px;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-around;
  border-radius: 0 4px 4px 0;
  
  right: 0px;
  bottom: 0px;
  position: absolute;
  width: 14px;
  height: 72px;
}
.sideInfo .collapseBtn > .arrow {
  width: 6px;
  height: 10px;
  background-image: url("/KnzWEB/faces/javax.faces.resource/img/icon_header_gray_arrow_right.png");
  background-repeat: no-repeat;
  transform: rotate(180deg);
  transition: transform 1s;
}
.sideInfoClient .collapseBtn > .arrow {
  width: 6px;
  height: 10px;
  background-image: url("../../images/knz/icons/icon_header_white_arrow_right.png");
  background-repeat: no-repeat;
  transform: rotate(180deg);
  transition: transform 1s;
}
.sideInfo.collapsed .collapseBtn > .arrow, .sideInfoClient.collapsed .collapseBtn > .arrow {
  transform: rotate(0deg);
}

/* ----------------------------------------------------------------
	General style
---------------------------------------------------------------- */
.paragraph {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/* Lists */
/* Override zero indent */
ul.indented,
ol.indented,
.indented ul,
.indented ol {
  padding-left: 2em;
}
/* A list of larger blocks of text, long enough to be considered
 * individual paragraphs */ 
ul.paragraphs > li,
ol.paragraphs > li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

/* Nested lists */
li > ul,
li > ol {
  margin-top: 0;
  margin-bottom: 0;
}

/* ----------------------------------------------------------------
  Utility classes
---------------------------------------------------------------- */
/* Overlay to cover the whole parent element */
.overlay {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* ----------------------------------------------------------------
	Interni a externi zdroje
---------------------------------------------------------------- */

a.circle-link {
	margin: 15px 30px 15px 10px;
	display: inline-block;
  text-decoration: none;
  vertical-align: text-top;
}
a.circle-link:nth-child(5n) {
	margin-right: 10px;
}
a.circle-link img {
	width: 146px;
	height: 146px;
	border-radius: 50%;
	border: 0 none;
}
a.circle-link:hover img {
	box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 1), 0 0 4px 6px rgba(30,27,28,.75);
}
a.circle-link span.circle-label {
	font-size: 13px;
	text-transform: uppercase;
	color: #777777;
	width: 100%;
	text-align: center;
	margin-top: 20px;
  display: block;
}

/* ----------------------------------------------------------------
	rich:dataTable - default style
---------------------------------------------------------------- */
/*
.ui-datatable.defaultStyle .ui-datatable-tablewrapper {
  border: none;
}
.ui-datatable.defaultStyle .ui-widget-content {
  background: none transparent;
}

table.defaultStyle {
  width: 100%;
  background: transparent;
}
.novaKalkulacka div.ui-datatable.defaultStyle .ui-datatable-tablewrapper tr {
  border: none;
  border-bottom: 1px solid #fff;
}
.novaKalkulacka div.ui-datatable.defaultStyle th.ui-state-default,
.novaKalkulacka div.ui-datatable.defaultStyle .ui-datatable-data tr td {
  background: none transparent;
  padding: 0 5px;
  font-size: 13px;
}

.novaKalkulacka div.ui-datatable.defaultStyle th.ui-state-default {  
  height: 40px;
  color: #6f6f6f;
  text-align: left;
  font-weight: normal;  
  text-transform: none;
  box-shadow: none;
}
.novaKalkulacka div.ui-datatable.defaultStyle.uzsiRadek th.ui-state-default { 
  height: 30px;
}

.novaKalkulacka div.ui-datatable.defaultStyle .ui-datatable-data td {
  height: 34px;
  color: #272727;
}

.novaKalkulacka div.ui-datatable.defaultStyle.uzsiRadek .ui-datatable-data td {
  height: 27px;
}*/

/* ----------------------------------------------------------------
	rich:dataTable - table with head
---------------------------------------------------------------- */

table.dataTable {
  width: 950px;
  color: #272727;
  background-color: transparent;
}
/* Preceding separate header */
/*.ui-datatable .ui-datatable-header,
.ui-datatable .ui-datatable-footer {
  border: 1px solid #ccc;
  background: #def0e6;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.ui-datatable .ui-datatable-header {
  border-bottom: none;
}
 Round corners correction to include separate headers and footers 
.ui-datatable > div,
.ui-datatable > div.ui-datatable-tablewrapper {
  border-radius: 0;
}
.ui-datatable > div:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.ui-datatable > div:last-of-type {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.ui-datatable .ui-datatable-footer {
  border-top: none;
}
.ui-datatable-tablewrapper + .ui-paginator:not(:last-child) {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
div.ui-datatable tr th.ui-state-default.headTabulky {
  padding: 0 13px;
  border-bottom: 2px solid #ebf7f0;
  background: #cde6d8;
  height: 33px;
  text-align: center;
  text-transform: uppercase;
  color: #272727;
  font-size: 17px;
}
.cpp div.ui-datatable th.ui-state-default.headTabulky {
  background: #ccdfed;
}
div.ui-datatable th.ui-state-default.headTabulky .rightIcon {
  float: right;
}
div.ui-datatable th.ui-state-default.headTabulky .rightIcon .tooltipIcon {
  margin-bottom: -3px;
}

table.dataTable.robot > tbody > tr.rowHover:hover  {
  background: #e0edf5;
  color: #3c3c3c;
}

.novaKalkulacka div.ui-datatable th.ui-state-default {
  background: #def0e6;
  border: none !important;
  height: 56px;
  padding: 0 4px;
  text-align: left;
}
.cpp.novaKalkulacka div.ui-datatable th.ui-state-default,
.cpp .novaKalkulacka div.ui-datatable th.ui-state-default {
  background: #ddeaf3;
}
.novaKalkulacka div.ui-datatable th.ui-state-default,
.novaKalkulacka div.ui-datatable-header {
  color: #000;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 400;
}
.novaKalkulacka div.ui-datatable th.ui-state-default:first-child {
  padding-left: 15px;
}
.novaKalkulacka div.ui-datatable th.ui-state-default a:hover {
  text-decoration: none;
  color: #000;
}
.novaKalkulacka table.dataTable.panel th {
  height: 40px;
  font-size: 13px;
  text-transform: none;
  color: #6f6f6f;
}
table.dataTable.panel.blue th {
  background: #d1e2ee;
}
.novaKalkulacka div.ui-datatable table .ui-datatable-data tr {
  border: none;
  border-bottom: 1px solid #eff4f7;
  color: #3c3c3c;
}
.novaKalkulacka div.ui-datatable table .ui-datatable-data tr td {
  background: #ebf7f0;
  border: none;
  height: 29px;
  padding: 0 4px;
}
.cpp.novaKalkulacka div.ui-datatable .ui-datatable-data tr td,
.cpp .novaKalkulacka div.ui-datatable .ui-datatable-data tr td {
  background: #e8f1f7;
}
.novaKalkulacka div.ui-datatable .ui-datatable-data tr td:first-child {
  padding-left: 15px;
}
table.dataTable.panel td {
  background: transparent;
}
.ui-datatable .knz_button {
  margin: 0.5em;
}

div.ui-datatable .ui-datatable-data tr.robot_podbarveni_zelene {
  background-color: green;
}

div.ui-datatable .ui-datatable-data tr.robot_podbarveni_oranzove {
  background-color: orange;
}

div.ui-datatable .ui-datatable-data tr.robot_podbarveni_cervene {
  background-color: red;
}
 Class .highlightRow is meant to highlight hovered row on
 * <p:dataTable> even if no selectionMode is set
 * (ie. even if the table doesn't support selections).
 * On a second thought, the class probably isn't necessary. 
.novaKalkulacka div.ui-datatable .ui-datatable-data tr.ui-state-hover:not(.ui-datatable-empty-message),
.novaKalkulacka div.ui-datatable.highlightRow .ui-datatable-data tr:hover:not(.ui-datatable-empty-message) {
  background: #006e33;
  color: #fff;
  cursor: pointer;
}
.cpp.novaKalkulacka div.ui-datatable .ui-datatable-data tr.ui-state-hover,
.cpp .novaKalkulacka div.ui-datatable .ui-datatable-data tr.ui-state-hover {
  background: #0f5e9b;
  color: white;
}
.novaKalkulacka div.ui-datatable .ui-datatable-data tr.ui-state-hover .ui-icon,
.novaKalkulacka div.ui-datatable.highlightRow tr:hover .ui-icon {
  background-color: white;
  border-radius: 100px;  Full circle 
}
.novaKalkulacka div.ui-datatable .ui-datatable-data tr.ui-state-hover td{
  color: inherit;    Specified in <tr> 
}
div.ui-datatable .ui-datatable-data tr.robot_podbarveni_zelene td,
div.ui-datatable .ui-datatable-data tr.robot_podbarveni_oranzove td,
div.ui-datatable .ui-datatable-data tr.robot_podbarveni_cervene td {
  background: transparent !important;
  color: #fff;
}
div.ui-datatable.vyberSmlouvyDodatku tr.ui-state-hover td {
  color: #3c3c3c;
}

div.ui-datatable.vyberSmlouvyDodatku tr.ui-datatable-empty-message {
 display: none;
}

* Styly, ktere vycisti nechtene efekty (sudy a lichy radek) pokud je hlavicka tabuky v tabulce 
table.dataTable th table tr.odd-row {
  background-color: transparent;
}
table.dataTable th table tr.odd-row:hover {
  background-color: transparent !important;
  color: #272727;
  text-decoration: none;
}
table.dataTable th table tr.even-row {
  background-color: transparent;
}
table.dataTable th table tr.even-row:hover {
  background-color: transparent !important;
  color: #272727;
  text-decoration: none;
}
table.dataTable th table td, .cpp table.dataTable th table td {
  background-color: transparent;
  border: none;
}

* Styly pro tabulku smluv 
div.ui-datatable.vyberSmlouvyDodatku div.ui-datatable-tablewrapper,
div.ui-datatable.vyberSmlouvyDodatku div.ui-paginator,
div.ui-datatable.vyberSmlouvyDodatku div.ui-datatable-footer {
  border: none;
  border-radius: 0;
}
div.ui-datatable.vyberSmlouvyDodatku th.ui-state-default.headTabulky, .voucherIcons {
  background: #fff;
  color: #006929;
  height: 40px;
  padding: 0 10px;
  vertical-align: middle;
  border: none;
}
.cpp div.ui-datatable.vyberSmlouvyDodatku th.ui-state-default.headTabulky {
  color: #005596; 
}
div.ui-datatable.vyberSmlouvyDodatku span.nadpis {
  background: url("../../images/knz/icons/icon_vyber.png") no-repeat left center;
  padding-left: 27px;
  display: inline-block;
  float: left;
}
.cpp div.ui-datatable.vyberSmlouvyDodatku span.nadpis {
  background: url("../../images/knz/icons/cpp/icon_vyber.png") no-repeat left center;  
}
div.ui-datatable.vyberSmlouvyDodatku span.pocetZaznamu_text, .voucherIcons .pocetZaznamu_text {
  text-transform: uppercase;
  color: #272727;
}
div.ui-datatable.vyberSmlouvyDodatku th.headTabulky a.btn_tisk, .voucherIcons .btn_tisk {
  background: url("../../images/knz/icons/icon_print_green.png") no-repeat center center;
  width: 17px;
  height: 17px;
  margin: 2px 0 0 12px;
  display: inline-block;
}

.voucherIcons {
    display: flex;
}
.voucherIcons .btn_save {
  background: url("../../images/knz/icons/icon_save_green.png") no-repeat center center;
  width: 17px;
  height: 17px;
  margin: 2px 0 0 12px;
  display: inline-block;
}
.cpp div.ui-datatable.vyberSmlouvyDodatku th.headTabulky a.btn_tisk {
  background: url("../../images/knz/icons/cpp/icon_print.png") no-repeat center center;
}
div.ui-datatable.vyberSmlouvyDodatku th.headTabulky a.btn_export_csv {
  background: url("../../images/knz/icons/cpp/icon_export_csv.png") no-repeat center center;
  width: 17px;
  height: 17px;
  margin: 2px 0 0 12px;
  display: inline-block;
}
.cpp div.ui-datatable.vyberSmlouvyDodatku th.headTabulky a.btn_export_csv {
  background: url("../../images/knz/icons/cpp/icon_export_csv.png") no-repeat center center;
}
div.ui-datatable.vyberSmlouvyDodatku th.ui-state-default a.filtrZrusit {
  background: #eff4f7 url("../../images/knz/icons/vyber_filter.png") no-repeat left bottom !important;
  background-size: 100% 17px !important;
  text-align: center;
  color: #de4400;
  height: 19px; 
  display: block;
}
div.ui-datatable.vyberSmlouvyDodatku th.ui-state-default a.filtrZrusit > span.krizekZrusit { 
  background: url("../../images/knz/icons/ico_zrusitFiltr.png") no-repeat 0 5px !important;
  width: 7px;
  height: 12px;
  margin: 0 auto;
  display: block;
}
div.ui-datatable.vyberSmlouvyDodatku th.ui-state-default a.filtrZrusit:hover > span.krizekZrusit { 
  background: url("../../images/knz/icons/ico_zrusitFiltr_hover.png") no-repeat 0 5px !important;
}
div.ui-datatable.vyberSmlouvyDodatku th.ui-state-default {
  height: 64px;
  padding: 0;
  vertical-align: top;
  background: #eff4f7;
}
div.ui-datatable.vyberSmlouvyDodatku .ui-datatable-data tr {
  background-color: #fff;
}
.novaKalkulacka div.ui-datatable.vyberSmlouvyDodatku table > tbody.ui-datatable-data > tr.ui-state-hover,
div.ui-datatable.vyberSmlouvyDodatku table > tbody > tr.ui-state-highlight:hover {
  background: #e0edf5;
  color: #3c3c3c;
}

.novaKalkulacka div.ui-datatable.vyberSmlouvyDodatku table .sdilenaSmlouva {
  background: khaki;
}

div.ui-datatable.vyberSmlouvyDodatku .ui-datatable-data tr td,
.cpp div.ui-datatable.vyberSmlouvyDodatku .ui-datatable-data tr td {
  border-color: #eff4f7 !important;
}
div.ui-datatable.vyberSmlouvyDodatku .ui-datatable-data td.filterSelected {
  background-color: #faddc8 !important;
  border-left: 1px solid #fff;
}
div.ui-datatable.vyberSmlouvyDodatku th.filterSelected {
  background: #faddc8 none !important;
  border-left: 1px solid #eff4f7;
}
div.ui-datatable.vyberSmlouvyDodatku th.rf-dt-hdr-c > span.linkFilterTable {
  display: block;
  float: left;
  margin-left: 8px;
}

.vyberSmlouvyOverlay .vyberSmlouvyInfoTabulka{
  margin: 20px;
  text-align: left;
}

.vyberSmlouvyOverlay .vyberSmlouvyInfoTabulka .ui-datagrid-content {
  width: 300px;
}

.vyberSmlouvyOverlay .vyberSmlouvyInfoTabulka .ui-datagrid-content-empty{
  width: 150px;
  text-align: center
}



div.ui-datatable th.ui-state-default a table.sorting {
  width: auto;
}
div.ui-datatable th.ui-state-default a table.sorting td {
  padding: 0 4px;
  height: 33px;
}
div.ui-datatable th.ui-state-default a table.sorting td:first-child {
  padding-left: 15px;
}
div.ui-datatable a span.sortAsc {
  border-color: transparent transparent #656565;
  border-style: solid;
  border-width: 0 3px 4px;
  height: 0;  
  width: 0;
  display: block;
}
div.ui-datatable a span.sortDesc {
  border-color: #656565 transparent transparent;
  border-style: solid;
  border-width: 4px 3px 0;
  height: 0;
  width: 0;
  display: block;
}
div.ui-datatable a > table.green span.linkFilterTable {
  color: #007823;
}
.cpp div.ui-datatable a > table.green span.linkFilterTable {
  color: #0f5e9b;
}
div.ui-datatable a > table.green span.sortAsc {
  border-color: transparent transparent #007823;
}
.cpp div.ui-datatable a > table.green span.sortAsc {
  border-color: transparent transparent #0f5e9b;
}
div.ui-datatable a > table.green span.sortDesc {
  border-color: #007823 transparent transparent;
}
.cpp div.ui-datatable a > table.green span.sortDesc {
  border-color: #0f5e9b transparent transparent;
}
div.ui-datatable.vyberSmlouvyDodatku td.rf-dt-ftr-c {
  background-color: #eff4f7;
}
table.kodppTabulka .kmen:first-child {
  width: 50px;
}
.cpp table.kodppTabulka .kmen:first-child {
  width: 60px;
}
table.kodppTabulka .kmen {
  padding-top: 20px;
}
* Cestovni pojisteni 
.kmen_C {
  background: url("../../images/knz/icons/icon_calc_cestovka.png") no-repeat center center;
}
.cpp .kmen_C {
  background: url("../../images/knz/icons/cpp/smlouvy_cest.png") no-repeat center center;
}
div.ui-datatable .kmen_C {
  background-size: 12px 12px;
  width: 12px;
  height: 12px;
  margin: 0 auto;
}
.cpp div.ui-datatable .kmen_C {
  background-size: 13px 14px;
  width: 13px;
  height: 14px;
}
table.kodppTabulka .kmen_C {
  width: 36px;
  height: 36px;
  margin: -9px auto 0;
}
.cpp table.kodppTabulka .kmen_C {
  width: 32px;
  height: 33px;
  margin: -7px auto 0;
}
* Majetkove pojisteni 
.kmen_N {
  background: url("../../images/knz/icons/icon_calc_majetek.png") no-repeat center center;
}
.cpp .kmen_N {
  background: url("../../images/knz/icons/cpp/smlouvy_maj.png") no-repeat center center;
}
div.ui-datatable .kmen_N {
  background-size: 18px 16px;
  width: 18px;
  height: 16px;
  margin: 0 auto;
}
.cpp div.ui-datatable .kmen_N {
  background-size: 15px 13px;
  width: 15px;
  height: 13px;
}
table.kodppTabulka .kmen_N {
  width: 41px;
  height: 35px;
  margin: -9px auto 0;
}
.cpp table.kodppTabulka .kmen_N {
  width: 33px;
  height: 29px;
  margin: -6px auto 0;
}
* Podnikatelske pojisteni 
.kmen_R, .kmen_P {
  background: url("../../images/knz/icons/icon_calc_podnik.png") no-repeat center center;
}
.cpp .kmen_R, .cpp .kmen_P {
  background: url("../../images/knz/icons/cpp/smlouvy_pod.png") no-repeat center center;
}
div.ui-datatable .kmen_R, div.ui-datatable .kmen_P {
  background-size: 12px 14px;
  width: 12px;
  height: 14px;
  margin: 0 auto;
}
.cpp div.ui-datatable .kmen_R, .cpp div.ui-datatable .kmen_P {
  background-size: 20px 12px;
  width: 20px;
  height: 12px;
}
table.kodppTabulka .kmen_R, table.kodppTabulka .kmen_P {
  width: 29px;
  height: 35px;
  margin: -10px auto 0;
}
.cpp table.kodppTabulka .kmen_R, .cpp table.kodppTabulka .kmen_P {
  width: 50px;
  height: 24px;
  margin: 0 auto;
}
* Zivotni pojisteni 
.kmen_Z, .kmen_A, .kmen_ZA, .kmen_B {
  background: url("../../images/knz/icons/icon_calc_zivot.png") no-repeat center center;
}
.cpp .kmen_Z, .cpp .kmen_A, .cpp .kmen_ZA, .cpp .kmen_B {
  background: url("../../images/knz/icons/cpp/smlouvy_ziv.png") no-repeat center center;
}
div.ui-datatable .kmen_Z, div.ui-datatable .kmen_A, div.ui-datatable .kmen_B {
  background-size: 16px 14px;
  width: 16px;
  height: 14px;
  margin: 0 auto;
}
.cpp div.ui-datatable .kmen_Z, .cpp div.ui-datatable .kmen_A {
  background-size: 10px 13px;
  width: 10px;
  height: 13px;
}
table.kodppTabulka .kmen_ZA {
  width: 35px;
  height: 30px;
  margin: -4px auto 0;
}
.cpp table.kodppTabulka .kmen_ZA {
  width: 24px;
  height: 33px;
  margin: -9px auto 0;
}
* Pojisteni vozidel 
.kmen_H, .kmen_O, .kmen_HO {
  background: url("../../images/knz/icons/icon_calc_vozidlo.png") no-repeat center center;
}
.cpp .kmen_H, .cpp .kmen_O, .cpp .kmen_HO {
  background: url("../../images/knz/icons/cpp/smlouvy_aut.png") no-repeat center center;
}
div.ui-datatable .kmen_H, div.ui-datatable .kmen_O, div.ui-datatable .kmen_HO {
  background-size: 19px 12px;
  width: 19px;
  height: 12px;
  margin: 0 auto;
}
.cpp div.ui-datatable .kmen_H, .cpp div.ui-datatable .kmen_O {
  background-size: 12px 10px;
  width: 12px;
  height: 10px;
}
table.kodppTabulka .kmen_HO {
  width: 41px;
  height: 21px;
  margin: 0 auto;
}
.cpp table.kodppTabulka .kmen_HO {
  width: 34px;
  height: 29px;
  margin: -5px auto 0;
}

body input.btn_zeleneVyhledat, button.ui-button.btn_zeleneVyhledat {
  background: url(../../images/knz/icons/search_button.png) no-repeat center center, linear-gradient(0deg, #015b24 12%, #007236 99%);
  box-shadow: inset 0px 1px 0px 0px rgba(98,168,131,1);
  border: 1px solid #004f1f;
  border-radius: 3px;
  color: #fff;
  padding: 5px 15px !important;
  width: 41px;
  height: 28px;
  cursor: pointer;
}
body input.btn_zeleneVyhledat.ui-state-hover, button.ui-button.btn_zeleneVyhledat.ui-state-hover {
  background: url(../../images/knz/icons/search_button.png) no-repeat center center, linear-gradient(to top, #077732 14%, #08934a 99%);
}
.cpp input.btn_zeleneVyhledat, .cpp button.ui-button.btn_zeleneVyhledat {
  background: url(../../images/knz/icons/search_button.png) no-repeat center center, linear-gradient(0deg, #173f6d 5%, #2c5a93 99%);
  border: 1px solid #2b343b;
  box-shadow: inset 0px 1px 0px 0px rgba(126,152,186,1);
}
.cpp input.btn_zeleneVyhledat.ui-state-hover, .cpp button.ui-button.btn_zeleneVyhledat.ui-state-hover {
  background: url(../../images/knz/icons/search_button.png) no-repeat center center, linear-gradient(0deg, #173f6d 5%, #2c5a93 99%);
}*/

/** Styly pro tabulku nastaveni nopu */
div.nopSetting table > thead {
  display: none;
}

table.kodppTabulka table { 
  width: auto !important;
}

table.kodppTabulka table thead { 
  display: none !important;
}

table.kodppTabulka table td { 
  border: 0px none !important;
}

table.kodppTabulka table td .checkboxLabel { 
 margin: auto !important;
}

table.kodppTabulka td { 
  vertical-align: top;
}

div.nenalezeno {
  width: 310px;
  text-align: center;
  margin: 60px auto 0;
}
div.nenalezeno > span.nadpis {
  color: #faab00;
  font-size: 20px;
  font-weight: bold;
  text-transform: uppercase;
  display: block;
  margin-top: 20px;
}
div.nenalezeno > span.info {
  color: #7b7b7b;
  font-size: 15px;
  display: block;
  margin-top: 15px;
}

/* ----------------------------------------------------------------
	rich:dataScroller
---------------------------------------------------------------- */

/*.novaKalkulacka div.ui-paginator a.ui-state-default {
  background: transparent none;
  width: 16px;
  height: 16px;
  margin-bottom: -4px;
  border: none;
  padding: 0;
  margin-left: 2px;
}
.novaKalkulacka div.ui-paginator {
  padding-top: 25px;   Use padding intead of margin, so that border can be used 
}
.novaKalkulacka div.ui-paginator a.ui-paginator-first > span.ui-icon,
.novaKalkulacka div.ui-paginator a.ui-paginator-first.ui-state-hover > span.ui-icon {
  background: url("../../images/knz/icons/icon_first.png") no-repeat;
}
.novaKalkulacka div.ui-paginator a.ui-paginator-prev > span.ui-icon,
.novaKalkulacka div.ui-paginator a.ui-paginator-prev.ui-state-hover > span.ui-icon {
  background: url("../../images/knz/icons/icon_prev.png") no-repeat;
}
.novaKalkulacka div.ui-paginator a.ui-paginator-next > span.ui-icon,
.novaKalkulacka div.ui-paginator a.ui-paginator-next.ui-state-hover > span.ui-icon {
  background: url("../../images/knz/icons/icon_next.png") no-repeat;
}
.novaKalkulacka div.ui-paginator a.ui-paginator-last > span.ui-icon,
.novaKalkulacka div.ui-paginator a.ui-paginator-last.ui-state-hover > span.ui-icon {
  background: url("../../images/knz/icons/icon_last.png") no-repeat;
}
.novaKalkulacka div.ui-paginator a.ui-state-disabled {
  display: none;
}
.novaKalkulacka div.ui-paginator span.ui-paginator-pages {
  padding: 0;
}
.novaKalkulacka div.ui-paginator span.ui-paginator-pages > a.ui-paginator-page {
  background: none;
  border: none;
  width: 15px;
  color: #666666;
}
body.cpp.novaKalkulacka div.ui-paginator span.ui-paginator-pages a.ui-paginator-page.ui-state-active {
    color: #0f5e9b;
}
.novaKalkulacka div.ui-paginator span.ui-paginator-pages a.ui-paginator-page.ui-state-active {
    color: #006633;
}
.novaKalkulacka div.ui-paginator .rf-ds-nmb-btn:hover {
  background: none;
  border: none;
  text-decoration: none;
}
.novaKalkulacka div.ui-paginator span.ui-paginator-pages > span.ui-paginator-page.ui-state-active {
  color: #01652c;
  font-weight: bold;
}
.cpp .novaKalkulacka div.ui-paginator span.ui-paginator-pages > span.ui-paginator-page.ui-state-active {
  color: #0f5e9b;
}
.novaKalkulacka div.ui-paginator span.ui-paginator-pages > span.ui-paginator-page.ui-state-hover {
  color: #000;
}*/

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

/*.ui-dialog {
  overflow: visible;   Set to make all "podrobnosti k adrese"" visible 
}

.ui-dialog.ui-corner-all,
.novaKalkulacka.ui-dialog.ui-corner-all {
  border-radius: 6px;
}
.ui-dialog.ui-shadow
.novaKalkulacka.ui-dialog.ui-shadow {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.33);
}
 Titlebar 
.ui-dialog > div.ui-dialog-titlebar,
.novaKalkulacka.ui-dialog > div.ui-dialog-titlebar {
  background: #fff none !important;
  border: none;
  box-shadow: none;
  padding: 24px;
}
.ui-dialog .ui-dialog-titlebar span.ui-dialog-title::before,
.novaKalkulacka.ui-dialog .ui-dialog-titlebar span.ui-dialog-title::before {
  background: transparent none;
  display: none;     Otherwise pushes title to right 
}
.ui-dialog .ui-dialog-titlebar span.nadpisPanelu,
.ui-dialog .ui-dialog-titlebar span.ui-dialog-title,
.novaKalkulacka.ui-dialog .ui-dialog-titlebar span.ui-dialog-title {
  color: #616161;
  font-size: 17px;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  text-align: center;
  margin: 0;
  float: none;
}
.cpp .ui-dialog .ui-dialog-titlebar span.ui-dialog-title {
    font-weight: normal;
}
.ui-dialog a.ui-dialog-titlebar-icon {
     Prevent overriding in newPopupPanel.css 
    width: initial;
    height: initial;
    margin: 0;
    padding: 0;
    float: right;  end 
    position: absolute;
    top: 10px;
    right: 10px;
}
.ui-dialog-titlebar-icon > span.ui-icon.ui-icon-closethick {
  background: url("../../images/knz/icons/icon_close.png");
  width: 11px;
  height: 11px;
  float: right;
  border-radius: 0;
  margin: 0;
}
.ui-dialog-titlebar-icon.ui-state-hover {
  background: transparent none;
  border: none;
}
.ui-dialog-titlebar-icon.ui-state-hover > span.ui-icon.ui-icon-closethick {
  background: url("../../images/knz/icons/icon_close_hover.png");
}
 Content 
div.ui-dialog > div.ui-dialog-content,
div.novaKalkulacka.ui-dialog > div.ui-dialog-content {
  padding: 0 40px 25px 40px;
  font-size: 12px;
  font-family: Calibri, Arial;
  overflow: visible;
}
div.ui-dialog > div.ui-dialog-content span.nadpis,
div.novaKalkulacka.ui-dialog > div.ui-dialog-content span.nadpis {
  font-size: 1.07rem;
  font-weight: 700;
  letter-spacing: 0.18px;
  text-align: center;
  text-transform: uppercase;
  color: #006633;
  padding-bottom: 12px;
}

 Footer 
div.ui-dialog > div.ui-dialog-footer,
div.novaKalkulacka.ui-dialog > div.ui-dialog-footer {
  padding: 0 35px 25px;
  font-size: 12px;
  font-family: Calibri, Arial;
  float: left;
  width: 100%;
  box-sizing: border-box;
}*/

/*body.cppdiv.ui-dialog > div.ui-dialog-content span.nadpis,
body.cpp div.ui-dialog > div.ui-dialog-content span.nadpis {
  color: #0f5e9b;
}*/
div.popupPanelContent {
  padding: 0 0 30px 0;
}

.popupPanelContent .odsazeniRekapitulace{
  padding-left: 10px;
}

.popupPanelContent .odsazeniPriloh{
 padding-left: 20px;
}

div.popupPanelContent span.title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.18px;
  text-align: center;
  text-transform: uppercase;
  color: #616161;
}
/* Buttons */
div.popupPanelButtons {
  background: transparent none;
  text-align: center;
}
.popupPanelButtons.row {
  display: flex;
  justify-content: center;
}
div.popupPanelButtons table {
  margin: 0 auto;
}
div.popupPanelButtons .knz_button {
  padding: 10px 45px 9px !important;
  margin: 5px 10px;
}
div.popupPanelButtons a.knz_button {
  padding: 11px 45px 10px !important;
}
div.popupPanelButtons .knz_button.green {
  padding: 9px 44px 8px !important;
}
div.popupPanelButtons a.knz_button.green {
  padding: 10px 44px 9px !important;
}

/*Garantovana nabidka dialog*/
.garantovanaNabidka{
  position: fixed !important;
  right: 15px !important;
  left: auto !important;
  top: 150px !important;
/*  background: #009d30;
  color: white;*/
  width: 300px !important;
}

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

div.rf-pp-cntr.zzj {
  box-shadow: none;
  border-radius: 3px;
  border: none;
  padding: 0;
}
div.zzj div.rf-pp-hdr {
  background: #d7e6f0 none !important;
  line-height: 23px;
  border-radius: 3px 3px 0 0;
}
div.zzj div.rf-pp-hdr-cnt {
  background: #d7e6f0 none !important;
}
div.zzj span.nadpisKalkulacky {
  font-family: Calibri;
  float: left;
  display: inline-block;
  margin: 0;
  color: #343434;
}
div.zzj div.rf-pp-hdr .krizek {
  margin-top: 5px;
}
div.zzj div.rf-pp-cnt-scrlr {
  background-color: #eff4f7;
  border-radius: 0 0 3px 3px;
}
div.zzj div.rf-pp-cnt {
  padding: 25px 25px 0;
  margin-top: 15px;
}
div.doplnkovePojisteni {
  margin: 15px 0;
  background-color: #fafcfd; 
  float: left; 
  padding: 5px 25px 7px;  
}

/* ----------------------------------------------------------------
	rich:calendar
---------------------------------------------------------------- */

/*body.novaKalkulacka img.rf-cal-btn {
  margin-left: 5px;
}
div.vyberSmlouvy_calendar .rf-cal-today {
  font-weight: normal;
  color: #000;
  background-color: #fff;
}
div.vyberSmlouvy_calendar .rf-cal-today:hover {
  background-color: #f1eee9;
}
div.vyberSmlouvy_calendar .rf-cal-today.rf-cal-sel {
  background-color: #d4cfc7;
  font-weight: bold;
}*/

/* ----------------------------------------------------------------
	vyber vztahu - vyber ziskatele
---------------------------------------------------------------- */

/*.bubblebox-ziskatel {
    background: none repeat scroll 0 0 #e6eef3;
    border-radius: 4px;
    color: #3e6b6b;
    display: block;
    font-family: Calibri,KoopOffice;
    font-size: 13px;
    font-weight: 400;
    height: 84px;
    padding-left: 90px;
    padding-right: 30px;
    position: relative;
}
.bubblebox-ziskatel:before {
    background-color: rgba(48, 113, 152, 0.49);
    border-radius: 50%;
    color: #d4e8e8;
    content: "i";
    display: block;
    font-size: 28px;
    font-weight: 700;
    height: 39px;
    left: 22px;
    line-height: 39px;
    margin-top: -19px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 39px;
}
.bubblebox-ziskatel.info:before {
    background-color: rgba(48, 113, 152, 0.49);
    color: #e6eef3;
    content: "i";
}
.vyberziskatele-content {
    margin: 30px auto 20px;
    width: 325px;
    text-align: center;
}
.vyberziskatele-content div {
    text-align: center;
}
.vyberziskatele-content div.bubblebox-ziskatel {
    margin-left: -140px;
    margin-right: 140px;
    position: relative;
}
.vyberziskatele-content div.bubblebox-ziskatel div {
    display: table;
    height: 84px;
    left: 90px;
    position: absolute;
    top: 0;
    width: 210px;
}
.vyberziskatele-content div.bubblebox-ziskatel div span {
    color: #3e6b6b;
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}
.cpp .vyberziskatele-content div.bubblebox-ziskatel div span {
  color: #266da3;
}
.vyberziskatele-content div.bubblebox-ziskatel:after {
    background: url("../../images/knz/vyber_ziskatele_help.png") no-repeat scroll left top transparent;
    content: "";
    display: inline-block;
    height: 84px;
    position: absolute;
    right: -278px;
    top: 0;
    width: 278px;
}
.cpp .vyberziskatele-content div.bubblebox-ziskatel:after {
  background: url("../../images/knz/cpp_vyber_ziskatele_help.png") no-repeat scroll left top transparent;
}
.vyberziskatele-content h2 {
    color: #006929;
    font-size: 15px;
    font-weight: normal;
    margin: 47px 0 32px;
    text-align: center;
    text-transform: uppercase;
}
.cpp .vyberziskatele-content h2 {
  color: #005596;
}
table.vertical-checkbox-buttons {
    border-width: 0;
    margin: 0;
    padding: 0;
}
.vertical-checkbox-buttons input[type="radio"] {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    left: -1000px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    z-index: -1000;
}
.vertical-checkbox-buttons td {
    border: 1px solid #fff;
    border-radius: 2px;
    box-shadow: 0 0 5px rgba(30, 27, 28, 0.7);
    width: 325px;
}
.cpp .vertical-checkbox-buttons td {
  box-shadow: 0 0 5px rgba(30, 27, 28, 0.5);
}
.vertical-checkbox-buttons td.checked {
    background-color: #b2e4c9;
    border: 1px solid #d2f5e2;
    box-shadow: 0 0 5px rgba(30, 27, 28, 0.7);
    cursor: pointer;
    transition: background 0s ease-in-out 0s;
}
.cpp .vertical-checkbox-buttons td.checked {
    border:solid 1px #cbe1f2;
    background-color: #c9e2f5;
}
.vertical-checkbox-buttons td:hover {
    background-color: #d2f5e2;
    box-shadow: 0 0 5px rgba(30, 27, 28, 0.9);
    cursor: pointer;
    transition: box-shadow 0.3s ease-in 0s;
}
.cpp .vertical-checkbox-buttons td:hover {
    background-color: #e4f0f9;
    box-shadow: 0 0px 6px rgba(30,27,28,0.5);
}
.vyberziskatele-content .vertical-checkbox-buttons td {
    height: 44px;
    margin: 8px 0;
    float: left;
}
.vyberziskatele-content .vertical-checkbox-buttons label {
    line-height: 44px;
}
.vertical-checkbox-buttons label {
    -moz-user-select: none;
    background-image: url("../../images/knz/icons/radio.png");
    background-position: 14px 50%;
    background-repeat: no-repeat;
    color: #303030;
    cursor: pointer;
    display: block;
    height: 100%;
    text-align: center;
    transition: background 0.3s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
    font-size: 16px;
}
.vertical-checkbox-buttons input[type="radio"]:checked + label {
    background-image: url("../../images/knz/icons/radio_checked.png");
}
.cpp .vertical-checkbox-buttons input[type="radio"]:checked + label {
    background-image: url("../../images/knz/icons/cpp/radio_checked.png");
}
.vyberziskatele-content input[type="submit"] {
    background-color: #015e26;
    background-image: linear-gradient(to top, #005320 1%, #015b24 14%, #007236 99%);
    border: 1px solid #00431a;
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset, 0 -1px 0 rgba(0, 0, 0, 0.3) inset;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: KoopOffice;
    font-size: 12px;
    height: 35px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    transition: all 0.3s ease-in 0s;
    width: 188px;
}
.cpp .vyberziskatele-content input[type="submit"] {
    background-color: #235086;
    background-image: linear-gradient(0deg, #194578 5%, #2c5a93 99%);
    border: 1px solid #2b353c;
}
.vyberziskatele-content input[type="submit"]:hover {
    background-color: #00863f;
    background-image: linear-gradient(to top, #077732 14%, #08934a 99%);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset;
}
.cpp .vyberziskatele-content input[type="submit"]:hover {
  background-color: #2E66A7;
	background-image:  linear-gradient(0deg, #255c9b 5%, #376fb3 99%);
}*/

/* ----------------------------------------------------------------
	Rozbalovaci panely
---------------------------------------------------------------- */

/*.rozbalovaciPanel_odsazeni {
  margin-bottom: 15px;
  float: left;
  width: 100%;
}
.nerozbalovaciPanel_odsazeni {
  float: left;
  width: 100%;
}

.rozbalovaciPanel, .nerozbalovaciPanel {
	padding: 7px 10px 7px 15px;
	font-size: 13px;
	color: #272727;
	text-align: left;
	border-radius: 3px 3px 0 0;
  float: left;
  width: 100%;
  box-sizing: border-box;
  transition: background 0.3s ease-in-out 0s;
  cursor: pointer;
  background-color: #e4e4e4;
}
.nerozbalovaciPanel {
  cursor: default;
}
.rozbalovaciPanel.violet.active, .rozbalovaciPanel.violet:hover, .nerozbalovaciPanel.violet.active
.rozbalovaciPanel:hover {
  background-color: #d2d2d2;
  color: white;
}
.rozbalovaciPanel .ikonaPredPanelem {
  position: absolute;
  left: -55px;
  width: 50px;
  margin-top: 2px;
  text-align: right;
  cursor: default;
}
.rozbalovaciPanel .iconInfoChyba {
  margin-left: 3px;
}
.nadpisRozbalovacihoPanelu {
  font-family: Calibri, Arial;
}
.rozbalovaciPanel span.nadpisRozbalovacihoPanelu,
.nerozbalovaciPanel span.nadpisRozbalovacihoPanelu,
.detailRozbalovacihoPanelu span.nadpis_panelu {
  font-size: 17px;	
  color: #272727;
  display: block;
  float: left;
  text-transform: uppercase;
  font-weight: normal;
}
.cpp form.novaKalkulacka .rozbalovaciPanel span.nadpisRozbalovacihoPanelu, 
.cpp form.novaKalkulacka .nerozbalovaciPanel span.nadpisRozbalovacihoPanelu,
.cpp form.novaKalkulacka .detailRozbalovacihoPanelu span.nadpis_panelu {
  font-size: 17px;
}
* Tlacitka v hlavicce panelu 
.rozbalovaciPanel > span.zobrazDetail:before {
  background: url("../../images/knz/icons/icon_header_gray_arrow_right.png") no-repeat scroll center center;
  content: "";
  display: inline-block;
  height: 10px;
  margin: 0 10px 0 0;
  transition: all 0.5s ease-in-out 0s;
  width: 6px;
}
.rozbalovaciPanel:hover > span.zobrazDetail:before {
  background: url("../../images/knz/icons/icon_header_black_arrow_right.png") no-repeat scroll center center;
}
.rozbalovaciPanel > span.zobrazDetail.noText:before {
  margin: 0;
}
.rozbalovaciPanel.active > span.zobrazDetail:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.rozbalovaciPanel span.zobrazDetail,
.nerozbalovaciPanel a.zmenaUdaju {
  float: right;
  font-size: 13px;
  padding: 0 4px 0 14px;
  color: #656565;
  text-decoration: underline;
}
.rozbalovaciPanel span.zobrazDetail:hover,
.nerozbalovaciPanel a.zmenaUdaju:hover {
  text-decoration: none;
}
.nerozbalovaciPanel > a.zmenaUdaju:before {
  background: url("../../images/knz/icons/icon_edit.png") no-repeat scroll center center;
  content: "";
  display: inline-block;
  height: 13px;
  margin: 0 6px -2px 0;
  width: 15px;
}
.rozbalovaciPanel > a.guma {
  background: url("../../images/knz/icons/icon_clear.png") no-repeat scroll center center;
  width: 14px;
  height: 17px;
  float: right;
  border: none;
  cursor: pointer;
}
.rozbalovaciPanel > a.guma:hover {
  background: url("../../images/knz/icons/icon_clear_hover.png") no-repeat scroll center center;
}*/
/** Typ pojistnika */
.typPojistnika:before {
  content: "A";
  font-size: 13px;
  margin-left: 5px;
}
.typPojistnika {
  background: url("../../images/knz/icons/ico_typPojistnika.png") no-repeat;
  width: 18px;
  height: 18px;
  display: inline-block;
  margin: 2px 0 0 7px;
  color: #000;
}
.typPojistnika.A:before {
  content: "A";
}
.typPojistnika.B:before {
  content: "B";
}
.typPojistnika.C:before {
  content: "C";
}
.typPojistnika.D:before {
  content: "D";
}
.typPojistnika.E:before {
  content: "E";
}
.typPojistnika.F:before {
  content: "F";
}
.typPojistnika.G:before {
  content: "G";
}
.typPojistnika.H:before {
  content: "H";
}
.typPojistnika.I:before {
  content: "I";
  margin-left: 7px;
}
.typPojistnika.J:before {
  content: "J";
  margin-left: 7px;
}
.typPojistnika.K:before {
  content: "K";
}
.typPojistnika.L:before {
  content: "L";
}
.typPojistnika.M:before {
  content: "M";
  margin-left: 3px;
}
.typPojistnika.N:before {
  content: "N";
}
.typPojistnika.O:before {
  content: "O";
}
.typPojistnika.P:before {
  content: "P";
}
.typPojistnika.Q:before {
  content: "Q";
}
.typPojistnika.R:before {
  content: "R";
}
.typPojistnika.S:before {
  content: "S";
  margin-left: 6px;
}
.typPojistnika.T:before {
  content: "T";
}
.typPojistnika.U:before {
  content: "U";
}
.typPojistnika.V:before {
  content: "V";
}
.typPojistnika.W:before {
  content: "W";
  margin-left: 3px;
}
.typPojistnika.X:before {
  content: "X";
}
.typPojistnika.Y:before {
  content: "Y";
}
.typPojistnika.Z:before {
  content: "Z";
  margin-left: 6px;
}

/** Obsah panelu */
/*div.detailRozbalovacihoPanelu, div.detailNerozbalovacihoPanelu {
  float: left;
  clear: left;
  padding: 20px 25px;
  border-radius: 0 0 3px 3px;
  width: 100%;
  font-size: 13px;
  background-color: #efefef;
  box-sizing: border-box;
  position: relative;
}
.cpp form.novaKalkulacka div.detailRozbalovacihoPanelu, 
.cpp form.novaKalkulacka div.detailNerozbalovacihoPanelu {
  font-size: 14px;
}
div.detailRozbalovacihoPanelu table, div.detailNerozbalovacihoPanelu table {
  font-size: 13px;
}
.cpp form.novaKalkulacka div.detailRozbalovacihoPanelu table, 
.cpp form.novaKalkulacka div.detailNerozbalovacihoPanelu table {
  font-size: 14px;
}
div.detailRozbalovacihoPanelu span.nadpis {
  background: none repeat scroll 0 0 #dcf0e4;
  color: #272727;
  font-size: 18px;
  height: 34px;
  line-height: 34px;
  text-transform: uppercase;
  padding: 0 10px;
  margin-bottom: 10px;
}
div.detailRozbalovacihoPanelu span.nadpis.green {
  background-color: #dcf0e4;
}
div.detailRozbalovacihoPanelu span.nadpis.yellow {
  background-color: #f8eaa8;
}
div.detailRozbalovacihoPanelu span.nadpis.blue {
  background-color: #e0edf5;
}*/
/*div.detailRozbalovacihoPanelu div.podriziko {
  margin: 15px 0 15px -25px;
  width: calc(100% + 25px);
  padding: 5px 0 6px 25px;
}
div.detailRozbalovacihoPanelu.green div.podriziko {
  background-color: #cde6d8;
}
div.detailRozbalovacihoPanelu.blue div.podriziko {
  background-color: #d7e6f0;
}
div.detailRozbalovacihoPanelu.yellow div.podriziko {
  background-color: #fbe8c3;
}
div.detailRozbalovacihoPanelu.orange div.podriziko {
  background-color: #fbdac2;
}
div.detailRozbalovacihoPanelu.red div.podriziko {
  background-color: #f9e1de;
}
div.detailRozbalovacihoPanelu.violet div.podriziko {
  background-color: #e1e6fa;
}
div.detailRozbalovacihoPanelu div.podriziko > label {
  top: 5px;
  left: 25px;
}*/
.doplnitPrilohy .skupinaNadpis, .detailRozbalovacihoPanelu .skupinaNadpis {
  float: left;
  width: 100%;
}
body.novaKalkulacka .potreby div.nadpisII {
    padding-right: 11px;
}
body.novaKalkulacka div.nadpisII > span.text, .doplnitPrilohy .skupinaNadpis, .detailRozbalovacihoPanelu .skupinaNadpis{
  background-color: #e3e3e3;
  display: inline-block;
  font-size: 14px;
  height: 26px;
  line-height: 26px;
  margin: 10px 0 15px -25px;
  padding: 0 28px 0 20px;
  text-transform: uppercase;
  position: relative;
}
body.novaKalkulacka table table div.nadpisII > span.text {
  margin-left: -29px;
}
body.novaKalkulacka div.nadpisII > span.text.default {
  background-color: #e3e3e3 !important;
}
body.novaKalkulacka div.nadpisII > span.text:after {
  border-color: transparent transparent transparent #e3e3e3;
  border-style: solid;
  border-width: 13px;
  content: "";
  position: absolute;
  margin-left: 28px;
}
body.novaKalkulacka div.nadpisII > span.text.default:after {
  border-color: transparent transparent transparent #e3e3e3 !important;
}
body.novaKalkulacka div.nadpisII .tooltipIcon {
  vertical-align: -3px;   /* Centered in 12px text with compensation for the icon's own 2px shadow */
}

.styledPanel .subheading,
.styledPanel .popis.nadpisBold {
  background-color: #e3e3e3;
}
.styledPanel .subheading::after,
.styledPanel .popis.nadpisBold::after {
  border-color: transparent transparent transparent #e3e3e3;
}

/** Zelena varianta */
/*.rozbalovaciPanel.green,
.nerozbalovaciPanel.green,
.styledPanel .green .subheading,
.styledPanel .green .popis.nadpisBold,
div.detailRozbalovacihoPanelu.green div.nadpisII > span.text {
  background-color: #cde6d8;
}
.rozbalovaciPanel.green:hover {
  background-color: #addec3;
  color: white;
}
div.detailRozbalovacihoPanelu.green, div.detailNerozbalovacihoPanelu.green {
  background-color: #ebf7f0;
}
.styledPanel .green .subheading::after,
.styledPanel .green .popis.nadpisBold::after,
div.detailRozbalovacihoPanelu.green div.nadpisII > span.text:after {
  border-color: transparent transparent transparent #cde6d8;
}
* Modra varianta 
.rozbalovaciPanel.blue,
.nerozbalovaciPanel.blue,
.styledPanel .blue .subheading,
.styledPanel .blue .popis.nadpisBold,
div.detailRozbalovacihoPanelu.blue div.nadpisII > span.text {
  background-color: #d7e6f0;
}
.rozbalovaciPanel.blue:hover {
  background-color: #c6e4f6;
  color: white;
}
div.detailRozbalovacihoPanelu.blue, div.detailNerozbalovacihoPanelu.blue {
  background-color: #eff4f7;
}
.styledPanel .blue .subheading::after,
.styledPanel .blue .popis.nadpisBold::after,
div.detailRozbalovacihoPanelu.blue div.nadpisII > span.text:after {
  border-color: transparent transparent transparent #d7e6f0;
}
* Zluta varianta 
.rozbalovaciPanel.yellow,
.nerozbalovaciPanel.yellow,
.styledPanel .yellow .subheading,
.styledPanel .yellow .popis.nadpisBold,
div.detailRozbalovacihoPanelu.yellow div.nadpisII > span.text {
  background-color: #fbe8c3;
}
.rozbalovaciPanel.yellow:hover {
  background-color: #ffe29d;
  color: white;
}
div.detailRozbalovacihoPanelu.yellow, div.detailNerozbalovacihoPanelu.yellow {
  background-color: #fdf3e1;
}
.styledPanel .yellow .subheading::after,
.styledPanel .yellow .popis.nadpisBold::after,
div.detailRozbalovacihoPanelu.yellow div.nadpisII > span.text:after {
  border-color: transparent transparent transparent #fbe8c3;
}
* Oranzova varianta 
.rozbalovaciPanel.orange,
.nerozbalovaciPanel.orange,
.styledPanel .orange .subheading,
.styledPanel .orange .popis.nadpisBold,
div.detailRozbalovacihoPanelu.orange div.nadpisII > span.text {
  background-color: #fbdac2;
}
.rozbalovaciPanel.orange:hover {
  background-color: #ffceab;
  color: white;
}
div.detailRozbalovacihoPanelu.orange, div.detailNerozbalovacihoPanelu.orange {
  background-color: #ffeee2;
}
.styledPanel .orange .subheading::after,
.styledPanel .orange .popis.nadpisBold::after,
div.detailRozbalovacihoPanelu.orange div.nadpisII > span.text:after {
  border-color: transparent transparent transparent #fbdac2;
}
* Cervena varianta 
.rozbalovaciPanel.red,
.nerozbalovaciPanel.red,
.styledPanel .red .subheading,
.styledPanel .red .popis.nadpisBold,
div.detailRozbalovacihoPanelu.red div.nadpisII > span.text {
  background-color: #f9e1de;
}
.rozbalovaciPanel.red:hover {
  background-color: #f8cbc5;
  color: white;
}
div.detailRozbalovacihoPanelu.red, div.detailNerozbalovacihoPanelu.red {
  background-color: #fff3f1;
}
.styledPanel .red .subheading::after,
.styledPanel .red .popis.nadpisBold::after,
div.detailRozbalovacihoPanelu.red div.nadpisII > span.text:after {
  border-color: transparent transparent transparent #f9e1de;
}
* Fialova varianta 
.rozbalovaciPanel.violet,
.nerozbalovaciPanel.violet,
.styledPanel .violet .subheading,
.styledPanel .violet .popis.nadpisBold,
div.detailRozbalovacihoPanelu.violet div.nadpisII > span.text {
  background-color: #e1e6fa;
}
.rozbalovaciPanel.violet:hover {
  background-color: #d1d9f7;
  color: white;
}
div.detailRozbalovacihoPanelu.violet, div.detailNerozbalovacihoPanelu.violet {
  background-color: #eff2fc;
}
.styledPanel .violet .subheading::after,
.styledPanel .violet .popis.nadpisBold::after,
div.detailRozbalovacihoPanelu.violet div.nadpisII > span.text:after {
  border-color: transparent transparent transparent #e1e6fa;
}*/

/*div.close-subsection {
  background: url("../../images/knz/icons/arrow_top.png") no-repeat scroll center center;
  display: block;
  float: left;
  clear: both;
  height: 6px;
  width: 100%;
  padding: 14px 0;
  margin-top: 7px;
  transition: background 0.5s ease-in-out 0s;
  cursor: pointer;
}
div.close-subsection:hover {
  background-color: rgba(255, 255, 255, 0.3);
}*/

/* ----------------------------------------------------------------
	Controls at end
---------------------------------------------------------------- */

.panelOvladani {
  clear: both;
  display: flex;
  justify-content: center;
}
.panelOvladani .knz_button {
  margin-left: 8px;
  margin-right: 8px;
  min-width: 50px;
  text-align: center;
}

.panelOvladani.testing {
  margin: 2em 0;
}
.panelOvladani.testing .knz_button {
  background: linear-gradient(to top, #530020 1%, #5b0124 14%, #720036 99%) !important;
  box-shadow: 0 1px 3px 0 rgba(27, 30, 28, 0.5), 0 1px 0 0 rgba(168, 98, 131, 1) inset;
  border: 1px solid #4f001f !important;
  color: #fff;
}

/* ----------------------------------------------------------------
	Navigation line
---------------------------------------------------------------- */

div.navigation-line div.rozbalovaciPanel_odsazeni:first-of-type {
  margin-top: 0;
}
div.navigation-line div.rozbalovaciPanel_odsazeni:last-of-type {
  margin-bottom: 0;
}
div.navigation-line {
  position: relative;
  float: left;
}
div.navigation-line:before {
  background-color: #c1c1c1;
  content: "";
  height: 100%;
  left: -26px;
  position: absolute;
  width: 1px;
}
div.navigation-line > a.unpack-all {
  background: url("../../images/knz/icons/guideline_packall.png") no-repeat scroll center bottom;
  display: inline-block;
  height: 11px;
  width: 11px;
  left: -31px;
  position: absolute;
  top: 0;
}
div.navigation-line > a.unpack-all:hover {
  background: url("../../images/knz/icons/guideline_packall_active.png") no-repeat scroll center bottom;
}
div.navigation-line > a.unpack-all > span {
  background: url("../../images/knz/icons/guideline_packall_arrow.png") no-repeat scroll center center;
  display: inline-block;
  height: 4px;
  left: calc(50% - 2.5px);
  position: absolute;
  top: calc(50% - 2px);
  transition: all 0.5s ease-in-out 0s;
  width: 5px;
}
div.navigation-line > a.unpack-all:hover > span {
  background: url("../../images/knz/icons/guideline_packall_arrow_active.png") no-repeat scroll center center;
}
div.navigation-line > a.unpack-all.pack > span {
  transform: rotate(-90deg);
}
div.navigation-line > div.section-info {
  background: none repeat scroll 0 0 #ffffff;
  border-radius: 4px;
  box-shadow: 0 0 3px rgba(30, 27, 28, 0.7);
  cursor: pointer;
  display: inline-block;
  height: auto;
  max-width: 100px;
  min-width: 70px;
  padding: 9px;
  position: fixed;
  z-index: 97;
}
div.navigation-line > div.section-info:after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent transparent transparent #c1c1c1;
  border-image: none;
  border-style: solid;
  border-width: 11px;
  content: "";
  display: inline-block;
  height: 0;
  left: 100%;
  margin-top: -11px;
  pointer-events: none;
  position: absolute;
  top: 50%;
  width: 0;
}
div.navigation-line > div.section-info p {
  font-size: 11px;
  line-height: 11px;
}
div.navigation-line > div.navigation-line-end {
  background-color: #c1c1c1;
  bottom: 0;
  display: inline-block;
  height: 1px;
  left: -30px;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 9px;
}
div.navigation-line .rozbalovaciPanel {
  position: relative;
  border-radius: 0 3px 0 0;
}
div.navigation-line .rozbalovaciPanel:before {
  border-style: solid;
  border-width: 16px 13px 16px 0;
  border-color: transparent #e4e4e4 transparent transparent;
  content: "";
  display: inline-block;
  height: 0;
  left: -13px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 1px;
/*  top: calc(50% - 17px);*/
  transition: border-right 0.3s ease-in-out 0s;
  width: 0;
}
div.navigation-line .rozbalovaciPanel:hover:before, div.navigation-line .rozbalovaciPanel.active:before {
  border-color: transparent #d2d2d2 transparent transparent;
}
div.navigation-line .rozbalovaciPanel.green:before {
  border-color: transparent #cde6d8 transparent transparent;
}
div.navigation-line .rozbalovaciPanel.green:hover:before {
  border-color: transparent #addec3 transparent transparent;
}
div.navigation-line .rozbalovaciPanel.blue:before {
  border-color: transparent #e0edf5 transparent transparent;
}
div.navigation-line .rozbalovaciPanel.blue:hover:before {
  border-color: transparent #c6e4f6 transparent transparent;
}
div.navigation-line .rozbalovaciPanel > .milestone {
  display: inline-block;
  height: 14px;
  left: -33px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 10px;
  width: 14px;
}
div.navigation-line .rozbalovaciPanel > .milestone {
  background: url("../../images/knz/icons/guideline_unpack.png") no-repeat scroll center bottom;
}
div.navigation-line .rozbalovaciPanel.active > .milestone {
  background: url("../../images/knz/icons/guideline_pack.png") no-repeat scroll center bottom;
}
div.navigation-line .rozbalovaciPanel > .milestone:hover {
  background: url("../../images/knz/icons/guideline_unpack_active.png") no-repeat scroll center bottom;
}
div.navigation-line .rozbalovaciPanel.active > .milestone:hover {
  background: url("../../images/knz/icons/guideline_pack_active.png") no-repeat scroll center bottom;
}
div.navigation-line div.milestone {
  position: relative;
}
div.navigation-line div.milestone > .milestone-minor {
  background-color: #c1c1c1;
  border-radius: 50%;
  display: inline-block;
  height: 5px;
  left: -28px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 13px;
  width: 5px;
}

/* ----------------------------------------------------------------
	Vyber smlouvy
---------------------------------------------------------------- */

.filterTable {
  padding-bottom: 6px;
  float: left;
}
.filterTable ul {
  margin: 0;
}
.filterTable div.aktivnifiltry ul li {
  float: left;
}
.filtrTablePanel {
  width: 100%;
  float: left;
  background-color: #fff;
  border: 2px solid #d1e2ee;
  padding: 3px 16px 0;
  box-sizing: border-box;
}
.filter_text {
  text-transform: uppercase;
  color: #272727;
  font-size: 15px;
  float: left;
  margin: 3px 10px 7px 0;
}
.filtr_vybranaPolozka {
  background-color: #e5e5e5;
  text-transform: uppercase;
  color: #272727;
  font-size: 13px;
  padding-left: 10px;
  height: 26px;
  line-height: 26px;
  border-radius: 3px 0 0 3px;
  margin: 0 18px 3px 0;
  float: left;
  transition: 0.5s ease-in-out;
}
.filtr_vybranaPolozka:hover {
  background-color: #d5d7d8;
  transition: 0.5s ease-in-out;
}
.filtr_vybranaPolozka a, .filtr_vybranaPolozka a:visited {
  color: #272727;
}
.filtr_vybranaPolozka a:hover {
  color: #272727;
  text-decoration: none;
}
div.filtr_vybranaPolozka a.filtr_delete {
  width: 25px;
  height: 100%;
  background: url("../../images/knz/icons/icon_delete.png") no-repeat scroll center center #e5e5e5;
  cursor: pointer;
  vertical-align: top;
  margin-left: 5px;
  display: inline-block;
  transition: 0.5s ease-in-out;
}
div.filtr_vybranaPolozka a.filtr_delete:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13.5px 0 13.5px 14px;
  border-color: transparent transparent transparent #e5e5e5;
  content: "";
  position: absolute;
  margin-left: 25px;
  transition: 0.5s ease-in-out;
}
div.filtr_vybranaPolozka a.filtr_delete:hover,
div.filtr_vybranaPolozka:hover a.filtr_delete {
  background: #d5d7d8 url("../../images/knz/icons/icon_delete_hover.png") no-repeat scroll center center;
  transition: 0.5s ease-in-out;
}
div.filtr_vybranaPolozka a.filtr_delete:hover:after,
div.filtr_vybranaPolozka:hover a.filtr_delete:after {
  border-left-color: #d5d7d8;
  transition: 0.5s ease-in-out;
}

.filterTable .filter_add {
  margin: 3px 0 0 5px;
  background: url("../../images/knz/icons/icon_filter_add.png") no-repeat scroll center center;
  width: 18px;
  height: 19px;
  border: none;
  cursor: pointer;
}
.filterTable .filter_add:hover {
  background: url("../../images/knz/icons/icon_filter_add_hover.png") no-repeat scroll center center;
}
.seznamFiltru:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 13px 12px 12px 0;
  border-color: transparent #c2c2c2 transparent transparent;
  content: "";
  position: absolute;
  top: 6px;
  left: -12px;
}
.seznamFiltru:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 11px 10px 0;
  border-color: transparent #ffffff transparent transparent;
  content: "";
  position: absolute;
  top: 8px;
  left: -11px;
}
.seznamFiltru {
  box-shadow: 0 2px 6px 1px rgba(30, 27, 28, 0.25);
  background: #fff;
  border: 1px solid #c2c2c2;
  border-radius: 4px;
  position: absolute;
  top: -7px !important;
  left: 35px !important;
  width: 250px;
}
div.seznamFiltru a.filtr_polozka {
  cursor: pointer;
  color: #272727;
  font-size: 13px;
  text-transform: uppercase;
  padding: 9px 20px;
  display: block;
}
a.filtr_polozka:hover {
  background-color: #e5e5e5;
  color: #272727;
  text-decoration: none;
}
a.filtr_polozka > img {
  margin-right: 12px; 
  float: left;
}

div.linkFilterTable {
  border: none;
  margin-left: 2px;
}
div.filterInactive {
  background: url("../../images/icons.png") no-repeat -307px 0; 
  width: 10px;
  height: 10px;
}
.chrome a.filterLink {
  float: left;
}
a.filterLink:hover div.filterInactive {
  background: url("../../images/icons.png") no-repeat -319px 0; 
}
.cpp a.filterLink:hover div.filterInactive {
  background: url("../../images/knz/icons/cpp/icon_filter_hover.png"); 
}
div.filterActive {
  background: url("../../images/icons.png") no-repeat -343px 0; 
  width: 10px;
  height: 10px;
}
.cpp div.filterActive {
  background: url("../../images/knz/icons/cpp/icon_filter_active.png"); 
}
div.filterPush {
  background: url("../../images/icons.png") no-repeat -331px 0; 
  width: 10px;
  height: 10px;
}
.cpp div.filterPush {
  background: url("../../images/knz/icons/cpp/icon_filter_push.png"); 
}
a.filterLink:hover div.filterPush {
  background: url("../../images/icons.png") no-repeat -331px 0; 
}
.cpp a.filterLink:hover div.filterPush {
  background: url("../../images/knz/icons/cpp/icon_filter_push.png"); 
}

.vyberSmlouvyPanel:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 0 12px;
  border-color: transparent transparent transparent #01662d;
  content: "";
  margin-top: -12px;
  position: absolute;
}
.cpp .vyberSmlouvyPanel:before {
  border-color: transparent transparent transparent #0f5e9b;
}
.vyberSmlouvyPanel.filterLeft:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 12px 12px;
  border-color: transparent transparent #01662d transparent;
  content: "";
  margin-top: -12px;
  position: absolute;
  right: 0;
}
.cpp .vyberSmlouvyPanel.filterLeft:before {
  border-color: transparent transparent #0f5e9b transparent;
}
.vyberSmlouvyPanel {
  box-shadow: 0px 2px 5px 0px rgba(30, 27, 28, 0.5);
}
.vyberSmlouvyPanel_nadis {
  display: block;
  text-align: center;
  font-size: 15px;
  text-transform: uppercase;
  background-color: #01662d;
  width: 100%;
  height: 21px;
  padding: 7px 0;
  color: #fff;
}
.cpp .vyberSmlouvyPanel_nadis {
  background-color: #0f5e9b;
}

/** Hack pro schovani nezadouciho scrollbaru po nove verzi rich:faces */
.vyberSmlouvyPanel .rf-pp-cnt-scrlr {
  overflow:hidden;
}

/* ----------------------------------------------------------------
	Karta klienta
---------------------------------------------------------------- */

/** Hlavicka klienta */

div.klient_hlavicka h2 {
  font-size: 20px;
  text-transform: uppercase;
  float: left;
  color: #006929;
  font-weight: 400;
}
div.klient_hlavicka h2.klient {
  background: url("../../images/knz/icons/icon_klient.png") no-repeat scroll left center;  
  padding: 0 25px 0 33px;
}
div.klient_hlavicka h2.klient a {
  font-size: 20px;
}

div.klient_hlavicka div.priznaky {
  font-size: 20px;
  color: #006929;
  line-height: 42px;
  padding: 9px 0;
  float: right;
}
div.klient_hlavicka div.priznaky div {
  float: left;
}
span.sp {
  border-radius: 50%;
  font-size: 16px;
  height: 42px;
  width: 42px;
  line-height: 42px;
  margin: 0 18px 0 7px;
  text-align: center;
  display: inline-block;
}
span.sp.kladny {
  background-color: #e8f6ee;
  color: #006929;
}
span.sp.zaporny {
  background-color: #ffebe8;
  color: #e13c27;
}
/* Max width for tooltips to prevent flowing out of page */
/*.ui-tooltip * {
  max-width: 500px;
}*/
div.tooltip div.tooltip_content table.vysvetlivky {
  font-size: 14px;
  border-spacing: 0;
}
div.tooltip div.tooltip_content table.vysvetlivky td:first-child {
  width: 64px;
  text-align: left;
  color: #006929;
  text-transform: uppercase;
}
div.tooltip div.tooltip_content table.vysvetlivky.centerPopis td:first-child {
  width: 42px;
  text-align: center;
}
div.tooltip div.tooltip_content table.vysvetlivky td:last-child {
  color: #272727;
}
div.tooltip div.tooltip_content table.vysvetlivky.centerPopis td:last-child {
  padding-left: 22px;
}

/** Udaje klienta */
div.udajeKlienta div {
  margin: 0 30px;
  float: left;
}
div.udajeKlienta div .udajKlienta_nadpis {
  color: #888888;
  display: block;
  margin-bottom: 3px;
  font-size: 12px;
}
table.adresaKlient {
  float: left;
}
table.adresaKlient a.map-link {
  background: url("../../images/knz/icons/map.png") no-repeat scroll center center transparent;
  display: block;
  width: 31px;
  height: 31px;
}

/* ----------------------------------------------------------------
	Detail smlouvy
---------------------------------------------------------------- */

.smlouvaHeader {
  box-sizing: border-box;
  border-radius: 3px;
  width: 100%;
  height: 200px;
}
.smlouvaHeader div.smlouvaKmen {
  border-radius: 3px 0 0 3px;
  width: 80px;
  height: 100%;
  float: left;
}
.smlouvaHeader div.smlouvaKmen:after {
  border-bottom: 38px solid transparent;
  border-left: 38px solid white;
  content: "";
  position: absolute;
  width: 0;
}
.smlouvaHeader.C div.smlouvaKmen {
  background: url("../../images/knz/icons/smlouvy_cest_white.png") no-repeat center center #f3b51f;
}
.smlouvaHeader.N div.smlouvaKmen {
  background: url("../../images/knz/icons/smlouvy_maj_white.png") no-repeat center center #4098db;
}
.smlouvaHeader.R div.smlouvaKmen, .smlouvaHeader.P div.smlouvaKmen {
  background: url("../../images/knz/icons/smlouvy_pod_white.png") no-repeat center center #dd615d;
}
.smlouvaHeader.Z div.smlouvaKmen, .smlouvaHeader.A div.smlouvaKmen {
  background: url("../../images/knz/icons/smlouvy_ziv_white.png") no-repeat center center #70ac30;
}
.smlouvaHeader.H div.smlouvaKmen, .smlouvaHeader.O div.smlouvaKmen {
  background: url("../../images/knz/icons/smlouvy_auto_white.png") no-repeat center center #eb8e51;
}
.smlouvaHeader div.header {
  background: none repeat scroll 0 0;
  height: 41px;
  line-height: 41px;
  float: left;
  font-size: 18px;
  color: #272727;
  width: 842px;
  padding: 0 14px;
}
.smlouvaHeader.C div.header {
  background-color: #ffe29d;
}
.smlouvaHeader.N div.header {
  background-color: #bad6e7;
}
.smlouvaHeader.R div.header, .smlouvaHeader.P div.header {
  background-color: #f4d0cf;
}
.smlouvaHeader.Z div.header, .smlouvaHeader.A div.header {
  background-color: #d3e7bd;
}
.smlouvaHeader.H div.header, .smlouvaHeader.O div.header {
  background-color: #fbdac2;
}
.smlouvaHeader div.header .agSpravy {
  font-size: 14px;
  padding-right: 28px;
}
.smlouvaHeader div.header .agSpravy span.popis {
  margin-right: 8px;
  font-size: 12px;
}

.smlouvaHeader div.content {
  float: left;
  width: 810px;
  height: 119px;
  padding: 20px 30px;  
  margin: 0;
}
.smlouvaHeader.C div.content {
  background-color: #fff3d0;
}
.smlouvaHeader.N div.content {
  background-color: #e0edf5;
}
.smlouvaHeader.R div.content, .smlouvaHeader.P div.content {
  background-color: #fae9e8;
}
.smlouvaHeader.Z div.content, .smlouvaHeader.A div.content {
  background-color: #eff9e4;
}
.smlouvaHeader.H div.content, .smlouvaHeader.O div.content {
  background-color: #ffeee2;
}

/* ----------------------------------------------------------------
	Detail skody
---------------------------------------------------------------- */

.skodaHeader table.vypis {
  width: 100%;
  padding: 0 10px;
}

.skodaHeader div.tlacitka {
  background-color: #ffe8bb; 
  padding: 18px 0;
}

/* ----------------------------------------------------------------
	Polozka vypis
---------------------------------------------------------------- */

table.polozkaVypis {
  float: left;
  padding-right: 15px;
}
table.polozkaVypis tr:first-child {
  font-size: 12px;
  color: #888888;
  padding: 4px 0 5px;
}
table.polozkaVypis tr:last-child, table.polozkaVypis tr:last-child a {
  font-size: 14px;
  padding: 0 0 15px;
  color: #272727;
}
table.polozkaVypis tr:last-child a {
  text-decoration: underline;
  color: #656565;
}
table.polozkaVypis tr:last-child a:hover {
  text-decoration: none;
}
span.missing-info {
  background: url("../../images/knz/icons/icon_chyba.png") no-repeat scroll left center transparent;
  color: #e13c27;
  display: inline-block;
  font-weight: bold;
  padding-left: 18px;
}

/* ----------------------------------------------------------------
	Bile tlacitko s ikonou
---------------------------------------------------------------- */

.bileTlacitko {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #fff;
  border-radius: 2px;
  box-shadow: 0 1px 3px 0 rgba(30, 27, 28, 0.5);
  color: #323232;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  height: 35px;
  line-height: 35px;
  margin: 0 15px;
  text-decoration: none;
  transition: background 0.3s ease-in-out 0s;
}
.bileTlacitko img {
  margin: 0 0 -4px 20px;
  opacity: 0.7;
}
.bileTlacitko:hover img, a.bileTlacitko:hover span.text {
  opacity: 1;
}
.bileTlacitko span.text {
  padding: 0 20px 0 15px;
  opacity: 0.7;
}
.bileTlacitko:hover {
  box-shadow: 0 1px 3px 0 rgba(30, 27, 28, 0.6);
  text-decoration: none;
  color: #323232;
}

.downloadTlacitko {
  opacity: 0.7;
  color: #006929;
}

button.downloadTlacitko:hover {
  opacity: 1;
}

button.ui-state-default .downloadIcon, button.ui-state-hover .downloadIcon {
  background-image: url('../../images/knz/icons/ico_btn_download.png');
  padding: 5px;
}

/* ----------------------------------------------------------------
	Informacni zpravy
---------------------------------------------------------------- */
/*
.informacni_zpravy_messages_container{
  z-index: 1009; 
  position: fixed; 
  width: 300px; 
  top: 20px; 
  margin-top: 150px; 
  right: 5px;
}
.informacni_zprava_msg{
  border-radius: 10px; 
  background: #e13c27; /*#009d30;*/ /*
  box-shadow: 0px 2px 3px 0px black; 
  overflow: hidden;
  color: white;
  margin-bottom: 10px;
}
.informacni_zpravy_messages_container .informacni_zprava_msg .informacni_zprava_close{
  cursor: pointer;
  font-family: 'KNZicons' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 16px;
  color:white;
  position: relative; 
  float: right;
  top: 9px; 
  right: 9px;
}
.informacni_zpravy_messages_container .informacni_zprava_msg .informacni_zprava_close::before{
  content: "";
  position: absolute;
  display: inline-block;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  font-size: 16px;
  text-indent: 0;
}
.informacni_zpravy_messages_container .informacni_zprava_msg .informacni_zprava_close:hover::before{
  opacity: 0.7;
}
.informacni_zprava_msg .msg{
  padding: 11px 0px 5px 12px;
  width: 270px;
  float: left;
}
.informacni_zprava_msg .msg .msg-title{
  font-size: 16px;
}
.informacni_zprava_msg .msg p{
  font-size: 14px;
  text-align: justify;
}
*/
/* ----------------------------------------------------------------
	Timeline
---------------------------------------------------------------- */

div.timeline > div.stav {
  position: relative;
  display: inline-block;
}
div.timeline > div.stav > div.stav_popis:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #c0c4c6 transparent transparent;
  content: "";
  position: absolute;
  bottom: -7px;
}
div.timeline > div.stav > div.stav_popis:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #ffffff transparent transparent;
  content: "";
  position: absolute;
  bottom: -5px;  
}
div.timeline > div.stav > div.stav_popis.t_left:before {
  left: 5px;
}
div.timeline > div.stav > div.stav_popis.t_left:after {
  left: 6px;
}
div.timeline > div.stav > div.stav_popis.t_right:before {
  right: 5px;
}
div.timeline > div.stav > div.stav_popis.t_right:after {
  right: 6px;
}
div.timeline > div.stav > div.stav_popis.t_mid:before {
  left: calc(50% - 5px);
}
div.timeline > div.stav > div.stav_popis.t_mid:after {
  left: calc(50% - 4px);
}
div.timeline > div.stav > div.stav_popis, div.stav_popis {
  display: table;
  min-width: 120px;
  min-height: 35px;
  position: relative;
  padding: 10px;
  box-sizing: border-box;
  box-shadow: 0px 1px 3px 0px rgba(30, 27, 28, 0.37);
  background-color: #fff;
  font-size: 13px;
  color: #3c3c3c;
  font-weight: 700;
  margin-bottom: 8px;
}
div.timeline > div.stav > div.stav_popis.same_height {
  height: 54px;
}
div.timeline > div.stav > div.stav_popis > span.vertical-align {
  display: table-cell;
  vertical-align: middle;
}
div.timeline > div.stav > div.stav_popis > span > span.datumUdalosti {
  color: #565656;
  font-weight: 400;
}
div.timeline > div.stav > div > img {
  float: left;
}
div.timeline > div.stav > div > div.line {
  height: 4px;
  float: left;
  margin-top: 9px;
}
div.timeline > div.stav > div > div.line.nedokonceno {
  background: url("../../images/knz/icons/icon_osa_cara.png") repeat-x;
}
div.timeline > div.stav > div > div.line.hotovo {
  background-color: #006929;
}

/* ----------------------------------------------------------------
	Home page - dlazdice
---------------------------------------------------------------- */

div.panelDlazdice {
  margin-top: 40px;
  font-family: koopPro;
  font-weight: 400;
}
div.panelDlazdice > div.dlazdice {
  margin-bottom: 50px;
  width: 33%;
  height: 270px;
  float: left;
}
/** loading animace do dlazdic **/
div.panelDlazdice > div.dlazdice .dlazdice-loading-outer {
  height: 200px;
  text-align: center;
  width: 100%;
}
div.panelDlazdice > div.dlazdice .dlazdice-loading-outer > .dlazdice-loading {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 3px solid #e4eaed;
  animation: loader 2s infinite ease;
  margin-top: 70px;
}
div.panelDlazdice > div.dlazdice .dlazdice-loading-outer > .dlazdice-loading > .dlazdice-loading-inner { 
  vertical-align: top;
  display: inline-block;
  width: 100%;
  background-color: #e4eaed;
  animation: loader-inner 2s infinite ease-in;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  
  25% {
    transform: rotate(180deg);
  }
  
  50% {
    transform: rotate(180deg);
  }
  
  75% {
    transform: rotate(360deg);
  }
  
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loader-inner {
  0% {
    height: 0%;
  }
  
  25% {
    height: 0%;
  }
  
  50% {
    height: 100%;
  }
  
  75% {
    height: 100%;
  }
  
  100% {
    height: 0%;
  }
}
div.panelDlazdice > div.dlazdice.empty .obsah:before {
  content: "";
  display: block;
  width: 100%;
  height: 37px;
/*  margin-top: 75px;*/
  top: 75px;
  position: relative;
}
div.panelDlazdice > div.dlazdice.empty .obsah:after {
  content: "";
  color: #909090;
  display: table;
  max-width: 150px;
  margin: 7px auto 0;
  white-space: normal;
  top: 75px;
  position: relative;
}
div.panelDlazdice > div.dlazdice:nth-child(3n-1), div.panelDlazdice > div.dlazdice:nth-child(3n-2) {
  border-right: 2px solid #eff4f7;
}
div.panelDlazdice > div.dlazdice span.nadpis {
  color: #006929;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-top: 10px;
  text-transform: uppercase;
}
.cpp div.panelDlazdice > div.dlazdice span.nadpis {
  color: #005596;
}
div.panelDlazdice > div.dlazdice > form > div.obsah {
  margin: 0 10px;
  white-space: nowrap;
  min-height: 229px;
  position: relative;
}

/** Dlazdice - sjednavam */
div.panelDlazdice > div.dlazdice.vyberKalkulacky {
  overflow: auto;
}
div.panelDlazdice > div.dlazdice.vyberKalkulacky > form > div.obsah {
  overflow: hidden;
}
div.panelDlazdice > div.dlazdice > form > div.obsah > div {
  display: inline-block;
  width: 100%;
}
div.panelDlazdice > div.dlazdice > form > div.obsah ul {
  margin: 0;
}
div.panelDlazdice > div.dlazdice > form > div.obsah li {
  display: table;
  height: 35px;
  width: 93%;
}
div.panelDlazdice > div.dlazdice.vyberKalkulacky > form > div.obsah a.next:before,
div.panelDlazdice > div.dlazdice.vyberKalkulacky > form > div.obsah a.nextProdukty:before {
  background-image: url("../../images/knz/icons/slide_next.png");
  content: "";
  display: inline-block;
  height: 12px;
  left: calc(100% - 6px);
  margin: 0;
  padding: 0;
  position: absolute;
  top: calc(50% - 6px);
  width: 6px;
  z-index: 2;
}
div.panelDlazdice > div.dlazdice.vyberKalkulacky > form > div.obsah a.next:hover:before,
div.panelDlazdice > div.dlazdice.vyberKalkulacky > form > div.obsah a.nextProdukty:hover:before {
  background-image: url("../../images/knz/icons/slide_next_hover.png");
}
div.panelDlazdice > div.dlazdice.vyberKalkulacky > form > div.obsah a:not(.btnExtra):after {
  border-bottom: 17.5px solid transparent;
  border-left: 17.5px solid white;
  border-top: 17.5px solid transparent;
  content: "";
  display: inline-block;
  height: 0;
  left: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
  width: 0;
}
div.panelDlazdice > div.dlazdice.vyberKalkulacky > form > div.obsah a:not(.btnExtra):hover:after {
  border-left: 17.5px solid #ededed;
}
div.panelDlazdice > div.dlazdice > form > div.obsah a:not(.todoOdkaz) {
  background-color: white;
  color: #3c3c3c;
  display: block;
  font-size: 0.8125rem;
  height: 100%;
  line-height: 34px;
  position: relative;
  text-decoration: none;
  vertical-align: middle;
  width: 100%;
  padding-left: 7px;
  box-sizing: border-box;
  font-family: KoopPro;
}
div.panelDlazdice > div.dlazdice > form > div.obsah > div.volby a {
  width: calc(100% - 18px);
}
div.panelDlazdice > div.dlazdice.vyberKalkulacky > form > div.obsah a:not(.btnExtra):hover {
  background-color: #ededed;
}
div.panelDlazdice > div.dlazdice > form > div.obsah a.zpet {
  background: url("../../images/knz/icons/slide_back.png") no-repeat 0 7px;
  padding-left: 20px;
  text-transform: uppercase;
  font-size: 1rem;
}
div.panelDlazdice > div.dlazdice > form > div.obsah a.zpet:hover {
  background: url("../../images/knz/icons/slide_back_active.png") no-repeat 0 7px;
  color: #2b2b2b;
}
div.panelDlazdice > div.dlazdice > form > div.obsah a.vice {
  font-family: KoopPro;
  color: #969696;
  font-size: 12px;
  text-decoration: underline;
  width: auto;
  height: auto;
  line-height: 20px;
  position: absolute;
  bottom: 0;
  right: 0;
}
div.panelDlazdice > div.dlazdice > form > div.obsah a.vice:hover {
  color: #2b2b2b;
}
div.panelDlazdice > div.dlazdice > form > div.obsah li > a > div.icon {
  width: 31px;
  height: 35px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 7px 0 0;
  margin-left: -7px;
}
div.panelDlazdice > div.dlazdice > form > div.obsah li > a > div.icon.kmen_C {
  background-size: 22px 22px;
}
div.panelDlazdice > div.dlazdice > form > div.obsah li > a > div.icon.kmen_HO {
  background-size: 26px 13px;
}
div.panelDlazdice > div.dlazdice > form > div.obsah li > a > div.icon.kmen_N {
  background-size: 26px 22px;
}
div.panelDlazdice > div.dlazdice > form > div.obsah li > a > div.icon.kmen_R {
  background-size: 18px 22px;
}
div.panelDlazdice > div.dlazdice > form > div.obsah li > a > div.icon.kmen_ZA {
  background-size: 24px 21px;
}
.cpp div.panelDlazdice > div.dlazdice > form > div.obsah li > a > div.icon.kmen_C {
  background-size: 24px 25px;
}
.cpp div.panelDlazdice > div.dlazdice > form > div.obsah li > a > div.icon.kmen_HO {
  background-size: 22px 19px;
}
.cpp div.panelDlazdice > div.dlazdice > form > div.obsah li > a > div.icon.kmen_N {
  background-size: 25px 22px;
}
.cpp div.panelDlazdice > div.dlazdice > form > div.obsah li > a > div.icon.kmen_R {
  background-size: 31px 15px;
}
.cpp div.panelDlazdice > div.dlazdice > form > div.obsah li > a > div.icon.kmen_ZA {
  background-size: 17px 24px;
}
div.panelDlazdice > div.dlazdice div.nadpisHelp {
  display: block;
  width: 100%;
  height: 40px;
}
div.panelDlazdice > div.dlazdice div.nadpisHelp:after {
  content: '';
  clear: both;
  display: block;
}
div.panelDlazdice > div.dlazdice div.nadpisHelp > span.nadpis {
  width: 80%;
  float: left;
}
div.panelDlazdice > div.dlazdice div.nadpisHelp > .tooltipIcon.tooltipHover {
  margin-bottom: 10px;
  margin-right: 10px;
  margin-top: 10px;
  float: right;
}

/* Dlazdice - schuzka */
div.panelDlazdice > div.dlazdice.schuzka .obsah > .schuzka_body > .schuzka_zahajit {
  position: absolute;
  left: 34px;
  top: 26px;
/*  font-family: KoopOffice;*/
  color:  #ffffff;
  font-size: 23px;
  text-transform: uppercase;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}
div.panelDlazdice > div.dlazdice.schuzka .obsah > .schuzka_body:hover .schuzka_zahajit {
  
}
div.panelDlazdice > div.dlazdice.schuzka .obsah > .schuzka_body {
  height: 173px;
  background-color: #00772f;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  text-align: center;
  display: block;
  background-image: url("../../images/knz/schuzka_bg.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
  cursor: pointer;
}
.cpp div.panelDlazdice > div.dlazdice.schuzka .obsah > .schuzka_body {
  background-color: #002F77;
  background-image: url("../../images/cpp/schuzka_bg.png");
}
div.panelDlazdice > div.dlazdice.schuzka .obsah > .schuzka_body.schuzka_body--dis {
  cursor: not-allowed;
}
div.panelDlazdice > div.dlazdice.schuzka .obsah > .schuzka_body:after {
    position:absolute;
    content:'';
    width:100%; height:100%;
    top:0; left:0;
    background:rgba(0,119,47,0.0);
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}
div.panelDlazdice > div.dlazdice.schuzka .obsah > .schuzka_body:hover:after {
    background:rgba(0,119,47,0.45);
}
.cpp div.panelDlazdice > div.dlazdice.schuzka .obsah > .schuzka_body:hover:after {
    background:rgba(0,47,119,0.45);
}
div.panelDlazdice > div.dlazdice.schuzka .obsah > .schuzka_top {
  height:45px;
  background-color: #00772f;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #fff;
  text-align: center;
  line-height: 45px;
  font-size: 0.95rem;
  display: block;
}
/*Dlazdice Narozeniny*/
div.panelDlazdice > div.dlazdice.narozeniny.empty .obsah::before {
  background: transparent url('../../images/knz/icons/icon_zadne_narozeniny.png') no-repeat center center;
}
div.panelDlazdice > div.dlazdice.narozeniny.empty .obsah::after {
  content: "Žádný z vašich klientů nemá v dohledné době narozeniny";
}
div.panelDlazdice > div.dlazdice.narozeniny .obsah {
  margin: 0 18px;
  white-space: initial;
}
div.panelDlazdice > div.dlazdice.narozeniny .obsah .narozeninyDlazdice_item {
  height: 36px;
  line-height: 36px;
  color: #3c3c3c;
  position: relative;
  /*text-indent: 34px;*/
}
div.panelDlazdice > div.dlazdice.narozeniny .obsah > div.dlazdice_empty_body {
  width: 42px;
  height: 37px;
  margin-left: calc((100% - 42px)/2);
  margin-top: calc(110px - 37px);
  background-image: url("../../images/knz/icons/dlazdice_empty_narozeniny.png");
}
div.panelDlazdice > div.dlazdice.narozeniny .obsah >  div.dlazdice_empty_body_text {
  font-family: KoopPro;
  font-weight: lighter;
  color:  #909090;
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  margin-top: 15px;
}
div.panelDlazdice > div.dlazdice.narozeniny .obsah .narozeninyDlazdice_item .birthayIconCakeRed {
    background: url("../../images/knz/icons/birthday_icon_cake_red.png");
}
div.panelDlazdice > div.dlazdice.narozeniny .obsah .narozeninyDlazdice_item .birthayIconCakeGrey {
    background: url("../../images/knz/icons/birthday_icon_cake_grey.png");
}
div.panelDlazdice > div.dlazdice.narozeniny .obsah .narozeninyDlazdice_item .birthayIconGiftRed {
    background: url("../../images/knz/icons/birthday_icon_gift_red.png");
}
div.panelDlazdice > div.dlazdice.narozeniny .obsah .narozeninyDlazdice_item .birthayIconGiftGrey {
    background: url("../../images/knz/icons/birthday_icon_gift_grey.png");
}
div.panelDlazdice > div.dlazdice.narozeniny .obsah .narozeninyDlazdice_item .birthayIconCake {
    width: 13px;
    height: 20px;
    position: absolute;
    top: calc(50% - 10px);
    left: 1px;
    background-repeat: no-repeat;
}
div.panelDlazdice > div.dlazdice.narozeniny .obsah .narozeninyDlazdice_item .birthayIconGift {
    width: 15px;
    height: 18px;
    position: absolute;
    top: calc(50% - 9px);
    left: 0;
    background-repeat: no-repeat;
}
div.panelDlazdice > div.dlazdice.narozeniny .obsah .narozeninyDlazdice_item .birthayNumberRed {
    /*float: right;*/
    color: #e13c27;
    font-size: 20px;
    right: 0;
    position: absolute;
    font-family: KoopOffice;
}
div.panelDlazdice > div.dlazdice.narozeniny .obsah .narozeninyDlazdice_item .birthayNumberGrey {
    /*float: right;*/
    color: #3c3c3c;
    font-size: 20px;
    right: 0;
    position: absolute;
    font-family: KoopOffice;
}
div.panelDlazdice > div.dlazdice.narozeniny .obsah .narozeninyDlazdice_item .birthayName {
  padding-left: 7px;
  color: #3c3c3c;
  display: inline;
  font-size: 12px;
  font-family: KoopPro;
  font-weight: normal;
  /*text-indent: 34px;*/
  line-height: 36px;
  white-space: nowrap;
  text-decoration: none;
  vertical-align: bottom;
  width: 160px;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
}
div.panelDlazdice > div.dlazdice.narozeniny .obsah .narozeninyDlazdice_item a.birthayName:hover {
  color:  #00772e;  
  text-decoration: underline;
}
div.panelDlazdice > div.dlazdice.narozeniny .obsah .narozeninyDlazdice_item .birthayDate {
  padding-left: 34px;
}
/* Dlazdice - TO DO */
div.panelDlazdice > div.dlazdice.toDoDlazdice.empty .obsah::before {
  background: transparent url('../../images/knz/icons/icon_zadne_todo.png') no-repeat center center;
}
div.panelDlazdice > div.dlazdice.toDoDlazdice.empty .obsah::after {
  content: "Nemáte žádné TO DO";
}
div.panelDlazdice > div.dlazdice.toDoDlazdice .obsah {
  margin: 0 18px;
  white-space: initial;
}
div.panelDlazdice > div.dlazdice.toDoDlazdice .obsah .toDoDlazdice_item {
    height: 36px;
    line-height: 36px;
    color: #3c3c3c;
    position: relative;
    text-indent: 19px;
}
div.panelDlazdice > div.dlazdice.toDoDlazdice .obsah .toDoDlazdice_item .redDot {
    border-radius: 50%;
    background-color: #dc4114;
    width: 6px;
    height: 6px;
    position: absolute;
    top: calc(50% - 3px);
    left: 0;
}
div.panelDlazdice > div.dlazdice.toDoDlazdice > form > div.obsah .toDoDlazdice_item a.todoOdkaz {
  color: #3c3c3c;
  font-size: 12px;
  text-decoration: none;
  font-family: KoopPro;
}
div.panelDlazdice > div.dlazdice.toDoDlazdice > form > div.obsah .toDoDlazdice_item a.todoOdkaz:hover {
  color: #006929;
  font-size: 12px;
  text-decoration: underline;
  font-family: KoopPro;
}
.cpp div.panelDlazdice > div.dlazdice.toDoDlazdice > form > div.obsah .toDoDlazdice_item a.todoOdkaz:hover {
  color: #005596;
  font-size: 12px;
  text-decoration: underline;
  font-family: KoopPro;
}
/* Dlazdice - Moje Události */
div.panelDlazdice > div.dlazdice.kalendarDlazdice.empty .obsah::before {
  background: transparent url('../../images/knz/icons/icon_zadne_udalosti.png') no-repeat center center;
}
div.panelDlazdice > div.dlazdice.kalendarDlazdice.empty .obsah::after {
  content: "Nemáte žádné události";
}
div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah {
  margin: 0 18px;
  white-space: normal;
}
div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item {
  /*height: 36px;*/
  /*line-height: 36px;*/
  color: #3c3c3c; 
  /*position: relative;*/
  /*text-indent: 19px;*/
  /*padding-bottom: 5px;*/
  line-height: 23px;
  white-space: normal;
}
div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item .arrow {
  width: 20px;
  position: relative;
  display: inline-block;
  height: 14px;
  vertical-align: -3px;
}
div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item .arrow:before, div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item .arrow:after  {
  content: "";
  background: transparent;
  position: absolute;
  left: -10px;
  width: 100%;
  height: 7px;
  z-index: -1;
}
div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item .arrow:before {
  top: 0;
  -moz-transform: skew(28deg, 0);
  -o-transform: skew(28deg, 0);
  -ms-transform: skew(28deg, 0);
  -webkit-transform: skew(28deg, 0);
  transform: skew(28deg, 0);
  border-right: 2px solid #01662c;
}
div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item .arrow:after {
  top: 7px;
  -moz-transform: skew(-28deg, 0);
  -o-transform: skew(-28deg, 0);
  -ms-transform: skew(-28deg, 0);
  -webkit-transform: skew(-28deg, 0);
  transform: skew(-28deg, 0);
  border-right: 2px solid #01662c;
}
div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item span.kalendarDlazdice_text {
  font-family: KoopOffice;
  color: #3c3c3c;
}
div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item span.kalendarDlazdice_text.kalendarDlazdice_text--predmet {
  padding-left: 12px;
}
div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item div.kalendarDlazdice_predmet {
  font-family: KoopOffice;
  color: #3c3c3c;
  display: inline-block;
  max-width: 265px;
  height: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  /* kvuli IE <= 10 */
  word-wrap: normal;
}
div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item span.kalendarDlazdice_text.kalendarDlazdice_text--od {
  padding-left: 5px;
  /*padding-right: 5px;*/
}
div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item span.kalendarDlazdice_text.kalendarDlazdice_text--do {
  /*padding-left: 5px;*/
} 
/*IE fix*/
.ie div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item a.kalendarDlazdice_link {
  vertical-align: auto;
}
div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item a.kalendarDlazdice_link {
  padding-left: 0;
  color: #3c3c3c;
  display: inline-block;
  font-size: 12px;
  font-family: KoopPro;
  font-weight: normal;
  white-space: nowrap;
  text-decoration: none;
  line-height: normal;
  width: auto;
  vertical-align: initial;
}
div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item a.kalendarDlazdice_link:hover, div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item a.kalendarDlazdice_link:hover span {
  color: #00772e;
  text-decoration: underline;
}
div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item .dot {
  border-radius: 50%;
  width: 6px;
  height: 6px;
  /*
  position: absolute;
  top: calc(50% - 3px);
  left: 0;
  */
  display: inline-block;
  vertical-align: 2px;
}
div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item .dot.dot--1 {
  background-color: #e45337;
}
div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item .dot.dot--2 {
  background-color: #138b41;
}
div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item .dot.dot--3 {
  background-color: #70ac30;
}
div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item .dot.dot--4 {
  background-color: #9f67ec;
}
div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item .dot.dot--5 {
  background-color: #faab00;
}
div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item .dot.dot--6 {
  background-color: #58a5e6;
}
div.panelDlazdice > div.dlazdice.kalendarDlazdice .obsah .kalendarDlazdice_item .dot.dot--7 {
  background-color: #3d5dff;
}
/* Dlazdice Komunikace mych klientu */
div.panelDlazdice > div.dlazdice.komunikaceKlientu .obsah .komunikaceKlientuContent {
    display: table;
}
div.panelDlazdice > div.dlazdice.komunikaceKlientu.empty .obsah::before {
  background: transparent url('../../images/knz/icons/icon_zadne_todo.png') no-repeat center center;
}
div.panelDlazdice > div.dlazdice.komunikaceKlientu.empty .obsah::after {
  content: "Nenalezena žádná komunikace";
  text-align: center;
}
div.panelDlazdice > div.dlazdice.toDoDlazdice .obsah .toDoDlazdice_body, 
div.panelDlazdice > div.dlazdice.narozeniny .obsah .narozeninyDlazdice_body {
  display: block;
}
div.panelDlazdice > div.dlazdice.komunikaceKlientu .obsah .greenDot {
    border-radius: 50%;
    background-color: #00772e;
    width: 6px;
    height: 6px;
    position: absolute;
    top: calc(50% - 3px);
    left: 0;
}
div.panelDlazdice > div.dlazdice.komunikaceKlientu .obsah .klientJmeno {
    position: relative;
    color: #00772e;
    text-indent: 13px;
    font-family: KoopOffice;
    font-size: 12px;
    font-weight: 700;
    /*
    height: 20px;
    line-height: 20px;
    */
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 301px;
    display: block;
    /* kvuli IE <= 10 */
    word-wrap: normal;
    margin: 0 0 8px 0;
}
div.panelDlazdice > div.dlazdice.komunikaceKlientu .obsah .klientJmenoLink {
  font-family: KoopOffice;
  color:  #006929;
  text-decoration: none;
  cursor: pointer;
  display: inline;
  padding: 0 0 0 0;
  line-height: normal;
}
div.panelDlazdice > div.dlazdice.komunikaceKlientu .obsah .klientJmenoLink:hover {
  font-family: KoopOffice;
  color:  #006929;
  text-decoration: underline;
  cursor: pointer;
}
div.panelDlazdice > div.dlazdice.komunikaceKlientu .obsah .klientInfo {
    font-family: KoopOffice;
    color:  #3c3c3c;
    font-size: 12px;
    font-weight: 400;
    margin: 2px 0 10px 0;
    display: flex;
    padding-left: 13px;
    height: 16px;
    line-height: 16px;
}
div.panelDlazdice > div.dlazdice.komunikaceKlientu .obsah .klientKomunikace {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 150px;
    display: block;
}
div.panelDlazdice > div.dlazdice.komunikaceKlientu .obsah .klientArrow {
    position: relative;
    padding-left: 20px;
}
div.panelDlazdice > div.dlazdice.komunikaceKlientu .obsah .klientArrow:before {
    content: "";
    background: transparent;
    position: absolute;
    top: 0;
    left: -10px;
    width: 100%;
    height: 8px;
    -moz-transform: skew(28deg, 0);
    -o-transform: skew(28deg, 0);
    -ms-transform: skew(28deg, 0);
    -webkit-transform: skew(28deg, 0);
    transform: skew(28deg, 0);
    z-index: -1;
    border-right: 1px solid #3c3c3c;
}
div.panelDlazdice > div.dlazdice.komunikaceKlientu .obsah .klientArrow:after {
    content: "";
    background: transparent;
    position: absolute;
    top: 8px;
    left: -10px;
    width: 100%;
    height: 8px;
    -moz-transform: skew(-28deg, 0);
    -o-transform: skew(-28deg, 0);
    -ms-transform: skew(-28deg, 0);
    -webkit-transform: skew(-28deg, 0);
    transform: skew(-28deg, 0);
    z-index: -1;
    border-right: 1px solid #3c3c3c;
}
div.panelDlazdice > div.dlazdice.toDoDlazdice .obsah .toDoDlazdice_item .toDoRightNumber {
    /*float: right;*/
    color: #e13c27;
    font-size: 20px;
    right: 0;
    position: absolute;
}
div.panelDlazdice > div.dlazdice.toDoDlazdice .obsah .toDoDlazdice_item .toDoRightNumberGrey {
    color: #656565;
}
/* Dlazdice - pocet smluv */
div.panelDlazdice > div.dlazdice.pocetSmluv.empty .obsah::before {
  background: transparent url('../../images/knz/icons/icon_zadne_smlouvy.png') no-repeat center center;
}
div.panelDlazdice > div.dlazdice.pocetSmluv.empty .obsah::after {
  content: "Nemáte žádné smlouvy";
}
div.panelDlazdice > div.dlazdice.pocetSmluv {
  overflow: visible;
}
div.panelDlazdice > div.dlazdice.pocetSmluv .obsah > .pocetSmluvChart {
  width:260px; 
  height:260px; 
  display: block; 
  margin: -20px auto;
}
div.panelDlazdice > div.dlazdice.pocetSmluv .obsah > .pocetSmluvChart > .jqplot-grid-canvas {
  display: none;
}
div.panelDlazdice > div.dlazdice.pocetSmluv .obsah > .pocetSmluvChart > .jqplot-highlighter-tooltip, 
div.panelDlazdice > div.dlazdice.pocetSmluv .obsah > .pocetSmluvChart > .jqplot-canvasOverlay-tooltip {
  background-color: #000;
  padding: 4px 7px;
  font-size: 13px;
  color: #fff;
  border-radius: 4px;
  border: none;
}

/* Dlazdice - zpravy */
div.panelDlazdice > div.dlazdice.zpravy.empty .obsah::before {
  background: transparent url('../../images/knz/icons/icon_zadne_zpravy.png') no-repeat center center;
}
div.panelDlazdice > div.dlazdice.zpravy.empty .obsah::after {
  content: "Nemáte žádné nové zprávy";
}
div.panelDlazdice > div.dlazdice.zpravy > form > div.obsah li {
  width: 100%;
}
div.panelDlazdice > div.dlazdice.zpravy > form > div.obsah a:hover {
  color: #00772e;
  text-decoration: underline;
}
div.panelDlazdice > div.dlazdice.zpravy > form > div.obsah a:hover > div.overflow-ellipsis > span {
  color: #00772e;
  text-decoration: underline;
}
div.panelDlazdice > div.dlazdice.zpravy > form > div.obsah a.neprectena {
  border-radius: 5px;	
  background-color: #fbebe5;
}
div.panelDlazdice > div.dlazdice.zpravy > form > div.obsah a.neprectena > div.titulek {
  font-family: KoopOffice;
  color: #e13c27;
  font-size: 12px;
  font-weight: 400;  
  display: inline-block; 
  width: 220px; 
  vertical-align: middle;   
}
div.panelDlazdice > div.dlazdice.zpravy > form > div.obsah a:not(.neprectena) > div.titulek {
  display: inline-block; 
  width: 254px; 
  vertical-align: middle; 
}
div.panelDlazdice > div.dlazdice.zpravy > form > div.obsah a.neprectena > div.neprectenaIcon {
  width: 34px;
  height: 35px;
  display: inline-block;
  vertical-align: middle;
  padding: 0 7px 0 0;  
  background: url("../../images/knz/icons/icon_zprava_neprectena.png") no-repeat center center;
}
.numberOfMessages {
  display: inline-block;
  background-color: #dc4114;
  margin-left: 5px;
  font-weight: bold;
  color: white;
  width: 19px;
  height: 19px;
  line-height: 20px;
  padding: 0 1px 1px 0;
  text-align: center;  
  border-radius: 50%;
  display: none;
}
.icon.priorita_1 {
	background: url("../../images/knz/icons/icon_zprava_priorita_vysoka.png") no-repeat center center;
}
.icon.priorita_2 {
  background: url("../../images/knz/icons/icon_zprava_priorita_stredni.png") no-repeat center center;
}
.icon.priorita_3 {
  background: url("../../images/knz/icons/icon_zprava_priorita_nizka.png") no-repeat center center;
}

/* Placeholder Dlazdice - dokumenty ke smlouvam */
div.panelDlazdice > div.dlazdice.dokumenty {
  background: url("../../images/knz/home_dokumenty.png") no-repeat;
}

/* Placeholder Dlazdice - ToDo */
div.panelDlazdice > div.dlazdice.todo {
  background: url("../../images/knz/home_todo.png") no-repeat;
}

/* Dlazdice - pridat dalsi */
div.panelDlazdice > div.dlazdice > div.pridejHolder {
  display: table;
  height: 270px;
  width: 100%;
}
div.panelDlazdice > div.dlazdice > div.pridejHolder > a.pridatDlazdici {
  background-color: white;
  background-image: url("../../images/knz/icons/big_plus.png");
  background-position: 50% 40%;
  background-repeat: no-repeat;
  color: #848484;
  display: table-cell;
  font-size: 1.125rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 0.5s ease-in-out 0s;
  vertical-align: middle;
  width: 100%;
}
div.panelDlazdice > div.dlazdice > div.pridejHolder > a.pridatDlazdici:hover {
  background-color: rgba(0, 0, 0, 0.05);
  background-image: url("../../images/knz/icons/big_plus_active.png");
  color: #2b2b2b;
  text-decoration: none;
}

/* ----------------------------------------------------------------
	Sekce aktuality
---------------------------------------------------------------- */

/*.aktuality {
	width: 100%;
	margin: 25px auto;
  float: left;
  clear: both;
}
.cpp .aktuality {
  margin-top: 0;
}
.aktuality p {
  padding: 0;
  margin: 7px 0;
}
.nadpisAktuality > span.zobrazDetail:before {
  background: url("../../images/knz/icons/icon_header_gray_arrow_right.png") no-repeat scroll center center;
  content: "";
  display: inline-block;
  height: 10px;
  margin: 0 10px 0 0;
  transition: all 0.5s ease-in-out 0s;
  width: 6px;
}
.nadpisAktuality.active > span.zobrazDetail:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.nadpisAktuality span.zobrazDetail {
  float: right;
  font-size: 13px;
  padding: 2px 4px 0 14px;
}
.aktuality h2,
.aktuality .nadpisKalkulacky {
	font-size: 16px;
	text-align: left;
	font-weight: normal;
	color: #006929;
	text-transform: uppercase;
	border-bottom: 2px solid #eff4f7;
	margin: 0 !important;
	padding: 10px 20px 10px 0;
  display: inline-block;
  width: 100%;
}
.cpp .aktuality h2,
.cpp .aktuality .nadpisKalkulacky {
  color: #0f5e9b;
}
.aktuality a.nadpisAktuality {
	padding: 7px 10px;
	font-size: 13px;	
  display: block;
  float: left;
  clear: left;
  width: 100%;
  box-sizing: border-box;
}
.aktuality a.nadpisAktuality.active, .aktuality a.nadpisAktuality:hover {
    background: none repeat scroll 0 0 #f5f8fa;
    transition: background 0.3s ease-in-out 0s;
}
.aktuality a.nadpisAktuality:hover {
  text-decoration: none;
  color: #3c3c3c;
}
.aktuality div a {
  color: #3c3c3c;
}
.aktuality div.aktualitaDatumPanel {
  display: inline-block;
}
.aktuality div span.datumAktuality {
	font-size: 15px;
	color: #848484;
  margin-left: 10px;
}
.aktuality div.aktualitaDetail {
  float: left;
  clear: left;
  padding: 0 10px;
  background-color: #eff4f7;
  width: 100%;
  box-sizing: border-box;
}
.aktuality div.aktuality_oddelovac {
	padding: 0 10px;
  background-color: #eff4f7 !important;
  height: 2px !important;
  width: 100% !important;
  float: left;
  box-sizing: border-box;
}

.zadnaAktualita {
  color: #3c3c3c;
  margin: 10px 0 0 10px;
  display: block;
}*/

.robot_podbarveni_zelene {
  background-color: green;
}

.robot_podbarveni_oranzove {
  background-color: orange;
}

.robot_podbarveni_cervene {
  background-color: red;
}

/* ----------------------------------------------------------------
-----------------------  KALKULACKY  ------------------------------
---------------------------------------------------------------- */

/* ----------------------------------------------------------------
	Ovladaci lista pro Kalkulacky
---------------------------------------------------------------- */

img.knz_logo {
  margin: 0 20px 0 0;
  float: left;
}
div.lista {
  height: 23px;
  padding: 6px 0;
}
div.lista > a:not(.logo), div.lista > div {
  border-radius: 2px;
  background-color: #ffffff;
  box-shadow: 0px 1px 3px 0px rgba(30, 27, 28, 0.88);
  padding: 3px 20px;
  margin: 0 3px;
  color: #6f6f6f;
  float: left;
}
div.lista > a:not(.logo):hover, div.lista > div:hover {
  box-shadow: 0 1px 3px 0 rgba(30, 27, 28, 0.6);
  color: #000;
}
div.lista > a:not(.logo):active, div.lista > div:active {
  box-shadow: 0 0 2px 0 rgba(30, 27, 28, 0.8);
  background: #eee none !important;
  color: #545454;
}
div.lista > div {
  display: table;
  background: #fff url("../../images/knz/icons/btn_arrow_down.png") no-repeat 6px 0;
  padding-left: 32px;
  cursor: pointer;
}
div.lista > a:hover {
  text-decoration: none;
}
div.calcListaSubmenu {
  position: fixed;
  top: 27px;
  padding-top: 10px;
  z-index: 110; /* Panel with calculations is 100 */
  display: none;
}
.ie div.calcListaSubmenu {
  margin-top: -1px;
}
div.calcListaSubmenu a {
  font-size: 13px;
  color: #006633;
}
.cpp div.calcListaSubmenu a {
  color: #0f5e9b;
}
.calcListaSubmenu_radek {
  height: 13px;
  padding: 5px 15px 5px 7px;
  border: 1px solid #ccc;
  border-top: none;
  background-color: #fff;
}

/* ----------------------------------------------------------------
	Lista s informacemi a pojistnym pro kalkulacky - hide pri scrollu
---------------------------------------------------------------- */
div.calcInfo {
  transition: all 0.4s ease 0s;
  width: 100%;
  z-index: 997;
  top: 37px;
}
div.calcInfo.hide { 
  top: 0px;
  position: fixed;
}

/* ----------------------------------------------------------------
	Lista s informacemi pro kalkulacky
---------------------------------------------------------------- */

div.kalkulackaInfo {
  background: #ebf7f0;
  height: 23px;
  padding: 7px 0;
}
.cpp div.kalkulackaInfo {
  background: #eff3f6;
}
div.kalkulackaInfo > div.inner > div {
  display: inline-block;
}
div.kalkulackaInfo > div.inner > div.C,
.sideInfo .kmenIcon.C {
  background: url("../../images/knz/icons/icon_calc_cestovka.png") no-repeat;
  background-size: 17px 17px;
  width: 17px;
  height: 17px;
  margin-bottom: -3px;
}
.cpp div.kalkulackaInfo > div.inner > div.C {
  background: url("../../images/knz/icons/cpp/smlouvy_cest.png") no-repeat;
  background-size: 17px 18px;
  width: 17px;
  height: 18px;
}
div.kalkulackaInfo > div.inner > div.O,
.sideInfo .kmenIcon.O {
  background: url("../../images/knz/icons/icon_calc_vozidlo.png") no-repeat;
  background-size: 25px 13px;
  width: 25px;
  height: 13px;
  margin-bottom: -2px;
}
.cpp div.kalkulackaInfo > div.inner > div.O {
  background: url("../../images/knz/icons/cpp/smlouvy_aut.png") no-repeat;
  background-size: 17px 14px;
  width: 17px;
  height: 14px;
}
div.kalkulackaInfo > div.inner > div.N,
.sideInfo .kmenIcon.N {
  background: url("../../images/knz/icons/icon_calc_majetek.png") no-repeat;
  background-size: 25px 21px;
  width: 25px;
  height: 21px;
  margin-bottom: -2px;
}
.cpp div.kalkulackaInfo > div.inner > div.N {
  background: url("../../images/knz/icons/cpp/smlouvy_maj.png") no-repeat;
  background-size: 24px 21px;
  width: 24px;
  height: 21px;
}
div.kalkulackaInfo > div.inner > div.R,
.sideInfo .kmenIcon.R {
  background: url("../../images/knz/icons/icon_calc_podnik.png") no-repeat;
  background-size: 14px 17px;
  width: 14px;
  height: 17px;
  margin-bottom: -3px;
}
.cpp div.kalkulackaInfo > div.inner > div.R { 
  background: url("../../images/knz/icons/cpp/smlouvy_pod.png") no-repeat;
  background-size: 27px 13px;
  width: 27px;
  height: 13px;
}
div.kalkulackaInfo > div.inner > span.nadpis {
  color: #343434;
  font-size: 15px;
  margin: 0 10px;
  line-height: 21px;
  display: inline-block;
}
div.kalkulackaInfo > div.inner > span.stav {
  color: #8f8f8f;
  font-size: 13px;
}
div.vysvetlivky {
  background-color: #fff;
  border-radius: 3px;
  padding: 1px 12px;
  display: inline-block;
}
div.vysvetlivky > table.oznaceniPoli {
  color: #9e9e9e;
}
div.vysvetlivky > table.oznaceniPoli td:nth-child(odd) {
  padding-right: 9px;
}
div.vysvetlivky > table.oznaceniPoli td:nth-child(even) {
  padding-right: 15px;
}
div.vysvetlivky > table.oznaceniPoli td:last-child {
  padding-right: 0;
}
div.sipka, body.novaKalkulacka span.povinnyZnak {
  display: inline-block;
}
/*body.novaKalkulacka span.povinnyZnak {
  float: right;
  margin: 2px 1px 0 7px;
}*/
/* Povinny parametr v kalkulacce pri pouziti komponenty popisParam */
body.novaKalkulacka table.popisParam {
  width: 100%;
}
body.novaKalkulacka table.popisParam td {
  float: none;
}
body.novaKalkulacka table.popisParam td:last-child {
  width: 2px;
}
body.novaKalkulacka table.popisParam span.povinnyZnak {
  display: table-cell;
  vertical-align: middle;
  float: none;
}
/* END - Povinny parametr v kalkulacce pri pouziti komponenty popisParam */
body.novaKalkulacka .nowrap span.povinnyZnak {
  float: none;
  margin-bottom: -3px;
}
div.sipka:before, body.novaKalkulacka span.povinnyZnak:before {
  width: 2px;
  height: 7px;
  top: 1px;
  transform: rotate(-30deg);
  content: "";
  position: relative;
  display: block;
  background-color: #01662c;
}
.cpp div.sipka:before, .cpp.novaKalkulacka span.povinnyZnak:before {
  background-color: #135392;
}
div.sipka:after, body.novaKalkulacka span.povinnyZnak:after {
  width: 2px;
  height: 7px;
  bottom: 1px;
  transform: rotate(30deg);
  content: "";
  position: relative;
  display: block;
  background-color: #01662c;
}
.cpp div.sipka:after, .cpp.novaKalkulacka span.povinnyZnak:after { 
  background-color: #135392;
}
div.sipka.green:before, div.sipka.green:after {
  background-color: #01662c;
}
div.sipka.red:before, div.sipka.red:after {
  background-color: #dc4114;
}
div.sipka.orange:before, div.sipka.orange:after {
  background-color: #fbab00;
}
div.sipka.gray:before, div.sipka.gray:after {
  background-color: #616161;
}

/* ----------------------------------------------------------------
	Panel pojistne pro kalkulacky
---------------------------------------------------------------- */

div.pojistne_lista {
  background: linear-gradient(to right, #51976d 50%,#b5dac4 50%); /* W3C */;
  box-shadow: 0px 2px 4px 0px rgba(30, 27, 28, 0.4);
  height: 37px;
}
.cpp div.pojistne_lista {
  background: linear-gradient(to right, #1164a3 50%,#c1d5e4 50%); /* W3C */;
}
div.pojistne_lista.rozbalovaciRizika:hover {
  background: linear-gradient(to right, #51976d 50%,#94d9ad 50%); /* W3C */;
}
.cpp div.pojistne_lista.rozbalovaciRizika:hover {
  background: linear-gradient(to right, #1164a3 50%,#d7e6f0 50%); /* W3C */;
}
div.pojistne_lista.rozbalovaciRizika:hover > div.inner { 
  background-color: #94d9ad;
}
.cpp div.pojistne_lista.rozbalovaciRizika:hover > div.inner { 
  background-color: #d7e6f0;
}
div.pojistne_lista.rozbalovaciRizika {
  cursor: pointer;
}
div.pojistne_lista.open {
  box-shadow: none;
}
div.pojistne_lista > div.inner {
  background: #b5dac4;
  padding: 7px 0;
  box-sizing: border-box;
  padding: 0;
}
.cpp div.pojistne_lista > div.inner {
  background: #c1d5e4;
}
div.pojistne_lista > div.inner > div.pojistne {
  width: 78px;
  background: #51976d;
  color: #fff;
  float: left;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 35px;
  height: 37px;
}
.cpp div.pojistne_lista > div.inner > div.pojistne {
  background: #1164a3;
}
div.pojistne_lista > div.inner > div.pojistne:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18.5px 0 18.5px 13px;
  border-color: transparent transparent transparent #51976d;
  content: "";
  position: absolute;
  left: 78px;
}
.cpp div.pojistne_lista > div.inner > div.pojistne:after {
  border-color: transparent transparent transparent #1164a3;
}
div.pojistne_lista > div.inner > div.castky {
  /*position: relative;*/
  width: 725px;
  color: #272727;
  float: left;
  line-height: 35px;
  font-size: 16px;
  padding-left: 30px;
  box-sizing: border-box;
  white-space: nowrap;  /* Prevent long lines from breaking out of the bar */
  overflow: hidden;
}
div.pojistne_lista > div.inner > div.castky > span.popis {
  padding-right: 5px;
  color: #616161;
  font-size: 12px;
}
div.pojistne_lista > div.inner > div.castky > div.sipka {
  padding: 0 13px;
  margin-bottom: -4px;
}
div.pojistne_lista > div.inner > div.castky > div.sipka:before {
  height: 9px;
  transform: rotate(-30deg);
}
div.pojistne_lista > div.inner > div.castky > div.sipka:after {
  height: 9px;
  transform: rotate(30deg);
}
/* Ovladaci prvky pro rolovani listy s pojistnymi castkami */
div.pojistne_lista > div.inner > div.castky .scrollControls {
  /*background-color: rgba(255, 0, 0, 0.3);   /* Testing only */
  display: none;
  opacity: 0;
  margin-left: 98px;  /* Fine-tune these values to place it correctly over the content */
  width: 705px;
}
div.pojistne_lista > div.inner > div.castky:hover .scrollControls {
  /*display: block;*/
  opacity: 1;
}
div.pojistne_lista > div.inner > div.castky .scrollLeft,
div.pojistne_lista > div.inner > div.castky .scrollRight {
  height: 100%;
  width: 100px;
  opacity: 0.5;
}
div.pojistne_lista > div.inner > div.castky .scrollLeft:hover,
div.pojistne_lista > div.inner > div.castky .scrollRight:hover {
  opacity: 1;
}
div.pojistne_lista > div.inner > div.castky .scrollLeft {
  float: left;
}
div.pojistne_lista > div.inner > div.castky .scrollRight {
  float: right;
}
div.pojistne_lista > div.inner > div.castky .scrollArrow {
  margin: 8px 24px;
  border-style: solid;
}
div.pojistne_lista > div.inner > div.castky .scrollLeft .scrollArrow {
  float: left;
  border-color: transparent white transparent transparent;
  border-width: 10px 10px 10px 0;
}
div.pojistne_lista > div.inner > div.castky .scrollRight .scrollArrow {
  float: right;
  border-color: transparent transparent transparent white;
  border-width: 10px 0 10px 10px;
}

/** Tlacitka v hlavicce panelu */
div.pojistne_lista > div.inner > div.zobrazDetail:before {
  background: url("../../images/knz/icons/icon_header_gray_arrow_right.png") no-repeat scroll center center;
  content: "";
  position: absolute;
  height: 10px;
  transition: all 0.5s ease-in-out 0s;
  width: 6px;
  margin-top: 13px;
}
div.pojistne_lista > div.inner:hover > div.zobrazDetail:before {
  background: url("../../images/knz/icons/icon_header_black_arrow_right.png") no-repeat scroll center center;
}
div.pojistne_lista.open > div.inner > div.zobrazDetail:before {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
div.pojistne_lista > div.inner > div.prepocet {
  float: right;
}
div.pojistne_lista > div.inner > div.prepocet  button.prepocitej {
  background: url(../../images/knz/icons/icon_prepocet_grey.png) no-repeat 15px 7px, linear-gradient(0deg, #797979 6%, #a0a0a0 99%);
  box-shadow: inset 0px 1px 0px 0px #c4c4c4;
  border: 1px solid #767676;
  border-radius: 3px;
  color: #dadada;
  padding: 6px 30px 6px 40px;
  margin-top: 3px;
  cursor: pointer;
  height: 32px;
  text-shadow: none;
}
div.pojistne_lista > div.inner > div.prepocet  button.prepocitej.zeleny {
  background: url(../../images/knz/icons/icon_prepocet.png) no-repeat 15px 7px, linear-gradient(0deg, #015b24 12%, #007236 99%);
  border: 1px solid #004f1f;
  color: #fff;
}
.cpp div.pojistne_lista > div.inner > div.prepocet  button.prepocitej,
.cpp div.pojistne_lista > div.inner > div.prepocet  button.prepocitej.zeleny {
  background: url(../../images/knz/icons/icon_prepocet.png) no-repeat 15px 7px, linear-gradient(0deg, #173f6d 5%, #2c5a93 99%);
  border: 1px solid #2b343b;
  box-shadow: inset 0px 1px 0px 0px rgba(126,152,186,1);
  color: white;
  text-shadow: none;
}
/*div.pojistne_lista > div.inner > div.prepocet button.prepocitej:hover,*/
div.pojistne_lista > div.inner > div.prepocet button.prepocitej.zeleny:hover {
  background: url(../../images/knz/icons/icon_prepocet.png) no-repeat 15px 7px, linear-gradient(to top, #077732 14%, #08934a 99%);
  border: 1px solid #00431a;
  box-shadow: 0 1px 0 rgba(181,223,201,1) inset;
  color: #fff;
}
.cpp div.pojistne_lista > div.inner > div.prepocet button.prepocitej:hover,
.cpp div.pojistne_lista > div.inner > div.prepocet button.prepocitej.zeleny:hover {
  background: url(../../images/knz/icons/icon_prepocet.png) no-repeat 15px 7px, linear-gradient(0deg, #285b97 5%, #437dc5 99%);
  box-shadow: 0 1px 3px 0 rgba(30, 27, 28, 0.5), inset 0px 1px 0px 0px rgba(139,175,219,1);
  border: 1px solid #37576e;
}
/*div.pojistne_lista > div.inner > div.prepocet button.prepocitej:active,*/
div.pojistne_lista > div.inner > div.prepocet button.prepocitej.zeleny:active {
  background: url(../../images/knz/icons/icon_prepocet.png) no-repeat 15px 7px, linear-gradient(to top, #00421a, #065726);
  box-shadow: 0 2px 3px rgba(30, 27, 28, 0.7) inset;
  border-color: #143520;
}
.cpp div.pojistne_lista > div.inner > div.prepocet button.prepocitej:active,
.cpp div.pojistne_lista > div.inner > div.prepocet button.prepocitej.zeleny:active {
  background: url(../../images/knz/icons/icon_prepocet.png) no-repeat 15px 7px, linear-gradient(0deg, #173f6d 5%, #2c5a93 99%);
}

div.pojistne_lista > div.inner > div.prepocet button.prepocitej .ui-button-text{
  color: inherit;   /* Colors are specified in the button */
}
div.pojistneRozsireni {
  background: #ebf7f0;
  box-shadow: 0px 2px 4px 0px rgba(30, 27, 28, 0.4);
  padding: 10px 0;
  float: left;
  width: 100%;
  position: relative;
  z-index: 100;
}
.cpp div.pojistneRozsireni {
  background-color: #eff4f7;
}
div.pojistneRozsireni > div.inner > table.pojistneZaRizika {
  float: left;
  padding-bottom: 5px;
}
div.pojistneRozsireni > div.inner > table.pojistneZaRizika td:nth-child(odd) {
  width: 110px;
  color: #616161;
  font-size: 12px;
}
div.pojistneRozsireni > div.inner > table.pojistneZaRizika td:nth-child(even) {
  width: 100px;
  color: #272727;
  font-size: 16px;
}

/* ----------------------------------------------------------------
	Style fixes
---------------------------------------------------------------- */
/* Use this class on a parent of <table> to make the style of the
   table more in line with non-table layouts like simple <div>s.
   This really is only a hack: if nice and uniform layout is desired,
   I recommend ditching the <table> (ie. <panelGrid>) altogether. */
.tableFix table {
  border-collapse: collapse;
}
.tableFix table {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.tableFix table td {
  white-space: nowrap;  /* Results in very long lines, which may require manual adjustment */
}
.tableFix table td .popis {
  white-space: normal;  /* Results in very long lines, which may require manual adjustment */
}
.tableFix td .ui-calendar input {
  width: 60px;
}
.selectOneRadioFix td > label {
  vertical-align: 4px;
}

/* ----------------------------------------------------------------
	Oznameni zastavniho prava
---------------------------------------------------------------- */

/*div.ui-datatable.prehledSmluvOZP .ui-datatable-header {
  border: 0px;
  background-color: #e0edf5;
  border: 1px solid #ccc
}*/

/*div.ui-datatable.prehledSmluvOZP .ui-datatable-footer {
  background-color: #eff4f7;
}*/

div.ui-datatable.prehledSmluvOZP th {
  vertical-align: middle !important;
}

 .styledAddresWithoutErrors input {
  margin: 3px 0;
}

 .styledAddresWithoutErrors select {
  margin: 3px 0;
}
 .styledAddresWithoutErrors .ruViceAdres {
  border: 1px solid #ccc !important;
  background-color: white !important;
}

.styledAddresWithoutErrors .ccError{
  display: none;
}

.styledAddresDisabled input {
  margin: 3px 0;
}

 .styledAddresDisabled select {
  margin: 3px 0;
}
 .styledAddresDisabled .ruViceAdres {
  border: 1px solid #ccc !important;
  background-color: #efefef !important;
}

.styledAddresDisabled .ccError{
  display: none;
}

.styledAddresDisabled input.ruNalezenoKompletni {
  border: 1px solid #ccc !important;
  background-color: #efefef !important;
}

.styledAddresWithErrors input {
  margin: 3px 0;
}

 .styledAddresWithErrors select {
  margin: 3px 0;
}

/* ----------------------------------------------------------------
	Grouping input elements (<input>, <label>...)
	First used in flotila.xhtml
---------------------------------------------------------------- */
.inputGroup {
  margin: 0.5em 0;
}
.inputGroup label {
  display: inline-block;
}
.inputGroup > label::after {
  content: ":";
}
.inputGroup.plain > label::after {
  content: "";
}
.inputGroup label .tooltipIcon {
  /* A hack to position it after label::after */
    margin-right: -16px;
    left: 8px;
  vertical-align: text-bottom;
}
.inputGroup .ui-datepicker-trigger.ui-button {
  margin-top: 0;    /* Prevent it from pushing whole label content down */
}
.inputGroup label + input,
.inputGroup label + select,
.inputGroup label + span /* For p:calendars */ {
  margin-left: 1em;
}
.inputGroup input[type="checkbox"] {
  vertical-align: middle;
}
.inputGroup textArea {
  display: block;
  width: 100%;
  resize: vertical;
  box-sizing: border-box;
}
/* ----------------------------------------------------------------
	Flotila
---------------------------------------------------------------- */
body.novaKalkulacka .flotila span.povinnyZnak {
  float: none;
  vertical-align: text-bottom;
}
.flotila .inputGroup > label {
  min-width: 200px;
}
.panelInfo .frekvencePlaceni > table {
  display: inline-table;
  margin-left: 1em;
  border-collapse: collapse;
}
.panelPojistnik input[type="submit"],
.panelPojistnik button {
  margin-left: 0.5em;
  margin-right: 0.5em;
}

.panelInfo .vyrdenChbox {
	margin-left: 1em;
}

.flotila .ui-message-error {
	color: #FFFFFF;
}


.panelPojistnik .nadpisBold {
  /* This is not to be displayed as a heading -- reverting style */
  /*display: inline;
  font-weight: inherit;
  padding-top: 0;
  margin: 1em 0;*/
  
  /* Rather than hacking here, set the class to nadpisII */
  position: relative;
  margin: 10px auto 15px -25px;
  padding: 6px 25px 4px;
  height: 16px;
  max-width: 240px;
  background-color: #fbdac2;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal;
}
.panelPojistnik .nadpisBold::after {
  content: "";
  position: absolute;
  right:-26px;
  top: 0;
  bottom: 0;
  width: 13px;
  border-color: transparent transparent transparent #fbdac2;
  border-width: 13px 0 13px 13px;
  border-style: solid;
}

.messages-list {
  overflow: auto; /* Respect children margins */
}
.messages-list ul {
  margin-top: 0;
  margin-bottom: 0;
}
.messages-list li > .error_msg {
  float: none;
}
.messages-list li .msg-summary::after {
  content: ".";
  margin-right: 0.33em;
}
.ui-ref {
  font-style: italic;
}
.novaKalkulacka .souborVozidel .popupPanelContent {
  padding-bottom: 0;
}
.souborVozidel .popupPanelContent > div:not(:last-child) {
  margin-bottom: 1em;
}
.souborVozidel .popupPanelContent > .hasButton {
  display: flex;
  flex-flow: row nowrap;
}
.souborVozidel .knz_button {
  min-width: 100px;
  box-sizing: border-box;
  margin-right: 0;
  margin-left: 0.5em;
}
/* Need the first .knz_button */
.souborVozidel *:not(.knz_button) + .knz_button {
  margin-left: auto;
}
.souborVozidel .hipSearch table {
  display: inline-table;
  border-collapse: collapse;
}
.souborVozidel .hipSearch button {
  float: right;
}
.souborVozidel .inline-heading {
  font-weight: bold;
  margin-right: 0.25em; /* ~text space */
}
.souborVozidel .hipFound ul {
  list-style-type: none;
}
.souborVozidel .hipFound li button.ui-button.ui-state-hover .ui-button-text {
  color: #006633;
  text-decoration: underline;
}
.souborVozidel .popis + .hodnota {
  margin-left: 0.5em;
}

/* ----------------------------------------------------------------
	Zmena hesla
---------------------------------------------------------------- */
.loginbox .inputGroup label {
  min-width: 60px;
}

/* ----------------------------------------------------------------
	Adresa (popup)
---------------------------------------------------------------- */
img[id*="icoNapoveda"] /* Tooltip icons in address */ {
  vertical-align: middle;
  margin-left: 0.25em; /* Average width of regular space */
}

/* ----------------------------------------------------------------
	Zvlastni ujednani a zvlastni udaje
---------------------------------------------------------------- */
.ujednani textarea {
  width: 100%;
  box-sizing: border-box;
}
.panelParagraf textarea {
  width: 100%;
  box-sizing: border-box;
}

/* ----------------------------------------------------------------
	Souhrnny seznam
---------------------------------------------------------------- */
.souhrnnySeznam {
  clear: both;
  margin: 20px 25px;
}


/* ----------------------------------------------------------------
	Ciselniky
---------------------------------------------------------------- */
/* Move to general style? */
.ciselniky label:not(:last-child) {
  margin-right: 0.33em;
}
.ciselniky .ui-datatable {
  margin-bottom: 1em;
}
.ciselnikyVyber > * {
  vertical-align: middle;
}
.ciselnikyVyber .ui-selectonemenu {
  margin-right: 1em;
}

/* ----------------------------------------------------------------
	Status bar
---------------------------------------------------------------- */

div.loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
div.loader-wrapper > div.loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -75px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #4daae9;
  -webkit-animation: spin 2s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 2s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
div.loader-wrapper > div.loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #259c54;
  -webkit-animation: spin 3s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 3s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
div.loader-wrapper > div.loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #fbaf1b;
  -webkit-animation: spin 1.5s linear infinite; /* Chrome, Opera 15+, Safari 5+ */
  animation: spin 1.5s linear infinite; /* Chrome, Firefox 16+, IE 10+, Opera */
}
 
@-webkit-keyframes spin {
  0%   {
    -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);  /* IE 9 */
    transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
  }
  100% {
    -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);  /* IE 9 */
    transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
  }
}
@keyframes spin {
  0%   {
    -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg);  /* IE 9 */
    transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
  }
  100% {
    -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(360deg);  /* IE 9 */
    transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
  }
}

/* ----------------------------------------------------------------
	Zjednoduseny dodatek
---------------------------------------------------------------- */
[id*='vytvoritZjednodusenyDodatek'] .inputGroup {
  width: 33.3%;
  display: inline-block;
}

.zjednodusenyDodatek .styledPanel {
  width: 100%;
}
.zjednodusenyDodatek .zmeny ul {
  padding-left: 0;
}
.zjednodusenyDodatek .typZmeny {
  float: left;
}
.zjednodusenyDodatek input.odeberZmenu {
  float: right;
}
.zjednodusenyDodatek .zmenaInfo {
  clear: both;
}
.zjednodusenyDodatek input.pridejZmenu {
  margin-top: 0.5em;
}

.zjednodusenyDodatek .vyporadaniPreplatku {
  margin-top: 1em;
  overflow: auto;
}
.zjednodusenyDodatek .vyporadaniPreplatku .zpusob > label {
  vertical-align: 3px; /* Keep in line with the radio button text */
}
.zjednodusenyDodatek .vyporadaniPreplatku .zpusob .novyRadio {
  display: inline-table;
  margin-left: 0.5em;
  border-collapse: collapse;
}
.zjednodusenyDodatek .vyporadaniPreplatku .zpusob .novyRadio td {
  padding: 0.25em 0.5em;
}
.zjednodusenyDodatek .vyporadaniPreplatku .cisUc,
.zjednodusenyDodatek .vyporadaniPreplatku .kodBan {
  width: 50%;
  float: left;
}
.zjednodusenyDodatek .vyporadaniPreplatku .cisUc .predcisli {
  width: 64px;
  margin: 0;
  text-align: right;
}
.zjednodusenyDodatek .vyporadaniPreplatku .cisUc .cislo {
  width: 96px;
  margin: 0;
}
.zjednodusenyDodatek .vyporadaniPreplatku .div {
  overflow: auto;
}

/* ----------------------------------------------------------------
  Obecny styl
---------------------------------------------------------------- */
.main .bubbleboxKnz {
  float: none;
}

/* ----------------------------------------------------------------
  Styl pro panely (pro rebely, kteri nepisou styl do xhtml)
---------------------------------------------------------------- */
/* Panel */
.styledPanel {
  overflow: auto; /** Protoze panel sam je buhviproc plovouci */
  margin-top: 15px;
  margin-bottom: 15px;
  clear: both;
}
.styledPanel .rozbalovaciPanel_odsazeni {
  margin-bottom: 0;
}
.styledPanel .rozbalovaciPanel_odsazeni .children {
  display: block;
  overflow: auto;
  clear: both;
}

/* Zakryt pripady, kdy je tabulka pouzita jen kvuli vizualnimu rozlozeni
 * (coz je v KNZ hodne rozsirene).
 * Tabulky v komponente partner navic nejsou nijak specialne oznaceny,
 * takze se na ne musim odkazovat pres cely panel a doufat, ze se v nem
 * nevyskytne opravdova tabulka, kterou by to zasahlo. */
.styledPanel table {
  border-collapse: collapse;
}
/* Jednoradkove (?) tabulky v komponente partner */
.styledPanel .tabulka_partner {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.styledPanel td {
  padding: 0 0.5em 0 0;
}
.styledPanel [id$="panelPartner"] table[id*="SOUHLAS_S_ELKOM"],
.styledPanel [id$="panelPartner"] table[id*="SOUHLAS_S_MARKOM"] {
  margin: 0.25em 0;
}

/* Rozlozeni do dvou sloupcu */
.styledPanel.columnsTwo .detailRozbalovacihoPanelu > .column {
  width: 50%;
  box-sizing: border-box;
  float: left;
}

/* Obecny styl pro obsah panelu */
/*.styledPanel input,
.styledPanel button {
  margin-left: 0.5em;
  margin-right: 0.5em;
}*/
.styledPanel input.cps {
  width: 110px;
}
.styledPanel .stylHr {
  float: none;
  margin: 15px 0;
}
body.novaKalkulacka .styledPanel span.povinnyZnak {
  float: none;
  vertical-align: text-bottom;
}
.styledPanel .popis.nadpisBold,
.styledPanel .subheading {
  position: relative;
  margin: 10px auto 15px -25px;
  padding: 6px 25px 4px;
  height: 16px;
  max-width: 240px;
  /*background-color: #fbdac2;*/
  font-size: 14px;
  text-transform: uppercase;
  font-weight: normal;
}
.styledPanel .popis.nadpisBold::after,
.styledPanel .subheading::after {
  content: "";
  position: absolute;
  right:-26px;
  top: 0;
  bottom: 0;
  width: 13px;
  /*border-color: transparent transparent transparent #fbdac2;*/
  border-width: 13px 0 13px 13px;
  border-style: solid;
}
.styledPanel .separated,
.styledPanel .panelButtons {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #ccc; /** Match .styleHr */
}
.styledPanel .panelButtons {
  margin-bottom: 4px; /** To accomodate button shadow */
  text-align: center; /* Center the buttons which are inline elements */
}


/* ----------------------------------------------------------------
	Components
---------------------------------------------------------------- */
/* This section serves to override the default styles of custom
components. If these changes prove useful and don't break anything else,
I propose to move them directly to components. */
.novaKalkulacka div[id*=komponentaZiskatele] button[id*=odkazPodepisujiciZiskatel] {
  display: block;
  width: 30px;
  height: 30px;
    /* Remove from page flow */
    margin-right: -30px;
    margin-bottom: -30px;
  position: relative;
  left: 20px;
  background: transparent url("../koop/img/icoPodrizenyNew.png") no-repeat center;
}

/* ----------------------------------------------------------------
	Číselné řady
---------------------------------------------------------------- */

.ui-datatable-even.preklopeno {
  background-color: rgba(255, 0, 0, 0.3);
} 
.ui-datatable-odd.preklopeno {
  background-color: rgba(255, 0, 0, 0.2);
}

.jasperHtml span[style*="font-size: 18px"] {
    letter-spacing: -0.5px;
}

/* ----------------------------------------------------------------
	Náhled tisku
---------------------------------------------------------------- */
.jasperHtml {
  width: 788px;
  margin: auto;
  text-align: left;
}

/* ----------------------------------------------------------------
	Náhled tisku
---------------------------------------------------------------- */
.doplnitPrilohy .skupinaNadpis, .detailRozbalovacihoPanelu .skupinaNadpis{
  float: left;
  width: 100%;
  background-color: #e3e3e3;
  display: inline-block;
  font-size: 14px;
  height: 26px;
  line-height: 26px;
  margin: 0px 0 15px -25px;
  padding: 0 28px 0 20px;
  text-transform: uppercase;
  position: relative;
}

.doplnitPrilohy .detailRozbalovacihoPanelu, .panelRootPrilohy .detailRozbalovacihoPanelu {
    padding: 0 25px 10px;
}