.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;
}