.napoveda {
  min-width: 300px;
  display: flex;
  align-items: center;
  flex-direction: column;
  background-color: #ffffff;
  padding: 0;
  position: relative;
}

.napoveda_vstup {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
}

.napoveda_vstup input {
  font-family: "Ubuntu";
  width: 290px;
  padding: 10px;
  box-sizing: border-box;
  border: 2px solid #d0e8ff;
  text-align: center;
  border-radius: 3px;
}

.napoveda_vstup input:focus {
  border: 2px solid #9bb1c7;
  outline: none;
  background-color: #fffff6;
}

.napoveda_vystup_container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0;
}

.napoveda_vystup {
  display: flex;
  flex-direction: column;
  width: 280px;
  z-index: 500;
  max-height: 200px;
  border: 1px solid #f3f9ff;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 5px 15px 1px rgba(100, 100, 100, 0.2);
  scrollbar-width: none;
  overflow-y: scroll;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  box-sizing: border-box;
  background-color: #ffffff;
}

.napoveda_vystup::-webkit-scrollbar {
  display: none;
}

.napoveda_vystup button {
  font-family: "Ubuntu";
  font-weight: bold;
  width: 100%;
  border: none;
  color: #444;
  font-size: 12px;
  cursor: pointer;
  padding: 10px;
}

.napoveda_vystup button:nth-child(odd) {
  background-color: #f9f9f9;
}

.napoveda_vystup button:nth-child(even) {
  background-color: #e9f4ff;
}

.napoveda_vystup button:hover {
  background-color: #c6e5ff;
}

.napoveda_infobox {
  background-color: #f0f8ff;
  font-weight: 500;
  color: #3d5988;
  margin: 5px;
  padding: 10px;
  border-radius: 5px;
  /* border: 2px solid #ffffff; */
  width: 270px;
  text-align: center;
}