/* global.css */

.modal_a {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    /* Upraveno na 100%, aby pokrylo celou šířku okna */
    height: 100%;
    /* Upraveno na 100%, aby pokrylo celou výšku okna */
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.4);
    }

.modal-content_a {
    background-color: #fefefe;
    margin: 5% auto;
    /* Upraveno na 5% pro správné vertikální zarovnání */
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
    /* Upraveno na 50% pro požadovanou šířku */
    height: 90%;
    /* Přidáno pro požadovanou výšku */
    position: relative;
    /* Přidáno pro správné zobrazení zavíracího tlačítka */
    overflow: auto;
    /* Přidáno, aby obsah přesahující výšku byl posuvný */
    }

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    /* Přidáno pro správné zobrazení zavíracího tlačítka */
    top: 0;
    right: 10px;
    }

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
    }

#searchResultsModal .modal-dialog {
        max-width: 90%;
        width: auto;
    }    



/* INDICATOR NACITANI */
#loadingIndicator {
    display: none; /* Skryté jako výchozí */
    position: fixed; /* Přizpůsobí se viewportu a ne stránce */
    top: 50%; /* Umístění na střed obrazovky svisle */
    left: 50%; /* Umístění na střed obrazovky vodorovně */
    transform: translate(-50%, -50%); /* Přesunutí indikátoru zpět o polovinu jeho výšky a šířky */
    z-index: 1000; /* Zajistí, že bude nad ostatními prvky */
}   

/* CSS pro změnu vzhledu interaktivních řádků tabulky pro GLOBAL SEARCH*/
#resultsTable tbody tr.search-result-item:hover {
    cursor: pointer;  /* Změna kurzoru na rukou */
    color: blue;      /* Modrá barva textu */
}

/* TOTO JE KVULI GLOBALNIMU MODAL SEARCH OKNU, ANY ZAVIRACI KRIZEK A MAZACI TLACICKO BYLY VEDLE SEBE */
.modal-header .btn-secondary {
    margin-right: .5rem; /* Přidává mezery mezi tlačítky */
}

/* Toto CSS nastaví všechny buňky tak, aby text, který se nevejde, byl ukončen trojtečkami, a také můžete nastavit maximální šířku pro buňky, pokud chcete omezit, jak moc mohou být široké. */
#resultsTable td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px; /* Můžete upravit podle potřeby */
}


/* ################################
Zobrazovani na malych zarizenich
################################

Zatim pouze v studio.html u predhledu plateb */


/* Styl pro obrazovky menší než 768 pixelů (např. mobily) */
@media (max-width: 767px) {
    .col-lg-2, .col-lg-4, .col-lg-6 {
        font-size: 8px; /* Menší písmo pro malé obrazovky */
    }
}

/* Styl pro obrazovky mezi 768 a 991 pixely (např. tablety) */
@media (min-width: 768px) and (max-width: 1919px) {
    .col-lg-2, .col-lg-4, .col-lg-6 {
        font-size: 10px; /* Střední velikost písma pro střední obrazovky */
    }
}

/* Styl pro obrazovky větší než 1920 pixely (např. desktop) */
@media (min-width: 1920px) {
    .col-lg-2, .col-lg-4, .col-lg-6 {
        font-size: 16px; /* Větší písmo pro velké obrazovky */
    }
}