@charset "UTF-8";
*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  line-height: 1.15;
  margin: 0;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: 1;
  margin: 0;
}

input:focus,
select:focus,
select:focus-visible,
textarea:focus {
  outline: 0;
}

.hidden {
  display: none;
}

.row {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  gap: 25px;
  height: 100%;
}

.column {
  display: flex;
  flex-direction: column;
}

.col {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: 100%;
}

.col1 {
  width: 70px;
}

.col1w {
  width: 100px;
}

.col2 {
  width: 150px;
}

.col2w {
  width: 184px;
}

.col3 {
  width: 230px;
}

.col4 {
  width: 310px;
}

.col5 {
  width: 390px;
}

.col6 {
  width: 470px;
}

.col7 {
  width: 550px;
}

.col8 {
  width: 630px;
}

.col100 {
  width: 100%;
  flex-wrap: wrap;
}

.col50 {
  width: 50%;
}

.col6-3 {
  width: 500px;
}

.has_group.gap0,
.gap0 {
  gap: 0;
}

td.col-date {
  width: 100px;
  white-space: nowrap;
  text-align: right;
}

th.col-date {
  width: 100px;
}

.col > .has_group,
.col.has_group {
  flex-direction: column;
}

.col > .has_group > .is_group,
.col.has_group > .is_group {
  flex-direction: row;
  margin: 0;
  align-items: baseline;
}

.col.wrap.has_group > .is_group {
  flex-wrap: wrap;
}

.formItem.padding0,
.padding0 {
  padding: 0;
}

.margin-top1,
.margin-top {
  margin-top: 1rem;
}

.margin-top2 {
  margin-top: 2rem;
}

.margin-bottom {
  margin-bottom: 0.5rem;
}

.width100 {
  flex: 1 1 100%;
}

.maxwidth {
  flex: 1;
}

.center {
  justify-content: center;
  text-align: center;
}

.item_detail,
.picker_item_detail {
  opacity: 0.6;
}

.picker_items {
  background: #fff;
  color: #000;
  border: 1px solid #ccc;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  list-style: none;
  margin: 0;
  max-height: 60vh;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  z-index: 4;
}

.picker_items a {
  display: block;
  padding: 2px 10px;
  text-decoration: none;
  color: inherit;
  white-space: nowrap;
  max-width: 300px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.formItem .picker_items {
  top: 40px;
}

.form-compact .formItem .picker_items {
  top: 28px;
  left: -2px;
}

.table .picker_items {
  left: -3px;
  top: 28px;
}

input,
select,
textarea {
  padding: 0 10px;
  background-color: transparent;
}

.form {
  display: flex;
}

.has-group,
.has_group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 40px;
}

@media screen and (min-width: 1000px) {
  .input,
  .textarea,
  .select {
    transition: background-color, border-color 0.15s ease-in-out;
  }
  .formItem-item:hover,
  .input:hover,
  .textarea:hover,
  .select:hover {
    border-color: #888;
  }
  .form-compact.has_group > .is_group {
    gap: 0 100px;
  }
  .column > .has_group,
  .col > .has_group {
    gap: 0;
  }
  .row > .has_group {
    gap: 20px;
  }
  /*.col > .has_group .is_group .formItem:not(:first-child) .formItem-label {
  	background: yellow;
  }*/
  .is-group,
  .is_group {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .has-group > .is-group,
  .has_group > .is_group {
    gap: 0 2%;
    margin-bottom: 30px;
  }
  .row.has_group {
    flex-direction: column;
  }
  .row.has_group > .is_group {
    flex-wrap: wrap;
    flex-direction: row;
    margin-bottom: 0;
  }
  .modal_body .has_group.row .form.is_group > .form.is_group,
  .form.is_group > .form.is_group {
    flex-direction: row;
  }
}
.group-label {
  width: 100%;
}

.input,
.select,
.textarea {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #222;
  display: inline-block;
  font-weight: normal;
  height: 36px;
  line-height: normal;
  position: relative;
  vertical-align: top;
  width: 150px; /* 160px didnt align properly with size_2 */
}

.button:active,
.button:focus,
.input:active,
.input:focus,
.input:focus-within,
.select:focus,
.select.active,
.textarea:active,
.textarea:focus {
  border-color: #c33;
  box-shadow: 0 0 0 4px #faeed3;
}

.input-number.unit {
  text-align: right;
}

.input-date {
  min-width: 115px;
}

.select {
  cursor: pointer;
  padding: 0 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("../img/components/select/caret.svg");
  background-position: right 10px center;
  background-repeat: no-repeat;
  padding-right: 20px;
}

option {
  padding-right: 20px;
  padding-left: 6px;
}

.select-multiple {
  height: auto;
  padding: 0;
}

.textarea {
  padding-top: 7px;
  width: 353px;
  min-height: 113px;
  resize: vertical;
}

.formItem-noLabel > .textarea {
  height: 150px;
}

[readonly],
[disabled],
.button:disabled,
.input:disabled,
.select:disabled {
  color: #000;
  background-color: #eee;
  border-color: #ccc;
  opacity: 0.8;
}

.button:disabled {
  cursor: not-allowed;
}

.select:disabled {
  cursor: not-allowed;
  background-image: none;
  padding-right: 10px;
}

.button.button-success > .button_image {
  filter: invert(1);
}

.button:disabled > .button_image {
  opacity: 0.5;
  filter: none;
}

.form-stacked {
  display: flex;
  flex-direction: row;
}

.formItem {
  display: flex;
  margin: 10px 0 5px 0;
  position: relative;
  flex-direction: row;
  align-items: center;
}

.formItem-label {
  margin: 10px 10px 5px 0;
  display: flex;
  flex: 0 0 80px;
}

.formItem-plain > .formItem-label {
  margin-right: 5px;
}

.formItem canvas {
  width: -moz-fit-content;
  width: fit-content;
}

.formItem-item {
  align-items: baseline;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #bbb;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  height: 36px;
  padding-right: 0.5rem;
  transition: background-color, border-color 0.15s ease-in-out;
}

.formItem-item:focus-within {
  border-color: #c33;
  box-shadow: 0 0 0 4px #faeed3;
}

.formItem-item > input {
  display: flex;
  flex: 1;
  height: 34px;
  min-width: 34px;
  padding-right: 0.3rem;
}

.formItem-item > input,
.formItem-item > input:focus {
  border: none;
  box-shadow: none;
}

.multielem {
  align-items: stretch;
  display: flex;
  flex-direction: row;
  padding: 0;
}

.multielem > input {
  flex: 1;
  border: none;
}

[required]:not(:valid) + .input-unit,
[required]:not(:valid) {
  background-color: #fdfadc;
}

.required {
  color: #c00;
}

.expected,
.plus {
  color: #090;
  position: relative;
  top: -4px;
}

.datetime-split {
  display: flex;
  flex-direction: row;
}

.form-compact {
  margin-bottom: 1rem;
}

.form-compact .formItem-item,
.form-compact .input,
.form-compact .select,
.form-compact .textarea {
  height: 30px;
  flex: 1;
}

.form-compact .multielem > input {
  height: 28px;
}

.form-compact .formItem {
  align-items: baseline;
  flex-direction: row;
  margin: 2px 0 1px 0;
  min-width: 275px;
}

.form-compact .formItem.size_2 {
  min-width: 572px;
}

.form-compact .formItem-label {
  flex: 0 0 110px;
  justify-content: flex-end;
}

.has_group > .group-emptyLabel {
  margin-left: 80px;
  gap: 0 5px;
}

.form-compact .buttons {
  margin: 10px 0;
}

.formItem-button > button {
  padding: 5px 15px;
}

.formItem-boolean,
.formItem-binary {
  display: flex;
  flex-direction: row-reverse;
  padding: 41px 0 0 12px;
  gap: 5px;
  justify-content: flex-end;
}

.formItem-boolean > .formItem-label,
.formItem-binary > .formItem-label {
  margin: 0 5px 0 0;
}

.formItem-binary.formItem-normal > .formItem-label,
.formItem-binary.formItem-expected > .formItem-label,
.formItem-binary.formItem-required > .formItem-label {
  cursor: pointer;
}

.formItem-boolean .formItem-label {
  flex: 0 0 240px;
}

.input-boolean:hover,
.input-binary:hover {
  box-shadow: 0 0 0 3px #eee;
}

.input-boolean[disabled],
.input-binary[disabled],
.input-boolean[disabled]:hover,
.input-binary[disabled]:hover {
  box-shadow: none;
}

.form-compact .formItem-boolean,
.form-compact .formItem-binary {
  padding: 8px 0;
}

.form-compact .input-boolean,
.form-compact .input-binary {
  height: auto;
  margin-right: auto;
  flex: none;
  margin-top: 2px;
}

.radiobtn {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

.checkcontainer:hover input ~ .radiobtn {
  background-color: #ccc;
}

.checkcontainer input:checked ~ .radiobtn {
  background-color: #2196F3;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

.checkcontainer:hover input ~ .checkmark {
  background-color: #ccc;
}

.checkcontainer input:checked ~ .checkmark {
  background-color: #2196F3;
}

.gap-left,
.button-right,
.align-right,
.toolbarItem-right {
  margin-left: auto;
}

.gap-right,
.button-left,
.align-left,
.toolbarItem-left {
  margin-right: auto;
}

h3,
.group-label,
.toolbarItem.heading {
  align-items: center;
  font-size: 1.3rem;
  font-weight: normal;
}

.toolbarItem.heading {
  padding-left: 5px;
  padding-top: 2px;
}

.buttons {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 10px;
}

.textarea-autoheight {
  padding-bottom: 7px;
  overflow: hidden;
  resize: none;
}

.is_group {
  flex-wrap: wrap;
}

body.modal .has_group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20%;
}

body.modal .is_group {
  display: flex;
  align-items: stretch;
  flex-direction: column;
}

body.modal .has_group.column .is_group {
  flex-direction: row;
}

.modal_body > .form-compact {
  margin-top: 10px;
}

.modal_body .has_group {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 0;
}

.modal_body .has_group.form-compact {
  gap: 0;
}

.modal_body .has_group.row {
  flex-direction: row;
  flex-wrap: nowrap;
}

.modal_body .formItem {
  width: auto;
}

.modal_body .has_group.form-compact .formItem-label {
  margin: 0 5px;
  align-self: center;
  white-space: nowrap;
}

.modal_body .is_group {
  display: flex;
  align-items: stretch;
  flex-direction: row;
  margin-bottom: 0;
}

.modal_body .has_group.row .is_group {
  flex-direction: column;
}

.modal_body .is_group > div:not(:first-child) > label {
  flex: 0;
}

.row {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0 20px;
}

.row h3 {
  width: 100%;
}

.row > .form-inner {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.row > .form-inner.has_group {
  flex-direction: column;
  gap: 0 20px;
}

.row > .form-inner.has_group > .is_group {
  flex-direction: row;
  margin-bottom: 0;
}

.col > .form-inner.has_group > .is_group {
  gap: 0;
}

.form-inner.has_group > .is_group > .formItem {
  min-width: auto;
  flex: 1;
}

.form-inner.has_group > .is_group > .formItem-button {
  flex: 0;
}

.formItem-inactive .formItem-item {
  background-color: #eee;
  color: #666;
}

[data-tip] {
  position: relative;
}

[data-tip]:before {
  border-bottom: 5px solid #1a1a1a;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  display: none;
  left: 35px;
  position: absolute;
  top: 30px;
  z-index: 8;
}

[data-tip]:after {
  background: #1a1a1a;
  border-radius: 3px;
  color: #fff;
  content: attr(data-tip);
  display: none;
  max-width: 300px;
  padding: 5px 8px;
  position: absolute;
  top: 35px;
  white-space: nowrap;
  word-wrap: normal;
  z-index: 9;
}

[data-tip]:focus-within:before,
[data-tip]:focus-within:after,
[data-tip]:hover:before,
[data-tip]:hover:after {
  display: block;
}

@media screen and (min-width: 1000px) {
  .picker_items a:hover {
    background-color: #faeed3;
  }
  .formItem-inactive:hover .formItem-item {
    color: #000;
  }
}
.input.error {
  border-color: #900;
  background: #fdd !important;
  color: #900;
}

.formItem-number.formItem-plain {
  white-space: nowrap;
}

.toolbar {
  display: flex;
  flex-direction: row;
  gap: 10px;
  width: 100%;
  margin-bottom: 5px;
}

.toolbar-fixed {
  background: #fff;
  position: sticky;
  top: 60px;
  z-index: 2;
}

.toolbarItem {
  align-items: flex-start;
  display: flex;
  position: relative;
}

.toolbarItem.h2 {
  color: #c33;
  font-size: 2rem;
  margin-left: 2rem;
}

.toolbar.buttons {
  justify-content: flex-start;
  margin-top: 10px;
}

.toolbarItem-overflowToggle {
  display: none;
}

.toolbarItem-overflow {
  position: relative;
}

.toolbarItem-overflowMenu {
  background: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
  display: none;
  list-style: none;
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 2;
}

.toolbarItem-overflowToggle:checked + .toolbarItem-overflowButton {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

.toolbarItem-overflowToggle:checked + .toolbarItem-overflowButton + .toolbarItem-overflowMenu {
  display: block;
  margin: 0;
  padding: 0;
}

@media print {
  form.toolbar {
    position: static;
  }
}
.list {
  background: yellow;
  color: red;
  border: 1px solid blue;
}

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

.calendar {
  border-collapse: collapse;
  border-spacing: 0;
}

.cal-act,
.cal-dis {
  height: 100px;
  width: 100px;
  border: 1px solid silver;
  vertical-align: top;
}

.cal-dis {
  opacity: 0.5;
  text-align: center;
}

.cal-evt {
  display: block;
}

.cal-act > button {
  width: 100%;
  text-align: center;
  background: none;
  border: none;
  font-weight: bold;
  font-size: 1.2rem;
}

.cal-month,
.cal-year {
  border: none;
  font-size: 1.2rem;
  cursor: pointer;
}

.cal-btn {
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  padding: 10px;
}

.cal-btn:hover {
  background-color: #eee;
}

.cal-act {
  width: 180px;
}

.cal-evt.blue {
  display: block;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #75e6fc;
  background: #d9f8fe;
  padding: 2px;
  width: 100%;
}

.cal-evt.yellow {
  display: block;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #cc0;
  background: #ffd;
  padding: 2px;
  width: 100%;
}

.cards {
  display: grid;
  grid-gap: 22px;
  grid-template-columns: repeat(4, 1fr);
}

.cards-item {
  position: relative;
  padding: 26px 22px 26px;
  border-radius: 4px;
  border: 1px solid #dedddb;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
}

.card-tools {
  position: absolute;
  top: 16px;
  right: 20px;
  display: flex;
}

.card-status {
  position: relative;
  display: inline-block;
  margin-bottom: 21px;
  padding-right: 24px;
  font-weight: 600;
}

.cards-label {
  font-size: 1.6rem;
  margin: 0 0 1rem 0;
}

/*
.button {
	position: relative;
	display: inline-block;
	padding: 0 20px;
	height: 34px;
	line-height: 32px;
	color: #86868b;
	font-weight: 600;
	text-align: center;
	background: transparent;
	border: 1px solid transparent;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
	box-shadow: none;
}

.button .icon {
	font-size: 20px;
	font-size: 2rem;
	color: #605b5d;
}

.icon::before {
	display: inline-block;
	font: normal normal normal 14px/1 'icons';
	font-size: inherit;
	text-rendering: auto;
}

.button--icon, .button-toggle {
	padding: 0;
	width: 34px;
}

.button-group .button {
	margin: 0 4px;
}

.button-menu-switch {
	display: none;
}

.button-menu-icon::after {
	left: auto;
	right: 12px;
}

.button-menu::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	background: 0;
	border-style: solid;
	content: '';
	display: inline-block;
	border-width: 0 5px 6px 5px;
	border-color: transparent;
	border-bottom-color: #fff;
	position: absolute;
	top: -6px;
	left: 12px;
}*/
.products {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.products-item {
  background: #fff;
  border: 1px solid #fff;
  box-shadow: 2px 2px 5px lightgrey;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 10px 10px 10px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  width: 250px;
}

.products-image {
  max-height: 250px;
  max-width: 250px;
}

.products-link {
  color: #204f81;
  text-decoration: none;
  transition: all 0.3s;
}

.products-text {
  margin: 0;
  padding: 0 1rem 0.5rem 1rem;
}

.products-label {
  margin: 1rem;
  padding: 0;
}

.products-price {
  background: yellow;
  padding: 0.6rem 1rem;
  font-size: 120%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.products-buy {
  margin-left: 1rem;
}

@media screen and (min-width: 1000px) {
  .products-link:hover {
    text-decoration: underline;
  }
}
.grid {
  border-collapse: collapse;
  border: 1px solid #d4d4d4;
  background-color: #fff;
}

.grid tr {
  border-color: inherit;
}

.grid-cell,
.grid-head {
  margin: 0;
  padding: 0 5px;
  border-width: 1px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 60px;
}

.grid-cell > input {
  padding: 3px 5px;
  width: 100%;
  background-color: transparent;
  text-align: inherit;
}

.grid-cell.number {
  text-align: right;
  padding-right: 5px;
}

.grid-cell.number[data-value^="-"] {
  color: red;
}

.grid-cell.red {
  background: #fcc;
}

.grid-cell-plain {
  padding: 3px 5px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.row_green {
  background-color: #92d050;
}

.row_blue {
  background-color: #b4c6e7;
  font-weight: bold;
}

.row_yellow {
  background-color: #ffc;
  font-weight: bold;
}

.grid-colname,
.grid-rownum {
  padding: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.grid-colname.is-selected,
.grid-rownum.is-selected {
  border: none;
}

.grid-cell.is_selected,
.grid-cell.is-selected {
  color: inherit;
  border-color: #c33;
  border-style: double;
  border-width: 1px;
}

.is-editing {
  outline: none;
  background-color: transparent;
}

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

.grid-menu-item {
  display: block;
}

.grid-menu {
  position: absolute;
  background: #fff;
}

@media (min-width: 1000px) {
  .grid-menu-item:hover {
    background: yellow;
  }
}
.pagination {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  gap: 2px;
}

.pagination li {
  display: flex;
}

.pagination-item,
.pagination-link {
  padding: 6px 12px;
  border: 1px solid #eee;
  text-decoration: none;
  border-radius: 6px;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.pagination-item {
  pointer-events: none;
}

.pagination-item:not(.is-selected) {
  opacity: 0.5;
}

@media (min-width: 1025px) {
  .pagination-link:hover {
    background-color: #eee;
  }
}
.table {
  border-collapse: collapse;
}

.table-100 {
  width: 100%;
}

tbody,
td,
tfoot,
th,
thead {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  padding: 5px 10px;
}

.table-compact td,
.table-compact th {
  padding: 3px 7px;
  text-overflow: ellipsis;
}

.table-bordered {
  border: 1px solid #c33;
}

.table-bordered td,
.table-bordered th {
  border-width: 1px;
  border-color: inherit;
}

.table-bordered th {
  background-color: #faeed3;
}

.table-underlined td,
.table-underlined th {
  border-bottom: 1px solid #faeed3;
}

.table-underlined thead th {
  border-bottom: 1px solid #c33;
}

.table-striped tbody tr:nth-child(odd) {
  background-color: rgba(0, 0, 0, 0.02);
}

.table-nowrap td {
  white-space: nowrap;
}

.sticky {
  background-color: #ddd;
  position: sticky;
  top: 0;
  z-index: 9999;
}

.table-title,
.table_item {
  border: 1px solid transparent;
}

.table-filter {
  border-color: inherit;
  border-style: solid;
  border-width: inherit;
}

.table-filter input,
.table-filter select {
  width: 100%;
}

.table-bordered .table-title,
.table-bordered .table_item {
  border-color: inherit;
}

.table-noitems {
  text-align: center;
}

.table-fixed {
  table-layout: fixed;
}

.table_item.is_deleting {
  pointer-events: none;
  opacity: 0.5;
  background: #ccc;
  text-decoration: line-through;
}

.table_item.is_deleting input {
  text-decoration: line-through;
}

.table_item.is_deleted {
  display: none;
}

.table-title-detail {
  display: block;
  font-weight: normal;
}

.table_elem-delete {
  padding: 0;
}

.table_item-editable :focus {
  outline: 2px solid #000;
  z-index: 2;
}

/*.table_item-editable :active {
	outline: none;
	box-shadow: none;
}*/
td.number,
td.date {
  text-align: right;
}

td.number {
  white-space: nowrap;
}

td > label {
  align-items: baseline;
  display: flex;
  padding-right: 5px;
}

.table_item-editable > td > label > .input {
  padding-right: 5px;
}

.table_item-fullsize {
  position: relative;
}

.table_item-fullsize > button {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.table_toolbar > td {
  padding: 0;
}

.table_toolbar_inner {
  display: flex;
  align-items: baseline;
}

td.button {
  padding: 0;
  border: none;
  box-shadow: none;
  border-radius: 0;
}

td.button .button {
  padding: 3px 0;
  box-shadow: none;
}

td.unit {
  text-align: right;
}

@media (min-width: 961px) {
  .table.has-action .table_item:hover {
    background-color: #faeed3 !important;
    cursor: pointer;
  }
  .table_item [required] {
    background-color: transparent;
  }
  .table_item-editable:focus-within [required]:not(:valid),
  .table_item-editable:hover [required]:not(:valid) {
    background-color: #fdfadc;
  }
  .table_item-editable [required]:not(:valid) + .input-unit,
  .table_item-editable [required]:not(:valid) {
    background-color: transparent;
  }
  .table_item-editable:focus-within [required]:not(:valid) + .input-unit,
  .table_item-editable:hover [required]:not(:valid) + .input-unit {
    background-color: #fdfadc;
  }
  .table_item .button.button-create,
  .table_item .button.button-delete {
    background: #fff;
    color: #000;
  }
  .table_item .button.button-delete:hover {
    background: #a00;
    color: #fff;
  }
  .table_item .button.button-create:hover {
    background: #060;
    color: #fff;
  }
}
@media screen and (max-width: 360px) {
  .table,
  .table > thead,
  .table > tbody,
  .table > tfoot {
    width: 100%;
    display: block;
    padding: 0;
  }
  .table thead tr,
  .table tbody tr,
  .table tfoot tr {
    width: 96%;
    display: block;
    padding: 2%;
  }
  .table thead th,
  .table tbody td,
  .table tbody td input,
  .table tfoot td {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    display: block;
  }
}
/*.table2 .button {
	padding: 0;
}*/
/*
.table-compact th,
.table-compact td {
	padding: 0;
	vertical-align: middle;
}

.table-compact th {
	text-align: center;
}

.table-compact th input,
.table-compact th select,
.table-compact td input,
.table-compact td select {
	border: none;
	height: auto;
	background-color: transparent;
	width: 100%;
	padding: 2px 4px;
}

.table-compact th select,
.table-compact td select {
	padding: 2px 0;
}

.table-compact th input,
.table-compact td input {
	padding-left: 7px;
	vertical-align: middle;
}

.table-compact input:focus,
.table-compact select:focus {
	box-shadow: none;
}

.table-condensed th button,
.table-condensed td button,
.table-condensed th input,
.table-condensed td input {
	padding: 0 6px;
	min-width: auto;
}

.table-condensed th select,
.table-condensed td select {
	padding: 0 2px;
}

.is-deleted {
	text-decoration: line-through;
}
.table-item.is-deleted td input,
.table-item.is-deleted td select {
	text-decoration: line-through;
	pointer-events: none;
	color: rgba(0,0,0,.3);
}

.hide-deleted .is-deleted {
	display: none;
}

/*
.table-item:hover td, .table-item:focus-within td {
	background: #fafafa;
}
*/
.table_item-editable td,
.table_item-editable th {
  padding: 0;
  min-width: 1rem;
  position: relative;
}

.table_item-inactive td,
.table_item-inactive th {
  padding: 0;
  min-width: 1rem;
}

.table_item-editable .inactive,
.table_item-editable .plain {
  padding: 5px 10px;
}

.table_item-inactive .button,
.table_item-inactive .textarea,
.table_item-inactive .input,
.table_item-inactive .input-checkbox,
.table_item-inactive .select,
.table_item-editable .button,
.table_item-editable .textarea,
.table_item-editable .input,
.table_item-editable .input-checkbox,
.table_item-editable .select {
  background-color: transparent;
  border-radius: 0;
  border: none;
  box-shadow: none;
  height: auto;
  outline: none;
  padding: 5px 10px;
  width: 100%;
}

.table-compact .table_item-inactive .button,
.table-compact .table_item-inactive .textarea,
.table-compact .table_item-inactive .input,
.table-compact .table_item-inactive .input-checkbox,
.table-compact .table_item-inactive .select,
.table-compact .table_item-editable .button,
.table-compact .table_item-editable .textarea,
.table-compact .table_item-editable .input,
.table-compact .table_item-editable .input-checkbox,
.table-compact .table_item-editable .select,
.table-compact .table_item .button.button-create,
.table-compact .table_item .button.button-delete {
  padding: 0 5px;
}

.table_item-editable .button {
  min-width: 1rem;
}

.table_item-editable .input-date {
  padding: 5px 10%;
}

.table_item-plain .input-date.inactive {
  padding: 5px 0 5px 10%;
  width: 100px;
}

.table_item-editable .select {
  padding-right: 20px;
}

.table_item-editable .select[disabled] {
  background-image: none;
  padding-right: 0;
}

.table_item-editable .multielem:focus-within,
.table_item-editable .textarea:focus,
.table_item-editable .input:focus,
.table_item-editable .select:focus {
  box-shadow: none;
  outline: none;
}

/*.table_item-editable .button {
	border-radius: 0;
	border: none;
	box-shadow: none;
	padding: 0;
}*/
.table_item .button.button-create,
.table_item .button.button-delete {
  background: #f66;
  border-radius: 0;
  border: none;
  box-shadow: none;
  color: #000;
  min-width: 20px;
  padding: 4px 10px;
}

.table_item-editable .plain.button-delete {
  padding: 0;
}

.table_item .button.button-delete[disabled] {
  color: transparent;
}

.table_item .button.button-create {
  background: #3a3;
  padding: 5px 10px;
}

.table_item-create {
  border-top: 2px solid #99c;
}

.table-title {
  border-bottom: 2px solid #99c;
}

.table-filter {
  border-bottom: 2px solid #99c;
  background: #eef;
}

.table_item {
  border-bottom: 1px solid #99c;
}

.table_item-loading {
  opacity: 0.8;
}

.table_item-editable .multielem {
  padding: 0;
}

.table_sort {
  text-decoration: none;
  color: inherit;
}

.table_sort.sorted::after {
  content: "↓";
  position: absolute;
}

.table-filter th {
  padding: 0 2px;
}

.table-filter input {
  padding: 0 7px;
}

.table-filter select {
  padding: 0 7px;
}

@media screen and (min-width: 1000px) {
  .table_sort:hover {
    color: #009;
  }
  .table_item .button:hover {
    box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
  }
}
.tree {
  list-style: none;
}

.tree-item {
  margin: 0;
  padding: 0;
}

.tree-item > .tree {
  display: none;
}

.tree-checkbox:checked ~ .tree {
  display: block;
}

.tree-label {
  padding: 1px 5px;
}

.tree-checkbox:checked ~ .tree-label {
  color: #c33;
}

.map {
  min-height: 300px;
}

.button {
  background-color: #fff;
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  background-repeat: no-repeat;
  border-radius: 4px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(29, 29, 31, 0.1);
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  line-height: normal;
  min-height: 16px;
  padding: 10px 18px 9px 18px;
  position: relative;
  vertical-align: top;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: baseline;
}

.button:active {
  box-shadow: inset 0 2px 0 rgba(0, 0, 0, 0.05);
  position: relative;
  top: 1px;
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.05);
}

.button-default {
  color: #1d1d1f;
  background: #fff;
  border-color: #dedddb;
  text-shadow: none;
}

.button-primary {
  color: #c33;
  background: linear-gradient(to bottom, #fff, #faeed3);
  border-color: #c33;
  text-shadow: none;
}

.button-success {
  color: #fff;
  background: #50976a;
  border-color: #50976a;
  text-shadow: none;
}

.button-danger {
  color: #dc3545;
  border-color: #dc3545;
  text-shadow: none;
}

.button-icon,
.button-image {
  font-size: 0;
  color: transparent;
  min-width: 40px;
  background-size: 16px;
  padding: 0;
  height: 36px;
  background-position: center center;
}

.button-plain {
  background-color: transparent;
  opacity: 0.8;
  transition: opacity 0.5s;
}

.button.is_active {
  box-shadow: inset 0 40px 0 rgba(0, 0, 0, 0.1);
  background-color: rgba(0, 0, 0, 0.1);
}

/*.button.icon-left,
.button.image-left {
	padding-left: 32px;
	background-position: 10px center;
	background-size: 16px;
}*/
.button.image-left > .button_image {
  left: -4px;
}

.button_image {
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 1rem;
  margin-right: 3px;
  position: relative;
  vertical-align: top;
  width: 1rem;
}

.button_image-withtext {
  left: -3px;
}

@media screen and (min-width: 1000px) {
  .button {
    transition: border-color 0.05s linear, background-color 0.05s linear, background-position 0.2s linear;
    min-width: 4rem;
  }
  .button:active,
  .button:hover {
    background-color: #fff;
    border-color: #999;
  }
  .button-plain:hover {
    opacity: 1;
  }
  /*	.button-icon:active,
  	.button-icon:hover,
  	.button-image:active,
  	.button-image:hover{
  		background-position: center center;
  		border-color: #999;
  	}

  	.button.icon-left:active,
  	.button.icon-left:hover,
  	.button.image-left:active,
  	.button.image-left:hover {
  		background-position: 10px center;
  		border-color: #999;
  	}*/
  .button-success:active,
  .button-success:hover {
    color: #fff;
    border-color: #48885f;
    background-color: #48885f;
    background-image: none;
  }
  .button-primary:active,
  .button-primary:hover {
    color: #fff;
    background: #c33;
  }
  .button-danger:hover {
    color: #fff;
    background: #dc3545;
    border-color: #dc3545;
  }
}
.button:disabled,
.button:disabled:hover {
  color: #666;
  border-color: #ccc;
  background-color: #f3f3f3;
  text-shadow: none;
}

/*
.button:hover {
	color: #333333;
	text-decoration: none;
	background-color: #e6e6e6;
	border-color: #333;
	background-position: 0 -40px;
	text-shadow: none;
	//box-shadow: 0 0 0 3px $colorPrimaryLight;
}*/
.button.loader {
  position: relative;
  overflow: hidden;
  color: transparent;
}

.button.loader:after {
  animation: spin 0.6s linear infinite;
  background: none;
  border: 1px solid #000;
  border-radius: 50%;
  border-top-color: transparent;
  content: "";
  height: 10px;
  left: 50%;
  opacity: 0;
  padding: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
}

.button.loader:after {
  opacity: 1;
}

/*.button.loader {
	color: transparent;
	pointer-events: none;
	opacity: .7;
	user-select: none;
}*/
@keyframes spin {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.formItem-buttonset > .buttonset {
  display: flex;
}

.buttonset > label {
  background-color: rgba(0, 0, 0, 0.05);
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(29, 29, 31, 0.1);
  color: #666;
  cursor: pointer;
  display: inline-block;
  font-weight: normal;
  line-height: normal;
  padding: 8px 18px;
  position: relative;
  vertical-align: top;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  vertical-align: baseline;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

.buttonset > input {
  display: none;
}

.buttonset > .ui-corner-left {
  border-left: 1px solid #ccc;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.buttonset > .ui-corner-right {
  border-right: 1px solid #ccc;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.buttonset > input:checked + label {
  background: #fff;
  color: #1d1d1f;
  box-shadow: none;
}

.input-boolean,
.input-binary {
  height: auto;
  align-self: flex-start;
  vertical-align: top;
  width: auto;
  box-shadow: none;
}

.input-boolean:not([disabled]),
.input-binary:not([disabled]) {
  cursor: pointer;
}

.input-boolean-link,
.input-binary-link {
  padding-left: 6px;
}

.form-compact .input-binary {
  align-self: baseline;
}

@media print {
  .input-date::-webkit-calendar-picker-indicator {
    display: none;
  }
}
.form-compact .select-list {
  overflow: hidden;
  background-image: none;
  padding-left: 0;
  padding-right: 0;
}

.form-compact .select-list > option {
  padding-left: 10px;
}

.form-compact .select-list8 {
  height: 155px;
}

.form-compact .select-list9 {
  height: 200px;
}

@media print {
  .select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    padding-right: 0.5em; /* Add padding to compensate for the removal of the arrow */
    background: none; /* Remove default arrow icon */
  }
}
.input.unit .input-number {
  text-align: right;
  padding-right: 5px;
}

.input.unit .input-unit {
  padding-right: 5px;
  /* padding-top: 5px; */
  white-space: nowrap;
  align-self: anchor-center;
}

.tags-input {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  flex-direction: row;
  gap: 1px;
}

.tags-item {
  display: flex;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 1px 3px 1px 5px;
}

.tags-item-create:empty:before {
  content: attr(data-placeholder);
  color: rgba(0, 0, 0, 0.5);
  cursor: text;
}

.tags-item-remove {
  margin-left: 5px;
  cursor: pointer;
}

.tags-item-remove:after {
  content: "×";
  padding: 0 2px;
}

.tags-item-create:focus {
  outline: none;
  border-color: #999;
}

@media (min-width: 1000px) {
  .tags-item-remove:hover:after {
    color: #900;
  }
}
.tagboxes {
  margin: 0;
  padding: 0;
  list-style: none;
}

.tagboxes-label {
  cursor: pointer;
}

.tagboxes-input {
  margin-right: 4px;
}

.tagboxes-input:hover {
  box-shadow: 0 0 0 3px #eee;
}

.tagboxes-input:active {
  border-color: #c33;
  box-shadow: 0 0 0 4px #fee;
}

.tagboxes-value {
  margin: 4px 4px 4px 16px;
  width: 90%;
}

.modal_curtain {
  align-items: center;
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 120;
  opacity: 0;
  transition: opacity 0.2s;
}

/*.modal_curtain.dark {
	transition: background-color .3s; // Closing, must match setTimeout value in JS
}

.modal_curtain.dark.is_visible {*/
.modal_curtain.is_visible {
  opacity: 1;
}

.modal_window,
.modal {
  background: #fff;
  min-width: 300px;
}

.modal_window {
  border-radius: 6px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transform: scale(0.5);
  transition: 0.1s linear all;
  display: flex;
  flex-direction: column;
}

.modal_curtain.is_visible .modal_window {
  opacity: 1;
  transform: scale(1);
}

.modal_window-tall {
  max-height: 95vh;
  height: 95vh;
}

.modal_head {
  cursor: default;
  display: flex;
  position: relative;
  border-bottom: 1px solid #ddd;
}

.modal_label {
  flex: 1;
  font-size: 1.3rem;
  font-weight: lighter;
  margin: 0;
  padding: 0;
  padding: 20px 0 10px 30px;
  white-space: nowrap;
}

.modal_help,
.modal_close {
  align-items: center;
  background: inherit;
  border: none;
  color: #999;
  cursor: pointer;
  display: flex;
  flex: 0 0 50px;
  font-size: 1.3rem;
  justify-content: center;
  text-decoration: none;
  transition: background-color 0.2s;
}

.modal_help::after {
  content: "?";
  padding: 5px 12px;
  border-radius: 3px;
}

.modal_close::after {
  content: "×";
  padding: 5px 12px;
  border-radius: 3px;
}

.modal_body {
  padding: 0 30px;
  max-height: 80vh;
  overflow: auto;
}

.modal_body.plain {
  padding-top: 15px;
}

.modal_window-tall .modal_body {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal_foot {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  padding-bottom: 30px;
}

.modal_foot.has-buttons {
  background: #f3f3f3;
  border-top: 2px solid #eee;
  display: flex;
  gap: 10px;
  justify-content: center;
  margin-top: 15px;
  padding: 15px 30px 20px 30px;
}

.modal_help:hover,
.modal_close:hover {
  color: #000;
}

.modal_help:hover::after,
.modal_close:hover::after {
  box-shadow: 0 0 0 1px #eee;
}

.is_moving {
  cursor: move;
}

.modal_body.error {
  padding-left: 100px;
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" ?><svg version="1.1" viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg"><path d="M24,0C10.745,0,0,10.745,0,24s10.745,24,24,24s24-10.745,24-24S37.255,0,24,0z M35.997,33.877l-2.122,2.12   L24,26.123l-9.874,9.874l-2.123-2.12l9.876-9.876l-9.876-9.876l2.12-2.122L24,21.88l9.878-9.877l2.119,2.122l-9.875,9.876   L35.997,33.877z" fill="#241F20"/></svg>');
}

.text_button {
  border: none;
  border-left: 1px solid #bbb;
  cursor: pointer;
  padding: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.formItem-text-withbuttons > .formItem-item > input {
  height: auto;
}

@media screen and (min-width: 1000px) {
  .text_button:hover {
    background-color: #fff;
  }
}
html, body {
  background-color: #eee;
  color: #000;
  margin: 0;
  min-height: 100%;
  padding: 0;
  width: 100%;
}

body {
  font-family: "calibri", sans-serif;
  font-size: 90%;
  -webkit-tap-highlight-color: #000;
}

.page {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.header {
  background-color: #fff;
  border-bottom: 1px solid #dedddb;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 110;
  flex: 0 0 auto;
}

.header-inner {
  align-items: center;
  background: inherit;
  display: flex;
  flex-wrap: nowrap;
  height: 60px;
  justify-content: space-between;
  padding-left: 20px;
  width: 100%;
}

.header-logo {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.header-logo-main {
  height: 35px;
}

.header-separator {
  border-right: 1px solid #dedddb;
  height: 42px;
  margin-right: 22px;
  padding-left: 22px;
  width: 1px;
}

.header-logo-text {
  color: #e7a61a;
  font-size: 2rem;
  padding-left: 1rem;
}

.header-logo-secondary {
  margin-right: auto;
  max-width: 160px;
}

.formSearch {
  border: 1px solid #bbb;
  box-shadow: inset 0 1px 2px 1px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  color: #1d1d1f;
  display: flex;
  overflow: hidden;
  flex-direction: row;
  justify-content: space-between;
  margin: 0 12px;
  position: relative;
  vertical-align: top;
}

.formSearch:focus-within {
  border-color: #080;
}

.formSearch-button {
  border: none;
  border-left: inherit;
  margin-left: 5px;
  padding: 0;
  width: 0;
  border-radius: 0;
  background-color: #eee;
  color: #666;
}

.formSearch-button:hover {
  border-color: inherit;
  background-color: #eee;
  color: #666;
}

.formSearch > input:valid + .formSearch-button:hover,
.formSearch:focus-within .formSearch-button {
  background: #080;
  background-image: linear-gradient(to bottom, #6c6, #060);
  color: #fff;
  text-shadow: none;
}

.formSearch-clear {
  border: none;
  background: none;
  visibility: hidden;
  cursor: pointer;
}

.formSearch-clear.visible {
  visibility: visible;
}

.formSearch-separator {
  background-color: #dedddb;
  display: block;
  width: 1px;
  height: 20px;
  flex-grow: 0;
  flex-shrink: 0;
  align-self: center;
}

.formSearch > [required]:not(:valid),
.formSearch > input,
.formSearch > select {
  border: none;
  padding: 8px 11px;
  width: 150px;
}

.formSearch > [required]:not(:valid),
.formSearch > input {
  padding-left: 16px;
  background: none;
}

.formSearch > select {
  cursor: pointer;
}

.body {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-top: 70px;
  padding-bottom: 60px;
  flex-wrap: wrap;
}

.body-max1200,
.body-min1200 {
  max-width: 1200px;
  width: 100%;
}

.body-max1000 {
  max-width: 1000px;
  width: 100%;
}

.body-inner.body-max100p {
  width: 100%;
}

.body-inner {
  padding-left: 10px;
  padding-right: 10px;
}

.no_scroll {
  overflow: hidden;
}

.is_hidden {
  display: none;
}

.is_loading {
  background-color: #ddd;
  color: #666;
  opacity: 0.5;
  pointer-events: none;
}

.page {
  color: #111;
  background: #fff;
}

.page-m {
  width: 990px;
  margin: 0 auto;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.fixed {
  position: fixed;
  background: #fff;
}

.container {
  padding-left: 30px;
  padding-right: 30px;
  margin: 0;
}

.body-padding {
  padding: 20px;
}

.is_selected,
tr.is_selected,
.is-selected,
tr.is-selected {
  color: #c33;
  border-left-color: #c33;
  border-left-style: double;
  border-left-width: 1px;
}

.user {
  background: inherit;
}

.user-menu,
.notification {
  max-height: 0;
  overflow: hidden;
  opacity: 1;
  pointer-events: none;
}

.user-menu {
  border-top: 1px solid #dedddb;
  margin-left: -12px;
  min-width: 230px;
  padding-top: 50px;
  position: absolute;
  top: -1px;
  z-index: 10;
  transition: box-shadow 0.2s, max-height 0.3s, opacity 0.3s;
}

.user-menu {
  padding-bottom: 8px;
}

.user-bobble {
  align-items: center;
  display: flex;
  padding: 10px;
  position: relative;
  text-decoration: none;
  width: 200px;
  z-index: 20;
}

.user-image {
  border-radius: 4px;
  height: 40px;
  width: 40px;
}

.user-name {
  color: #1d1d1f;
  display: inline;
  font-weight: 600;
  margin-left: 16px;
}

.user-name::after {
  border-left: 2px solid #888;
  border-top: 2px solid #888;
  content: " ";
  display: inline-block;
  height: 7px;
  left: 12px;
  position: relative;
  top: -2px;
  transform: rotate(-135deg);
  width: 7px;
  transition: all ease 0.3s;
}

.user.is_active .user-name::after {
  transform: rotate(45deg);
}

.notifications.is_active .notification {
  overflow: visible;
}

.notifications.is_active .notification,
.user.is_active .user-menu {
  max-height: 300px;
  opacity: 1;
  pointer-events: all;
}

.user.is_active .user-menu {
  box-shadow: 0 1px 5px 0 rgba(29, 29, 31, 0.06), 0 1px 2px 0 rgba(29, 29, 31, 0.14);
  transition: box-shadow 0.2s, max-height 0.3s, opacity 0.2s;
  background: inherit;
}

.user-item {
  background-position: left top;
  background-repeat: no-repeat;
  border-radius: 3px;
  color: inherit;
  display: block;
  margin: 0 8px;
  padding: 8px 14px;
  text-decoration: none;
  transition: background-color 0.1s ease-out;
}

.user-item:hover {
  background-color: #f6f5f3;
}

.user-list {
  border-bottom: 1px solid #dedddb;
  list-style: none;
  margin: 0;
  margin-bottom: 4px;
  padding: 4px 0;
}

.user-list > li {
  margin: 0;
  padding: 0;
}

.notifications {
  margin-right: 20px;
  display: flex;
}

.header-icon {
  display: block;
  fill: #ccc;
  position: relative;
}

.header-icon:active svg {
  transform: scale(0.9);
}

.notification-icon-badge {
  background: #c73c35;
  border-radius: 50%;
  border: 1px solid #fff;
  color: #fff;
  display: none;
  font-size: 11px;
  font-weight: 600;
  height: 18px;
  line-height: 1;
  padding-top: 2px;
  position: absolute;
  right: 6px;
  text-align: center;
  top: 6px;
  width: 18px;
  z-index: 10;
}

.notification-icon-badge.is_visible {
  display: block;
}

.notification {
  background-color: #fff;
  box-shadow: 0 10px 30px -10px rgba(29, 29, 31, 0.3);
  flex-shrink: 1;
  position: absolute;
  right: 20px;
  top: 60px;
  width: 100%;
  z-index: 10;
}

.notification::before {
  background: 0;
  border-color: transparent;
  border-bottom-color: #fff;
  border-style: solid;
  border-width: 0 5px 6px 5px;
  content: "";
  display: block;
  height: 0;
  position: absolute;
  right: 20px;
  top: -6px;
  width: 0;
  z-index: 11;
}

.notification-header {
  align-items: center;
  border-bottom: 1px solid #dedddb;
  display: flex;
  height: 47px;
  justify-content: center;
  padding: 0 5px;
  text-align: center;
}

.notification-header h4 {
  font-weight: 600;
  margin: 0;
  padding: 0;
}

.notification-header .notification-clear {
  color: #86868b;
  position: absolute;
  right: 12px;
}

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

.notification-link, .notification-message {
  padding: 9px 12px;
  border-bottom: 1px solid #dedddb;
  display: block;
}

.notification a {
  text-decoration: none;
  color: inherit;
}

.notification-text {
  font-weight: 600;
  margin-top: 6px;
}

.notification-footer {
  font-weight: 600;
  height: 47px;
  line-height: 47px;
  padding: 0 5px;
  text-align: center;
}

.badge {
  background-color: #f6f5f3;
  border-radius: 13px;
  color: #605b5d;
  display: inline-block;
  font-weight: 500;
  min-width: 25px;
  padding: 2px 8px;
  text-align: center;
}

.badge-green {
  background-color: #50976a;
  color: #fff;
}

.footer {
  background: #faf9f8;
  bottom: 0;
  color: #86868b;
  font-size: 1rem;
  height: 56px;
  left: 0;
  overflow: hidden;
  padding: 20px 0 12px 70px;
  position: fixed;
  width: 100%;
  flex: 0 0 auto;
}

.footer::before {
  box-shadow: 0 1px 3px #dedddb;
  content: "";
  display: block;
  height: 6px;
  left: 0;
  position: absolute;
  right: 0;
  top: -6px;
}

.is-loading,
.is_loading {
  background: #fff;
}

.error {
  color: #900;
}

body.error {
  outline: 2px solid #900;
}

.error-message {
  background: #fff;
  padding: 20px;
  position: relative;
  z-index: 99;
}

.full-width,
.full-width .formItem {
  max-width: 98%;
  width: 98%;
}

.editor {
  max-width: 100%;
  width: 100%;
}

.size-s {
  width: 6rem;
}

.size-l {
  width: 20rem;
}

.flex-2c-r320 > div:nth-child(1) {
  flex: 1 0 auto;
}

.flex-2c-r320 > div:nth-child(2) {
  flex: 0 0 320px;
}

.loader .formItem-item,
.loader input,
.loader select,
.loader textarea {
  background-color: #ddd !important;
  border-color: #aaa;
  color: #666;
  opacity: 1;
}

.loader {
  opacity: 0.5;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.messages {
  align-items: flex-end;
  bottom: 65px;
  display: none;
  height: 100px;
  position: fixed;
  right: 10px;
  width: 250px;
  z-index: 10;
}

.messages.is_visible {
  display: flex;
  flex-direction: column-reverse;
  gap: 5px;
}

.message {
  border-radius: 6px;
  border: 1px solid transparent;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  opacity: 0;
  padding: 6px 12px;
  transition: opacity 2s;
  width: 100%;
}

.message.is_visible {
  transition: opacity 0.2s;
  opacity: 1;
}

.message-info,
.isa_info {
  background-color: #BDE5F8;
  border-color: #00529B;
  color: #00529B;
}

.message-success,
.isa_success {
  background-color: #d9ebdf;
  border-color: #50976a;
  color: #335f43;
}

.message-warn,
.isa_warning {
  background-color: #FEEFB3;
  border-color: #9F6000;
  color: #9F6000;
}

.message-error,
.isa_error {
  background-color: #f9e8e7;
  border-color: #900;
  color: #900;
}

.loginPage {
  height: 100vh;
  display: flex;
  justify-content: center;
  background-size: cover;
  transition: opacity 1s;
}

.loginPage > div {
  display: flex;
  align-items: center;
}

.loginPage .message_part {
  background: rgba(255, 200, 200, 0.5);
  border-radius: 6px;
  border: 1px solid #900;
  color: #900;
  margin: 0 auto 1rem auto;
  max-width: 800px;
  padding: 6px 18px;
  text-align: center;
  white-space: pre-line;
}

.align-center {
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
}

.loginForm-email {
  display: none;
}

/*
.logo-top-csv {
	padding: 30px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	background: rgba(255, 255, 255, .8) url(../img/logo2.png) center 40px no-repeat;
	padding-top: 200px;
	border-radius: 5px;
	margin-bottom: 50px;
}

.logo-top-dwr {
	padding: 30px;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	background: rgba(255, 255, 255, .8) url(../img/logo-dwr.png) center 20px no-repeat;
	background-size: 180px;
	padding-top: 200px;
	border-radius: 5px;
	margin-bottom: 50px;
}*/
.csv_page {
  overflow: auto;
  height: 92vh;
}

.csv_table tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.03);
}

.csv_table td {
  white-space: nowrap;
  padding: 2px 5px;
}

.btn_back,
.button-back {
  background-color: transparent;
  padding-left: 24px;
}

.btn_back:before,
.button-back:before {
  border-left: 1px solid #888;
  border-top: 1px solid #888;
  content: " ";
  display: inline-block;
  height: 7px;
  left: -8px;
  position: relative;
  top: -1px;
  transform: rotate(-45deg);
  width: 7px;
}

.btn_fwd,
.button-fwd {
  padding-right: 24px;
}

.btn_fwd:after,
.button-fwd:after {
  border-left: 1px solid #888;
  border-top: 1px solid #888;
  content: " ";
  display: inline-block;
  height: 7px;
  right: -8px;
  position: relative;
  top: -1px;
  transform: rotate(135deg);
  width: 7px;
}

.button-primary.btn_fwd:after,
.button-primary.button-fwd:after {
  border-left: 1px solid #c33;
  border-top: 1px solid #c33;
}

.button-primary.btn_fwd:hover:after,
.button-primary.button-fwd:hover:after {
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
}

.toolbar.align-right {
  justify-content: flex-end;
}

.toolbar.align-split {
  justify-content: space-between;
}

.fadeout {
  opacity: 0;
}

.csv_table thead th {
  position: sticky;
  top: 40px;
  background-color: #ddd;
  outline: 1px solid #ccc;
  padding-bottom: 5px;
}

.button.icon {
  padding: 0;
  min-width: 30px;
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: transparent;
}

.button-icon {
  font-size: 0;
  background-repeat: no-repeat;
  background-position: center center;
}

.icon {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="9" fill="none" stroke-width="2" stroke="gray" /></svg>');
}

.icon-plus {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2Z"/></svg>');
}

.icon-subjects {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="2 0 21 21"><ellipse cx="12" cy="8" rx="5" ry="6"/><path d="M21.8,19.1c-0.9-1.8-2.6-3.3-4.8-4.2c-0.6-0.2-1.3-0.2-1.8,0.1c-1,0.6-2,0.9-3.2,0.9s-2.2-0.3-3.2-0.9    C8.3,14.8,7.6,14.7,7,15c-2.2,0.9-3.9,2.4-4.8,4.2C1.5,20.5,2.6,22,4.1,22h15.8C21.4,22,22.5,20.5,21.8,19.1z"/></svg>');
}

.icon-vehicles {
  background-image: url('data:image/svg+xml;utf8,<svg version="1.1" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"><path d="M29.5,6.3c-0.3-1-1.3-1.7-2.3-1.7H8.8c-1.2,0-2,0.7-2.3,1.7L3,16.3v13.3   c0,0.9,0.7,1.7,1.7,1.7h1.7c0.9,0,1.7-0.7,1.7-1.7v-1C8,28.3,8.3,28,8.6,28h18.7c0.4,0,0.6,0.3,0.6,0.6v1c0,0.9,0.7,1.7,1.7,1.7   h1.7c0.9,0,1.7-0.7,1.7-1.7V16.3L29.5,6.3z M8.8,23c-1.3,0-2.5-1.2-2.5-2.5S7.5,18,8.8,18s2.5,1.2,2.5,2.5S10.2,23,8.8,23z    M27.2,23c-1.3,0-2.5-1.2-2.5-2.5s1.2-2.5,2.5-2.5s2.5,1.2,2.5,2.5S28.5,23,27.2,23z M6.8,13.3l1.8-5.4c0.1-0.4,0.5-0.7,1-0.7h16.8   c0.4,0,0.8,0.3,1,0.7l1.8,5.4c0.2,0.7-0.3,1.4-1,1.4H7.8C7.1,14.7,6.6,14,6.8,13.3z"/></svg>');
}

.icon-delete {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/><path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"/></svg>');
}

.icon-unmute {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M16,31a5,5,0,0,1-5-5,1,1,0,0,1,2,0,3,3,0,0,0,.88,2.12,3.06,3.06,0,0,0,4.24,0,1,1,0,0,1,1.42,1.42A5,5,0,0,1,16,31Z"/><path class="cls-1" d="M16,6a1,1,0,0,1-1-1V2a1,1,0,0,1,2,0V5A1,1,0,0,1,16,6Z"/><rect class="cls-1" height="36.77" transform="translate(-6.61 16.79) rotate(-47)" width="2" x="15" y="-2.38"/><path d="M26.73,27H5a1,1,0,0,1-.89-1.45,18.08,18.08,0,0,0,1.89-8V14a8,8,0,0,1,.06-1,1,1,0,1,1,2,.28A6,6,0,0,0,8,14v3.53A20.07,20.07,0,0,1,6.55,25H26.73a1,1,0,1,1,0,2Z"/><path class="cls-1" d="M25.06,20a1,1,0,0,1-1-.92Q24,18.31,24,17.53V14A8,8,0,0,0,11.93,7.12,7.66,7.66,0,0,0,9.35,9.57a1,1,0,1,1-1.68-1.1A9.74,9.74,0,0,1,10.92,5.4,9.95,9.95,0,0,1,23.07,6.94,9.86,9.86,0,0,1,26,14v3.53c0,.46,0,.91.06,1.37A1,1,0,0,1,25.14,20Z"/></svg>');
}

.icon-mute {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M27,27H5a1,1,0,0,1-.89-1.45,18.14,18.14,0,0,0,1.89-8V14a10,10,0,0,1,20,0v3.53a18.14,18.14,0,0,0,1.89,8A1,1,0,0,1,27,27ZM6.55,25h18.9A20.14,20.14,0,0,1,24,17.53V14A8,8,0,0,0,8,14v3.53A20.14,20.14,0,0,1,6.55,25Z"/><path class="cls-1" d="M16,31a5,5,0,0,1-5-5,1,1,0,0,1,2,0,3,3,0,0,0,.88,2.12,3.08,3.08,0,0,0,4.24,0,1,1,0,0,1,1.42,1.42A5,5,0,0,1,16,31Z"/><path d="M16,6a1,1,0,0,1-1-1V2a1,1,0,0,1,2,0V5A1,1,0,0,1,16,6Z"/></svg>');
}

.icon-x {
  background-image: url('data:image/svg+xml;utf8,<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" viewBox="0 0 24 24" height="24" width="24" xmlns="http://www.w3.org/2000/svg"><line x1="18" x2="6" y1="6" y2="18"/><line x1="6" x2="18" y1="6" y2="18"/></svg>');
}

.alert {
  color: #900;
}

.alert td:first-child:before {
  background: yellow;
  color: #900;
  border-radius: 50%;
  box-shadow: 0 0 2px #f00;
  content: "!";
  display: block;
  float: left;
  font-weight: bold;
  left: -4px;
  margin-right: 2px;
  position: relative;
  text-align: center;
  width: 1.2em;
}

.alert_muted {
  color: #333;
}

.alert_muted td:first-child:before {
  background: #ddd;
  color: #999;
  box-shadow: none;
  content: "×";
  width: 0.8em;
}

.toolbarItem.badge {
  align-items: center;
  align-self: center;
  background: #eee;
  border-radius: 50%;
  color: #666;
  height: 20px;
  justify-content: center;
  left: -4px;
  position: relative;
  text-align: center;
  top: -2px;
  width: 20px;
}

.comp-label {
  margin: 40px 0 10px 0;
  font-size: 1.3rem;
  font-weight: normal;
  background: rgba(0, 0, 0, 0.05);
  padding: 5px 10px;
}

.comp-label .toolbarItem.badge {
  background: #fff;
  display: flex;
  font-size: 0.7rem;
  line-height: 1;
  min-width: 20px;
}

.toolbar.margin-tb {
  margin-top: 20px;
  margin-bottom: 6px;
}

.margin-top {
  margin-top: 20px;
}

.min960 {
  width: 100%;
}

.flex01 > div:nth-child(1) {
  flex: 0;
}

.flex01 > div:nth-child(2) {
  flex: 1;
}

@media screen and (min-width: 768px) {
  .notification {
    max-width: 400px;
  }
  .notification-icon-badge {
    top: -6px;
    right: -6px;
  }
  .notification-link:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }
}
.alert.alert_expiring {
  color: inherit;
  background: #ffe;
}

.alert.alert_expired {
  background: #fee;
}

.alert.alert_expiring td:first-child:before {
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
          clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  border-radius: 0;
}

.alert.alert_expired td:first-child:before {
  -webkit-clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
          clip-path: polygon(30% 0, 70% 0, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0 70%, 0 30%);
  border-radius: 0;
  background: #900;
  color: #fff;
  box-shadow: 0 0 2px #ff0;
}

.fade-out {
  transition: 1s opacity;
  opacity: 0;
}

.nav-item.is_selected {
  background-color: #fff;
  border-color: #c33;
  box-shadow: -1px 0 5px 1px #dedddb;
}

.nav {
  background-color: #f6f5f3;
  transition: width 0.6s cubic-bezier(0.19, 1, 0.22, 1), box-shadow 0.6s ease;
}

.nav.is_pinned {
  width: 290px;
}

.nav.is_open {
  box-shadow: 0 0 20px rgba(29, 29, 31, 0.3);
  width: 290px;
}

.nav-content {
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  padding-bottom: 80px;
  scrollbar-color: transparent transparent;
  scrollbar-width: none;
}

.nav.is_open .nav-content {
  scrollbar-color: #aaa transparent;
  scrollbar-width: thin;
}

.nav-item > ul {
  display: none;
}

.is_open .nav-item > ul {
  display: block;
}

.nav-item,
.nav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  color: transparent;
  border: none;
}

.nav-item {
  border-left: 2px solid transparent;
}

.nav-label {
  padding-right: 20px;
  opacity: 0;
  transition: opacity 0.5s;
}

.nav.is-open .nav-label,
.nav.is_open .nav-label {
  opacity: 1;
  transition: none;
}

.nav-link {
  color: #000;
  display: block;
  padding: 15px 0 15px 25px;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}

.nav-link:hover {
  background-color: rgba(255, 255, 255, 0.6);
}

.nav.is-open .nav-label,
.nav.is_open .nav-label {
  display: inline-block;
}

.nav-link input {
  display: none;
}

.hamburger {
  background: none;
  border-bottom: 1px solid #dedddb;
  height: 61px;
  min-width: 76px;
  position: relative;
  width: 100%;
}

.hamburger::before {
  margin-top: -6px;
}

.hamburger::after {
  margin-top: 6px;
}

.hamburger::after,
.hamburger::before,
.hamburger span {
  background: #605b5d;
  border-radius: 2px;
  content: "";
  display: block;
  height: 2px;
  left: 27px;
  position: absolute;
  top: 26px;
  transition: background-color 0.2s ease, transform 0.2s ease, left 0.3s ease;
  width: 20px;
}

.nav-pin {
  display: block;
  position: absolute;
  width: 100%;
  height: 56px;
  background: #f6f5f3;
  border-top: 1px solid #dedddb;
  bottom: 0;
  z-index: 10;
}

.nav-pin::before {
  content: "";
  display: block;
  position: absolute;
  top: -21px;
  right: 0;
  left: 0;
  height: 20px;
  background: linear-gradient(0deg, #f6f5f3 0%, rgba(246, 245, 243, 0) 100%);
}

.nav.is-open .hamburger span,
.nav.is_open .hamburger span {
  width: 0;
}

.nav.is-open .hamburger::before,
.nav.is_open .hamburger::before {
  margin-top: 0;
  transform: rotate(45deg);
}

.nav.is-open .hamburger::after,
.nav.is_open .hamburger::after {
  margin-top: 0;
  transform: rotate(-45deg);
}

@media screen and (min-width: 768px) and (max-width: 1699px), print and (min-width: 500px) {
  .nav {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 75px;
    height: 100%;
    z-index: 120;
    padding-left: 0;
    overflow: hidden;
    box-shadow: inset -1px 0 5px 1px #dedddb;
  }
  .hamburger {
    height: 61px;
  }
  .hamburger:hover {
    background-color: #eeece8;
  }
  .hamburger::after,
  .hamburger::before,
  .hamburger span {
    top: 30px;
  }
}
.nav-item .icon {
  display: inline-block;
  margin-right: 12px;
  vertical-align: sub;
  width: 20px;
  height: 20px;
  text-align: center;
  color: #605b5d;
  font-size: 0;
}

@media screen and (max-width: 700px) {
  .nav-label {
    opacity: 1;
  }
  .nav-pin {
    display: none;
  }
}
@media screen and (min-width: 1700px) {
  .nav {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 100%;
    z-index: 120;
    padding-left: 0;
    overflow: hidden;
    box-shadow: inset -1px 0 5px 1px #dedddb;
    width: 290px;
  }
  .nav.is_open {
    box-shadow: inset -1px 0 5px 1px #dedddb;
  }
  .nav-label {
    opacity: 1;
  }
}
.compare-left, .compare-right {
  padding: 0;
}

.compare-left {
  padding-left: 10px;
}

.m_ceniky {
  align-items: flex-start;
}

/*.table_compare {
	background-color: #fff;
	border-collapse: collapse;
	border: 2px solid #000;
	margin-bottom: 20px;
	table-layout: fixed;
}

.table_compare td, .table_compare th {
	border: 1px solid #000;
	padding: 1px 4px;
}

.table_compare th {
	font-size: 91%;
}*/
.table_compare td.num {
  text-align: right;
}

.table_compare .worse, .compare-m {
  background: #fdd;
}

.table_compare .better, .compare-p {
  background: #dfd;
}

.table_compare .changed {
  background: #ffa;
}

.compare-mm, .compare-u {
  background: #ffd;
}

.table_compare .created, .compare-mp {
  background: #def;
}

@media screen and (max-width: 767px) {
  .header-inner {
    height: 35px;
  }
  .user-menu {
    padding-bottom: 0;
    top: 0;
  }
  .user-bobble {
    padding: 5px 10px;
  }
  .header-logo-text {
    display: none;
  }
  .toolbar {
    flex-wrap: wrap;
    gap: 5px;
  }
  .body {
    padding-top: 40px;
  }
  .body-inner.body-max100p {
    padding: 0;
  }
  .body-inner > form,
  .body-inner > div {
    width: 100%;
  }
  .footer {
    position: static;
  }
  .nav-pin {
    display: none;
  }
}
@media screen and (min-width: 768px), print and (min-width: 500px) {
  .header,
  .page {
    padding-left: 75px;
  }
}
@media screen and (min-width: 1700px) {
  .header,
  .page {
    padding-left: 290px;
  }
}
.compare-left input {
  margin-left: 5px;
}

.compare-right input {
  float: left;
  margin-right: 5px;
}

.rates_chart {
  flex: 1 1 auto;
}

.ct-line {
  stroke-width: 1px;
}

.ct-point {
  stroke-width: 5px;
}

.ct-chart-line {
  overflow: visible;
}

.ct-label.ct-horizontal.ct-end {
  font-size: 10px !important;
  white-space: nowrap;
  transform: rotate(50deg);
  position: relative;
  left: -8px;
  top: 3px;
}

.dropZoneActive {
  box-shadow: 0 0 1px #c33;
  background-color: #faeed3;
}

.size_2 {
  width: 3rem;
}

th.size_date,
.size_date {
  width: 8rem;
  max-width: 8rem;
  min-width: 8rem;
}

th.size_xs,
.size_xs {
  width: 3rem;
}

th.size_xsf,
.size_xsf {
  width: 3rem;
  max-width: 3rem;
  min-width: 3rem;
}

th.size_s,
.size_s {
  width: 5rem;
  min-width: 5rem;
  max-width: 5rem;
}

th.size_ms,
.size_ms {
  width: 7rem;
  min-width: 7rem;
  max-width: 7rem;
}

th.size_msf,
.size_msf {
  width: 7rem;
  max-width: 7rem;
  min-width: 7rem;
}

th.size_m,
.size_m {
  width: 10rem;
  min-width: 10rem;
  max-width: 10rem;
}

th.size_mf,
.size_mf {
  width: 10rem;
  min-width: 10rem;
  max-width: 10rem;
}

th.size_ml,
.size_ml {
  width: 12rem;
  min-width: 10rem;
  max-width: 12rem;
}

th.size_l,
.size_l {
  width: 15rem;
  min-width: 10rem;
  max-width: 15rem;
}

th.size_xl,
.size_xl {
  width: 20rem;
  min-width: 10rem;
  max-width: 20rem;
}

th.size_xlf,
.size_xlf {
  width: 20rem;
  min-width: 10rem;
  max-width: 20rem;
}

th.size_2xl,
.size_2xl {
  width: 25rem;
  max-width: 25rem;
}

th.size_3xl,
.size_3xl,
th.size_xxl,
.size_xxl {
  width: 30rem;
  max-width: 30rem;
}

th.size_100,
.size_100,
th.size_auto,
.size_auto {
  width: 100%;
}

textarea.size_full,
input.size_full,
select.size_full {
  width: 100%;
}

th.size_fit,
td.size_fit {
  width: 1px;
}

@media screen and (min-width: 1000px) {
  .button.icon:hover {
    background-color: #fff;
  }
}
.errorpage {
  background: #fff;
  margin-left: 80px;
  padding: 20px;
  position: relative;
  z-index: 99;
}

.page-help {
  padding: 0;
}

.page-help .header-inner {
  padding: 0;
  max-width: 1000px;
}

.page-help .page,
.page-help .header {
  padding-left: 0;
}

.page-help .user,
.page-help .header-search,
.page-help .nav {
  display: none;
}

.page-help a:hover {
  color: #000;
}

.table-vscroll {
  overflow-y: auto;
  max-height: 96vh;
  width: 472px;
}

.table-vscroll table {
  border-collapse: separate;
  border-spacing: 0;
  border-right-width: 0;
  border-bottom-width: 0;
}

.table-vscroll th, .table-vscroll td {
  border-top-width: 0;
  border-left-width: 0;
}

.table-vscroll thead {
  position: sticky;
  top: 1px;
  z-index: 2;
  box-shadow: -1px -1px 0 1px #c33;
}

.login {
  background-color: rgba(255, 255, 255, 0.85);
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 3rem;
  padding: 30px;
  border-radius: 20px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
}

.loginPage {
  background: url(../img/login_03.jpg);
  background-size: cover;
}

.login .formItem-button {
  text-align: center;
}

.undefined {
  outline: 2px solid red;
}

.debug {
  outline: 1px solid red;
}

.debug1 {
  outline: 1px solid blue;
}

.debug2 {
  outline: 1px solid green;
}

.debug3 {
  outline: 1px solid purple;
}

.debug4 {
  outline: 1px solid cyan;
}

.domdebug * {
  background: rgba(255, 255, 0, 0.2);
}

.domdebug *:hover {
  outline: 1px dotted #900;
}

.test_green {
  background-color: lightgreen;
}

.test_red {
  background-color: lightcoral;
}

.test_blue {
  background-color: lightblue;
}

.test_cyan {
  background-color: lightcyan;
}

.test_magenta {
  background-color: #faf;
}

.test_yellow {
  background-color: lightyellow;
}

.test_black {
  background-color: lightgrey;
}

.test_orange {
  background-color: lightsalmon;
}

.body {
  padding-bottom: 0;
}

.body-inner {
  width: 100%;
}

.header {
  background-color: #e7a61a;
}

.formSearch {
  background: #fff;
}

.header-icon {
  align-items: center;
  display: flex;
  fill: rgba(0, 0, 0, 0.2);
  stroke: rgba(0, 0, 0, 0.2);
  height: 50px;
  justify-content: center;
  width: 50px;
}

.notifications.is_active .notification-icon {
  background-color: #fff;
  border-radius: 50%;
}

.notification::before {
  right: 70px;
}

.comp-label,
.toolbar {
  background-color: #faeed3;
}

.header-logo-text {
  color: #000;
}

.user.is_active {
  background-color: #fff;
}

.contents + .picker_items > li:hover > a {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
}

.posta-tabs > input:checked + label {
  border-bottom-color: transparent;
  border-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top: 1px solid silver;
  color: #000;
  padding-bottom: 8px;
  padding-top: 12px;
  text-shadow: none;
  z-index: 9;
}

.posta-tabs > label:hover {
  transition: opacity 0.1s;
  opacity: 0.9;
  filter: saturate(1.3);
}

.posta-toolbar {
  border-bottom: 2px solid #ccc;
  flex-wrap: wrap;
  gap: 5px;
  width: 100%;
  margin-bottom: 0;
  position: sticky;
  top: 60px;
  padding-top: 4px;
  z-index: 1;
}

.subheading,
.posta-heading {
  padding-left: 1rem;
  height: 39px;
  font-size: 1.3rem;
  border: 1px solid transparent;
  box-shadow: none;
  background: none;
  white-space: nowrap;
  align-items: center;
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 1;
}

.toolbar-print thead {
  display: table-header-group;
}

.subheading {
  margin: 0 10px;
}

.input-date.posta-heading,
.select.posta-heading {
  position: relative;
  left: -6px;
}

.select.posta-heading {
  border: 1px solid transparent;
}

.select.posta-heading:hover {
  border-color: #999;
}

.modal_body .incmaildetail label,
.modal_body .incmaildetail .is_group > div:not(:first-child) > label {
  flex: 0 0 120px;
  margin: 0 10px 0 0;
}

.incmaildetail .formItem {
  	margin: 5px 0 0 0;
    min-height: 2rem;
}


.gap-right {
  display: flex;
  flex: 1;
}

.oldform .formItem {
  width: auto;
  flex-direction: row;
  margin: 2px 0;
  padding-left: 10px;
}

.oldform label {
  width: 60px;
}

.oldform > div {
  width: 560px;
}

.oldform .input {
  flex: 1;
}

.textarea {
  display: flex;
  flex: 1;
}

.textarea.height_2 {
  height: 56px;
  min-height: 56px;
}

.textarea.height_4 {
  height: 90px;
  min-height: 56px;
}

.textarea.height_15 {
  height: 280px;
  min-height: 56px;
}

.is_selected {
  background: #fee;
}

.oldform-wide {
  min-width: 400px;
}

.oldform-wide label {
  width: 140px;
  text-align: right;
  padding-right: 8px;
}

.oldform .formItem-binary,
.oldform .formItem-boolean {
  padding: 5px 0;
  justify-content: flex-start;
}

.oldform .formItem-item {
  background: none;
  border-radius: 0;
  border: none;
  gap: 5px;
}

.oldform .input-binary,
.oldform .input-boolean {
  flex: 0;
  cursor: pointer;
}

.oldform-wide .formItem {
  margin: 1px 0;
}

.ta-green {
  background: #c8daa2;
  background: linear-gradient(0deg, #c8daa2 0%, #ffffff 50%, #c8daa2 100%);
  border-color: #c8daa2;
}

.inp-orange {
  background: #fcd5b4;
  background: linear-gradient(0deg, #fcd5b4 0%, #ffffff 50%, #fcd5b4 100%);
  border-color: #fcd5b4;
}

.inp-orange[readonly] {
  background: #ddd;
  background: linear-gradient(0deg, #ddd 0%, #ffffff 50%, #ddd 100%);
  border-color: #ddd;
}

.green {
  background: #ebf1de;
}

.orange {
  background: #feebdb;
}

.blue {
  background: #deeaf1;
}

.btn_big_image {
  background: none;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0;
  border: none;
  box-shadow: none;
  font-family: Tahoma, sans-serif;
  font-size: 10pt;
  height: 94px;
  padding: 0;
  transition: filter 0.3s;
  width: 100px;
}

.btn_big_image:active,
.btn_big_image:hover {
  background-position: center;
  filter: brightness(105%);
}

.btn_big_image .button_image {
  width: 100%;
  height: 100%;
}

.btn_image_above {
  padding: 10px 20px;
  background: none;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0;
  border: 2px outset #ddd;
  box-shadow: none;
  font-family: Tahoma, sans-serif;
  font-size: 10pt;
  height: 64px;
  transition: filter 0.3s;
  width: 100px;
}

.btn_image_above:active,
.btn_image_above:hover {
  background-position: center;
  filter: brightness(105%);
}

.btn_image_above .button_image {
  width: 100%;
  height: 50%;
  background-size: contain;
  margin-bottom: 5px;
}

.btn_small_image {
  height: 86px;
  width: 190px;
}

.btn_wider_image {
  width: 156px;
  border: 2px outset #ddd;
}

.btn_red {
  background-color: #fdeadb;
}

.btn_green {
  background-color: #edf4e1;
}

.btn_blue {
  background-color: #e6f0f7;
}

.btn_yellow {
  background-color: #fff4d0;
}

.btn_wider_image:active {
  border-style: inset;
}

.techpom_detail .toolbar,
.oldform .toolbar {
  margin-top: 10px;
}

.last_name td:first-child {
  font-size: 1rem;
  font-weight: bold;
}

.techpom_detail > h3 {
  font-size: 2rem;
  font-weight: bold;
  margin: 0 0 10px 0;
  width: 100%;
}

.light_blue_form h3,
.light_yellow_form h3 {
  border: 1px solid #a0a0a0;
  margin-top: 0;
  padding: 6px 12px;
}

.light_blue_form h3 {
  background-color: #e6f0f7;
}

.light_yellow_form h3 {
  background-color: #fff4d0;
}

.logo-top-vcelarstvi {
  background-image: url(../../vcelin/logo2.png);
  background-position: 170px 25px;
  background-size: 4rem;
}

.time {
  border: none;
  font-size: 2rem;
  box-shadow: none;
  width: 140px;
}

.align-right {
  margin-left: auto;
}

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

.onlyprint {
  display: none;
}

.modal_body .form-compact .formItem-label {
  flex: 0 0 110px;
}

.has_group > .group-emptyLabel {
  margin-left: 115px;
}

.form-compact .formItem.formItem-inner {
  margin-left: 115px;
}

.form-compact .formItem.formItem-inner .formItem-label {
  flex: 0 0 65px;
}

.posta .table_item-editable.editable td:not(.plain),
.posta .table_item-create.table_item-editable td:not(.plain) {
  background: #fdfadc;
}

.posta .table_item-editable.editable [required]:not(:valid),
.posta .table_item-create.table_item-editable [required]:not(:valid) {
  background-color: #fddcdc;
}

.ac_del {
  font-style: italic;
  border-top: 1px solid #ddd;
}

.footer {
  margin-top: auto;
  position: static;
}

.posta-table .table-title {
  position: sticky;
  top: 102px;
  z-index: 2;
  box-shadow: 0 1px 0 black;
  border-bottom-color: transparent;
}

.posta-table .table_elem-delete {
  display: none;
}

.posta-table.is_current .table_elem-delete {
  display: table-cell;
}

.size_mono40 {
  font-family: "Consolas", "Courier New", monospace;
  width: 370px;
  max-width: 370px;
}

.investment-table .table-title {
  position: sticky;
  top: 60px;
  z-index: 2;
  box-shadow: 0 1px 0 black;
  border-bottom-color: transparent;
}

.table_item .button.button-create,
.table_item .button.button-delete {
  background: none;
}

@media screen {
  .my_row {
    outline: 2px solid red;
    z-index: 1;
    position: relative;
  }
}
@keyframes isInserted {
  from {
    transform: scale(1, 0);
    line-height: 0px;
    visibility: collapse;
  }
  to {
    transform: scale(1, 1);
    line-height: 18px; /* font-size(16px) + border-top(1px) + border-bottom(1px) */
    visibility: visible;
  }
}
.is_inserted {
  transition-duration: 0.1s;
  animation: isInserted 0.2s 1 linear;
  transform-origin: top;
}

.is_inserted td {
  background: #f5dca5;
}

#eko_summary {
  min-width: 500px;
}

#eko_total {
  border-left: 1px solid #46598d;
  font-weight: bold;
  text-align: right;
}

.eko_summary_discount {
  background: #fff;
  border: 1px solid #ddd;
  height: 21px;
  padding-right: 5px;
  padding-left: 5px;
  text-align: right;
}

.eko_summary_invoice {
  border: 1px solid #ddd;
  height: 21px;
  width: 140px;
  padding: 0 4px;
}

.advert_total {
  border-left: 1px solid #46598d;
  text-align: right;
}

.link_print_plain {
  color: inherit;
}

.link_print_plain:hover {
  color: blue;
}

.a4page {
  background: #fff;
  box-shadow: 0 0 0.3cm rgba(0, 0, 0, 0.3);
  display: block;
  margin: 0.5cm auto 0.5cm auto;
  height: 29.7cm;
  padding: 2.5cm;
  width: 21cm;
}

.row-nowrap {
  flex-wrap: nowrap;
  width: 100%;
}

@media print {
  .row {
    display: block;
  }
  .a4page {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    box-shadow: none;
  }
  .sf_dopis {
    border: none;
  }
}
@media screen and (min-width: 1000px) {
  .button.btn_small_image:hover {
    background-image: none;
  }
  .login {
    background-image: url(../img/logo-csv.png);
    background-position: center 30px;
    background-size: auto;
    margin-bottom: 50px;
    padding-top: 190px;
  }
}
@media print {
  html,
  body {
    background: #fff;
  }
  a {
    text-decoration: none;
    color: inherit;
  }
  .noprint,
  .table_item-create,
  .table_elem-delete,
  .posta-tabs,
  .footer,
  .messages,
  .nav,
  .button-back,
  .header {
    display: none !important;
  }
  .onlyprint {
    display: revert;
  }
  .body,
  .body-inner,
  .body-inner.body-max100p,
  .page {
    margin: 0;
    padding: 0;
  }
  /*.posta-table {
  	margin-top: 40px;
  }

  .posta-toolbar {
  	position: fixed;
  	top: 0;
  }*/
  .posta-table .table-title {
    position: static;
  }
  .elm_print_inline {
    background: transparent;
    border: none;
    box-shadow: none;
    color: #000;
    display: inline;
    margin: 0 6px 0 0;
    outline: none;
    padding: 0;
    width: auto;
  }
  .link_print_plain {
    text-decoration: none;
    color: inherit;
  }
  #eko_summary {
    min-width: 1px;
    width: 99%;
  }
  .a4page {
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    min-height: 0;
    width: auto;
    height: auto;
  }
}
.image-center {
  text-align: center;
}

.messages {
  bottom: unset;
  top: 5px;
  z-index: 120;
  left:50%;
  transform: translateX(-50%);
}

.table_item-changed td:first-child {
  border-left: 2px solid red;
}

.aaa .is_group {
  display: flex;
  margin-left: 0;
  align-items: baseline;
  width: 353px;
}

.modal_body .errorpage {
  margin: 0 !important;
  padding: 0 !important;
}

.login .formItem-binary .formItem-label,
.login .formItem-boolean .formItem-label {
  flex: 0 0 auto;
}

.col.has_group {
  gap: 0;
  flex-wrap: nowrap;
}

.size_xxxl {
  max-width: 573px;
}

.total {
  font-weight: bold;
  border-top: 2px solid #666;
}

.subsidy_mail_template option:last-child {
  display: none;
}

.amount_balance_even::after {
  content: "Vyrovnáno";
  position: absolute;
  left: 250px;
  top: 9px;
}

.amount_balance_under {
  color: red;
  background: #faa;
}

.amount_balance_under::after {
  content: "Nedoplatek";
  position: absolute;
  left: 250px;
  top: 9px;
  color: red;
  background: #fcc;
  box-shadow: 0 0 10px #faa;
}

.amount_balance_over {
  color: blue;
  background: #ffa;
}

.amount_balance_over::after {
  content: "Přeplatek";
  position: absolute;
  left: 250px;
  top: 9px;
  color: blue;
  background: #ffa;
  box-shadow: 0 0 10px #ffa;
}

.formItem-plain.heading {
  font-size: 1.5rem;
  align-items: center;
  gap: 10px;
}

.formItem-plain.heading label {
  font-size: 0.9rem;
  text-align: right;
}

.subsidy_subject_picker {
  border-color: #e7a61a;
}

.toolbar .select:hover,
.toolbar .select:active {
  border-color: #999;
}

.toolbar .select:focus {
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
}

.icon-cnb {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M243.4 2.587C251.4-.8625 260.6-.8625 268.6 2.587L492.6 98.59C506.6 104.6 514.4 119.6 511.3 134.4C508.3 149.3 495.2 159.1 479.1 160V168C479.1 181.3 469.3 192 455.1 192H55.1C42.74 192 31.1 181.3 31.1 168V160C16.81 159.1 3.708 149.3 .6528 134.4C-2.402 119.6 5.429 104.6 19.39 98.59L243.4 2.587zM256 128C273.7 128 288 113.7 288 96C288 78.33 273.7 64 256 64C238.3 64 224 78.33 224 96C224 113.7 238.3 128 256 128zM127.1 416H167.1V224H231.1V416H280V224H344V416H384V224H448V420.3C448.6 420.6 449.2 420.1 449.8 421.4L497.8 453.4C509.5 461.2 514.7 475.8 510.6 489.3C506.5 502.8 494.1 512 480 512H31.1C17.9 512 5.458 502.8 1.372 489.3C-2.715 475.8 2.515 461.2 14.25 453.4L62.25 421.4C62.82 420.1 63.41 420.6 63.1 420.3V224H127.1V416z"/></svg>');
}

.icon-ceniky {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:none;}</style></defs><title/><path d="M28,6H18V4a2,2,0,0,0-2-2H4A2,2,0,0,0,2,4V24a2,2,0,0,0,2,2H14v2a2,2,0,0,0,2,2H28a2,2,0,0,0,2-2V8A2,2,0,0,0,28,6ZM4,15h6.17L7.59,17.59,9,19l5-5L9,9,7.59,10.41,10.17,13H4V4H16V24H4ZM16,28V26a2,2,0,0,0,2-2V8H28v9H21.83l2.58-2.59L23,13l-5,5,5,5,1.41-1.41L21.83,19H28v9Z" transform="translate(0)"/><rect class="cls-1" height="32" width="32"/></svg>');
}

.icon-absences {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512zM232 256C232 264 236 271.5 242.7 275.1L338.7 339.1C349.7 347.3 364.6 344.3 371.1 333.3C379.3 322.3 376.3 307.4 365.3 300L280 243.2V120C280 106.7 269.3 96 255.1 96C242.7 96 231.1 106.7 231.1 120L232 256z"/></svg>');
  background-repeat: no-repeat;
}

.icon-locations {
  background-image: url('data:image/svg+xml;utf8,<svg height="22" viewBox="0 0 48 48" width="22" xmlns="http://www.w3.org/2000/svg"><path d="M24 4c-7.73 0-14 6.27-14 14 0 10.5 14 26 14 26s14-15.5 14-26c0-7.73-6.27-14-14-14zm0 19c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5z"/><path d="M0 0h48v48H0z" fill="none"/></svg>');
}

.icon-locations2 {
  background-image: url('data:image/svg+xml;utf8,<svg height="20" viewBox="0 0 32 32" width="20" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="32" width="32" x="0" y="0"/><path d="M15.999,0C7.164,0.002,0.002,7.164,0,15.999c0.002,8.838,7.164,16,15.999,16.001c8.838-0.002,16-7.163,16.001-16.001   C31.999,7.164,24.837,0.002,15.999,0z M2.052,17.001H7.04C7.111,18.86,7.366,20.528,7.76,22H3.373   C2.642,20.466,2.182,18.783,2.052,17.001z M17,8.002V2.212c0.941,0.705,2.991,2.501,4.433,5.791H17z M22.169,10.001   c0.428,1.437,0.714,3.105,0.795,5H17v-5H22.169z M14.546,2.565C14.72,2.421,14.868,2.307,15,2.209v5.793h-4.438   c0.528-1.203,1.137-2.208,1.743-3.033C13.125,3.855,13.943,3.068,14.546,2.565z M15,10.001v5H9.04c0.081-1.904,0.374-3.563,0.805-5   H15z M7.04,15.001H2.052c0.129-1.781,0.588-3.466,1.319-5h4.389C7.366,11.474,7.111,13.143,7.04,15.001z M9.035,17.001H15V22H9.83   C9.402,20.564,9.116,18.896,9.035,17.001z M15,24.001v5.789c-0.94-0.704-2.991-2.499-4.433-5.789H15z M17.453,29.436   C17.28,29.58,17.131,29.693,17,29.792v-5.79h4.437c-0.527,1.202-1.137,2.206-1.743,3.031   C18.875,28.145,18.056,28.934,17.453,29.436z M17,22v-4.999h5.959c-0.081,1.903-0.374,3.562-0.804,4.999H17z M24.96,17.001h4.986   c-0.129,1.781-0.589,3.465-1.32,4.999H24.24C24.633,20.528,24.888,18.86,24.96,17.001z M24.96,15.001   c-0.072-1.859-0.326-3.527-0.721-5h4.388c0.731,1.534,1.191,3.219,1.319,5H24.96z M27.473,8.002h-3.889   c-0.881-2.28-2.037-4.012-3.116-5.255C23.332,3.714,25.777,5.574,27.473,8.002z M11.531,2.747   c-1.078,1.244-2.235,2.976-3.115,5.255H4.527C6.224,5.574,8.669,3.714,11.531,2.747z M4.53,24.001h3.887   c0.879,2.276,2.034,4.007,3.112,5.25C8.669,28.285,6.226,26.427,4.53,24.001z M20.47,29.251c1.078-1.243,2.233-2.974,3.113-5.25   h3.887C25.774,26.427,23.331,28.285,20.47,29.251z"/></svg>');
}

.icon-groups {
  background-image: url('data:image/svg+xml;utf8,<svg height="20" viewBox="0 0 32 32" width="20" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><rect fill="none" height="32" width="32"/><path d="M8,20c0-2,0-10,0-10s0.005-0.45,0.239-1C6.16,9,4,9,4,9s-2,0-2,2v7c0,2,2,2,2,2v10h6v-8C10,22,8,22,8,20z M8,8    c0.52,0,1.001-0.144,1.427-0.376c0.059-0.036,0.125-0.068,0.188-0.103C10.446,6.988,11,6.061,11,5c0-1.657-1.343-3-3-3    S5,3.343,5,5S6.343,8,8,8z M28,9h-4.238C23.995,9.55,24,10,24,10s0,8,0,10s-2,2-2,2v8h6V20c0,0,2,0,2-2s0-7,0-7S30,9,28,9z     M22.38,7.519c0.065,0.035,0.134,0.068,0.194,0.105C23,7.856,23.48,8,24,8c1.657,0,3-1.343,3-3s-1.343-3-3-3s-3,1.343-3,3    C21,6.059,21.552,6.985,22.38,7.519z M16,8c1.657,0,3-1.343,3-3s-1.343-3-3-3s-3,1.343-3,3S14.343,8,16,8z M22,11c0,0,0-2-2-2    c-0.5,0-8,0-8,0s-2,0-2,2v7c0,2,2,2,2,2v10h8V20c0,0,2,0,2-2S22,11,22,11z"/></svg>');
}

.icon-groups2 {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="M16.5,14c-1.5,0-2.7,0.4-3.6,0.9c1.4,1.2,2,2.6,2.1,2.7l0.1,0.2V20h8v-2C23,18,21.4,14,16.5,14z"/></g><g><circle cx="16.5" cy="8.5" r="3.5"/></g></g><g><path d="M4,8.5C4,6.6,5.6,5,7.5,5S11,6.6,11,8.5c0,1.9-1.6,3.5-3.5,3.5S4,10.4,4,8.5z M7.5,14C2.6,14,1,18,1,18v2h13v-2   C14,18,12.4,14,7.5,14z"/></g></svg>');
}

.icon-nakazy {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M480 256h-64V205.3l54.63-54.63c12.5-12.5 12.5-32.75 0-45.25s-32.75-12.5-45.25 0L370.8 160h-229.5L86.63 105.4c-12.5-12.5-32.75-12.5-45.25 0s-12.5 32.75 0 45.25L96 205.3V256H32C14.31 256 0 270.3 0 288s14.31 32 32 32h64v32c0 15.11 3.088 29.4 7.895 42.86l-62.52 62.52c-12.5 12.5-12.5 32.75 0 45.25C47.63 508.9 55.81 512 64 512s16.38-3.125 22.62-9.375l54.13-54.13C163.2 467.9 192 480 224 480h16.1V239.9C240.1 231.2 247.2 224 256 224S272 231.2 272 239.9V480H288c31.96 0 60.82-12.13 83.25-31.5l54.13 54.13C431.6 508.9 439.8 512 448 512s16.38-3.125 22.62-9.375c12.5-12.5 12.5-32.75 0-45.25l-62.52-62.52C412.9 381.4 416 367.1 416 352v-32h64c17.69 0 32-14.33 32-32S497.7 256 480 256zM352 96c0-53.02-42.98-96-96-96S160 42.98 160 96v32h192V96z"/></svg>');
}

.icon-subsidies,
.icon-investice {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path d="M368 0C394.5 0 416 21.49 416 48V96H466.7C483.7 96 499.1 102.7 512 114.7L589.3 192C601.3 204 608 220.3 608 237.3V352C625.7 352 640 366.3 640 384C640 401.7 625.7 416 608 416H576C576 469 533 512 480 512C426.1 512 384 469 384 416H256C256 469 213 512 160 512C106.1 512 64 469 64 416H48C21.49 416 0 394.5 0 368V48C0 21.49 21.49 0 48 0H368zM416 160V256H544V237.3L466.7 160H416zM160 368C133.5 368 112 389.5 112 416C112 442.5 133.5 464 160 464C186.5 464 208 442.5 208 416C208 389.5 186.5 368 160 368zM480 464C506.5 464 528 442.5 528 416C528 389.5 506.5 368 480 368C453.5 368 432 389.5 432 416C432 442.5 453.5 464 480 464z"/></svg>');
}

.icon-mails,
.icon-posta {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="M20,3H4C1.8,3,0,4.8,0,7v10c0,2.2,1.8,4,4,4h16c2.2,0,4-1.8,4-4V7C24,4.8,22.2,3,20,3z M21.6,8.8l-7.9,5.3   c-0.5,0.3-1.1,0.5-1.7,0.5s-1.2-0.2-1.7-0.5L2.4,8.8C2,8.5,1.9,7.9,2.2,7.4C2.5,7,3.1,6.9,3.6,7.2l7.9,5.3c0.3,0.2,0.8,0.2,1.1,0   l7.9-5.3c0.5-0.3,1.1-0.2,1.4,0.3C22.1,7.9,22,8.5,21.6,8.8z"/></svg>');
}

.icon-evidencecsv {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M16,10a6,6,0,0,0-6,6v8a6,6,0,0,0,12,0V16A6,6,0,0,0,16,10Zm-4.25,7.87h8.5v4.25h-8.5ZM16,28.25A4.27,4.27,0,0,1,11.75,24v-.13h8.5V24A4.27,4.27,0,0,1,16,28.25Zm4.25-12.13h-8.5V16a4.25,4.25,0,0,1,8.5,0Z"/><path d="M30.66,19.21,24,13v9.1a4,4,0,0,0,8,0A3.83,3.83,0,0,0,30.66,19.21ZM28,24.35a2.25,2.25,0,0,1-2.25-2.25V17l3.72,3.47h0A2.05,2.05,0,0,1,30.2,22,2.25,2.25,0,0,1,28,24.35Z"/><path d="M0,22.1a4,4,0,0,0,8,0V13L1.34,19.21A3.88,3.88,0,0,0,0,22.1Zm2.48-1.56h0L6.25,17v5.1a2.25,2.25,0,0,1-4.5,0A2.05,2.05,0,0,1,2.48,20.54Z"/><path d="M15,5.5A3.5,3.5,0,1,0,11.5,9,3.5,3.5,0,0,0,15,5.5Zm-5.25,0A1.75,1.75,0,1,1,11.5,7.25,1.77,1.77,0,0,1,9.75,5.5Z"/><path d="M20.5,2A3.5,3.5,0,1,0,24,5.5,3.5,3.5,0,0,0,20.5,2Zm0,5.25A1.75,1.75,0,1,1,22.25,5.5,1.77,1.77,0,0,1,20.5,7.25Z"/></svg>');
}

.icon-archive {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M32 432C32 458.5 53.49 480 80 480h352c26.51 0 48-21.49 48-48V160H32V432zM160 236C160 229.4 165.4 224 172 224h168C346.6 224 352 229.4 352 236v8C352 250.6 346.6 256 340 256h-168C165.4 256 160 250.6 160 244V236zM480 32H32C14.31 32 0 46.31 0 64v48C0 120.8 7.188 128 16 128h480C504.8 128 512 120.8 512 112V64C512 46.31 497.7 32 480 32z"/></svg>');
}

.icon-calendar {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M160 32V64H288V32C288 14.33 302.3 0 320 0C337.7 0 352 14.33 352 32V64H400C426.5 64 448 85.49 448 112V160H0V112C0 85.49 21.49 64 48 64H96V32C96 14.33 110.3 0 128 0C145.7 0 160 14.33 160 32zM0 192H448V464C448 490.5 426.5 512 400 512H48C21.49 512 0 490.5 0 464V192zM64 304C64 312.8 71.16 320 80 320H112C120.8 320 128 312.8 128 304V272C128 263.2 120.8 256 112 256H80C71.16 256 64 263.2 64 272V304zM192 304C192 312.8 199.2 320 208 320H240C248.8 320 256 312.8 256 304V272C256 263.2 248.8 256 240 256H208C199.2 256 192 263.2 192 272V304zM336 256C327.2 256 320 263.2 320 272V304C320 312.8 327.2 320 336 320H368C376.8 320 384 312.8 384 304V272C384 263.2 376.8 256 368 256H336zM64 432C64 440.8 71.16 448 80 448H112C120.8 448 128 440.8 128 432V400C128 391.2 120.8 384 112 384H80C71.16 384 64 391.2 64 400V432zM208 384C199.2 384 192 391.2 192 400V432C192 440.8 199.2 448 208 448H240C248.8 448 256 440.8 256 432V400C256 391.2 248.8 384 240 384H208zM320 432C320 440.8 327.2 448 336 448H368C376.8 448 384 440.8 384 432V400C384 391.2 376.8 384 368 384H336C327.2 384 320 391.2 320 400V432z"/></svg>');
}

.icon-beekeepers,
.icon-vcelari,
.icon-users {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c39.77 0 72 32.24 72 72S295.8 272 256 272c-39.76 0-72-32.24-72-72S216.2 128 256 128zM256 448c-52.93 0-100.9-21.53-135.7-56.29C136.5 349.9 176.5 320 224 320h64c47.54 0 87.54 29.88 103.7 71.71C356.9 426.5 308.9 448 256 448z"/></svg>');
}

.icon-projects {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M128 256c-70.75 0-128 57.25-128 128s57.25 128 128 128s128-57.25 128-128S198.8 256 128 256zM193 224h189.1c25.33 0 41.22-26.69 28.55-48.02L316.6 15.97C310.6 6.125 299.7 0 288 0s-22.55 6.125-28.55 15.97L164.5 175.1C151.8 197.3 167.7 224 193 224zM480 272h-160c-17.62 0-32 14.38-32 32v160c0 17.62 14.38 32 32 32h160c17.62 0 32-14.38 32-32v-160C512 286.4 497.6 272 480 272z"/></svg>');
}

.icon-worklog {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path d="M368 320h-96C245.6 320 224 341.6 224 368v96C224 490.4 245.6 512 272 512h96c26.4 0 48-21.6 48-48v-96C416 341.6 394.4 320 368 320zM591.1 0h-96c-26.4 0-48 21.6-48 48v96c0 26.4 21.6 48 48 48h96c26.4 0 48-21.6 48-48v-96C639.1 21.6 618.4 0 591.1 0zM192 48C192 21.6 170.4 0 144 0h-96C21.6 0 0 21.6 0 48v96C0 170.4 21.6 192 48 192h79.83l73.04 128C212 301 232.4 288 256 288L192 175.5V128h224V64H192V48z"/></svg>');
  background-repeat: no-repeat;
}

.icon-logout {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 288c17.67 0 32-14.33 32-32V32c0-17.67-14.33-32-32-32S224 14.33 224 32v224C224 273.7 238.3 288 256 288zM403.7 66.81c-13.92-10.84-34.03-8.406-44.92 5.5c-10.89 13.94-8.438 34.03 5.484 44.94C407.3 150.9 432 201.5 432 256c0 97.03-78.95 176-176 176S80 353 80 256c0-54.53 24.69-105.1 67.72-138.8c13.92-10.91 16.38-31 5.484-44.94c-10.91-13.91-31-16.34-44.92-5.5C49.64 112.7 16 181.7 16 256c0 132.3 107.7 240 240 240s240-107.7 240-240C496 181.7 462.4 112.7 403.7 66.81z"/></svg>');
}

.icon-inzerce {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M480 184.9V32c0-8.75-6.969-32-32-32c-7.125 0-14.19 2.375-19.97 7.031L343 75.06C300.3 109.2 246.7 128 192 128H64C28.66 128 0 156.7 0 192v96c0 35.34 28.66 64 64 64h2.53c-10.76 77.8 34.54 143.3 36.81 146.5C109.4 507 118.5 512 128 512h64c12.94 0 24.62-9.078 29.56-23.04c4.969-13.96 2.219-30-6.938-40.69C214.2 447.8 174.3 398.6 185.1 352H192c54.66 0 108.3 18.81 150.1 52.94L428 472.1C432.8 476.8 441.8 480 448 480c24.91 0 32-22.78 32-32V295.1C499.1 284 512 263.6 512 240S499.1 195.1 480 184.9zM416 381.4l-33.06-26.44C328.9 311.8 261.1 288 192 288V192c69.13 0 136.9-23.78 190.9-66.97L416 98.59V381.4z"/></svg>');
}

.icon-builder {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 32 32" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><path d="M4,21h8h4c0.6,0,1-0.4,1-1s-0.4-1-1-1h-3v-8c0-0.6-0.4-1-1-1H4c-0.6,0-1,0.4-1,1v9C3,20.6,3.4,21,4,21z"/><path d="M30,4.8c0-0.1,0-0.1,0-0.2c-0.1-0.1-0.1-0.2-0.2-0.3l-2-2c-0.3-0.3-0.9-0.4-1.3-0.1l-12,8c-0.4,0.2-0.5,0.7-0.4,1.1  c0.1,0.4,0.5,0.7,1,0.7h4.2l-3.8,3.2c-0.4,0.4-0.5,1-0.1,1.4c0.2,0.2,0.5,0.4,0.8,0.4c0.2,0,0.5-0.1,0.6-0.2l5.7-4.8  c0.2-0.1,0.4-0.2,0.5-0.4L28,7.2V20c0,0.6-0.4,1-1,1s-1-0.4-1-1c0.6,0,1-0.4,1-1s-0.4-1-1-1h-1c-0.6,0-1,0.4-1,1v1c0,1.7,1.3,3,3,3  s3-1.3,3-3V5C30,4.9,30,4.9,30,4.8z M21.2,10h-2.9l3.3-2.2L21.2,10z M23.6,8.3L24,6.2l2.9-1.9l0.7,0.7L23.6,8.3z"/><path d="M18,22H6c-2.2,0-4,1.8-4,4s1.8,4,4,4h12c2.2,0,4-1.8,4-4S20.2,22,18,22z M7.7,26.7c-0.1,0-0.1,0.1-0.2,0.1  c0,0-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2,0.1c-0.1,0-0.1,0-0.2,0c-0.3,0-0.5-0.1-0.7-0.3C6.1,26.5,6,26.3,6,26c0-0.3,0.1-0.5,0.3-0.7  c0.4-0.4,1-0.4,1.4,0C7.9,25.5,8,25.7,8,26C8,26.3,7.9,26.5,7.7,26.7z M13,26.2c0,0.1,0,0.1-0.1,0.2c0,0.1-0.1,0.1-0.1,0.2  c0,0-0.1,0.1-0.1,0.1c-0.1,0.1-0.2,0.2-0.3,0.2C12.3,27,12.1,27,12,27c-0.3,0-0.5-0.1-0.7-0.3C11.1,26.5,11,26.3,11,26  s0.1-0.5,0.3-0.7c0.3-0.3,0.7-0.4,1.1-0.2c0.1,0.1,0.2,0.1,0.3,0.2c0.2,0.2,0.3,0.4,0.3,0.7C13,26.1,13,26.1,13,26.2z M17.7,26.7  c-0.1,0.1-0.2,0.2-0.3,0.2C17.3,27,17.1,27,17,27c-0.1,0-0.3,0-0.4-0.1c-0.1-0.1-0.2-0.1-0.3-0.2C16.1,26.5,16,26.3,16,26  c0-0.3,0.1-0.5,0.3-0.7c0.1-0.1,0.2-0.2,0.3-0.2c0.2-0.1,0.5-0.1,0.8,0c0.1,0.1,0.2,0.1,0.3,0.2c0.2,0.2,0.3,0.4,0.3,0.7  C18,26.3,17.9,26.5,17.7,26.7z"/></svg>');
}

.icon-help {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 400c-18 0-32-14-32-32s13.1-32 32-32c17.1 0 32 14 32 32S273.1 400 256 400zM325.1 258L280 286V288c0 13-11 24-24 24S232 301 232 288V272c0-8 4-16 12-21l57-34C308 213 312 206 312 198C312 186 301.1 176 289.1 176h-51.1C225.1 176 216 186 216 198c0 13-11 24-24 24s-24-11-24-24C168 159 199 128 237.1 128h51.1C329 128 360 159 360 198C360 222 347 245 325.1 258z"/></svg>');
}

.icon-websites {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="3 3 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M-28-76.934c-4.412 0-8 3.588-8 8 0 .676.085 1.348.254 2H-38.5v7.868h21v-7.868h-2.754a8.014 8.014 0 0 0 .254-2c0-4.412-3.588-8-8-8zm0 1c.29 0 .587.13.908.446.322.315.644.813.918 1.449.345.799.6 1.83.752 2.973h-5.156c.153-1.144.407-2.174.752-2.973.274-.636.596-1.134.918-1.45.321-.315.619-.445.908-.445zm-2.09.317a6.504 6.504 0 0 0-.654 1.181c-.404.939-.686 2.098-.844 3.37h-3.08a7 7 0 0 1 4.578-4.551zm4.18 0a7 7 0 0 1 4.578 4.55h-3.08c-.158-1.271-.44-2.43-.844-3.369a6.504 6.504 0 0 0-.654-1.181zm-8.99 5.55h3.216c-.023.374-.048.746-.048 1.133 0 .716.054 1.348.138 2H-34.7a7.001 7.001 0 0 1-.299-2c0-.386.04-.763.1-1.132zm4.216 0h5.368c.025.372.048.745.048 1.133 0 .721-.053 1.337-.144 2h-5.176c-.09-.663-.144-1.279-.144-2 0-.388.023-.761.048-1.132zm6.368 0h3.216c.06.37.1.747.1 1.133 0 .679-.105 1.352-.299 2h-3.107c.084-.652.138-1.285.138-2 0-.387-.025-.76-.048-1.132zm-10.768 5.231.85 1.7.695-1.048.818 1.069c.253-.57.504-1.14.758-1.71l.942.382-1.458 3.297-1-1.305-.882 1.326-1.649-3.29zm5.514 0 .85 1.7.695-1.048.818 1.069c.252-.57.504-1.14.758-1.71l.941.382-1.457 3.297-1-1.305-.88 1.326-1.65-3.29zm5.511 0c.286.565.57 1.133.854 1.7l.695-1.048.817 1.07c.252-.57.506-1.14.757-1.71l.944.38c-.49 1.099-.974 2.199-1.461 3.298l-.996-1.303-.883 1.324-1.648-3.29z" transform="translate(40 80)"/></svg>');
  background-repeat: no-repeat;
}

.icon-dochazka {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256C512 397.4 397.4 512 256 512zM232 256C232 264 236 271.5 242.7 275.1L338.7 339.1C349.7 347.3 364.6 344.3 371.1 333.3C379.3 322.3 376.3 307.4 365.3 300L280 243.2V120C280 106.7 269.3 96 255.1 96C242.7 96 231.1 106.7 231.1 120L232 256z"/></svg>');
  background-repeat: no-repeat;
}

.icon-propustka {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path d="M352 352.6V48.01c0-26.51-21.49-48-48-48h-256c-26.51 0-48 21.49-48 48v432c0 17.67 14.33 32 32 32h264.9C291.4 502.6 288 491.7 288 480C288 427.9 313.3 381.8 352 352.6zM144 400c0 8.836-7.164 16-16 16H96c-8.836 0-16-7.164-16-16v-32c0-8.838 7.164-16 16-16h32c8.836 0 16 7.162 16 16V400zM144 304c0 8.836-7.164 16-16 16H96c-8.836 0-16-7.164-16-16v-32c0-8.838 7.164-16 16-16h32c8.836 0 16 7.162 16 16V304zM201.6 183.7c0 4.594-3.727 8.32-8.32 8.32H158.7c-4.594 0-8.32-3.727-8.32-8.32V153.6H120.3C115.7 153.6 112 149.9 112 145.3V110.7c0-4.594 3.727-8.32 8.32-8.32h30.08V72.34c0-4.594 3.727-8.32 8.32-8.32h34.56c4.594 0 8.32 3.727 8.32 8.32v30.08h30.08C236.3 102.4 240 106.1 240 110.7v34.56c0 4.594-3.727 8.32-8.32 8.32H201.6V183.7zM272 400c0 8.836-7.164 16-16 16H224c-8.836 0-16-7.164-16-16v-32c0-8.838 7.164-16 16-16h32c8.836 0 16 7.162 16 16V400zM272 304c0 8.836-7.164 16-16 16H224c-8.836 0-16-7.164-16-16v-32c0-8.838 7.164-16 16-16h32c8.836 0 16 7.162 16 16V304zM512 352h-64c-70.69 0-128 57.3-128 128c0 17.67 14.33 32 32 32h256c17.67 0 32-14.33 32-32C640 409.3 582.7 352 512 352zM480 320c53.02 0 96-42.98 96-96s-42.98-96-96-96s-96 42.98-96 96S426.1 320 480 320z"/></svg>');
  background-repeat: no-repeat;
}

.icon-left {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M224 480c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25l192-192c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L77.25 256l169.4 169.4c12.5 12.5 12.5 32.75 0 45.25C240.4 476.9 232.2 480 224 480z"/></svg>');
  background-repeat: no-repeat;
}

.icon-right {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 320 512" xmlns="http://www.w3.org/2000/svg"><path d="M96 480c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L242.8 256L73.38 86.63c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l192 192c12.5 12.5 12.5 32.75 0 45.25l-192 192C112.4 476.9 104.2 480 96 480z"/></svg>');
  background-repeat: no-repeat;
}

.icon-today {
  background-image: url('data:image/svg+xml;utf8,<svg height="20" viewBox="0 0 48 48" width="20" xmlns="http://www.w3.org/2000/svg"><path d="M0 0h48v48h-48z" fill="none"/><path d="M38 6h-2v-4h-4v4h-16v-4h-4v4h-2c-2.21 0-3.98 1.79-3.98 4l-.02 28c0 2.21 1.79 4 4 4h28c2.21 0 4-1.79 4-4v-28c0-2.21-1.79-4-4-4zm0 32h-28v-22h28v22zm-24-18h10v10h-10z"/></svg>');
  background-repeat: no-repeat;
}

.icon-honorare {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 96 96" xmlns="http://www.w3.org/2000/svg"><path d="M90,12H6a5.9966,5.9966,0,0,0-6,6V78a5.9966,5.9966,0,0,0,6,6H90a5.9966,5.9966,0,0,0,6-6V18A5.9966,5.9966,0,0,0,90,12ZM24,72A12.0119,12.0119,0,0,0,12,60V36A12.0119,12.0119,0,0,0,24,24H72A12.0119,12.0119,0,0,0,84,36V60A12.0119,12.0119,0,0,0,72,72Z"/><path d="M48,36A12,12,0,1,0,60,48,12.0119,12.0119,0,0,0,48,36Z"/></svg>');
  background-repeat: no-repeat;
}

.icon-creator {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M27,15H25V10a3,3,0,0,0-3-3H17V5A4,4,0,0,0,9,5V7H4a3,3,0,0,0-3,3v6a1,1,0,0,0,1,1H5a2,2,0,0,1,0,4H2a1,1,0,0,0-1,1v6a3,3,0,0,0,3,3h6a1,1,0,0,0,1-1V27a2,2,0,0,1,4,0v3a1,1,0,0,0,1,1h6a3,3,0,0,0,3-3V23h2a4,4,0,0,0,0-8Z"/></svg>');
  background-repeat: no-repeat;
}

.icon-knihovna {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M84,480H28a12,12,0,0,1-12-12V92A12,12,0,0,1,28,80H84A12,12,0,0,1,96,92V468A12,12,0,0,1,84,480Z"/><path d="M240,208V156a12,12,0,0,0-12-12H124a12,12,0,0,0-12,12v52Z"/><path d="M112,416v52a12,12,0,0,0,12,12H228a12,12,0,0,0,12-12V416Z"/><rect height="144" width="128" x="112" y="240"/><path d="M340,480H268a12,12,0,0,1-12-12V44a12,12,0,0,1,12-12h72a12,12,0,0,1,12,12V468A12,12,0,0,1,340,480Z"/><path d="M369,100.7l30,367.83a12,12,0,0,0,13.45,10.92l72.16-9a12,12,0,0,0,10.47-12.9L465,91.21a12,12,0,0,0-13.2-10.94l-72.13,7.51A12,12,0,0,0,369,100.7Z"/></svg>');
  background-repeat: no-repeat;
}

.icon-sehfund {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" ?><svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><title/><path d="M23,17a8,8,0,1,0-8-8A8,8,0,0,0,23,17Zm-2-7a1,1,0,0,1-1-1V5.8a1,1,0,0,1,1-1h1.17a1,1,0,0,1,1.92,0H25a1,1,0,0,1,0,2H22V8h3a1,1,0,0,1,1,1v3.2a1,1,0,0,1-1,1h-.91a1,1,0,0,1-1.92,0H21a1,1,0,0,1,0-2h3V10Z"/><path d="M30.86,24A2.48,2.48,0,0,0,28,22.45l-4,.82a5.72,5.72,0,0,0,0-.58,3,3,0,0,0-3.1-2.92h0a8.08,8.08,0,0,1-3.76-.8l-1.89-.83A2.56,2.56,0,0,0,13.64,18a.66.66,0,0,0-.2.06l-1.24.56a6,6,0,0,1,.28,3.11L11.3,28.07c0,.15-.08.29-.12.44l5.35,2.06a6.09,6.09,0,0,0,2.26.43,6.17,6.17,0,0,0,2.31-.45l8.29-3.36A2.57,2.57,0,0,0,30.86,24Z"/><path d="M8,17.29l-5.82-.88A1,1,0,0,0,1,17.4v12a1,1,0,0,0,1,1H6.4a3.08,3.08,0,0,0,2.93-2.69l1.18-6.35a3.76,3.76,0,0,0-.61-2.84A2.88,2.88,0,0,0,8,17.29Z"/></svg>');
  background-repeat: no-repeat;
}

.icon-anvcelprod {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" ?><svg height="20px" version="1.1" viewBox="0 0 3.98 6.07" width="14px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g id="Layer_x0020_1"><path class="fil0" d="M2.91 0.6l0 1.72c0.29,0.15 0.54,0.37 0.72,0.65 0.22,0.31 0.35,0.7 0.35,1.11 0,0.55 -0.23,1.05 -0.59,1.41 -0.36,0.36 -0.85,0.58 -1.4,0.58 -0.55,0 -1.05,-0.22 -1.41,-0.58 -0.36,-0.36 -0.58,-0.86 -0.58,-1.41 0,-0.41 0.13,-0.79 0.34,-1.11l0 -0.01c0.19,-0.27 0.44,-0.49 0.73,-0.64l0 -1.72 -0.39 0 0 -0.6 2.62 0 0 0.6 -0.39 0zm-1.04 4.23c0.09,0 0.17,0.07 0.17,0.17 0,0.09 -0.08,0.16 -0.17,0.16 -0.09,0 -0.17,-0.07 -0.17,-0.16 0,-0.1 0.08,-0.17 0.17,-0.17zm-0.6 -0.58c0.18,0 0.33,0.15 0.33,0.33 0,0.18 -0.15,0.32 -0.33,0.32 -0.18,0 -0.33,-0.14 -0.33,-0.32 0,-0.18 0.15,-0.33 0.33,-0.33zm0.4 -3.65l0 2.11 -0.19 0.08c-0.27,0.1 -0.49,0.28 -0.64,0.51 -0.16,0.22 -0.24,0.49 -0.24,0.78 0,0.39 0.15,0.74 0.4,0.99 0.26,0.25 0.6,0.41 0.99,0.41 0.38,0 0.73,-0.16 0.98,-0.41 0.26,-0.25 0.41,-0.6 0.41,-0.99 0,-0.29 -0.09,-0.56 -0.24,-0.78l0 0c-0.15,-0.23 -0.38,-0.41 -0.64,-0.51l-0.19 -0.08 0 -2.11 -0.64 0z"/></g></svg>');
  background-repeat: no-repeat;
}

.icon-vystavy {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" ?><svg viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg"><path d="M288 358.3c13.98-8.088 17.53-30.04 28.88-41.39c11.35-11.35 33.3-14.88 41.39-28.87c7.98-13.79 .1658-34.54 4.373-50.29C366.7 222.5 383.1 208.5 383.1 192c0-16.5-17.27-30.52-21.34-45.73c-4.207-15.75 3.612-36.5-4.365-50.29c-8.086-13.98-30.03-17.52-41.38-28.87c-11.35-11.35-14.89-33.3-28.87-41.39c-13.79-7.979-34.54-.1637-50.29-4.375C222.5 17.27 208.5 0 192 0C175.5 0 161.5 17.27 146.3 21.34C130.5 25.54 109.8 17.73 95.98 25.7C82 33.79 78.46 55.74 67.11 67.08C55.77 78.43 33.81 81.97 25.72 95.95C17.74 109.7 25.56 130.5 21.35 146.2C17.27 161.5 .0008 175.5 .0008 192c0 16.5 17.27 30.52 21.34 45.73c4.207 15.75-3.615 36.5 4.361 50.29C33.8 302 55.74 305.5 67.08 316.9c11.35 11.35 14.89 33.3 28.88 41.4c13.79 7.979 34.53 .1582 50.28 4.369C161.5 366.7 175.5 384 192 384c16.5 0 30.52-17.27 45.74-21.34C253.5 358.5 274.2 366.3 288 358.3zM112 192c0-44.27 35.81-80 80-80s80 35.73 80 80c0 44.17-35.81 80-80 80S112 236.2 112 192zM1.719 433.2c-3.25 8.188-1.781 17.48 3.875 24.25c5.656 6.75 14.53 9.898 23.12 8.148l45.19-9.035l21.43 42.27C99.46 507 107.6 512 116.7 512c.3438 0 .6641-.0117 1.008-.0273c9.5-.375 17.65-6.082 21.24-14.88l33.58-82.08c-53.71-4.639-102-28.12-138.2-63.95L1.719 433.2zM349.6 351.1c-36.15 35.83-84.45 59.31-138.2 63.95l33.58 82.08c3.594 8.797 11.74 14.5 21.24 14.88C266.6 511.1 266.1 512 267.3 512c9.094 0 17.23-4.973 21.35-13.14l21.43-42.28l45.19 9.035c8.594 1.75 17.47-1.398 23.12-8.148c5.656-6.766 7.125-16.06 3.875-24.25L349.6 351.1z"/></svg>');
  background-repeat: no-repeat;
}

.icon-kocovani {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" ?><svg viewBox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path d="M496 32C522.5 32 544 53.49 544 80V320H608C625.7 320 640 334.3 640 352C640 369.7 625.7 384 608 384H286.9C279.1 329.7 232.4 288 176 288C119.6 288 72.9 329.7 65.13 384H48C21.49 384 0 362.5 0 336V80C0 53.49 21.49 32 48 32H496zM64 112V264.2C73.83 256.1 84.55 249 96 243.2V112C96 103.2 88.84 96 80 96C71.16 96 64 103.2 64 112V112zM176 224C181.4 224 186.7 224.2 192 224.7V112C192 103.2 184.8 96 176 96C167.2 96 160 103.2 160 112V224.7C165.3 224.2 170.6 224 176 224zM256 243.2C267.4 249 278.2 256.1 288 264.2V112C288 103.2 280.8 96 272 96C263.2 96 256 103.2 256 112V243.2zM352 112V304C352 312.8 359.2 320 368 320C376.8 320 384 312.8 384 304V112C384 103.2 376.8 96 368 96C359.2 96 352 103.2 352 112zM480 112C480 103.2 472.8 96 464 96C455.2 96 448 103.2 448 112V304C448 312.8 455.2 320 464 320C472.8 320 480 312.8 480 304V112zM96 400C96 355.8 131.8 320 176 320C220.2 320 256 355.8 256 400C256 444.2 220.2 480 176 480C131.8 480 96 444.2 96 400zM176 432C193.7 432 208 417.7 208 400C208 382.3 193.7 368 176 368C158.3 368 144 382.3 144 400C144 417.7 158.3 432 176 432z"/></svg>');
  background-repeat: no-repeat;
}

.icon-plemenarstvi {
  background-image: url('data:image/svg+xml;utf8,<?xml version="1.0" ?><svg viewBox="0 0 448 512" xmlns="http://www.w3.org/2000/svg"><path d="M.1193 494.1c-1.125 9.5 6.312 17.87 15.94 17.87l32.06 .0635c8.125 0 15.21-5.833 16.21-13.83c.7501-4.875 1.869-11.17 3.494-18.17h312c1.625 6.875 2.904 13.31 3.529 18.18c1.125 7.1 7.84 13.94 15.97 13.82l32.46-.0625c9.625 0 17.12-8.374 15.99-17.87c-4.625-37.87-25.75-128.1-119.1-207.7c-17.5 12.37-36.98 24.37-58.48 35.49c6.25 4.625 11.56 9.405 17.06 14.15H159.7c21.25-18.12 47.03-35.63 78.65-51.38c172.1-85.5 203.7-218.8 209.5-266.7c1.125-9.5-6.297-17.88-15.92-17.88L399.6 .001c-8.125 0-14.84 5.832-15.96 13.83c-.7501 4.875-1.869 11.17-3.369 18.17H67.74C66.24 25 65.08 18.81 64.33 13.81C63.21 5.813 56.48-.124 48.36 .001L16.1 .1338c-9.625 0-17.09 8.354-15.96 17.85c5.125 42.87 31.29 153.8 159.9 238.1C31.55 340.3 5.245 451.2 .1193 494.1zM223.9 219.7C198.8 205.9 177.6 191.3 159.7 176h128.5C270.4 191.3 249 206.1 223.9 219.7zM355.1 96c-5.875 10.37-12.88 21.12-21 31.1H113.1c-8.25-10.87-15.3-21.63-21.05-32L355.1 96zM93 415.1c5.875-10.37 12.74-21.13 20.87-32h219.4c8.375 10.87 15.48 21.63 21.23 32H93z"/></svg>');
  background-repeat: no-repeat;
}

.formItem.formItem-button .formItem-label {
  display: none;
}

.form-compact .select-list9 {
  height: 200px;
}

.toc-link {
  display: block;
  color: #666;
  text-decoration: none;
  border-left: 2px solid #eee;
  padding: 4px 0 4px 10px;
}

.toc-link:hover {
  color: #333;
}

.toc-link.highlighted {
  color: #000;
  border-left-color: #c33;
}

.toc-link3 {
  font-weight: bold;
}

.toc-link5 {
  font-size: 90%;
  padding-left: 20px;
  line-height: 1.1;
}

.toc-label {
  position: relative;
  top: -10px;
  font-weight: bold;
}

.toc-heading {
  transition: 1s all;
}

.toc-heading.highlighted {
  transition: none;
  background: #c33 !important;
}

.posta-tabs {
  position: relative;
  top: 2px;
  min-width: 70vw;
}

.posta-tabs .ui-corner-left {
  border-bottom-left-radius: 0;
}

.posta-tabs > label {
  border: none;
  color: #fff;
  /* font-weight: bold; */
  text-shadow: 0 1px 0 #000;
  transition: opacity 0.3s;
}

.posta-table {
  margin-top: 10px;
  width: 100%;
  margin-bottom: 400px;
}

.input-date.posta-heading {
  flex: 0 0 160px;
}

.picker_items a::before {
  font-size: 90%;
  padding: 2px 4px;
  border-radius: 4px;
  opacity: 0.6;
  color: #000;
  margin-right: 5px;
}

.picker_items .neclen a::before {
  content: "NEČLEN";
  background-color: #ffc;
}

.picker_items .existuje a::before {
  content: "JIŽ ZAŽÁDÁNO";
  background-color: #f9c;
}

.picker_items .bezcisla a::before {
  content: "BEZ REG. ČÍSLA";
  background-color: #9cf;
}

.posta .nm {
  border-left: 2px solid #c00;
}

.posta-tabs .incmail {
  background: #777;
}

.posta-tabDO .table-bordered {
  border-color: #777;
}

.posta-tabDO .table-bordered th {
  background-color: #eee;
}

.posta-tabs .outmail {
  background: #7f424b;
}

.posta-tabOD .table-bordered {
  border-color: #7f424b;
}

.posta-tabOD .table-bordered th {
  background-color: #f0e1e3;
}

.posta-tabOD .ceid97 {
  border-left: 2px solid #7f424b;
}

.posta-tabs .investment {
  background: #7f724b;
}

.posta-tab07 .table-bordered {
  border-color: #7f724b;
}

.posta-tab07 .contents + .picker_items,
.posta-tab07 .table-bordered th {
  background-color: #f2efe8;
}

.posta-tabs .propagace {
  background: #888722;
}

.posta-tab08 .table-bordered {
  border-color: #888722;
}

.posta-tab08 .contents + .picker_items,
.posta-tab08 .table-bordered th {
  background-color: #f5f4d6;
}

.posta-tabs .nakaza,
.posta-tabs .nakazy {
  background: #3e3360;
}

.posta-tab09 .table-bordered {
  border-color: #3e3360;
}

.posta-tab09 .contents + .picker_items,
.posta-tab09 .table-bordered th {
  background-color: #e8e5f1;
}

.posta-tabs .kocovani {
  background: #122441;
}

.posta-tab10 .table-bordered {
  border-color: #122441;
}

.posta-tab10 .contents + .picker_items,
.posta-tab10 .table-bordered th {
  background-color: #e3ebf7;
}

.posta-tabs .anvcelprod {
  background: #dc622f;
}

.posta-tab11 .table-bordered {
  border-color: #dc622f;
}

.posta-tab11 .contents + .picker_items,
.posta-tab11 .table-bordered th {
  background-color: #f9e6de;
}

.posta-tabs .obnova {
  background: #4e652b;
}

.posta-tab12 .table-bordered {
  border-color: #4e652b;
}

.posta-tab12 .contents + .picker_items,
.posta-tab12 .table-bordered th {
  background-color: #ebf2e1;
}

.posta-tabs .sehfund {
  background: #2e656b;
}

.posta-tabSF .table-bordered {
  border-color: #2e656b;
}

.posta-tabSF .contents + .picker_items,
.posta-tabSF .table-bordered th {
  background-color: #e7f3f5;
}

.localparty_351 .localparty {
  background-color: #fff;
  color: #000;
}

.localparty_349 .localparty {
  background-color: #eea;
  color: #660;
}

.localparty_8 .localparty {
  background-color: #ccf;
  color: #006;
}

.localparty_348 .localparty {
  background-color: #cfc;
  color: #060;
}

.localparty_9 .localparty {
  background-color: #fee;
  color: #900;
}

.posta-bulk.form-compact.has_group > .is_group {
  gap: 0;
}

.posta-bulk .is_group .formItem {
  min-width: 170px;
}

.podarch td {
  padding: 0;
}

.paTable {
  border-spacing: 0;
  border-collapse: collapse;
  margin-right: auto;
}

.paTable td, .c16 {
  vertical-align: baseline;
  text-align: left;
  orphans: 2;
  widows: 2;
  border-color: #000;
  border-style: solid;
}

.paTable tr:last-child td {
  border-bottom-width: 1.5pt;
}

.podarch .c16 {
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
  font-size: 11pt;
}

.podarch .c31 {
  padding: 0pt 5.4pt 0pt 5.4pt;
  border-top-width: 1pt;
  border-right-width: 1.5pt;
  border-left-width: 1pt;
  width: 77.7pt;
  margin: 0;
  color: #000000;
}

.podarch .c36 {
  padding: 0pt 5.4pt 0pt 5.4pt;
  border-top-width: 1.5pt;
  border-right-width: 1pt;
  border-left-width: 1.5pt;
  border-bottom-width: 1.5pt;
  width: 162.8pt;
}

.podarch .c14 {
  padding: 0pt 5.4pt 0pt 5.4pt;
  border-top-width: 1pt;
  border-right-width: 1pt;
  border-left-width: 1pt;
  width: 49.9pt;
}

.podarch .c10 {
  padding: 0;
  border-top-width: 1.5pt;
  border-right-width: 1pt;
  border-left-width: 1.5pt;
  border-bottom-width: 1.5pt;
  width: 22pt;
}

.podarch .c53 {
  border-top-width: 1.5pt;
  border-right-width: 1.5pt;
  border-left-width: 1pt;
  border-bottom-width: 1.5pt;
  width: 176pt;
}

.podarch .c28 {
  padding: 0pt 5.4pt 0pt 5.4pt;
  border-top-width: 1pt;
  border-right-width: 1.5pt;
  border-left-width: 1pt;
  width: 176pt;
}

.podarch .c29 {
  font-weight: 400;
  font-size: 11pt;
  padding-top: 6pt;
}

.podarch .c17 {
  padding: 0; /*padding:3pt 5.4pt;width:32.9pt;*/
  border-top-width: 1pt;
  border-right-width: 1pt;
  border-left-width: 1.5pt;
}

.podarch .c48 {
  padding: 0pt 5.4pt 0pt 5.4pt;
  border-top-width: 1.5pt;
  border-right-width: 1.5pt;
  border-left-width: 1pt;
  border-bottom-width: 1.5pt;
  width: 77.7pt;
}

.podarch .c12 {
  padding: 0pt 5.4pt 0pt 5.4pt;
  border-top-width: 1.5pt;
  border-right-width: 1pt;
  border-left-width: 1pt;
  border-bottom-width: 1.5pt;
  width: 49.9pt;
}

.podarch .c0 {
  padding: 3pt 5.4pt;
  border-top-width: 1pt;
  border-right-width: 1pt;
  border-left-width: 1.5pt;
  width: 162.8pt;
  line-height: 1.2;
}

.podarch .c38 {
  font-weight: 700;
  font-size: 11pt;
  margin-left: 280px;
}

.podarch .uhrada {
  margin-top: 10pt;
  text-align: right;
}

.podarch .c2 {
  font-weight: 400;
  font-size: 9pt;
}

.podarch .patFooter {
  padding-top: 3pt;
  padding-bottom: 0;
  text-align: justify;
  height: 105px;
  background: #fff;
}

.podarch .patHeader {
  margin-left: -5.4pt;
  border-spacing: 0;
  border-collapse: collapse;
  margin-right: auto;
}

.podarch {
  background-color: #fff;
  box-shadow: 0 0 0.3cm rgba(0, 0, 0, 0.3);
  color: #000;
  font-family: "Times New Roman";
  font-size: 10pt;
  line-height: 1;
  margin: 0 auto;
  padding: 50px 40px;
  position: relative;
  width: 800px;
}

.podarch .c19 {
  height: 56.7pt;
  font-size: 11pt;
}

.podarch .c21 {
  height: 22.7pt;
}

.podarch .c49 {
  height: 17pt;
}

.podarch .divHeader {
  margin: 10px 0;
}

.table_elem-delete {
  width: 1rem;
}

@media print {
  .posta-table {
    margin-bottom: 0;
  }
  .podarch {
    width: 100%;
    box-shadow: none;
    padding: 0;
    page-break-inside: auto;
  }
  .podarch tr,
  .patFooter {
    page-break-inside: avoid;
    page-break-after: auto;
  }
  .table_item .localparty {
    padding-top: 0;
    padding-bottom: 0;
    height: inherit;
  }
}
.honorare-table {
  border: 1px solid #f2b431;
}

.honorare-table .table-title {
  border-bottom-color: transparent;
  box-shadow: 0 1px 0 #f2b431;
  position: sticky;
  top: 60px;
  z-index: 1;
  font-weight: bold;
}

.honorare-table th {
  background-color: #fff;
  color: #000;
}

.honorare-table tbody tr:nth-child(odd) {
  background-color: #fdf0d5;
}

.honorare-table .table-title {
  border-bottom: 2px solid #f2b431;
}

.honorare-table .table_item-create {
  border-top: 2px solid #f2b431;
}

.b_report_red {
  background: #eaeaea;
}

.b_report_eko {
  background: #fffcf2;
}

.b_addr_eko {
  background: #f8e6de;
}

.hon1 {
  border-left: 2px solid #900;
  color: #900;
}

.hon2 {
  border-left: 2px solid #999;
}

.hon3 {
  color: #999;
}

.honor_red {
  width: 100%;
}

.honor_red thead {
  height: 90px;
}

.honor_red th:first-child,
.honor_red td:first-child {
  border-left: 1px solid #ccc;
}

.honor_red th,
.honor_red td {
  border-right: 1px solid #ccc;
  vertical-align: top;
}

.honor_red .table_toolbar > td {
  border: none;
}

.honor_red tbody {
  font-family: Consolas, "Courier New", Courier, monospace;
}

.honor_red_subject {
  font-weight: bold;
  background-color: #ddd;
}

.honor_red_total {
  font-weight: bold;
  background-color: #ddd;
  border-top: 2px double #000;
}

/*
.honorare-heading {
	margin: 0;
	padding: 0;
}*/
@media print {
  .honorare-table .table-title {
    position: static;
  }
}
.archive_tbl_part {
  background: #fff;
}

.footer {
  display:none;
}

.sehfund.body-inner {
  height:calc(100vh - 70px);
  /* overflow:hidden; */
}

.sehfund.body-inner > div:not(.is_hidden) {
  width:100%;
  display:flex;
  flex-direction:column;
  height: 100%;
}

.sehfund.body-inner > div > div:first-child {
  flex-shrink: 0;
  height:44px;
  width:100%;
}

.sehfund.body-inner > div > .archive_tbl_part,
.sehfund.body-inner > div > .maintable_part,
.sehfund.body-inner > form > .row-nowrap {
  overflow: auto;
	/* height: 80vh; */
  flex:1;
  width: 100%;
}

.sehfund.body-inner > div:not(.is_hidden).row.col100 {
  flex-direction: row;
  align-content: flex-start;
}

#colMenu {
  position: absolute;
  z-index: 5;
  box-shadow:0 1px 2px rgba(0,0,0,.5);
}

#colMenu ul {
  margin: 0;
  padding: 5px;
  background:#fff;
  list-style: none;
}

#colMenu label {
  cursor: pointer;
  user-select: none;
}

#colMenu input {
  cursor: pointer;
}

#colMenu li {
  cursor: ns-resize;
}

#colMenu li:hover {
  background:#f0f0f0;
}

.sehfund.body-inner .honorare-table .table-title {
  background:#fff;
  top: -1px;
}

.sehfund.body-inner button.active {
  background-color: #f2b431;
  box-shadow: inset 0 2px 0 rgba(0,0,0,.2);
}

.sehfund.body-inner .honorare-table .table-title th {
  outline:1px solid #f2b431;
  position:relative;
  left:1px;
}

.sehfund.body-inner .honorare-table td {
  overflow: hidden;
}

.sehfund.body-inner .toolbar {
  /* position: sticky; */
  box-shadow: 0 -10px 0 0px #fff;
  /* top: 0; */
  /* z-index: 9; */
}

.sehfund.body-inner .form-label {
  background-color: #faeed3;
  padding: 10px 0 5px 10px;
  margin: 10px 0;
}

.sehfund.body-inner .group-label {
  background-color: #faeed3;
}

.sfform_part {
  width: 100%;
}

.sf_bcols {
  max-width: 200px;
  flex-direction: column;
}

.sf_zooo .formItem-label {
  flex: 0 0 60px;
  white-space: nowrap;
}

.zapisky {
  overflow-y: auto;
  max-height: 600px;
}

.sf_mailtext {
  background: #fbf7e1;
  border: 1px solid #999;
  font-family: inherit;
  font-size: inherit;
  height: 430px;
  line-height: 1.2;
  padding: 30px 10px;
  text-align: justify;
  white-space: pre-wrap;
  width: 100%;
}

.sf_mailsubj {
  background: #fbf7e1;
  border: 1px solid #999;
  font-weight: bold;
  margin: 35px 0 15px 0;
  padding: 5px 0;
  text-align: center;
  width: 100%;
}

.sf_mailtext:hover,
.sf_mailtext:focus,
.sf_mailsubj:hover,
.sf_mailsubj:focus {
  border-color: #000;
}

.pricelist tr:nth-child(odd) td:not(.plain) {
  background: #e7f1d1;
}

.pricelist tr:nth-child(even) td:not(.plain) {
  background: #fff;
}

.pricelist .input-number {
  text-align: right;
}

.pricelist td.plain {
  background: linear-gradient(0deg, #dadfec 0%, #fdfdfe 100%);
}

.zapisek {
  border-radius: 5px;
  padding: 6px 10px;
  margin-top: 10px;
  position: relative;
}

.zap_del {
  color: #900;
  right: 0;
  position: absolute;
  text-align: center;
  text-decoration: none;
  top: 0;
  width: 16px;
  display: none;
  font-size: 2rem;
  line-height: 0.5;
}

.zapisek:hover .zap_del {
  display: inline;
}

.zap_del:hover {
  background: #900;
  color: #fff;
}

.zap_text {
  border: 1px solid #69f;
  background-color: #def;
}

.zap_data {
  border: 1px solid #6c9;
  background-color: #efd;
}

.zap_email {
  border: 1px solid #a9a;
  background-color: #eee;
}

.formItem.sf_total {
  font-weight: bold;
  border-top: 1px solid #999;
  margin-top: 8px;
  padding-top: 5px;
}

.formItem.sf_total input {
  font-weight: bold;
}

.button-spotlight {
  animation: spotlight 2s infinite;
}

@keyframes spotlight {
  0% {
    box-shadow: 0 0 0 0 rgb(255, 0, 0);
  }
  50% {
    box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 10px rgba(255, 0, 0, 0);
  }
}
.toolbar:hover .button-spotlight {
  animation: none;
}

.button-spotlight:hover {
  box-shadow: 0 0 0 2px #f00;
}

.button-letter {
  background-color: #e7a61a;
  background-image: linear-gradient(to bottom, #f7c62a, #e7a61a);
  border-color: #d7960a;
  transition: 0.4s all;
}

.button-letter:hover {
  background-color: #e7a61a;
  background-image: none;
  border-color: #a60;
  transition: 0.2s all;
}

.sf_stats {
  width: 205px;
  flex-direction: column;
}

.stats_claims tr:nth-child(2) td:nth-child(2) {
  color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.stats_summary td {
  padding: 3px 0;
}

.stats_summary td:first-child {
  padding-left: 10px;
}

.stats_summary td:last-child {
  padding-left: 5px;
  padding-right: 10px;
}

.ownfault_part .input-binary {
  display: none; /* Hide the default checkbox */
}

.ownfault_part .input-binary + .formItem-label {
  background-color: #f3f3f3;
  background-image: linear-gradient(to bottom, #fff, #e6e6e6);
  border-radius: 4px;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block;
  flex: 0 0 100%;
  padding: 6px 0;
  text-align: center;
}

.ownfault_part .input-binary + .formItem-label::before {
  content: "☐";
  margin-right: 0.4rem;
}

.ownfault_part .input-binary:checked + .formItem-label {
  background-color: #f66;
  background-image: linear-gradient(to bottom, #fee, #fcc);
  color: #c00;
  border-color: #c00;
}

.ownfault_part .input-binary:checked + .formItem-label::before {
  content: "☑";
}

.notepad_body {
  max-height: 600px;
  overflow: auto;
}

#notepad td {
  padding: 0;
}

#notepad textarea {
  resize: none;
}

.hidden {
  display: none;
}

#notepad .button {
  padding: 4px;
  min-width: 2rem;
}

.sf_tabs {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  background: #fff;
}

.sf_tabs a {
  display: flex;
  padding: 8px 12px 2px 12px;
  color: #666;
  text-decoration: none;
}

.sf_tabs a.is_selected {
  background: #f3f3f3;
  padding: 6px 12px 4px 12px;
  color: #000;
  border: 1px solid #ccc;
  border-bottom: none;
}

.sf_tabs a:hover {
  cursor: pointer;
  color: #000;
  background-color: #f9f9f9;
}

.form-compact .prispevek {
  flex: 0 0 265px;
}

.form-compact .prispevek .formItem {
  min-width: 232px;
}

.form-compact .prispevek .button {
  position: relative;
  top: 1px;
  padding: 4px 0;
  min-width: 2rem;
}

.bstat_eid_part {
  position: relative;
}

.bstat_eid_part .picker_items {
  margin-left: 120px;
}

.filtering {
  background-color: #faeed3;
}

.sehfund .stats h3 {
  margin: 10px 0 0 0;
}

.sehfund .table_item.bold {
  font-weight: bold;
}

.sehfund .archive td {
  background: #eee;
  color: #666;
}

@media print {
  .sf_mailsubj,
  .sf_mailtext {
    border: none;
    background: none;
    resize: none;
  }
  .sehfund .group-label,
  .sehfund .zapisek,
  .sehfund .zo_name_part,
  .sehfund .form-label,
  .sehfund .formItem {
    display: none;
  }
  .sf_zooo .formItem {
    display: flex;
  }
}
.sf_trh td {
  color: transparent;
  background: #faeed3;
  font-weight: bold;
}

.sf_trh td:first-child {
  color: inherit;
}

.sf_trl td, .sf_trx td {
  color: transparent;
}

.sf_trx td:first-child,
.sf_trl td:first-child,
.sf_trl td:last-child {
  color: inherit;
}

.sf_trx td:last-child {
  color: transparent;
}

.subsidyreport_table h3 {
  margin: 0;
}

.inzerce-table {
  border: 1px solid #8898c4;
}

.inzerce-table .table-title {
  border-bottom-color: transparent;
  box-shadow: 0 1px 0 black;
  position: sticky;
  top: 60px;
  z-index: 1;
}

.inzerce-table th {
  background-color: #475a8d;
  color: #fff;
  font-weight: 500;
}

.inzerce-table tr:nth-child(odd) {
  background-color: #d8ddeb;
}

.inzerce-table .table_item-create {
  border-top: 2px solid #475a8d;
}

.inzerce-table .size_xs {
  max-width: 6rem;
}

/*
.inzerce-table .size_xs::-webkit-calendar-picker-indicator {
    display: none;
}
*/
.inzerent,
th.inzerent {
  background: linear-gradient(0deg, #f8f1cc 0%, #fffefc 100%);
  color: #000;
}

.advert_detail .form-label {
  margin-top: 20px;
  margin-bottom: 10px;
}

.advert_detail.canceled .date_cancel {
  border-color: #900;
  color: #900;
  font-weight: bold;
}

.advert_detail .formItem-label {
  flex: 0 0 100px;
}

.advert_issue .formItem-label {
  flex: 0 0 130px;
}

div.repeats {
  width: 190px;
}

.repeats .formItem {
  min-width: 0;
  padding: 0;
}

.nowrap {
  white-space: nowrap;
}

.repeats .formItem-boolean,
.repeats .formItem-binary {
  white-space: nowrap;
  justify-content: flex-start;
}

.repeats .formItem-label {
  flex: 0 0 20px;
}

.text-counter {
  flex: 1;
  height: 23px;
  position: relative;
  top: 5px;
}

.form-compact .textarea.size_mono40 {
  height: 250px;
}

.advert_detail > .has_group {
  margin-top: 10px;
}

.advert_detail > .has_group,
.advert_detail > .has_group > .is_group {
  gap: 20px;
}

.advert_detail > .has_group > .is_group > div {
  background: #fafafa;
  border: 1px solid #aaa;
  padding: 0 20px 20px 20px;
}

.pricediff > .price_final {
  background: #fbb37e;
  background: linear-gradient(0deg, #fbb37e 0%, #fffaf6 100%);
}

.advdisp > .price_final {
  background: #adffad;
  background: linear-gradient(0deg, #adffad 0%, #fffaf6 100%);
}

.advert_eko {
  border-spacing: 0;
  margin-top: 20px;
  min-width: 600px;
  width: 100%;
}

.advert_eko .advert_heading {
  background: #d8ddeb;
}

.advert_eko .advert_heading .did {
  cursor: pointer;
}

.advert_eko .inactive {
  background: #ddd;
  color: #666;
}

.advert_eko .completed {
  background: #c3d7c7;
}

.advert_eko .selected {
  outline: 2px solid #900;
}

.advert_eko #eko_total {
  white-space: nowrap;
}

.eko_date_filter {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid transparent;
  color: #00f;
  cursor: pointer;
  padding: 4px 0 0 0;
}

.eko_date_filter:hover {
  border-color: #d8ddeb;
}

#date_taxable,
.eko_date_taxable {
  background: #fff;
  border: none;
  cursor: pointer;
  font-weight: bold;
  padding: 0;
  position: absolute;
  right: -16px;
  width: 90px;
}

.eko_date_taxable::-webkit-datetime-edit-year-field {
  color: #fff;
}

#date_taxable_text {
  background: #fff;
  position: inherit;
  z-index: 1;
}

.esd {
  border-bottom: 1px solid #d8ddeb;
  border-top: 1px solid #d8ddeb;
}

.esd-valid {
  background: #dfd;
}

.esd-missing {
  background: #ffd;
}

.esd-invalid {
  background: #fee;
}

.esd-missing .eko_summary_discount,
.esd-invalid .eko_summary_discount {
  border-color: #c00;
}

.esd_label {
  display: inline-block;
  padding-right: 0;
}

.esd_amount {
  text-align: right;
  border-left: 1px solid #46598d;
  border-bottom: 1px solid #d8ddeb;
  border-top: 1px solid #d8ddeb;
}

.esd_invoice {
  border-bottom: 1px solid #d8ddeb;
}

.esd_invoice .eko_summary_invoice:-moz-placeholder-shown {
  border-color: #900;
}

.esd_invoice .eko_summary_invoice:placeholder-shown {
  border-color: #900;
}

.elm_print_inline:active,
.elm_print_inline:focus {
  border-color: #000;
}

.adv_storno td {
  background: #ededed;
}

.adv_storno td.plain,
.adv_storno select,
.adv_storno input {
  opacity: 0.5;
  background: #ddd;
}

.adv_storno select,
.adv_storno input {
  pointer-events: none;
}

.adv_storno input.adv_storno {
  box-shadow: inset 0 0 1px #900;
  color: #900;
  opacity: 1;
}

.button-badge:not([data-badge="0"]) {
  z-index: 1;
}

.button-badge::after {
  background-color: #c33;
  border-radius: 50%;
  color: #fff;
  content: attr(data-badge);
  display: none;
  font-size: 12px;
  font-weight: bold;
  padding: 4px 8px;
  position: absolute;
  right: -8px;
  top: -8px;
}

.button-badge:not([data-badge="0"])::after {
  display: block;
  z-index: 2;
}

.button-badge[disabled]::after {
  display: none;
  content: "0";
}

.split .formItem-inactive {
  color: #999;
}

.adverts_part .table_item-inactive .inactive {
  opacity: 1;
}

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

.repeats li {
  margin: 2px 0;
}

.repeats ul label::before {
  content: attr(data-prefix);
}

.repeats .input-binary {
  margin: 0 10px;
}

.repeats ul li.is_selected {
  color: inherit;
  background: inherit;
  border: inherit;
}

.repeats ul li.others,
.others {
  background-color: #ffe0c0;
}

#advert_text_toolbar {
  position: absolute;
  display: none;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #ccc;
  z-index: 2;
}

#advert_text_toolbar button {
  cursor: pointer;
}

@media print {
  .advert_heading.inactive {
    display: none;
  }
}
.offdays {
  background: #fff;
  border-collapse: collapse;
}

.offdays th,
.offdays td {
  border: 1px double #000;
  padding: 2px 5px;
  line-height: 1;
  text-align: center;
}

.offdays td[title^="-"] {
  color: #c00;
  font-weight: bold;
}

.work.is_selected {
  background: #e7a61a;
}

.work.is_selected > label {
  opacity: 0.5;
}

.work.loader {
  position: relative;
  overflow: hidden;
  color: transparent;
}

.work.loader:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  border: 1px solid #000;
  border-top-color: transparent;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
  transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
}

.work.loader:after {
  opacity: 1;
}

.offday1 {
  background: #ff0;
}

.offday2 {
  background: #f00;
}

.absences {
  width: 420px;
  table-layout: fixed;
}

.abs {
  color: #666;
  background: #f6f6f6;
}

.abs_add {
  color: #060;
  background: #efe;
}

.abs_prehled {
  margin-top: 0px;
}

.abs_vacation {
  background: #fefada;
  padding-right: 10px;
}

.abs_cpstime {
  background: #f6e8fe;
  padding-right: 10px;
}

.abs_sickleave {
  background: #fff5ef;
  padding-right: 10px;
}

.abs_sickday {
  background: #f2dcdb;
  padding-right: 10px;
}

.abs_detail .abs_prehled h3 {
  margin-bottom: 5px;
}

.abs_prehled.form-compact .formItem {
  min-width: 200px;
}

.abs_prehled .formItem-label {
  margin: 3px 10px 0 0;
  flex: 0 0 120px;
}

.worker_form .formItem-label {
  margin: 3px 10px 0 0;
  flex: 0 0 72px;
}

.abs_prehled .formItem-number.formItem-plain {
  min-width: 160px;
  justify-content: space-between;
}

.vaccal_arrow {
  color: #000;
  text-decoration: none;
}

.offdays tr:hover .abs_name {
  background: #ffa;
}

.workitem.is_selected,
.workitem:hover {
  color: #000;
  text-shadow: 0 0 5px #fff;
  background: #e7a61a;
  cursor: pointer;
  border: none;
}

.abs_name > a {
  color: #000;
  display: block;
  padding: 2px 5px;
}

.form-compact .contracts {
  height: 39px;
}

.abs_detail .form-label {
  margin: 10px 0 0 0;
}

.worker_form {
  margin-top: 10px;
}

.abs_elem_id.is_add option {
  display: none;
}

.abs_elem_id.is_add option[value="131"],
.abs_elem_id.is_add option[value="132"],
.abs_elem_id.is_add option[value="133"] {
  display: block;
}

.work input[disabled] {
  opacity: 1;
  filter: invert(100%) hue-rotate(18deg) brightness(5);
}

.overview-heading {
  display: none;
}

@media screen {
  td.abs_name {
    position: sticky;
    left: 75px;
    background: #fff;
    border-right: 1px solid #ccc;
    text-align: left;
    padding: 0;
  }
  .abs_name > a:hover {
    color: #900;
  }
  .vaccal_arrow:hover {
    color: #e7a61a;
  }
  .offdays tbody .work:hover {
    box-shadow: inset 0 0 0 1px red;
  }
}
@media print {
  td.abs_name {
    text-align: left;
  }
  td.abs_name > a {
    color: inherit;
    text-decoration: none;
  }
  .vaccal_arrow {
    display: none;
  }
  .printsum .work {
    display: none;
  }
  .printsum .abs_name > a {
    color: #000;
    text-decoration: none;
  }
  .workitem-add {
    color: #c00;
  }
  .printsum .overview-heading {
    display: block;
    text-align: center;
    padding: 5px 0;
    font-size: 1rem;
    white-space: pre;
  }
  .toolbar {
    display: none;
  }
}
.subsidy-table thead {
  position: sticky;
  top: 145px;
  z-index: 2;
  box-shadow: 0 1px 0 1px #c33;
  outline: 1px solid #c33;
}

.storno_1 {
  background: #ff0000;
  background: linear-gradient(0deg, #ff0000 0%, #ffffff 50%, #ff0000 100%);
}

.pkp_A,
.pkp_N {
  text-align: center;
  font-size: 1rem;
}

.pkp_N > .input-boolean,
.pkp_N > .input-binary {
  width: auto;
  box-shadow: 0 0 5px 2px #f00;
}

.pkp_,
.green.pkp_0,
.pkp_0 {
  color: #fff;
  background: #d56705;
  background: linear-gradient(0deg, #ffffff 0%, #d56705 50%, #ffffff 100%);
}

.beekeeper_detail {
  border-collapse: separate;
  border-spacing: 0;
  font-size: 11pt;
  font-family: Calibri;
  border-left: 1px solid #000;
  border-top: 1px solid #000;
}

.beekeeper_detail thead {
  display: none;
}

.beekeeper_detail td:first-child {
  background: #ebf1de;
  background: linear-gradient(90deg, #ffffff 0%, #ebf1de 100%);
}

.beekeeper_detail td {
  padding: 2px 10px;
  border-bottom: 1px dotted #000;
  border-right: 1px dotted #000;
}

.beekeeper_detail tr:first-child td:first-child {
  background: #dee8f3;
  background: linear-gradient(0deg, #dee8f3 0%, #ffffff 100%);
  font-weight: bold;
  font-size: 1.5rem;
}

.beekeeper_detail tr:first-child td:last-child {
  background: #dee8f3;
  background: linear-gradient(180deg, #dee8f3 0%, #ffffff 100%);
  font-weight: bold;
  font-size: 1.2rem;
}

.toolbar-subsidy {
  width: 300px;
  flex-wrap: wrap;
  row-gap: 0;
}

.toolbar-subsidy .button {
  height: 36px;
}

.smlouvy > div {
  width:100%;
}

.contracts {
  /* height:100vh; */
  display:flex;
  flex-direction: column;
}

.contracts .footer {
  display:none;
}

.contracts .body {
  padding:0;
  /* height:100vh; */
}

.contracts .body-inner {
  flex: 1 1 auto;
  padding-top:70px;
}

.export_part {
  overflow: auto;
  height: calc(100vh - 115px);;
  width:100%;
}

.export_part thead {
  position: sticky;
  top: 0;
  background:#fff;
}

.export_part thead,
.export_part thead tr {
  box-shadow: -3px 0 0 1px #ddf;
}

.contracts .formItem {
  width: 20vw;
}

.contracts input {
  display: flex;
  flex: 1;
  align-content: center;
}

.contracts .files {
  width: 100%;
}

.contracts h3 {
  background: #eee;
  padding: 5px 0 5px 10px;
  margin: 0;
}

.contracts .new_file {
  margin-top: 30px;
}

.contracts .formItem.size41 {
  width: 41vw;
}

.contracts .notes {
  margin-top: 2rem;
  flex-direction: column;
}

.contracts .formItem-boolean {
  padding: 0;
  flex-direction: row;
  justify-content: flex-start;
}

.contracts .formItem-boolean .input-boolean {
  flex: 0;
}

.contracts .formItem-boolean .formItem-label {
  flex: 0 0 80px;
}

.contracts .export {
  background: #fff;
}

.contracts .export a {
  color: inherit;
  text-decoration: none;
  cursor: text;
  pointer-events: none;
}

.contracts .export tr:hover td {
  background: #f9f9f9;
}

.contracts .export td {
  border: 1px solid #ccc;
}

.contracts .indef {
  background-color: #efe !important;
}

.contracts .ending {
  background-color: #fee !important;
}

.contracts .ended {
  opacity: .5;
}

.contracts-table thead {
  position:sticky;
  top:111px;
  z-index: 1;
}
.contracts-table thead th {
  outline: 1px solid #fff;
}
.contract_toolbar {
  position:sticky;
  top:70px;
  outline:10px solid #fff;
  z-index: 1;
}


.perms_part ul,
.modules {
  margin: 0;
  padding: 0;
  list-style: none;
}

.modules a {
  display: block;
  color: #999;
}

.modules .used a {
  color: #000;
}

.perms_part ul input {
  margin-right: 6px;
}

.help .warning {
  border: 1px solid #b7584f;
  background: #f9e8e7;
  padding: 10px 15px;
  margin-top: 10px;
}

.help-content {
  align-items: flex-start;
  flex-direction: column;
  display: flex;
  height: 100%;
  width: 100%;
}

.help-content.help_toc {
  flex-direction: row;
  gap: 20px;
}

.help-content code {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  padding: 0 2px;
}

.help .warning strong:first-child {
  color: #900;
}

.help .note {
  border: 1px solid #4f96b7;
  background: #e7f2f9;
  padding: 10px 15px;
  margin-top: 10px;
}

.help .note strong:first-child {
  color: #276baa;
}

.help h3 {
  border-bottom: 2px solid #68a;
  background: #def;
  padding: 8px 0 5px 12px;
  font-size: 1.3rem;
  /*position: sticky;
  top: 60px;*/
}

.help h4 {
  border-bottom: 1px solid #68a;
  color: #369;
  font-size: 1.2rem;
  font-weight: normal;
  margin: 30px 0 6px 0;
}

.help-modified {
  color: #999;
  font-size: 0.6rem;
  margin-top: 16px;
  text-align: right;
}

.help_table {
  border-collapse: collapse;
}

.help_table td {
  border-bottom: 1px solid #ddd;
}

.help_th > th {
  border-bottom: 1px solid #68a;
  background: #def;
}

.help pre {
  background: #f4f4f4;
  width: 100%;
  overflow-x: auto;
  -moz-tab-size: 4;
    -o-tab-size: 4;
       tab-size: 4;
}

.help_btn {
  font-family: inherit;
  font-size: inherit;
  background: #eee;
  padding: 0 5px;
  border-radius: 3px;
  margin: 0 1px;
  border-bottom: 1px solid #666;
  border-right: 1px solid #666;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  white-space: nowrap;
}

.help_content {
  line-height: 1.3;
}

.help_content img {
  max-width: 100%;
}

.body-max1000 .help_content .image {
  max-width: 960px;
}

h3 {
  display: flex;
}

h3 > .button {
  margin: 0 10px 0 auto;
  padding: 0 10px;
  border: none;
  display:flex;
  justify-content:center;
  min-width:1rem;
}

h3 > .button:hover {
  box-shadow: 0 0 0 1px #999;
}


.contparty, .contparty .formItem {
  max-width: 430px;
}
.contparty .date {
  flex: 0;
}
.contparties {
  max-width: 880px;
  gap: 20px;
}

.history {
  padding-top: 20px;
}
.history table {
  width:100%;
}