#te1, #tet {
	width: 100%;
	height: 375px;
	border: 1px solid silver;
	color: #5a5959;
}

#te2 {
	height: 346px;
}

#te3 {
    float: right;
}

#tet {
    -webkit-writing-mode: horizontal-tb;
    text-rendering: auto;
    color: -internal-light-dark(black, white);
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    background-color: #f9f9f0;
    -webkit-rtl-ordering: logical;
    flex-direction: column;
    resize: auto;
    cursor: text;
    overflow-wrap: break-word;
    column-count: initial;
    margin: 0em;
    border-image: initial;
    padding: 2px;
	color: #5a5959;
}

@media (max-width: 992px) {
	#te1, #tet {
		height: 300px;
	}
	#te2 {
		height: 261px;
	}
}

@media (max-width: 768px) {
	#te1, #tet {
		height: 100px;
	}
	#te2 {
		height: 61px;
	}
}

.tultip {
  position: relative;
}

.tultip .tultiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -70px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tultip .tultiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tultip:hover .tultiptext {
  visibility: visible;
  opacity: 1;
}

.belo {background: white;}

.sakrij {display: none;}

#myTable {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #ddd;
  font-size: 18px;
}

#myTable th {
  position: sticky;
  top: 0;
  background-color: #f1f1f1;
}

#myTable th, #myTable td {
  text-align: left;
  padding: 12px;
}

#myTable tr {
  border-bottom: 1px solid #ddd;
}

#myTable tr.header, #myTable tr:hover {
  background-color: #f1f1f1;
}