body {
    font-family: Arial, sans-serif; /* Nastavení písma */
}


h1 {
    color: green; /* Změna barvy textu na zelenou */
    font-family: Arial, sans-serif; /* Nastavení písma */
	font-size: 20px;
}
h2 {
    color: green; /* Změna barvy textu na zelenou */
    font-family: Arial, sans-serif; /* Nastavení písma */
	font-size: 18px;  
}

h3 {
    font-family: Arial, sans-serif; /* Nastavení písma */
	font-size: 18px;  
}


textarea {
  resize: horizontal;        /* nebo none, both, horizontal */
  width: 100%;             /* volitelně šířka */
  height: 300px;           /* volitelně výška */
  /*padding: 8px;            trochu prostoru uvnitř */
  font-size: 18px;         /* čitelnější text */
  font-family: Arial, sans-serif;
}


table {
  width: 100%;
  border-collapse: separate;
  border: 2px solid #ccc;
/*  font-family: Arial, sans-serif;  */
  border-radius: 5px;
  overflow: hidden; 
}


th, td {
  border: 0px solid #999;
  text-align: left;
  padding: 4px 4px; 
  font-size: 18px;
  vertical-align: text-top;
  margin: 0;
/*   font-size: clamp(10px, 2vw, 24px);
  padding: 8px 12px; */
}


th {
  background-color: #f2f2f2;
  font-weight: bold;
}

tr:nth-child(even) {
  background-color: #f9f9f9;
}

tr:hover {
  background-color: #e6f7ff;
}

.combo {
/*  background-color: #f9f9f9;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 10px;
  width: 300px;
  font-family: Arial, sans-serif;*/
  font-weight: bold;
  font-size: 18px;
  color:black;
}
.form_add {
/*  background-color: #f9f9f9;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 10px;
  width: 300px;*/
  font-family: Arial, sans-serif;
  font-weight: bold;
  color:green;
  font-size: 18px;
}
.form_text{
/*  background-color: #f9f9f9;
  border: 1px solid #ccc;
  padding: 20px;
  border-radius: 10px;
  width: 300px;*/
  font-family: Arial, sans-serif;
  font-weight: bold;
  width: 100%;  
  color:black;
  font-size: 18px;
}

.button {
  /*background-color: #007bff;    modré pozadí */
  /*color: white;                 bílý text */
  /*border: none;                /* žádný okraj */
  padding: 5px 5px;          /* vnitřní odsazení */
  border-radius: 8px;          /* zaoblené rohy */
  /*font-size: 16px;             /* velikost písma */
  /*font-family: Arial, sans-serif; */
  font-weight: bold;
  cursor: pointer;             /* kurzor při přejetí */
/*  transition: background-color 0.3s ease; */
}

.paging {
  /*background-color: #007bff;    modré pozadí */
  /*color: white;                 bílý text */
  /*border: none;                /* žádný okraj */
  padding: 5px 5px;          /* vnitřní odsazení */
  border-radius: 8px;          /* zaoblené rohy */
  /*font-size: 16px;             /* velikost písma */
  /*font-family: Arial, sans-serif; */
  font-weight: bold;
  cursor: pointer;             /* kurzor při přejetí */
  /*color:red; test */
  text-align: right;
/*  transition: background-color 0.3s ease; */
}

details {
    font-family: Arial, sans-serif; /* Nastavení písma */
	font-size: 16px;  
	text-align: left;
}

summary {
    font-family: Arial, sans-serif; /* Nastavení písma */
	font-size: 18px;  
    color: green; /* Změna barvy textu na zelenou */
	text-align: left;
}