* { 
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-button { width: 0px; height: 0px; }
::-webkit-scrollbar-thumb {background: #004a8b;border: 0px none #ffffff;border-radius: 50px;}
::-webkit-scrollbar-thumb:hover { background: #003e74; }
::-webkit-scrollbar-thumb:active { background: #003e74; }
::-webkit-scrollbar-track {background: #ffffff;border: 0px none #ffffff;border-radius: 50px;}
::-webkit-scrollbar-track:hover { background: #ffffff; }
::-webkit-scrollbar-track:active { background: #ededed; }
::-webkit-scrollbar-corner { background: transparent; }

body { margin: 0; padding: 20px;  font-family: sans-serif; font-size: 16px; }
a    { color: #0074d9;}

/* tabulky */
  
table.table td, table.table th {
  padding: 0px 6px;
}

table.table .table-head tr th, table.table .table-head tr td {
  background: #0074d9;
  padding: 6px;
  color: white;
  border-top: 1px solid #0074d9;
  border-bottom: 1px solid #0074d9;
  border-left: 1px solid #0074d9;
  border-right: 1px solid #0074d9;
}
 
table.table tr.table-total td, table.table tr.table-total th {
  background: #cdd7e1;
  padding: 6px;
  border-top: 2px solid #878787;
  border-left: 1px solid #cdd7e1;
  border-right: 1px solid #cdd7e1;
}

.login_div {

  width: 400px;
  height: 400px;

  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;

}

.positive {
  background-color: green !important;
  color: white !important;
}

.negative {
  background-color: red !important;
  color: white !important;
}

.no-link-style {
  color: blue; 
  text-decoration: none; /* Odstraní podtržení odkazu */
  cursor: pointer; /* Změní kurzor na ukazovátko, aby uživatel věděl, že je odkaz klikatelný */
}

.tile {
  background-color: #ffffff;  /* Bílé pozadí pro dlaždice */
  padding: 10px;              /* Vnitřní odsazení pro obsah dlaždice */
  margin: 5px;               /* Odsazení mezi dlaždicemi a okolím */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  /* Lehký stín pod dlaždicí */
  border-radius: 5px;         /* Zakulacené rohy dlaždice */
}

#top_models tr,
#top_broadcasters tr,
#top_country tr,
#porovnani tr {
    height: 22px;
    vertical-align: middle;
}

#top_models.table-bordered thead th,
#top_broadcasters.table-bordered thead th,
#top_country.table-bordered thead th,
#porovnani.table-bordered thead th {
    border: none;
}

#top_models.table-bordered thead,
#top_broadcasters.table-bordered thead,
#top_country.table-bordered thead,
#porovnani.table-bordered thead  {
    border-bottom: 2px solid #212529;
    border-left: 1px solid #212529;
    border-right: 1px solid #212529;
}

#porovnani tfoot {
  background-color: #212529;
  color: white;
  border: none;
}

.no-style-link {
  text-decoration: none;
  color: blue;
}

/* Tyto styly se tykaji akcii, kde se policko vybarvuje cervene, zelene, nebo stejne, podle toho co je s cenou */
.green-bg {
  background-color: #028000; /* zelená */
  color: white;
}

.red-bg {
  background-color: #ff0000; /* červená */
  color: white;
}

.default-bg {
  background-color: transparent;
  color: black;
}

/* pro jeste mensi buttony, nez v bootstrapu */
.btn-extra-sm {
  padding: 0.125rem 0.25rem; /* Smaller padding */
  font-size: 0.75rem; /* Smaller font size */
  line-height: 1; /* Adjust line height if necessary */
  border-radius: 0.2rem; /* Smaller border radius */
}