:root {
  --koordinate: lightgray;
  --vodjica: gray;
  --linija: #EA4335;
  --punjenje: gainsboro;
  --x: #34A853;
  --y: #4285F4;
  --x_2: #FBBC05;
  --y_2: #7B0099;
  --t_0: dimgray;
  --t_1: green;
  --t_2: dodgerblue;
  --t_3: orange;
  --t_4: violet;
}
@font-face {
  font-family: "Roboto Mono";
  src: url("Roboto_Mono.ttf");
}
* {
  box-sizing: border-box;
}
body {
  margin: 0;
  border: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: flex-start;
  justify-content: flex-start;
  align-items: flex-start;
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
  font-size: 12px;
}
section {
  width: 100%;
  border-bottom: 1px solid black;
  padding: 10px 20px;
}
div.primer {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  padding: 10px 20px;
  padding-left: 0;
}
svg {
  border: 1px solid black;
  background-color: #FFFFFF;
}
svg.sema {

}
code {
  background-color: #282C34;
  color: #ABB2BF;
  font-weight: bold;
  padding: 15px 30px;
  font: inherit;
  min-height: 200px;
  min-width: 500px;
}
.atribut {
  color: #D19A66;
}
.vrednost {
  color: #98C379;
}
.tag {
  color: #E06C75;
}
table {
  border-collapse: collapse;
}
.opis th {
  background-color: #cccccc;
  text-align: center;
  padding: 4px 10px;
}
.opis td {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 2px 5px;
}
.opis tr:nth-child(even) {
  background-color: #eeeeee;
}
td.req::after {
  content: "*";
  color: tomato;
  font-weight: bold;
  vertical-align: super;
}






.modal {
  display: none; /* Hidden by default */
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}
#modal_zatvori {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  padding: 20px;
  font-size: 35px;
}
#modal_zatvori:hover,
#modal_zatvori:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
.c_green {
  color: green;
}
.c_red {
  color: red;
}
.c_dodgerblue {
  color: dodgerblue;
}
.c_orange {
  color: orange;
}
.c_lightgreen {
  color: lightgreen;
}
.c_violet {
  color: violet;
}
.c_FBBC05 {
  color: #FBBC05;
}
.padding_2_5 {
  padding: 2px 5px;
}
.padding_right_20 {
  padding-right: 20px;
}
.border_bootom_1_s_black {
  border-bottom: 1px solid black;
}