#vyhledat {
  width: 27px;
  height: 27px;
  vertical-align: bottom;
}
#vyhledatInput {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  border-radius: 0;
  border-bottom: 3px white solid;
  background: rgba(255, 255, 255, 0.2);
  text-align: left;
  min-width: 27px;
  max-width: 9000px;
  width: 100%;
  padding: 12px 20px;
  color: #f0f0fa;
  font-family: "Roboto", sans-serif;
  font-size: 16pt;
  padding: 3px;
}
#vyhledatInput:focus {
  box-shadow: 0px 0px 9px #00b7ff;
  border: none;
  border-bottom: 3px white solid;
  outline: none;
}
#vyhledatInput:hover {
  box-shadow: 0px 0px 6px white;
} /* Change placeholder text color */
input#vyhledatInput::placeholder {
  color: rgba(255, 255, 255, 0.7);
} /* Firefox-specific styles */
@-moz-document url-prefix() {
  .my-input::placeholder {
    color: rgba(255, 255, 255, 0.8);
  }
}
#vyhledatDiv {
  width: 100%;
  margin-bottom: 3px;
}
#vyhledatInput-autocomplete-list,
.autocomplete-items,
.invoice-item-autocomplete-list {
  position: absolute;
  padding: 0.3em 0 0.9em 0;
  text-align: left;
  border: none; /*1px solid rgb(210, 210, 220);*/
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  color: rgb(33, 33, 39);
  background: rgb(233, 233, 239);
  margin: 0;
  z-index: 100;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 85vh;
  -webkit-filter: drop-shadow(0px 6px 6px rgba(39, 39, 39, 0.716));
  box-shadow: drop-shadow(0px 6px 6px rgba(39, 39, 39, 0.716));
  /*transition: height 1s, width 1s, padding 1s, visibility 1s, opacity 0.5s ease-out;*/
}
#vyhledatInput-autocomplete-list div,
.autocomplete-items .autocomplete-item,
.invoice-item-autocomplete-list .autocomplete-item {
  cursor: pointer;
  padding: 3px 0.9em 3px 0.9em;
}
#vyhledatInput-autocomplete-list .autocomplete-icon {
  margin-right: 9px;
}
#vyhledatInput-autocomplete-list div:hover,
.autocomplete-items .autocomplete-item:hover,
.autocomplete-items .autocomplete-item.autocomplete-active,
.invoice-item-autocomplete-list .autocomplete-item:hover,
.invoice-item-autocomplete-list .autocomplete-item.autocomplete-active {
  background: rgb(200, 205, 230);
  cursor: pointer;
}
table.listTable {
  border-spacing: 0;
  border-radius: 9px;
  width: 100%;
}
table.listTable td {
  padding: 12px 18px 12px 18px;
  text-align: center;
}
table.listTable tr {
  background-color: #f1f1f1;
  cursor: pointer;
}
table.listTable tr:hover {
  background-color: #d4e4ff;
}
table.label-value-list {
  border-spacing: 9px;
  width: 100%;
}
table.label-value-list tr td:first-of-type {
  font-family: "Roboto";
  font-weight: bold;
  padding-right: 18px;
  color: rgba(8, 116, 216, 0.574);
}
table.label-value-list tr td:last-of-type {
  width: 100%;
}
table.tableTable td,
th {
  padding-right: 18px;
  padding-left: 9px;
  padding-bottom: 9px;
}
tr.extraTableLine td {
  font-weight: bold;
}
.noPadding {
  padding: 0;
}
.verticalOverflow {
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 50vh;
}
.horizontalOverflow {
  overflow-x: auto;
  overflow-y: hidden;
}
.flexContainer {
  display: flex;
  flex-wrap: wrap; /* Allow items to wrap to the next line */
  margin-right: -18px; /* Adjust for the gutter */
}
.flexItem {
  flex: 1; /* Distribute available space equally among flex items */
  min-width: 270px; /* Ensure flexibility even if content overflows */
  box-sizing: border-box; /* Include padding and border in the total width */
  padding: 10px;
  text-align: center;
  margin-right: 18px;
}