.HLAS-BLOK
{
     vertical-align: top;
     text-align: center;
     padding: 25px;
     display: inline-block;
}

.SBORMISTR-BLOK
{
     vertical-align: top;
     text-align: center;
     padding: 25px;
}

@media (min-width: 1000px) {
     
     .HLAS-BLOK
     {
          width: 25%;
     }
     
}

@media (min-width: 600px) and (max-width: 1000px) {
     
     .HLAS-BLOK
     {
          width: 50%;
     }
}

@media (max-width: 600px) {
     
     .HLAS-BLOK
     {
          width: 100%;
     }
     
}

.HLAS-BLOK DIV
{
     padding: 10px;
}

.HLAS-BLOK DIV SPAN
{
     display: block;
}



.DLAZDICE
{
     text-align: center;
     color: var(--basic-fg);
     border-width: 3px;
     border-style: dotted;
     border-color: var(--basic-fg);
     padding: 15px;
}

.DL-AKTIVNI
{
     background-color: var(--diff1-bg);
}

.DL-POZASTAVENY
{
     background-color: var(--diff2-bg);
}

.DLAZDICE:hover
{
     background-color: var(--basic-bg-hover) !important;
}

.DLAZDICE > I
{
     position: absolute;
     display: block;
     font-size: 150%;
     background-color: var(--basic-bg-hover);
     padding: 5px;
     right: 10px;
     bottom: 10px;
     z-index: 2001;
     border-radius: 100%;
     transition: .3s;
}

.DL-AKTIVNI:hover > I
{
     background-color: var(--diff2-bg);
}

.DL-POZASTAVENY:hover > I
{
     background-color: var(--diff1-bg);
}

.DLAZDICE I:hover
{
     background-color: var(--basic-bg);
}

.JS-VYHLEDANI
{
     display: none;
}