@charset "UTF-8";
/**
 * hlavni.css - Generated stylesheet. Do not modify!
Compiled on: 2020-10-26 11:00:12 +0100
*/
/*------------------------------------*\
    #HP prehled ziskatelu
\*------------------------------------*/
.prehledZiskateluHPDiv {
  display: none; }
  @media only screen and (max-width: 899px) {
    .prehledZiskateluHPDiv {
      display: block;
      background-color: #00843D;
      width: calc(100% - 20px);
      height: 30px;
      border-radius: 4px 4px 0px 0px;
      padding-top: 10px;
      padding-left: 20px; } }
  @media only screen and (max-width: 899px) and (max-width: 519px) {
    .prehledZiskateluHPDiv {
      width: calc(100% - 10px);
      padding-left: 10px; } }

.prehledZiskateluHPText {
  color: #FFFFFF;
  opacity: 1; }
  .prehledZiskateluHPText .text1 {
    font-family: KoopPro;
    font-size: 16px;
    letter-spacing: 0.32px;
    text-transform: uppercase; }
    @media only screen and (max-width: 519px) {
      .prehledZiskateluHPText .text1 {
        font-size: 14px !important; } }
  .prehledZiskateluHPText .text2 {
    font-family: OpenSans;
    font-size: 13px;
    letter-spacing: 0.26px;
    right: 20px;
    position: absolute;
    text-align: right; }
    @media only screen and (max-width: 519px) {
      .prehledZiskateluHPText .text2 {
        right: 10px !important;
        padding-top: 1px; } }
  @media only screen and (max-width: 519px) {
    .prehledZiskateluHPText .textLonger {
      display: none; } }
  .prehledZiskateluHPText .textPhone {
    display: none; }
    @media only screen and (max-width: 519px) {
      .prehledZiskateluHPText .textPhone {
        display: unset; } }

@media only screen and (max-width: 899px) {
  .resultBoxPrehledZiskatelu {
    display: none; } }

@media only screen and (max-width: 899px) {
  .prehledZiskateluSloupec {
    display: none; } }

@media only screen and (min-width: 900px) {
  .prehledZiskateluSloupecOposite {
    display: none; } }

@media only screen and (max-width: 519px) {
  .prehledZiskateluSloupecPhone {
    display: none; } }

@media only screen and (min-width: 520px) {
  .prehledZiskateluSloupecPhoneOposite {
    display: none; } }

@media only screen and (max-width: 899px) {
  .prehledZiskateluSloupecTablet {
    display: none; } }

@media only screen and (min-width: 900px), screen and (max-width: 519px) {
  .prehledZiskateluSloupecTabletOposite {
    display: none; } }

.prehledZiskateluAutocomplete {
  margin-top: -7px; }

.ui-autocomplete .inputTest {
  width: 100%;
  padding: 6px 0px 6px 10px;
  padding-right: 0px !important;
  text-align: left;
  font-family: OpenSans;
  font-size: 13px;
  letter-spacing: 0px;
  color: #565656;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px; }

div.ui-datatable.prehledZiskateluHP tr.ui-state-hover td {
  color: #3c3c3c; }

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

div.ui-datatable.prehledZiskateluHP div.ui-datatable-tablewrapper,
div.ui-datatable.prehledZiskateluHP div.ui-paginator,
div.ui-datatable.prehledZiskateluHP div.ui-datatable-footer {
  border: none;
  border-radius: 0; }

div.ui-datatable.prehledZiskateluHP th.ui-state-default.headTabulky, .voucherIcons {
  background: #fff;
  color: #006929;
  height: 40px;
  padding: 0 10px;
  vertical-align: middle;
  border: none; }

.cpp div.ui-datatable.prehledZiskateluHP th.ui-state-default.headTabulky {
  color: #005596; }

div.ui-datatable.prehledZiskateluHP span.pocetZaznamu_text, .voucherIcons .pocetZaznamu_text {
  text-transform: uppercase;
  color: #272727; }

div.ui-datatable.prehledZiskateluHP th.ui-state-default a.filtrZrusit {
  background: #CCE6D8 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.prehledZiskateluHP 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.prehledZiskateluHP 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.prehledZiskateluHP th.ui-state-default {
  height: 64px;
  padding: 0;
  vertical-align: top;
  background: #CCE6D8; }

div.ui-datatable.prehledZiskateluHP .ui-datatable-data tr {
  background-color: #fff; }

/*
div.ui-datatable.prehledZiskateluHP .ui-datatable-data tr:after {
  content: "";
  display: block;
  position: absolute;
  margin: 0 auto;
  width: 98%;
  padding-top: 30px;
  border-bottom: 1px solid #CCCCCC;
  right: 1%;
}
*/
.novaKalkulacka div.ui-datatable.prehledZiskateluHP table > tbody.ui-datatable-data > tr.ui-state-hover,
div.ui-datatable.prehledZiskateluHP table > tbody > tr.ui-state-highlight:hover {
  background: #00843D;
  color: white; }

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

div.ui-datatable.prehledZiskateluHP .ui-datatable-data tr td,
.cpp div.ui-datatable.prehledZiskateluHP .ui-datatable-data tr td {
  border-color: #CCE6D8 !important; }

div.ui-datatable.prehledZiskateluHP .ui-datatable-data td.filterSelected {
  background-color: #faddc8 !important;
  border-left: 1px solid #fff; }

div.ui-datatable.prehledZiskateluHP th.filterSelected {
  background: #faddc8 none !important;
  border-left: 1px solid #CCE6D8; }

div.ui-datatable.prehledZiskateluHP th.rf-dt-hdr-c > span.linkFilterTable {
  display: block;
  float: left;
  margin-left: 8px; }

/*------------------------------------*\
    #filtry
\*------------------------------------*/
.filtersInline {
  border-bottom: 1px solid white;
  font-size: 0.8125rem;
  font-weight: normal;
  text-align: left;
  padding: 0 15px;
  font-family: KoopPro, Calibri, Arial;
  color: #6f6f6f; }

.filtersInline--blue {
  background: #D1E2EE; }

.filtersInline--grey {
  background: #E0E1E3; }

.filtersInline--yellow {
  background: #f9e8c9; }

.filtersInline__filters {
  padding-top: calc((41px - 20px)/2 );
  padding-bottom: calc((41px - 20px)/2 ); }

.filterlist > div.ui-overlaypanel-content {
  padding: 0px 0px 0px 0px; }

.filterlist.ui-shadow {
  -moz-box-shadow: 0 2px 6px 1px rgba(30, 27, 28, 0.25);
  -webkit-box-shadow: 0 2px 6px 1px rgba(30, 27, 28, 0.25);
  box-shadow: 0 2px 6px 1px rgba(30, 27, 28, 0.25); }

.filterlist {
  -moz-box-shadow: 0 2px 6px 1px rgba(30, 27, 28, 0.25);
  -webkit-box-shadow: 0 2px 6px 1px rgba(30, 27, 28, 0.25);
  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;
  left: 35px;
  width: 250px;
  z-index: 1; }

.filterlist: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; }

.filterlist: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; }

.filterlist .filterlist__polozka {
  cursor: pointer;
  color: #272727;
  font-size: 13px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 9px 20px;
  display: block; }

.filterlist .filterlist__polozka:hover {
  background-color: #e5e5e5;
  color: #272727;
  text-decoration: none; }

.filterlist .filterlist__polozka__img {
  margin-right: 12px;
  float: left; }

.ui-panel.filterlist {
  padding: 0; }

.ui-panel.filterlist > .ui-panel-content {
  padding: 0; }

.filtertabs {
  padding-bottom: 6px;
  float: left; }

.filtertabs__filtertext {
  text-transform: uppercase;
  color: #272727;
  font-size: 15px;
  float: left;
  margin: 5px 10px 5px 0; }

.filtertabs__add {
  margin: 2px 0 0 5px;
  width: 22px;
  height: 22px;
  border: none;
  cursor: pointer;
  color: #7d7d7d;
  text-decoration: none;
  display: block;
  font-size: 22px; }

.filtertabs__add__icon {
  display: block; }

.filtertabs__add__icon:before {
  color: #7d7d7d; }

.filtertabs__add__icon:hover:before {
  color: #383838; }

.filtertabs__add:hover {
  color: #383838;
  text-decoration: none; }

.filtertabs__add:hover__icon:before {
  color: #383838; }

.filtertabs__add:focus {
  outline: 0; }

.filtertabs__add__text {
  padding-left: 25px; }

.filtertabs__tab {
  background-color: #e5e5e5;
  text-transform: uppercase;
  color: #272727;
  font-size: 13px;
  padding-left: 0px;
  padding-right: 0px;
  height: 26px;
  line-height: 26px;
  border-radius: 3px 0 0 3px;
  margin: 3px 19px 4px 0;
  float: left;
  transition: 0.5s ease-in-out;
  position: relative; }

.filtertabs__tab.filtertabs__tab--dis {
  cursor: default; }

.filtertabs__tab.filtertabs__tab--dis:hover {
  cursor: default; }

.filtertabs__tab:hover {
  background-color: #d5d7d8;
  transition: 0.5s ease-in-out; }

.filtertabs__tab:hover:after {
  border-color: transparent transparent #d5d7d8 transparent; }

.filtertabs__tab:hover:before {
  border-color: transparent transparent transparent #d5d7d8; }

.filtertabs__tab.filtertabs__tab--light {
  background-color: #f3f3f3; }

.filtertabs__tab.filtertabs__tab--light:after {
  border-color: transparent transparent #f3f3f3 transparent; }

.filtertabs__tab.filtertabs__tab--light:before {
  border-color: transparent transparent transparent #f3f3f3; }

.filtertabs__tab.filtertabs__tab--light:hover {
  background-color: #d5d7d8; }

.filtertabs__tab.filtertabs__tab--light:hover:after {
  border-color: transparent transparent #d5d7d8 transparent; }

.filtertabs__tab.filtertabs__tab--light:hover:before {
  border-color: transparent transparent transparent #d5d7d8; }

.filtertabs__tab.filtertabs__tab--kal-grey {
  background-color: #dfdfdf; }

.filtertabs__tab.filtertabs__tab--kal-grey:after {
  border-color: transparent transparent #dfdfdf transparent; }

.filtertabs__tab.filtertabs__tab--kal-grey:before {
  border-color: transparent transparent transparent #dfdfdf; }

.filtertabs__tab.filtertabs__tab--kal-grey:hover {
  background-color: #d5d7d8; }

.filtertabs__tab.filtertabs__tab--kal-grey:hover:after {
  border-color: transparent transparent #d5d7d8 transparent; }

.filtertabs__tab.filtertabs__tab--kal-grey:hover:before {
  border-color: transparent transparent transparent #d5d7d8; }

.filtertabs__tab.filtertabs__tab--kal-green {
  background-color: #cde6d8; }

.filtertabs__tab.filtertabs__tab--kal-green:after {
  border-color: transparent transparent #cde6d8 transparent; }

.filtertabs__tab.filtertabs__tab--kal-green:before {
  border-color: transparent transparent transparent #cde6d8; }

.filtertabs__tab.filtertabs__tab--kal-green:hover {
  background-color: #d6f7e4; }

.filtertabs__tab.filtertabs__tab--kal-green:hover:after {
  border-color: transparent transparent #d6f7e4 transparent; }

.filtertabs__tab.filtertabs__tab--kal-green:hover:before {
  border-color: transparent transparent transparent #d6f7e4; }

.filtertabs__tab.filtertabs__tab--kal-blue {
  background-color: #d7e6f0; }

.filtertabs__tab.filtertabs__tab--kal-blue:after {
  border-color: transparent transparent #d7e6f0 transparent; }

.filtertabs__tab.filtertabs__tab--kal-blue:before {
  border-color: transparent transparent transparent #d7e6f0; }

.filtertabs__tab.filtertabs__tab--kal-blue:hover {
  background-color: #d9e9f3; }

.filtertabs__tab.filtertabs__tab--kal-blue:hover:after {
  border-color: transparent transparent #d9e9f3 transparent; }

.filtertabs__tab.filtertabs__tab--kal-blue:hover:before {
  border-color: transparent transparent transparent #d9e9f3; }

.filtertabs__tab.filtertabs__tab--kal-poji {
  background-color: #cde6d8; }

.filtertabs__tab.filtertabs__tab--kal-poji:after {
  border-color: transparent transparent #cde6d8 transparent; }

.filtertabs__tab.filtertabs__tab--kal-poji:before {
  border-color: transparent transparent transparent #cde6d8; }

.filtertabs__tab.filtertabs__tab--kal-poji:hover {
  background-color: #d6f7e4; }

.filtertabs__tab.filtertabs__tab--kal-poji:hover:after {
  border-color: transparent transparent #d6f7e4 transparent; }

.filtertabs__tab.filtertabs__tab--kal-poji:hover:before {
  border-color: transparent transparent transparent #d6f7e4; }

.filtertabs__tab.filtertabs__tab--kal-orange {
  background-color: #FBE8C3; }

.filtertabs__tab.filtertabs__tab--kal-orange:after {
  border-color: transparent transparent #FBE8C3 transparent; }

.filtertabs__tab.filtertabs__tab--kal-orange:before {
  border-color: transparent transparent transparent #FBE8C3; }

.filtertabs__tab.filtertabs__tab--kal-orange:hover {
  background-color: #fff3d5; }

.filtertabs__tab.filtertabs__tab--kal-orange:hover:after {
  border-color: transparent transparent #fff3d5 transparent; }

.filtertabs__tab.filtertabs__tab--kal-orange:hover:before {
  border-color: transparent transparent transparent #fff3d5; }

.filtertabs__tab.filtertabs__tab--trans {
  background-color: transparent; }

.filtertabs__tab.filtertabs__tab--trans:after {
  border-color: transparent transparent transparent transparent; }

.filtertabs__tab.filtertabs__tab--trans:before {
  border-color: transparent transparent transparent transparent; }

.filtertabs__tab.filtertabs__tab--trans:hover {
  background-color: transparent; }

.filtertabs__tab.filtertabs__tab--trans:hover:after {
  border-color: transparent transparent transparent transparent; }

.filtertabs__tab.filtertabs__tab--trans:hover:before {
  border-color: transparent transparent transparent transparent; }

.filtertabs__tab:after {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 14px 13px 0;
  border-color: transparent transparent #e5e5e5 transparent;
  content: "";
  position: absolute;
  right: -14px;
  top: 0;
  transition: 0.5s ease-in-out; }

.filtertabs__tab:before {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 0px 13px 14px;
  border-color: transparent transparent transparent #e5e5e5;
  content: "";
  position: absolute;
  right: -14px;
  bottom: 0;
  transition: 0.5s ease-in-out; }

.filtertabs__tab__link {
  color: #272727;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 5px;
  display: inline-block; }

.filtertabs__tab__link.filtertabs__tab__link--readonly {
  padding-right: 15px; }

.filtertabs__tab__link.filtertabs__tab__link--ell {
  max-width: 260px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block; }

.filtertabs__tab__link:visited {
  color: #272727; }

.filtertabs__tab__link:hover {
  color: #272727;
  text-decoration: none; }

.filtertabs__tab__delete {
  width: 25px;
  height: 100%;
  cursor: pointer;
  vertical-align: top;
  margin-left: 0px;
  display: inline-block;
  text-decoration: none; }

.filtertabs__tab__delete:hover .filtertabs__tab__delete__icon:before {
  color: #0D0D0D; }

.filtertabs__tab__delete .filtertabs__tab__delete__icon {
  font-size: 12px;
  text-decoration: none;
  margin-left: 7px;
  vertical-align: -1px;
  width: 12px;
  height: 12px;
  display: inline-block; }

.filtertabs__tab__delete .filtertabs__tab__delete__icon:before {
  color: #7F7F7F; }

.filtertabs__tab__delete .filtertabs__tab__delete__icon:hover:before {
  color: #0D0D0D; }

.filtertabs__tab__delete.filtertabs__tab__delete--dis {
  background-image: none; }

.filtertabs__tab__delete.filtertabs__tab__delete--dis .filtertabs__tab__delete__icon:before {
  content: ''; }

.filtertabs__tab__delete.filtertabs__tab__delete--dis:hover {
  background-image: none; }

.filtertabs__tab__delete:hover {
  background-position: center;
  background-size: initial;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-color: #d5d7d8;
  transition: 0.5s ease-in-out; }

.filtertabs__tab__delete:hover:after {
  border-left-color: #d5d7d8;
  transition: 0.5s ease-in-out; }

.filtertabs__tab__delete--kal-grey:hover {
  background-color: #d5d7d8; }

.filtertabs__tab__delete--kal-green:hover {
  background-color: #d6f7e4; }

.filtertabs__tab__delete--kal-blue:hover {
  background-color: #d9e9f3; }

.filtertabs__tab__delete--kal-poji:hover {
  background-color: #d6f7e4; }

.filtertabs__tab__delete--kal-orange:hover {
  background-color: #fff3d5; }

.filtertabs__tab__delete--light:after {
  border-color: transparent #E0E1E3 transparent transparent; }

.filtertabs__tab__delete--light:before {
  border-color: transparent transparent #E0E1E3 transparent; }

.filtertabs__tab__delete--trans:hover {
  background-color: transparent; }

.ui-shadow.filterPanel {
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.33); }

.filterPanel {
  border-radius: 6px;
  padding: 5px 5px 25px;
  background: white; }

.filterPanel--kod-pp {
  /*width: 1036px !important;*/ }

.filterPanel__nadpis {
  font-size: 1.07143rem;
  font-weight: 700;
  letter-spacing: 0.18px;
  text-align: center;
  text-transform: uppercase;
  color: #006633;
  padding-bottom: 12px;
  font-family: KoopPro, Calibri, Arial;
  display: block; }

.filterPanel__filterInputString.ui-inputfield.ui-corner-all {
  padding: 5px;
  font-family: KoopPro, Calibri, Arial;
  border: 1px solid #cccccc;
  border-radius: 2px;
  font-size: 0.9375rem;
  background-color: #ffffff;
  color: #464646; }

.filterPanel__filterSpinner {
  font-family: KoopPro, Calibri, Arial; }

.filterPanel__filterSpinner input.ui-spinner-input.ui-inputfield {
  padding: 4px 20px 4px 4px;
  font-family: KoopPro, Calibri, Arial;
  width: 60px;
  border: 1px solid #c3c3c3;
  border-radius: 3px; }

.filterPanel__filterSpinner a.ui-spinner-button {
  cursor: pointer;
  display: block;
  font-size: .5em;
  /* no border a.ui-spinner-button
  height: 50%;
  */
  border: 1px solid #c3c3c3;
  height: calc(50% - 1px);
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  right: 0;
  text-align: center;
  vertical-align: middle;
  width: 16px;
  z-index: 100;
  zoom: 1; }

.filterPanel__filterSpinner a.ui-spinner-button.ui-spinner-up {
  top: 0;
  border-top-right-radius: 3px; }

.filterPanel__filterSpinner a.ui-spinner-button.ui-spinner-down {
  bottom: 0;
  border-bottom-right-radius: 3px; }

.filterPanel__filterSpinner a.ui-spinner-button .ui-button-text {
  padding: 0;
  display: block;
  width: 100%;
  height: 100%; }

.filterPanel__filterSpinner a.ui-spinner-button .ui-button-text .ui-icon.ui-c {
  width: 0;
  height: 0;
  border-style: solid;
  /* no border a.ui-spinner-button
  margin-left: 3px;
  */
  margin-left: 3px;
  background-position: 0;
  left: 0;
  position: absolute;
  top: 35%;
  left: 20%;
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

.filterPanel__filterSpinner a.ui-spinner-button .ui-button-text .ui-icon.ui-c.ui-icon-triangle-1-n {
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
  /* no border a.ui-spinner-button
  margin-bottom: 0;
  margin-top: 0;
  */
  margin-bottom: 0;
  margin-top: -2px; }

.filterPanel__filterSpinner a.ui-spinner-button .ui-button-text .ui-icon.ui-c.ui-icon-triangle-1-s {
  border-width: 5px 5px 0px 5px;
  border-color: #808080 transparent transparent transparent;
  /* no border a.ui-spinner-button
  margin-bottom: 0;
  margin-top: -4px;
  */
  margin-bottom: 0;
  margin-top: -2px; }

.filterPanel__filterSpinner a.ui-spinner-button:hover .ui-button-text .ui-icon.ui-c.ui-icon-triangle-1-n {
  border-color: transparent transparent #000000 transparent; }

.filterPanel__filterSpinner a.ui-spinner-button:hover .ui-button-text .ui-icon.ui-c.ui-icon-triangle-1-s {
  border-color: #000000 transparent transparent transparent; }

.filterPanel__checkboxMenu {
  width: inherit;
  border-spacing: 0;
  text-align: center;
  border-collapse: separate;
  border: none;
  empty-cells: show; }

.filterPanel__checkboxMenu__td {
  border: none; }

.filterPanel__checkboxMenu__td__checkboxLabel {
  font-family: KoopPro, Calibri, Arial;
  font-size: 0.803575rem;
  display: inline-block;
  margin: 2px 0 0 7px;
  float: left; }

.filterPanel__sides {
  /**/
  width: 100%; }

.filterPanel__side {
  vertical-align: top; }

.filterPanel__kmen:first-child {
  width: 50px; }

.filterPanel .filterPanel__kmen-ZA, .filterPanel .filterPanel__kmen-N, .filterPanel .filterPanel__kmen-R, .filterPanel .filterPanel__kmen-HO, .filterPanel .filterPanel__kmen-C {
  font-family: 'KNZicons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 40px;
  width: 40px;
  height: 40px;
  margin: 0 auto; }

.filterPanel__kmen-ZA:before {
  content: "ţĄť";
  color: #006929; }

.filterPanel__kmen-N:before {
  content: "ţąä";
  color: #4A8FD1; }

.filterPanel__kmen-R:before {
  content: "ţąâ";
  color: #C53735; }

.filterPanel__kmen-HO:before {
  content: "ţąé";
  color: #E47837; }

.filterPanel__kmen-C:before {
  content: "ţąů";
  color: #EEC11A; }

table.filterPanel__sides th.filterPanel__checkboxMenu__td {
  border-width: 0px; }

div.filterPanel--kod-pp table.filterPanel__sides th.filterPanel__checkboxMenu__td.filterPanel__checkboxMenu__td--first, div.filterPanel--kod-pp table.filterPanel__sides td.filterPanel__checkboxMenu__td.filterPanel__checkboxMenu__td--first {
  width: 50px; }

div.filterPanel--kod-pp table.filterPanel__sides th.filterPanel__checkboxMenu__td.filterPanel__checkboxMenu__td--second, div.filterPanel--kod-pp table.filterPanel__sides td.filterPanel__checkboxMenu__td.filterPanel__checkboxMenu__td--second {
  width: 50px; }

table.filterPanel__checkboxMenu th.filterPanel__checkboxMenu__td {
  border-width: 0px; }

div.filterPanel--stavy table.filterPanel__checkboxMenu th.filterPanel__checkboxMenu__td.filterPanel__checkboxMenu__td--first, div.filterPanel--stavy table.filterPanel__checkboxMenu td.filterPanel__checkboxMenu__td.filterPanel__checkboxMenu__td--first {
  width: 10px; }

div.filterPanel--stavy table.filterPanel__checkboxMenu th.filterPanel__checkboxMenu__td.filterPanel__checkboxMenu__td--second, div.filterPanel--stavy table.filterPanel__checkboxMenu td.filterPanel__checkboxMenu__td.filterPanel__checkboxMenu__td--second {
  width: 30px; }

.filterPanel .filterPanel__loupe {
  background: linear-gradient(0deg, #015b24 12%, #007236 99%);
  -moz-box-shadow: inset 0px 1px 0px 0px #62a883;
  -webkit-box-shadow: inset 0px 1px 0px 0px #62a883;
  box-shadow: inset 0px 1px 0px 0px #62a883;
  border: 1px solid #004f1f;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  color: #fff;
  padding: 2px 15px 2px 15px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  font-size: 20px;
  text-decoration: none;
  text-align: center; }

.filterPanel .filterPanel__loupe .ui-button-text {
  display: none; }

.filterPanel .filterPanel__loupe:hover {
  background: linear-gradient(to top, #077732 14%, #08934a 99%); }

.filterPanel table.filterPanel__checkboxMenu > tbody > tr > td.filterPanel__checkboxMenu__td {
  border-left: none;
  border-right: none;
  border-top: none;
  border-bottom: 1px solid transparent;
  padding: 4px;
  border-collapse: separate; }

/*
  .filtersInline {
    border-bottom: 1px solid white;
    //height: 40px;
    font-size: 0.8125rem;
    font-weight: normal;
    text-align: left;
    padding: 0 15px;
    font-family: $koop-page-font;
    color: #6f6f6f;

    @at-root &--blue {
      background: #D1E2EE;
    }

    @at-root &--grey {
      background: #E0E1E3;
    }

    @at-root &--yellow {
      background: rgb(249, 232, 201);
    }

    @at-root &__filters {
      padding-top: calc((41px - 20px)/2 );
      padding-bottom: calc((41px - 20px)/2 );
    }
  }

  .filterlist > div.ui-overlaypanel-content {
    padding: 0px 0px 0px 0px;
  }
  .filterlist.ui-shadow {
    @include box-shadow1(0 2px 6px 1px rgba(30, 27, 28, 0.25));
  }

  .filterlist {
    @include box-shadow1(0 2px 6px 1px rgba(30, 27, 28, 0.25));
    background: #fff;
    border: 1px solid #c2c2c2;
    border-radius: 4px;
    position: absolute;
    top: -7px;
    left: 35px;
    width: 250px;
    z-index: 1;

    @at-root &: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;
    }

    @at-root &: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;
    }

    .filterlist__polozka {
      cursor: pointer;
      color: #272727;
      font-size: 13px;
      text-transform: uppercase;
      text-decoration: none;
      padding: 9px 20px;
      display: block;

      @at-root &:hover {
        background-color: #e5e5e5;
        color: #272727;
        text-decoration: none;
      }

      @at-root &__img {
        margin-right: 12px; 
        float: left;
      }
    }
  }
  .ui-panel.filterlist {
    padding: 0;
  }
  .ui-panel.filterlist > .ui-panel-content {
    padding: 0; 
  }

  .filtertabs {
    padding-bottom: 6px;
    float: left;

    @at-root &__filtertext { 
      text-transform: uppercase;
      color: #272727;
      font-size: 15px;
      float: left;
      margin: 3px 10px 7px 0;
    }

    @at-root &__add {
      margin: 2px 0 0 5px;
      width: 22px;
      height: 22px;
      border: none;
      cursor: pointer;
      color: #7d7d7d;
      text-decoration: none;
      display: block;
      font-size: 22px;

      &__icon {
        display: block;
        &:before {
          color: #7d7d7d;
        }
        &:hover {
          &:before {
            color: #383838;
          }
        }
      }

      @at-root &:hover {
        color: #383838;
        text-decoration: none;
        &__icon {
          &:before {
            color: #383838;
          }
        }
      }

      @at-root &:focus {
        outline: 0;
      }

      @at-root &__text {
        padding-left: 25px;
      }
    }

    @at-root &__tab {
      background-color: #e5e5e5;
      text-transform: uppercase;
      color: #272727;
      font-size: 13px;
      padding-left: 0px;
      padding-right: 0px;
      height: 26px;
      line-height: 26px;
      border-radius: 3px 0 0 3px;
      margin: 0 19px 7px 0;
      float: left;
      transition: 0.5s ease-in-out;
      position: relative;

      &.filtertabs__tab--dis {
        cursor: default;
        @at-root &:hover {
          cursor: default;
        }
      }

      @at-root &:hover {
        background-color: #d5d7d8;
        transition: 0.5s ease-in-out;
        &:after {
          border-color: transparent transparent #d5d7d8 transparent;
        }
        &:before {
          border-color: transparent transparent transparent #d5d7d8;
        }
      }

      &.filtertabs__tab--light {
        background-color: #f3f3f3;
        &:after {
          border-color: transparent transparent #f3f3f3 transparent;
        }
        &:before {
          border-color: transparent transparent transparent #f3f3f3;
        }
        @at-root &:hover {
          background-color: #d5d7d8;
          &:after {
            border-color: transparent transparent #d5d7d8 transparent;
          }
          &:before {
            border-color: transparent transparent transparent #d5d7d8;
          }
        }
      }

      &.filtertabs__tab--kal-grey {
        background-color: #dfdfdf;
        &:after {
          border-color: transparent transparent #dfdfdf transparent;
        }
        &:before {
          border-color: transparent transparent transparent #dfdfdf;
        }
        @at-root &:hover {
          background-color: #d5d7d8;
          &:after {
            border-color: transparent transparent #d5d7d8 transparent;
          }
          &:before {
            border-color: transparent transparent transparent #d5d7d8;
          }
        }
      }

      &.filtertabs__tab--kal-green {
        background-color: #cde6d8;
        &:after {
          border-color: transparent transparent #cde6d8 transparent;
        }
        &:before {
          border-color: transparent transparent transparent #cde6d8;
        }
        @at-root &:hover {
          background-color: #d6f7e4;
          &:after {
            border-color: transparent transparent #d6f7e4 transparent;
          }
          &:before {
            border-color: transparent transparent transparent #d6f7e4;
          }
        }
      }

      &.filtertabs__tab--kal-blue {
        background-color: #d7e6f0;
        &:after {
          border-color: transparent transparent #d7e6f0 transparent;
        }
        &:before {
          border-color: transparent transparent transparent #d7e6f0;
        }
        @at-root &:hover {
          background-color: #d9e9f3;
          &:after {
            border-color: transparent transparent #d9e9f3 transparent;
          }
          &:before {
            border-color: transparent transparent transparent #d9e9f3;
          }
        }
      }

      &.filtertabs__tab--kal-poji {
        @if $prostredi == "cpp" {
          background-color: #d7e6f0;
          &:after {
            border-color: transparent transparent #d7e6f0 transparent;
          }
          &:before {
            border-color: transparent transparent transparent #d7e6f0;
          }
          @at-root &:hover {
            background-color: #d9e9f3;
            &:after {
              border-color: transparent transparent #d9e9f3 transparent;
            }
            &:before {
              border-color: transparent transparent transparent #d9e9f3;
            }
          }
        } @else {
          background-color: #cde6d8;
          &:after {
            border-color: transparent transparent #cde6d8 transparent;
          }
          &:before {
            border-color: transparent transparent transparent #cde6d8;
          }
          @at-root &:hover {
            background-color: #d6f7e4;
            &:after {
              border-color: transparent transparent #d6f7e4 transparent;
            }
            &:before {
              border-color: transparent transparent transparent #d6f7e4;
            }
          }
        }
      }

      &.filtertabs__tab--kal-orange {
        background-color: #FBE8C3;
        &:after {
          border-color: transparent transparent #FBE8C3 transparent;
        }
        &:before {
          border-color: transparent transparent transparent #FBE8C3;
        }
        @at-root &:hover {
          background-color: #fff3d5;
          &:after {
            border-color: transparent transparent #fff3d5 transparent;
          }
          &:before {
            border-color: transparent transparent transparent #fff3d5;
          }
        }
      }

      &.filtertabs__tab--trans {
        background-color: transparent;
        &:after {
          border-color: transparent transparent transparent transparent;
        }
        &:before {
          border-color: transparent transparent transparent transparent;
        }
        @at-root &:hover {
          background-color: transparent;
          &:after {
            border-color: transparent transparent transparent transparent;
          }
          &:before {
            border-color: transparent transparent transparent transparent;
          }
        }
      }

      @at-root &:after {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 14px 13px 0;
        border-color: transparent transparent #e5e5e5 transparent;
        content: "";
        position: absolute;
        right: -14px;
        top: 0;
        transition: 0.5s ease-in-out;
      }

      @at-root &:before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0px 0px 13px 14px;
        border-color: transparent transparent transparent #e5e5e5;
        content: "";
        position: absolute;
        right: -14px;
        bottom: 0;
        transition: 0.5s ease-in-out;
      }

      @at-root &__link {
        color: #272727;
        text-decoration: none;
        padding-left: 10px;
        padding-right: 5px;
        display: inline-block;

        &.filtertabs__tab__link--readonly {
          padding-right: 15px;
        }

        &.filtertabs__tab__link--ell {
          max-width: 260px;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          display: inline-block;
        }

        @at-root &:visited {
          color: #272727;
        }

        @at-root &:hover {
          color: #272727;
          text-decoration: none;
        }
      }

      @at-root &__delete {
        width: 25px;
        height: 100%;
        cursor: pointer;
        vertical-align: top;
        margin-left: 0px;
        display: inline-block;
        text-decoration: none;

        &:hover {
          .filtertabs__tab__delete__icon {
            &:before {
              color: #0D0D0D;
            }
          }
        }

        .filtertabs__tab__delete__icon {
          font-size: 12px;
          text-decoration: none;
          margin-left: 7px;
          vertical-align: -1px;
          width: 12px;
          height: 12px;
          display: inline-block;
          &:before {
            color: #7F7F7F;
          }
          &:hover {
            &:before {
              color: #0D0D0D;
            }
          }
        }

        @at-root &.filtertabs__tab__delete--dis {
          .filtertabs__tab__delete__icon {
            &:before {
              content: '';
            }
          }
          background-image: none;
          @at-root &:hover {
            background-image: none;
          }
        }

        @at-root &:hover {
          background-position: center;
          background-size: initial;
          background-repeat: no-repeat;
          background-attachment: scroll;
          background-color: #d5d7d8;
          transition: 0.5s ease-in-out;
        }

        @at-root &:hover:after {
          border-left-color: #d5d7d8;
          transition: 0.5s ease-in-out;
        }

        @at-root &--kal-grey {
          //no-hover bg: #f9f9f9
          @at-root &:hover {
            background-color: #d5d7d8;
          }
        }

        @at-root &--kal-green {
          //no-hover bg: #e8f6ee
          @at-root &:hover {
            background-color: #d6f7e4;
          }
        }

        @at-root &--kal-blue {
          //no-hover bg: #eff4f7
          @at-root &:hover {
            background-color: #d9e9f3;
          }
        }

        @at-root &--kal-poji {
          @if $prostredi == "cpp" {
            //no-hover bg: #eff4f7
            @at-root &:hover {
              background-color: #d9e9f3;
            }
          } @else {
            //no-hover bg: #e8f6ee
            @at-root &:hover {
              background-color: #d6f7e4;
            }
          }
        }

        @at-root &--kal-orange {
          //no-hover bg: #FBE8C3
          @at-root &:hover {
            background-color: #fff3d5;
          }
        }

        @at-root &--light {
          @at-root &:after {
            border-color: transparent #E0E1E3 transparent transparent;
          }
          @at-root &:before {
            border-color: transparent transparent #E0E1E3 transparent;
          }
        }

        @at-root &--trans {
          @at-root &:hover {
            background-color: transparent;
          }
        }
      }
    }

  }

  .ui-shadow.filterPanel {
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.33);
  }

  .filterPanel {
    border-radius: 6px;
    padding: 5px 5px 25px;
    background: white;

    @at-root &--kod-pp {
      /*width: 1036px !important;* /
    }


    @at-root &__nadpis {
      font-size: 1.07143rem;
      font-weight: 700;
      letter-spacing: 0.18px;
      text-align: center;
      text-transform: uppercase;
      @if $prostredi == "cpp" {
        color: #0f5e9b;
      } @else {
        color: #006633;
      }
      padding-bottom: 12px;
      font-family: $koop-page-font;
      display: block;
    }

    &__filterInputString.ui-inputfield.ui-corner-all {
      padding: 5px;
      font-family: $koop-page-font;
      border: 1px solid #cccccc;
      border-radius: 2px;
      font-size: 0.9375rem;
      background-color: #ffffff;
      color: #464646;
    }

    @at-root &__filterSpinner {
      font-family: $koop-page-font;

      & input.ui-spinner-input.ui-inputfield {
        padding: 4px 20px 4px 4px;
        font-family: KoopPro, Calibri, Arial;
        width: 60px;
        border: 1px solid #c3c3c3;
        border-radius: 3px;
      }

      & a.ui-spinner-button {
        cursor: pointer;
        display: block;
        font-size: .5em;
        /* no border a.ui-spinner-button
        height: 50%;
        * /
        border: 1px solid #c3c3c3;
        height: calc(50% - 1px);
        margin: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        right: 0;
        text-align: center;
        vertical-align: middle;
        width: 16px;
        z-index: 100;
        zoom: 1;

        &.ui-spinner-up {
          top: 0;
          border-top-right-radius: 3px;
        } 

        &.ui-spinner-down {
          bottom: 0;
          border-bottom-right-radius: 3px;
        }


        & .ui-button-text {
          padding: 0;
          display: block;
          width: 100%;
          height: 100%;

          & .ui-icon.ui-c {
            width: 0;
            height: 0;
            border-style: solid;
            /* no border a.ui-spinner-button
            margin-left: 3px;
            * /
            margin-left: 3px;
            background-position: 0;
            left: 0;
            position: absolute;
            top: 50%;
            display: block;
            text-indent: -99999px;
            overflow: hidden;
            background-repeat: no-repeat;

            &.ui-icon-triangle-1-n {
              border-width: 0 5px 5px 5px;
              border-color: transparent transparent #808080 transparent;
              /* no border a.ui-spinner-button
              margin-bottom: 0;
              margin-top: 0;
              * /
              margin-bottom: 0;
              margin-top: -2px;
            }

            &.ui-icon-triangle-1-s {
              border-width: 5px 5px 0px 5px;
              border-color: #808080 transparent transparent transparent;
              /* no border a.ui-spinner-button
              margin-bottom: 0;
              margin-top: -4px;
              * /
              margin-bottom: 0;
              margin-top: -2px;

            }
          }
        }

        &:hover {
          & .ui-button-text {
            & .ui-icon.ui-c {
              &.ui-icon-triangle-1-n {
                border-color: transparent transparent #000000 transparent;
              }

              &.ui-icon-triangle-1-s {
                border-color: #000000 transparent transparent transparent;
              }
            }
          }
        }
      }
    }

    @at-root &__checkboxMenu {
      width: inherit;
      border-spacing: 0;
      text-align: center;
      border-collapse: separate;
      border: none;
      empty-cells: show;

      @at-root &__td {
        border: none;

        @at-root &__checkboxLabel {
          font-family: $koop-page-font;
          font-size: 0.803575rem;
          display: inline-block;
          margin: 2px 0 0 7px;
          float: left;
        }
      } 
    }

    @at-root &__sides {
      width: 100%;
    }

    @at-root &__side {
      vertical-align: top;
    }

    @at-root &__kmen:first-child {
      width: 50px;
    }

    .filterPanel__kmen-ZA, .filterPanel__kmen-N, .filterPanel__kmen-R, .filterPanel__kmen-HO, .filterPanel__kmen-C {
      @include KNZicons();
      font-size: 40px;
      width: 40px;
      height: 40px;
      margin: 0 auto;
    }

    &__kmen-ZA {
      &:before {
        @if $prostredi == "cpp" {
          color: #005596;
          content: $KNZFont_icon-zivot_cpp;
        } @else {
          content: $KNZFont_icon-potreba-srdce;
          color: #006929;
        }
      }
    }

    &__kmen-N {
      &:before {
        @if $prostredi == "cpp" {
          content: $KNZFont_icon-obcane_cpp;
          color: #005596;
        } @else {
          content: $KNZFont_icon-obcane;
          color: #4A8FD1;
        }
      }
    }

    &__kmen-R {
      &:before {
        @if $prostredi == "cpp" {
          content: $KNZFont_icon-podnikatele_cpp;
          color: #005596;
        } @else {
          content: $KNZFont_icon-podnikatele;
          color: #C53735;
        }
      }
    }

    &__kmen-HO {
      &:before {
        @if $prostredi == "cpp" {
          content: $KNZFont_icon-vozidla_cpp;
          color: #005596;
        } @else {
          content: $KNZFont_icon-vozidla;
          color: #E47837;
        }
      }
    }

    &__kmen-C {
      &:before {
        @if $prostredi == "cpp" {
          content: $KNZFont_icon-cestovni_cpp;
          color: #005596;
        } @else {
          content: $KNZFont_icon-cestovni;
          color: #EEC11A;
        }
      }
    }  
  }
  table.filterPanel__sides th.filterPanel__checkboxMenu__td {
    border-width: 0px;
  }

  div.filterPanel--kod-pp table.filterPanel__sides th.filterPanel__checkboxMenu__td.filterPanel__checkboxMenu__td--first, div.filterPanel--kod-pp table.filterPanel__sides td.filterPanel__checkboxMenu__td.filterPanel__checkboxMenu__td--first {
    width: 50px;
  }

  div.filterPanel--kod-pp table.filterPanel__sides th.filterPanel__checkboxMenu__td.filterPanel__checkboxMenu__td--second, div.filterPanel--kod-pp table.filterPanel__sides td.filterPanel__checkboxMenu__td.filterPanel__checkboxMenu__td--second {
    width: 50px;
  }

  table.filterPanel__checkboxMenu th.filterPanel__checkboxMenu__td {
    border-width: 0px;
  }

  div.filterPanel--stavy table.filterPanel__checkboxMenu th.filterPanel__checkboxMenu__td.filterPanel__checkboxMenu__td--first, div.filterPanel--stavy table.filterPanel__checkboxMenu td.filterPanel__checkboxMenu__td.filterPanel__checkboxMenu__td--first {
    width: 10px;
  }

  div.filterPanel--stavy table.filterPanel__checkboxMenu th.filterPanel__checkboxMenu__td.filterPanel__checkboxMenu__td--second, div.filterPanel--stavy table.filterPanel__checkboxMenu td.filterPanel__checkboxMenu__td.filterPanel__checkboxMenu__td--second {
    width: 30px;
  }

  .filterPanel {
    .filterPanel__loupe {
      @if $prostredi == "cpp" {
        background: linear-gradient(0deg, #224f83 5%, #2d5c95 99%);
      } @else {
        background: linear-gradient(0deg, #015b24 12%, #007236 99%);
      }
      @include box-shadow1(inset 0px 1px 0px 0px rgba(98,168,131,1));
      border: 1px solid #004f1f;
      @include border-radius(3px);
      color: #fff;
      padding: 2px 15px 2px 15px;
      cursor: pointer;
      width: 20px;
      height: 20px;
      font-size: 20px;
      text-decoration: none;
      text-align: center;

      .ui-button-text {
        display: none;
      }

      @at-root &:hover {
        @if $prostredi == "cpp" {
          background: linear-gradient(0deg, #295790 5%, #386aa7 99%);
        } @else {
          background: linear-gradient(to top, #077732 14%, #08934a 99%);
        }
      }
    }
  }

  .filterPanel table.filterPanel__checkboxMenu > tbody > tr > td.filterPanel__checkboxMenu__td {
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 1px solid transparent;
    padding: 4px;
    border-collapse: separate;
  }

  .dataTable__td .dataTable__sortFilterBlock {
    table-layout: fixed;
  }
*/

/*# sourceMappingURL=hlavni.css.map */