/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 11.11.2022, 8:55:10
    Author     : Michal Hodermarský
*/

@media (min-width:360px){
    .adminModal-content {
        width: 90%;
        max-width: 360px;
    }
    table#upravaziaka td.lavastrana, table#ziakArchiv td.lavastrana, table#upravainstruktora td.lavastrana, 
    table#pridatjazdu td.lavastrana, table#pridatjazdyhromadne td.lavastrana, table#vyhodnotitSkusku td.lavastrana, 
    table#zobrazspravuZ td.lavastrana, table#zobrazspravuI td.lavastrana, 
    table#vytvorspravuZ td.lavastrana, table#vytvorspravuI td.lavastrana, table#upravUdalost td.lavastrana, table#udalostArchiv td.lavastrana {
        padding-left: 10px;
    }

    table#upravaziaka td.pravastrana, table#ziakArchiv td.pravastrana, table#upravainstruktora td.pravastrana, 
    table#pridatjazdu td.pravastrana, table#pridatjazdyhromadne td.pravastrana, table#vyhodnotitSkusku td.pravastrana, 
    table#vytvorspravuZ td.pravastrana, table#vytvorspravuI td.pravastrana, table#upravUdalost td.pravastrana, table#udalostArchiv td.pravastrana {
        padding-right: 10px;
    }

    table#upravaziaka td#chybaAdminModalUprav-td, table#upravainstruktora td#chybaAdminModalUprav-td, table#pridatjazdu td#chybaAdminModalJazda-td, 
    table#pridatjazdyhromadne td#chybaAdminModalJazdyHromadne-td {
        padding-left: 10px;
        padding-right: 10px;
    }
    select.cas-ulozit {
        width: 90px;
    }
    input.cas-ulozit {
        width: 90px;
    }
    #adminModalImport, #adminModalUprav, #adminModalJazda, #adminModalJazdyHromadne, #adminModalSkuska, #adminModalDochadzka,
    #adminModalSpravaZ, #adminModalSpravaI, #adminModalVytvorSpravaZ, #adminModalVytvorSpravaI, #adminModalUpravUdalost, #adminModalUdalostArchiv {
        padding-top: 0px; /* Location of the box */
    }
}

@media (min-width:768px){
    .adminModal-content {
        margin: auto;
        width: 80%;
        max-width: 600px;
    }
    table#upravaziaka td.lavastrana, table#ziakArchiv td.lavastrana, table#upravainstruktora td.lavastrana, 
    table#pridatjazdu td.lavastrana, table#pridatjazdyhromadne td.lavastrana, table#vyhodnotitSkusku td.lavastrana, 
    table#zobrazspravuZ td.lavastrana, table#zobrazspravuI td.lavastrana, 
    table#vytvorspravuZ td.lavastrana, table#vytvorspravuI td.lavastrana, table#upravUdalost td.lavastrana, table#udalostArchiv td.lavastrana {
        padding-left: 45px;
    }
    
    table#udalostArchiv td.lavastrana, table#ziakArchiv td.lavastrana {
        white-space: nowrap;
        padding-right: 15px;
    }

    table#upravaziaka td.pravastrana, table#ziakArchiv td.pravastrana, table#upravainstruktora td.pravastrana, 
    table#pridatjazdu td.pravastrana, table#pridatjazdyhromadne td.pravastrana, table#vyhodnotitSkusku td.pravastrana, 
    table#vytvorspravuZ td.pravastrana, table#vytvorspravuI td.pravastrana, table#upravUdalost td.pravastrana, table#udalostArchiv td.pravastrana {
        padding-right: 45px;
    }

    table#upravaziaka td#chybaAdminModalUprav-td, table#upravainstruktora td#chybaAdminModalUprav-td, table#pridatjazdu td#chybaAdminModalJazda-td, 
    table#pridatjazdyhromadne td#chybaAdminModalJazdyHromadne-td {
        padding-left: 45px;
        padding-right: 45px;
    }
    select.cas-ulozit {
        width: 160px;
    }
    input.cas-ulozit {
        width: 115px;
    }
    #adminModalImport, #adminModalUprav, #adminModalJazda, #adminModalJazdyHromadne, #adminModalSkuska, #adminModalDochadzka, #adminModalSprava, 
    #adminModalSpravaZ, #adminModalSpravaI, #adminModalVytvorSpravaZ, #adminModalVytvorSpravaI, #adminModalUpravUdalost, #adminModalUdalostArchiv {
        padding-top: 20px; /* Location of the box */
    }
}

@media (min-width:1280px){
    .adminModal-content {
        margin: auto;
        width: 80%;
        max-width: 600px;
    }
    table#upravaziaka td.lavastrana, table#ziakArchiv td.lavastrana, table#upravainstruktora td.lavastrana, 
    table#pridatjazdu td.lavastrana, table#pridatjazdyhromadne td.lavastrana, table#vyhodnotitSkusku td.lavastrana, 
    table#zobrazspravuZ td.lavastrana, table#zobrazspravuI td.lavastrana, 
    table#vytvorspravuZ td.lavastrana, table#vytvorspravuI td.lavastrana, table#upravUdalost td.lavastrana, table#udalostArchiv td.lavastrana {
        padding-left: 45px;
    }
    
    table#vyhodnotitDochadzku td.lavastrana, table#upravitDochadzku td.lavastrana {
        padding-left: 10px;
    }
    
    table#udalostArchiv td.lavastrana {
        white-space: nowrap;
        padding-right: 15px;
    }

    table#upravaziaka td.pravastrana, table#ziakArchiv td.pravastrana, table#upravainstruktora td.pravastrana, 
    table#pridatjazdu td.pravastrana, table#pridatjazdyhromadne td.pravastrana, table#vyhodnotitSkusku td.pravastrana, 
    table#vytvorspravuZ td.pravastrana, table#vytvorspravuI td.pravastrana, table#upravUdalost td.pravastrana, table#udalostArchiv td.pravastrana {
        padding-right: 45px;
    }
    
    table#vyhodnotitDochadzku td.pravastrana, table#upravitDochadzku td.pravastrana {
        padding-right: 10px;
    }

    table#upravaziaka td#chybaAdminModalUprav-td, table#upravainstruktora td#chybaAdminModalUprav-td, table#pridatjazdu td#chybaAdminModalJazda-td, 
    table#pridatjazdyhromadne td#chybaAdminModalJazdyHromadne-td {
        padding-left: 45px;
        padding-right: 45px;
    }
    select.cas-ulozit {
        width: 160px;
    }
    input.cas-ulozit {
        width: 115px;
    }
    .teoria-hodina {
        width: 100px;
        margin-right: 15px;
    }
    #adminModalImport, #adminModalUprav, #adminModalJazda, #adminModalJazdyHromadne, #adminModalSkuska, #adminModalDochadzka, 
    #adminModalDochadzkaUprava, #adminModalSprava, #adminModalSpravaZ, #adminModalSpravaI, #adminModalVytvorSpravaZ, #adminModalVytvorSpravaI, 
    #adminModalUpravUdalost, #adminModalUdalostArchiv {
        padding-top: 60px; /* Location of the box */
    }
}

table#menu-admin-tab, table#importziakov, table#ziaci-nadpis-table, #nadpisAdminModalUprav-table, #nadpisAdminModalJazda-table, 
#nadpisAdminModalJazdyHromadne-table, #nadpisAdminModalSkuska-table, #nadpisAdminModalDochadzka-table, #nadpisAdminModalDochadzkaUprava-table, 
table#admin-kalendar-table, table.admin-kalendar-den, table#jazda-uloz, table#jazdy-uloz, table#ciernatabulka-table, 
table#ciernatabulka-putrk-table, table#ciernatabulka-skuska-table, table.pracovnylist, table#nadpisAdminModalSprava-table, 
table.nadpisAdminModalSprava-table, table#nadpisAdminModalVytvorSprava-table, table.nadpisAdminModalVytvorSprava-table, 
table#admin-spravy-prehlady, table.table-uloz, table#nadpisAdminModalUpravUdalost-table, table#nadpisAdminModalUdalostArchiv-table {
    width: 100%;
}

table#auto-udalosti {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(100% - 20px);
}

table#naklady-sumy {
    margin-left: auto;
    margin-right: auto;
}

table#naklady-sumy td {
    width: 120px;
}

table#auto-udalosti th, table#naklady-sumy th {
    text-align: center;
}

table#auto-udalosti td, table#naklady-sumy td {
    padding: 0px 20px 0px 20px;
}

table#auto-udalosti td.mensie {
    width: 10%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

table#ziaci-nadpis-table, table#ziaci-hladat-table {
    margin-bottom: 3px;
}

table#ziaci-nadpis-table td#import-tlacidlo {
    width: 200px;
    text-align: right;
}

table#instruktori-table td#pridat-instruktora, #autoUdalosti-tlacidla {
    text-align: right;
}

table#menu-admin-tab td {
    background-color: #3bf58e;
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

table#menu-admin-tab td:hover {
    background-color: #04d461;
    color: white;
}

table#menu-admin-tab td.admin-aktivne {
    color: white;
    background-color: #04c259;
}

.admin-obsah {
    width: 100%;
    margin-bottom: 50px;
    min-height: 600px;
    border: 3px solid #04c259;
}

#spravy_upozornenia {
    width: 100%;
    display: flex;
    overflow: hidden;
    padding: 10px;
}

#spravy_upozornenia td {
    padding-left: 10px;
}

#spravy, #upozornenia {
    position: relative;
}

#spravy {
    width: 60%;
}

#upozornenia {
    width: 40%;
}

table.admin-spravy-table {
    table-layout: fixed;
    width: 50%;
}

button.admin-tlacidlo-ulozit, button.admin-tlacidlo-zmaz, label#adminInputCSV-label, input#ziak-hladat, input#kalendar-hladat, 
input#udalosti-hladat, input#naklady-hladat {
    cursor: pointer;
    border: 1px solid black;
    padding: 5px;
    border-radius: 5px;
}

button.admin-tlacidlo-ulozit, label#adminInputCSV-label, input#ziak-hladat, input#kalendar-hladat, input#udalosti-hladat, input#naklady-hladat {
    background-color: #6ecf67;
}

button.admin-tlacidlo-zmaz {
    background-color: #ff0d14;
}

button.admin-tlacidlo-ulozit:hover, label#adminInputCSV-label:hover {
    background-color: #1ba61b;
    color: white;
}

button.admin-tlacidlo-zmaz:hover {
    background-color: #9c161a;
    color: white;
}

table#admin-kalendar-table td.admin-kalendar-nadpis {
    width: calc(100% / 7);
    text-align: center;
    font-weight: bold;
}

table#admin-kalendar-table td.den {
    vertical-align: top;
    font-size: 12px;
}

td.kalendar-jazda table {
    width: 100%;
}

td.kalendar-jazda table td {
    padding: 0px 0px 0px 0px;
}

table.admin-kalendar-den tr.den-nadpis {
    background-color: black;
    color: white;
}

table.admin-kalendar-den td.kalendar-termin {
    color: white;
    /*border-top: 2px solid white;*/
}

table#auta-table, table#kategorie-table, table#instruktori-table, table#ziaci-table, table#importziakov, table#auto-udalosti, table#naklady-sumy {
    border-collapse: separate;
    border-spacing: 0px 2px;
}

table#admin-kalendar-table td, table.admin-kalendar-den {
    border-collapse: separate;
    border-spacing: 1px 3px;
}

table#auta-table input, table#auta-table select, table#kategorie-table input, table#kategorie-table select, table#instruktori-table input, 
table#instruktori-table select, table#ziaci-table input, table#upravaziaka input, table#upravaziaka select, table#upravaziaka textarea, 
table#upravainstruktora input, table#upravainstruktora select, table#ziaci-hladat-table input, table#ziaci-table select, 
table#admin-kalendar-filter-table select, table#pridatjazdu select, table#pridatjazdu textarea, table#vyhodnotitSkusku textarea, 
table#pridatjazdyhromadne input, table#pridatjazdyhromadne select, input.pridatjazdu-input, select.sprava-instruktor, select#vytvorSpravuZ-ck, 
textarea#vytvorSpravuZ-text, textarea#vytvorSpravuI-text, select#vyucovacia_hodina, table#upravUdalost input, table#upravUdalost textarea {
    border-radius: 5px;
}

div.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
}

#ecv-td {
    width: 90px;
}

#vozidlo-td {
    width: 145px;
}

.auto-archiv td {
    color: #ccc;
}

.auto-tr td:not(.pridatIkonka-td), #pridatauto-tr td:not(.pridatIkonka-td), .kategoria-tr td, #pridatkategoriu-tr td, 
.instruktor-tr td, #pridatinstruktora-tr td, .ziak-tr td, #pridatziaka-tr td, table#auto-udalosti td, table#naklady-sumy td {
    border-bottom: 1px solid black;
    padding: 3px 2px 3px 2px;
}

.pridatIkonka-td {
    width: 50px;
}

#stk-td {
    width: 120px;
}

#periodicita-td {
    width: 110px;
}

.auto-tr:hover, #pridatauto-tr:hover, .kategoria-tr:hover, #pridatkategoriu-tr:hover, .instruktor-tr:hover, #pridatinstruktora-tr:hover,
.ziak-tr:hover, #pridatziaka-tr:hover, .admin-sprava-tr:hover, table#auto-udalosti tr:not(:first-child):hover, 
table#naklady-sumy tr:not(:first-child):hover {
    background-color: #e8e8e6;
}

.pridatauto-input, .pridatkat-input, .pridatinstruktora-input, .pridatziaka-input:not(.teoria-checkbox), .kalendarhladat-input, 
.pridatjazdu-input, .autoUdalost-input {
    border: 1px solid black;
    height: 36px;
    width: 100%;
    padding-left: 4px;
    padding-right: 4px;
}

.pridatinstruktora-input-farba {
    border: 1px solid black;
    background-color: white;
    height: 36px;
    width: 100%;
}

input.pridatauto-input:focus, input.pridatkat-input:focus, input.pridatinstruktora-input:focus, select.pridatinstruktora-input:focus, 
input.pridatziaka-input:focus, input.datum-ulozit:focus, select.pridatziaka-input:focus, textarea.pridatziaka-input:focus, 
input.pridatjazdu-input:focus, input.cas-ulozit:focus, select.pridatjazdu-input:focus, textarea.pridatjazdu-input:focus, select.cas-ulozit:focus, 
input.autoUdalost-input:focus, textarea.autoUdalost-input:focus {
    outline: 0px;
    border: 1px solid #04c259;
    box-shadow: 0px 0px 5px 0px rgba(4,194,89,0.5); /*#04c259*/
}
/*tabulka instruktorov*/
#login-td {
    width: 150px;
}

#meno-td {
    width: 200px;
}

#telefon-td {
    width: 145px;
}

#auto-td {
    width: 225px;
}

#heslo-td {
    width: 100px;
}

#farba-td {
    width: 45px;
}

.stk-pozor-tr {
    background-color: #FF5D3B;
}

.stk-pozor-datum {
    color: white;
    background-color: #D62500;
}

/*tabulka ziakov*/
#loginziak-td, #priezviskoziak-td {
    width: 150px;
}

#menoziak-td {
    width: 100px;
}

#cislokurzuziak-td {
    width: 100px;
}

#obmedzenieziak-td {
    width: 120px;
}
input.datum-ulozit {
    border: 1px solid black;
    height: 36px;
    width: 120px;
    padding-left: 4px;
    padding-right: 4px;
}

#skupinaziak-td {
    width: 70px;
}

#teoriaziak-td {
    width: 55px;
}

input#ziak-poznamka, input#jazda-poznamka2, textarea#ziak-poznamka, textarea#jazda-poznamka2 {
    color: red;
}

.cervena {
    color: red;
}

#upravitDochadzku {
    margin: auto;
    width: 80%;
    width: 1000px;
    background-color: white;
    border-radius: 5px;
    display: table;  
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

#ziaci-table .ziak-teoria-ano:hover, #upravitDochadzku .ziak-teoria-ano:hover {
    background-color: #c5fcd4;
}

#ziaci-table .ziak-teoria-nie:hover, #upravitDochadzku .ziak-teoria-nie:hover {
    background-color: #ffc7c8;
}

#telefonziak-td {
    width: 145px;
}

table#upravaziaka td#ziak-uloz, table#upravainstruktora td#instruktor-uloz, table#jazda-uloz td.jazda-uloz, 
table.table-uloz td.jazda-uloz, table#pridatjazdyhromadne td.jazda-uloz, table#upravUdalost td#udalost-uloz, table#upravUdalost td#udalost-zmaz {
    padding-bottom: 20px;
}

table#upravaziaka textarea, table#pridatjazdu textarea, table#vyhodnotitSkusku textarea, textarea#vytvorSpravuZ-text, textarea#vytvorSpravuI-text, 
textarea#udalost-poznamka {
    height: 150px;
    margin-bottom: -5px;
}

#zoznaminstruktorov {
    padding-left: 5px;
    padding-right: 5px;
}

input#max_hodin_tyzden, input#max_dni_jazdy, input#max_ziakov {
    width: 45px;
    border: 1px solid black;
}

#kategorie-table td.kat-nazov {
    width: 150px;
}

#kategorie-table td.kat-osnova {
    width: 300px;
}

#kategorie-table textarea.textareaosnova {
    height: 55px;
    border-radius: 5px;
}

.vsetkoZiak {
    display: none;
}

/*tabulka pridat jazdu*/
table#pridatjazdu tr.teoria, table#pridatjazdu tr.jazda, table#pridatjazdu tr.pu, table#pridatjazdu tr.kpp, 
table#pridatjazdu tr.skuska, table#pridatjazdu tr.ostatne, table#pridatjazdu tr.vlastne {
    display: none;
}

select.cas-ulozit {
    border: 1px solid black;
    height: 36px;
    /*width: 160px;*/
    padding-left: 4px;
    padding-right: 4px;
}

input.cas-ulozit {
    border: 1px solid black;
    height: 36px;
    /*width: 115px;*/
    padding-left: 4px;
    padding-right: 4px;
}

.teoria-hodina {
    border: 1px solid black;
    height: 36px;
    padding-left: 4px;
    padding-right: 4px;
}

td.kalendar-trenazer {
    border: 2px solid black;
    background: radial-gradient(white 15%, transparent 16%) 0 0, radial-gradient(white 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
    background-color: #eaeaea!important;
    background-size: 16px 16px;
    color: black;
}

td.kalendar-teoria {
    margin-top: 2px;
    border: 2px solid black;
    background: radial-gradient(white 15%, transparent 16%) 0 0, radial-gradient(white 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
    background-color: #fbff00!important;
    background-size: 16px 16px;
    color: black;
    font-weight: bold;
}

td.kalendar-udrzba {
    border: 2px solid black;
    background: radial-gradient(white 15%, transparent 16%) 0 0, radial-gradient(white 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
    background-color: #aaff76!important;
    background-size: 16px 16px;
    color: black;
    font-weight: bold;
}

td.kalendar-kpp {
/*    border-top: 2px solid white;*/
    background-color: #f5dd05;
    color: black;
}

.ikonka-cerveny-kriz {
    display: inline-block;
    width: 17px;
    height: 17px;
    float: right;
    background-image: url("/public/img/krizik.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.ikonka-klucik {
    display: inline-block;
    width: 17px;
    height: 17px;
    float: right;
    background-image: url("/public/img/klucik.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.ikonka-kuzel {
    display: inline-block;
    width: 17px;
    height: 17px;
    float: right;
    background-image: url("/public/img/kuzel.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.ikonka-vozik {
    display: inline-block;
    width: 17px;
    height: 17px;
    float: right;
    /*background-image: url("/public/img/vozidla/vozik.svg");*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.ikonka-vozidlo {
    display: inline-block;
    height: 12px;
    object-position: center;
    margin-bottom: 2px;
}

.ikonka-dovolenka {
    display: inline-block;
    /*width: 17px;
    height: 17px;*/
    float: right;
    color: black;
    background-color: white;
    /*background-image: url("/public/img/dovolenka.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;*/
}

td.kalendar-skuska {
    /*border-top: 2px solid white;*/
    background-color: red;
    color: white;
}

td.kalendar-ostatne, td.kalendar-dovolenka, td.kalendar-servis {
    /*border-top: 2px solid white;*/
    background-color: yellow;
    color: black;
}

td.kalendar-sukromne {
    border: 2px solid red;
    color: black;
}

td.kalendar-porada {
    border: 2px solid red;
    background-image: linear-gradient(#F9F295, #FFE135, #FAF398);
    color: black;
}

.oramovane {
    -webkit-text-stroke: 0.5px white;
}

.oramovaneskratka {
    -webkit-text-stroke: 0.5px black;
}

div#ciernatabulka, div#ciernatabulka-putrk, div#ciernatabulka-skuska {
    position: absolute;
}

table#ciernatabulka-table, table#ciernatabulka-putrk-table, table#ciernatabulka-skuska-table {
    color: white;
    line-height: 14px;
    font-size: 12px;
}

table#ciernatabulka-table td.osnova-riadok {
    display: flex;
}

table#ciernatabulka-table .osnova-nadpis {
    color: yellow;
    padding-right: 7px;
    font-weight: bold;
}

table#ciernatabulka-table .osnova-jazdy {
    flex-grow: 1;
}

/* <zaciatok> Modálne okno (pozadie) <zaciatok> */
#adminModalImport, #adminModalUprav, #adminModalJazda, #adminModalJazdyHromadne, #adminModalSkuska, #adminModalDochadzka, 
#adminModalDochadzkaUprava, #adminModalSpravaZ, #adminModalSpravaI, #adminModalVytvorSpravaZ, #adminModalVytvorSpravaI, #adminModalUpravUdalost, 
#adminModalUdalostArchiv {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    /*padding-top: 120px;*/  /*Location of the box */
    left: 0;
    top: 0;
    width: 100%;  /*Full width */
    height: 100%;  /*Full height*/ 
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Obsah modálneho okna */
.adminModal-content {
    background-color: white;
    border-radius: 5px;
/*    margin: auto;*/
    display: table;
/*    width: 80%;
    max-width: 600px;*/
}

.adminModal-content .disabled {
    color: grey;
}

/* Animácia */
.adminModal-content {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

table#importziakov, table#upravainstruktora {
    padding-bottom: 5px;
}

table#importziakov td {
    padding-left: 5px;
    padding-right: 5px;
}

table#importziakov #chybaSuboru, table#upravaziaka #chybaUlozit, 
table#upravainstruktora #chybaUlozit, 
table#pridatjazdu #chybaJazda, table#pridatjazdyhromadne #chybaJazdyHromadne, 
table#vytvorspravuZ #vytvorSpravuChyba-ziak, table#vytvorspravuI #vytvorSpravuChyba-instruktor, 
table#upravUdalost #chybaAdminModalUpravUdalost-td, #adminModalUdalostArchiv-td {
    color: red;
}

table#importziakov td#nadpisAdminModalImport-td, table#upravaziaka td#nadpisAdminModalUprav-td, table#upravainstruktora td#nadpisAdminModalUprav-td, 
table.nadpisAdminModalSprava-table td.nadpisAdminModalSprava-td, table.nadpisAdminModalVytvorSprava-table td.nadpisAdminModalVytvorSprava-td, 
table#nadpisAdminModalUpravUdalost-table #nadpisAdminModalUpravUdalost-td, table#nadpisAdminModalUdalostArchiv-table #nadpisAdminModalUdalostArchiv-td {
    width: 93%;
}

table#importziakov td#zatvorAdminModalImport-td, table#upravaziaka td#zatvorAdminModalUprav-td, table#ziakArchiv td#zatvorAdminModalUprav-td, 
table#pridatjazdu td#zatvorAdminModalJazda-td, table#pridatjazdyhromadne td#zatvorAdminModalJazdyHromadne-td, 
table#vyhodnotitSkusku td#zatvorAdminModalSkuska-td, table#vyhodnotitDochadzku td#zatvorAdminModalDochadzka-td, 
table#upravainstruktora td#zatvorAdminModalUprav-td, table.nadpisAdminModalSprava-table td.zatvorAdminModalSprava-td, 
table.nadpisAdminModalVytvorSprava-table td.zatvorAdminModalVytvorSprava-td, 
table#nadpisAdminModalUpravUdalost-table #zatvorAdminModalUpravUdalost-td, 
table#nadpisAdminModalUdalostArchiv-table #zatvorAdminModalUdalostArchiv-td {
    width: 7%;
    font-size: 30px;
    font-weight: bold;
}

#zatvorAdminModalImport, #zatvorAdminModalUprav, #zatvorAdminModalJazda, #zatvorAdminModalJazdyHromadne, #zatvorAdminModalSkuska, 
#zatvorAdminModalDochadzka, #zatvorAdminModalDochadzkaUprava, tr.den-nadpis, #ziaci-table .ziak-teoria-ano, #ziaci-table .ziak-teoria-nie, 
table.admin-kalendar-den td, table.admin-kalendar-den td.trenazer, zatvorAdminModalUpravUdalost, zatvorAdminModalUdalostArchiv {
    cursor: pointer;
}

#zatvorAdminModalDochadzkaUprava-td {
    text-align: right;
}
/* <koniec> Modálne okno <koniec> */

/* <zaciatok> Rozbaľovacia ponuka s vyhľadávaním <zaciatok> */
.ponuka-zoznam {
    width: 100%;
    margin-bottom: -5px;
    position: static;
    display: inline-block;
    background-color: white;
}

#filter-ponuka-okienko {
    width: 180px;
}

.jazda-ponuka-okienko {
    width: 100%;
}

.ponuka-okienko {
    background-color: white;
    height: 36px;
    padding-left: 4px;
    padding-right: 4px;
    font-size: 16px;
    border: 1px solid black;
    cursor: default;
    border-radius: 5px;
}

.filter-ponuka-obsah {
    max-width: 240px !important;
}

.ponuka-obsah, .ponuka-obsah-ikonky {
    display: none;
    position: absolute;
    overflow: hidden;
    /*width: 100%;*/
    border: 1px solid black;
    border-radius: 5px;
    padding-bottom: 2px;
    background-color: white;
}

.ponuka-obsah {
    height: 225px;
}

.div-hladat {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 30px;
}

.hladanie-okienko {
    box-sizing: border-box;
    background-image: url("/public/img/lupa.png");
    background-size: 20px 20px;
    background-position: 5px 4px;
    background-repeat: no-repeat;
    width: 100%;
    height: 30px;
    font-size: 16px;
    padding: 2px 4px 2px 30px;
    border-radius: 5px 5px 0px 0px;
    border: 1px solid white;
    border-bottom: 1px solid black;
}

td.sipkadole {
    width: 20px;
    background-image: url("/public/img/sipkadole.png");
    background-size: 18px 25px;
    background-position: 5px 5px;
    background-repeat: no-repeat;
}

#hladatInput:focus, #hladatZiaka:focus {outline: none;}

.zoznam {
    position: relative;
    width: 100%;
    height: 193px;
    overflow-y: scroll;
    background-color: white;
    border-radius: 0px 0px 5px 5px;
}

ul.ul-planovac {
    width: 100%;
    padding-left: 0px;
    margin: 0px 0px 0px 0px;
    list-style-type: none;
    cursor: default;
}

ul.ul-planovac li {
    padding-left: 3px;
}

.ul-planovac li:hover {background-color: #009DFF; color: white !important;}

.zobraz {display: block;}
/* <koniec> Rozbaľovacia ponuka s vyhľadávaním <koniec> */

/* Pracovný list */
#pli, #prehlady {
    padding: 0px 5px 5px 5px;
}

table.pracovnylist td, table#admin-spravy-prehlady td {
    border: 1px solid black;
    padding-left: 5px;
    padding-right: 5px;
}

table.pracovnylist td.pomer20 {
    width: 20%;
}

table.pracovnylist td.pomer10 {
    width: 10%;
}

table.pracovnylist td.center, table#pli-dni, table#admin-spravy-prehlady td.center {
    text-align: center;
}

table.pracovnylist tr.tucne, table.pracovnylist td.tucne, table#admin-spravy-prehlady td.tucne, table#auto-udalosti tr.cervena {
    font-weight: bold;
}

p.pli-p {
    margin-bottom: 0px;
}

img.pli-logo {
    width: 30%;
}

@media print {
    #zlomstrany {page-break-before: always;}
}

.nazovteorie {
    font-weight: bold;
    border-left: 1px solid black;
    text-align: center;
}

.teoria-dochadzka {
    width: 25px;
    border-left: 1px solid black;
    text-align: center;
}

.upravateorieziaka:hover {
    background-color: #e8e8e6;
}

#adminModalDochadzkaUprava {
    max-height: 700px;
    overflow-y: auto;
}

#upravitDochadzku {
    border-collapse: collapse;
    /*width: 100%;*/
}

#upravitDochadzku thead th {
    position: sticky;
    z-index: 2;
    background: white;
}

#upravitDochadzku thead tr:nth-child(1) th {
    top: 0;
    z-index: 5;
    width: 100%;
}

#upravitDochadzku thead tr:nth-child(2) th {
    top: 28px;
    z-index: 4;
    /*width: 100%;*/
}

#upravitDochadzku thead tr:nth-child(3) {
    position: relative;
}

#upravitDochadzku thead tr:nth-child(3) th {
    top: 54px;
    /*width: 100%;*/
    font-weight: normal;
    position: sticky;
}

#upravitDochadzku thead tr:nth-child(3) th::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: black;
  z-index: 10;
}