@import '_content/OGR.Frontend/OGR.Frontend.7plzbgaiom.bundle.scp.css';

/* _content/EDORATWeb/Pages/Administrace/Kontakty.razor.rz.scp.css */
.copyable[b-u1o714sc6y] {
    cursor: pointer;
}

.copyable:active[b-u1o714sc6y] {
    color: forestgreen;
}
/* _content/EDORATWeb/Pages/Administrace/ProvozniInformace.razor.rz.scp.css */
.pokyn[b-r9elye0ehl] {
    white-space: pre-line;
    margin-bottom: 0px;
}
/* _content/EDORATWeb/Pages/Reporty/ReportFilterComponent.razor.rz.scp.css */
.enum-col-item[b-ft21qg8e2y] {
    grid-column-start: 2;
}

.enum-row-1[b-ft21qg8e2y] {
    grid-row-start: 1;
}

.enum-row-2[b-ft21qg8e2y] {
    grid-row-start: 2;
}

.enum-row-3[b-ft21qg8e2y] {
    grid-row-start: 3;
}

.enum-row-4[b-ft21qg8e2y] {
    grid-row-start: 4;
}
/* _content/EDORATWeb/Pages/Smenar/AktivniSmenar.razor.rz.scp.css */
/* .zvyraznit {
        background-color: yellow;
    }*/
td[b-lv2zuhn9r3] {
    user-select: none;
    border: 0px red solid;
    padding: 0;
    margin: 0;
    padding: 3px 10px 3px 5px;
}

th[b-lv2zuhn9r3] {
    background-color: #e9f8f8;
    padding: 0;
    margin: 0;
    padding: 3px 10px 3px 5px;
}

.zahlavi-den[b-lv2zuhn9r3] {
    width: 40px;
    min-width: 40px;
    overflow: hidden;
    padding: 0;
    text-align: center;
    /*border-width: 0px 1px 0px 1px;
    border-color: rgba(0,0,0,1);
    border-style: solid;*/
}

#shiftsSettings th[b-lv2zuhn9r3] {
    background-color: #dddddd;
}

table thead[b-lv2zuhn9r3] {
    position: sticky;
    height: 45px;
    z-index: 99;
    inset-block-start: 0; /* "top" */
}

.smenar-den[b-lv2zuhn9r3] {
    width: 40px; /* explicitní nastavení šířky - buňka tabulky se ale stejně přizpůsobí dostupnému místu, jak to? */
    min-width: 40px;
    border: 1px solid #cccccc;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.smenar-den:hover[b-lv2zuhn9r3],
.smenar-den.uzaverka:hover[b-lv2zuhn9r3],
.smenar-den.mimo-zarazeni:hover[b-lv2zuhn9r3],
.smenar-den.sobota:hover[b-lv2zuhn9r3],
.smenar-den.nedele:hover[b-lv2zuhn9r3],
.smenar-den.svatek:hover[b-lv2zuhn9r3] {
    background-color: #ffbc85;
}

.smenar-den-wrapper[b-lv2zuhn9r3] {
    position: relative;
    height: 39px; /* nastavení výšky elementu kvůli vertikálníhmu zarovnání obsahu */
    line-height: 39px; /* nastavení výšky řádku kvůli vertikálníhmu zarovnání obsahu */
    text-align: center;
}

.smenar-den-radek-horni[b-lv2zuhn9r3] {
    position: absolute;
    top: -1px; /* zarovnání k hornímu okraji .smenar-den-wrapper */
    font-size: 9px;
    text-align: left; /* resetování hodnoty zděděné ze .smenar-den */
    line-height: normal; /* resetování výšky řádku zděděné ze .smenar-den-wrapper */

    /* omezení délky zobrazeného textu, pokud by byl moc dlouhý */
    width: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.smenar-den-radek-horni.pres-den[b-lv2zuhn9r3] {
    left: 13px; /* posunutí na střed dne (půlnoc) */
}

.smenar-den-radek-horni.pres-pulnoc[b-lv2zuhn9r3] {
    left: 30px; /* posunutí na pravý okraj dne (půlnoc) */
}

.smenar-den-radek-dolni[b-lv2zuhn9r3] {
    position: absolute;
    bottom: 1px; /* zarovnání ke spodnímu okraji .smenar-den-wrapper */
    width: 50px;
    font-size: 9px;
    text-align: left; /* resetování hodnoty zděděné ze .smenar-den */
    line-height: normal; /* resetování hodnoty zděděné ze .smenar-den-wrapper */
}

.smenar-den-radek-dolni.pres-den[b-lv2zuhn9r3] {
    left: 13px; /* posunutí na střed dne (půlnoc) */
}

.smenar-den-radek-dolni.pres-pulnoc[b-lv2zuhn9r3] {
    left: 30px; /* posunutí na pravý okraj dne (půlnoc) */
}

.smenar-den.mimo-zarazeni[b-lv2zuhn9r3] {
    background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 5px, rgba(235, 235, 235, 0.7) 5px, rgba(235, 235, 235, 0.7) 10px);
    cursor: not-allowed;
}

.smenar-den.uzaverka[b-lv2zuhn9r3] {
    background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7) 5px, rgba(255, 200, 200, 0.7) 5px, rgba(255, 200, 200, 0.7) 10px);
}

.nepracstav[b-lv2zuhn9r3] {
    font-weight: bold;
    padding: 0px 4px 0px 4px;
}

.nepracstav:hover[b-lv2zuhn9r3] {
    background-color: #fd7e14 !important;
}

.pohotovost[b-lv2zuhn9r3] {
    position: absolute;
    bottom: 0px;
    line-height: 2px;
    height: 3px;

    /* šířka buňky pro den je 40px, proužky se opakují po 4px, takže se jich tam vleze 10 (5 červených a 5 žlutých) */
    /* opakující se vzor červených a žlutých pruhů, zleva doprava, začíná se červeným */
    background: repeating-linear-gradient(to right, rgba(237, 28, 36, 1) 0px, rgba(237, 28, 36, 1) 4px, rgba(255, 242, 0, 1) 4px, rgba(255, 242, 0, 1) 8px);
}

/* Ošetření situace, kdy pohotovost pokračuje do následujícího dne a proužkování červená/žlutá by zde mělo navazovat.
    Pokud pohotovost nezačíná přesně v 00:00:00 hodin ráno, ale později, tak posunutí proužku pomocí "left" způsobí, že na pravé straně
    proužkování nenavazuje do dalšího dne. Proto pro tyhle případy se proužkuje z pravé strany počínaje žlutou,
    čímž se zajistí navázání na další den, který proužkuje z levé strany počínaje červenou.
*/
.pohotovost.navazuje-dalsi-den[b-lv2zuhn9r3] {
    /* opakující se vzor žlutých a červených pruhů, zprava doleva, začíná se žlutým */
    background: repeating-linear-gradient(to left, rgba(255, 242, 0, 1) 0px, rgba(255, 242, 0, 1) 4px, rgba(237, 28, 36, 1) 4px, rgba(237, 28, 36, 1) 8px);
}

.odpocinek-plan[b-lv2zuhn9r3] {
    position: absolute;
    top: 0px;
    line-height: 2px;
    height: 3px;
    background: rgba(65, 97, 204, 1);
}

.odpocinek-skutecnost[b-lv2zuhn9r3] {
    position: absolute;
    top: 0px;
    line-height: 2px;
    height: 3px;
    background: rgba(160, 42, 207, 1);
}

.turnus-sudy[b-lv2zuhn9r3] {
    background-color: #f5f5f5;
}

.turnus-lichy[b-lv2zuhn9r3] {
    background-color: #ffffff;
}

.smenar-den.svatek[b-lv2zuhn9r3] {
    background-color: #baffd0;
}

.smenar-den.sobota[b-lv2zuhn9r3] {
    background-color: #c9f0ff;
}

.smenar-den.nedele[b-lv2zuhn9r3] {
    background-color: #ffc9c9;
}

.smenar-den.predchozi-mesic[b-lv2zuhn9r3] {
    background-color: inherit;
    color: silver;
}

.smena[b-lv2zuhn9r3] {
    position: relative;
    font-weight: bold;
    line-height: normal;
    /* znak směny umístit nad element .smenar-den-radek-dolni, aby se neomezoval hover a onclick */
    z-index: 10;
}

.smena:hover[b-lv2zuhn9r3] {
    background-color: #fd7e14 !important;
}

.smena.predchozi-mesic:hover[b-lv2zuhn9r3] {
    background-color: transparent !important;
}

.smena.pres-den[b-lv2zuhn9r3] {
    padding: 0px 4px 0px 4px;
}

.smena.pres-pulnoc[b-lv2zuhn9r3] {
    position: absolute;
    right: -9px;
    top: 12px;
    padding: 2px;
}

.smena-kruh[b-lv2zuhn9r3] {
    border-radius: 50%;
    height: 1em;
    width: 1em;
    border: 2px solid black;
}

#smenar[b-lv2zuhn9r3] {
    outline: none; /* odstranit rámeček, který tabulka dostane díky atributu tabindex a odchytávání událostí klávesnice */
}

.smenar-den.vybrany[b-lv2zuhn9r3],
.vybrany[b-lv2zuhn9r3] {
    background-color: #fd7e14;
}

.smenar-den.kurzor[b-lv2zuhn9r3],
.smenar-den.kurzor:hover[b-lv2zuhn9r3] {
    /* border: 4px solid #fd7e14;*/
    background-color: #ffbc85;
}
/* Styly pro případné budoucí použití rámečku */
/*.hover-wrapper__left{
    height: 100%;
    width: 4px;
    margin-right: auto;
    margin-left: -2px;
    float: left;
}

.hover-wrapper__right {
    height: 100%;
    width: 4px;
    margin-right: -2px;
    margin-left: auto;
    float: right;
}

.hover-wrapper__top {
    height: 4px;
    width: calc(100% + 4px);
    margin-left: -2px;
    float: left;
}

.hover-wrapper__bottom {
    height: 4px;
    width: calc(100% + 4px);
    margin-left: -2px;
    float: left;
}*/

/*.smenar-den:hover .hover-wrapper__left {
    background-color: #fd7e14;
}
.smenar-den:hover .hover-wrapper__right {
    background-color: #fd7e14;
}
.smenar-den:hover .hover-wrapper__top {
    background-color: #fd7e14;
}
.smenar-den:hover .hover-wrapper__bottom {
    background-color: #fd7e14;
}*/

.as_text[b-lv2zuhn9r3] {
    position: absolute;
    left: 30px;
    /*top: -10px;*/
    font-size: 9px;
}

.as_circle[b-lv2zuhn9r3] {
    position: absolute;
    right: -7px;
    top: 1em;
    font-weight: bold;
}

.as_time[b-lv2zuhn9r3] {
    text-align: left;
    width: 50px;
    position: absolute;
    left: 13px;
    /*top: 15px;*/
    top: 3.25em;
    font-size: 9px;
}

.as_time__regular[b-lv2zuhn9r3] {
    text-align: left;
    width: 50px;
    position: absolute;
    left: 13px;
    /*top: -10px;*/
    font-size: 9px;
}

.as_sign[b-lv2zuhn9r3] {
    font-weight: bold;
}

.as_backlash[b-lv2zuhn9r3] {
    padding: 0 3px 0 3px;
    font-weight: bold;
    position: relative;
    top: 0.8em;
    left: 0.6em;
}

.as_vertical_line[b-lv2zuhn9r3] {
    padding: 0 3px 0 3px;
    font-weight: bold;
    position: relative;
    top: 0.8em;
    left: 0.55em;
}

.as_image01[b-lv2zuhn9r3] {
    position: absolute;
    left: 0px;
    top: 16px;
    padding: 0;
    margin: 0;
}

.as_image02[b-lv2zuhn9r3] {
    position: absolute;
    right: 0px;
    top: 16px;
    padding: 0;
    margin: 0;
}

.sticky-left[b-lv2zuhn9r3] {
    display: flex;
    position: sticky;
    height: inherit;
    left: -5px;
    z-index: 95;
    /* převzít barvu pozadí z řádku <tr>, kde se střídá sudý/lichý turnus, aby se scrollovaný obsah mohl "skrýt" za tyto buňky */
    background-color: inherit;
}

.sticky-left-top-flex[b-lv2zuhn9r3] {
    display: flex;
    position: sticky;
    left: -5px;
    top: 0;
}

.turnus_sticky[b-lv2zuhn9r3] {
    display: block;
    width: 85px;
    margin: auto 0 auto;
    overflow: hidden;
    text-overflow: ellipsis;
}

.por_sticky[b-lv2zuhn9r3] {
    display: block;
    width: 25px;
    padding-right: 6px;
    margin: auto 0 auto;
    text-align: right;
    vertical-align: middle;
}

.zamest_sticky[b-lv2zuhn9r3] {
    display: block;
    width: 120px;
    margin: auto 0 auto;
}

.zamest_jmeno_sticky[b-lv2zuhn9r3] {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    width: 120px;
    overflow: hidden;

    /* kompaktnější zobrazení dvou řádků s informací o zaměstnanci */
    line-height: 1em;
}

.narok_sticky[b-lv2zuhn9r3] {
    display: block;
    width: 45px;
    margin: auto 0 auto;
    text-align: right;
    vertical-align: middle;
}

.pres_sticky[b-lv2zuhn9r3] {
    display: block;
    width: 45px;
    margin: auto 0 auto;
    text-align: right;
    vertical-align: middle;
}

.rozd_sticky[b-lv2zuhn9r3] {
    display: block;
    width: 45px;
    margin: auto 0 auto;
    text-align: right;
    vertical-align: middle;
}

.odpr_sticky[b-lv2zuhn9r3] {
    display: block;
    width: 45px;
    margin: auto 0 auto;
    text-align: right;
    vertical-align: middle;
}

/* styly pro vnořené výběrové pole s aktuálním měsícem  */
[b-lv2zuhn9r3] select#mesic_vyber {
    background-color: #e9f8f8;
    font-weight: bold;
    font-size: 1.5em;
    color: black;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
}

[b-lv2zuhn9r3] select#mesic_vyber:hover {
    color: rgb(46, 92, 152);
    text-decoration: underline;
}

[b-lv2zuhn9r3] select#mesic_vyber option {
    background-color: white;
    color: black;
    font-size: 1rem;
    font-weight: normal;
}

.selected-row[b-lv2zuhn9r3] {
    background-color: #feb981 !important;
}

.as-controls[b-lv2zuhn9r3] {
    display: inline-flex;
    left: 0;
    top: 0;
    width: calc(100% + 0.75em);
    position: sticky;
    align-items: end;
    background: inherit;
    z-index: 99;
    padding: 1.1em 0.5em 0.4em 0.5em;
}

.as-controls_date[b-lv2zuhn9r3] {
    display: inline-flex;
    white-space: nowrap;
    font-weight: bold;
    align-items: center;
    column-gap: 0.5em;
    min-width: 230px;
}

.as-controls_options[b-lv2zuhn9r3] {
    display: inline-flex;
    justify-content: space-evenly;
    font-size: 0.9em;
    min-width: 320px;
    margin-left: 5px;
}

.as-controls_options_column1[b-lv2zuhn9r3] {
    display: inline-flex;
    flex-direction: column;
}

.as-controls_options_column2[b-lv2zuhn9r3] {
    display: inline-flex;
    flex-direction: column;
}

.as-controls_info[b-lv2zuhn9r3] {
    margin: 0px 20px;
    font-weight: bold;
    white-space: nowrap;
    line-height: 1.2em;
}

.as-controls_others[b-lv2zuhn9r3] {
    width: inherit;
    display: inline-flex;
    justify-content: flex-end;
    margin-right: 10px;
}

.zamestnanec-cislo[b-lv2zuhn9r3] {
    color: #888888;
    font-size: 0.8em;
}

.zamestnanec-jmeno[b-lv2zuhn9r3] {

}

.search-bar-box[b-lv2zuhn9r3] {
    margin-left: 1em;
    width: 250px;
}
/* _content/EDORATWeb/Pages/Smenar/PracCestaEdt.razor.rz.scp.css */
.rf-block[b-5tf5y2jtc5] {
    width: 100%;
    display: block;
    position: relative;
}

.rf-items[b-5tf5y2jtc5]{
    display: flex;
    width: calc(100% - 80px);
    overflow: visible;
    float: left;
}

[b-5tf5y2jtc5] .rf-deep .object-online {
    max-width: 100%;
}

[b-5tf5y2jtc5] .rf-deep ul.value {
    min-width: 0;
    max-width: 100%;
}

[b-5tf5y2jtc5] .rf-deep ul li.item {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    flex-basis: auto !important;
    flex-grow: 0 !important;
    max-width: fit-content !important;
    flex-shrink: 10 !important;
}

[b-5tf5y2jtc5] .rf-deep ul li.search {
    flex-basis: 20% !important;
    flex-grow: 2 !important;
    min-width: 0 !important;
    margin-right: 0 !important;
}
/* _content/EDORATWeb/Pages/Turnusy/SmenaEdt.razor.rz.scp.css */
/* kopie stylu pro <DataTable> - tabulka se vzory turnusu se generuje ručně */
.data-table.jede[b-pxvc3h93w0] {
    border: 1px solid #94d0ed;
    border-collapse: collapse;
    padding: 2px;
    table-layout: fixed;
}

/* kopie stylu pro <DataTable> - tabulka se vzory turnusu se generuje ručně */
.data-table.jede th[b-pxvc3h93w0] {
    padding: 2px 4px;
    text-align: left;
    border: 1px solid #94d0ed;
    position: relative;
    background-clip: padding-box; /* při position: relative zmizí okraj */
    background: linear-gradient(#5199db, #4686C0);
    color: #FFFFFF;
    cursor: default;
    white-space: nowrap; /* nezalomovací řádky, zakončí se "..." */
    overflow: hidden;
    text-overflow: ellipsis;
}

/* kopie stylu pro <DataTable> - tabulka se vzory turnusu se generuje ručně */
.data-table.jede td[b-pxvc3h93w0] {
    padding: 2px 4px;
    text-align: left;
    border: 1px solid #94d0ed;
    color: black;
    cursor: default;
    white-space: nowrap; /* nezalomovací řádky, zakončí se "..." */
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ad hoc úpravy pro zobrazení na stránce */
.data-table.jede th[b-pxvc3h93w0] {
    min-width: 30px;
    text-align: center;
}

.data-table.jede td[b-pxvc3h93w0] {
    text-align: center;
}
/* _content/EDORATWeb/Pages/Turnusy/TurnusEdt.razor.rz.scp.css */
/* kopie stylu pro <DataTable> - tabulka se vzory turnusu se generuje ručně */
.data-table.vzor[b-kqosgv9jta] {
    border: 1px solid #94d0ed;
    border-collapse: collapse;
    padding: 2px;
    table-layout: fixed;
}

/* kopie stylu pro <DataTable> - tabulka se vzory turnusu se generuje ručně */
.data-table.vzor th[b-kqosgv9jta] {
    padding: 2px 4px;
    text-align: left;
    border: 1px solid #94d0ed;
    position: relative;
    background-clip: padding-box; /* při position: relative zmizí okraj */
    background: linear-gradient(#5199db, #4686C0);
    color: #FFFFFF;
    cursor: default;
    white-space: nowrap; /* nezalomovací řádky, zakončí se "..." */
    overflow: hidden;
    text-overflow: ellipsis;
}

/* kopie stylu pro <DataTable> - tabulka se vzory turnusu se generuje ručně */
.data-table.vzor td[b-kqosgv9jta] {
    padding: 2px 4px;
    text-align: left;
    border: 1px solid #94d0ed;
    color: black;
    cursor: default;
    white-space: nowrap; /* nezalomovací řádky, zakončí se "..." */
    overflow: hidden;
    text-overflow: ellipsis;
}
/* _content/EDORATWeb/Pages/Uzivatele/VyberRole.razor.rz.scp.css */
[b-gh04cnew3f] button {
    text-align: left;
}
/* _content/EDORATWeb/Shared/BaseLayout.razor.rz.scp.css */

#page-container[b-71opc05jaj] {
    height: 100%;
    display: grid;
    grid-template-rows: 40px auto 20px;
}

.show-main-menu[b-71opc05jaj] {
    grid-template-columns: 230px auto;
}

.hide-main-menu[b-71opc05jaj] {
    grid-template-columns: 0px auto;
}

header[b-71opc05jaj] {
    grid-column-start: 1;
    grid-column-end: span 2;
    line-height: 1;
}

/* z�hlav� aplikace pro testovac� instanci */
.instance-testing header[b-71opc05jaj] {
    /* na�ervenal� pozad� */
    background: linear-gradient(#db5151, #9f3838);
}

/* z�hlav� aplikace pro produk�n� instanci */
.instance-production header[b-71opc05jaj] {
    /* namodral� pozad� */
    background: linear-gradient(#5199db, #386e9f);
}

nav[b-71opc05jaj] {
    background-color: #E9F8F8;
    padding-right: 5px;
    overflow-y: auto;
}

/*
    #desktop.hide-menu {
    grid-column-start: 1;
    grid-column-end: span 2;
}

#desktop.show-menu {
    grid-column-start: 2;
    grid-column-end: span 1;
}
*/

footer[b-71opc05jaj] {
    grid-column-start: 1;
    grid-column-end: span 2;
    display: inline-flex;
    justify-content: space-between;
    background: linear-gradient(#5199db,#407eb5);
    font-size: 15px;
    color: #FFFFFF;
    line-height: 1.2;
    padding-left: 10px;
    padding-right: 10px;
    z-index: 1;
}

.header-label[b-71opc05jaj] {
    font-size: 30px;
    color: #FFFFFF;
    font-weight: bold;
    float: left;
    padding: 5px;
    padding-left: 15px;
}

.header-busyness[b-71opc05jaj] {
    font-size: 30px;
    float: left;
    padding: 5px;
}

.header-buttons[b-71opc05jaj] {
    float: right;
    height: 100%;
    display: flex;
    align-items: center;
    padding-right: 20px;
    color: white;
}

.header-buttons button[b-71opc05jaj] {
    background: none;
    border: none;
    outline: none;
    font-size: 1.5em;
    padding: 5px;
    color: rgb(191 234 255);
    /* styl pro zobrazen� SVG ikony v tla��tku */
    fill: rgb(191 234 255);
}

.header-buttons button:hover[b-71opc05jaj] {
    color: rgb(147 194 217);
    /* styl pro zobrazen� SVG ikony v tla��tku */
    fill: rgb(147 194 217);
}
/* _content/EDORATWeb/Shared/BasePage.razor.rz.scp.css */
#desktop[b-467r7rdunp] {
    height: 100%;
    overflow: auto;
    z-index: 1;
}

#content[b-467r7rdunp] {
    /* Nastavení "relative" umožňuje absolutně pozicovat podřazené elementy vůči tomuto elementu,
		takže se při scrollování obsahu posouvají spolu s ostatními elementy.
		Element je potom dostupný jako "offsetParent" pro podřazené elementy, viz
			https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent
		Pokud by nebyl takto označen, tak se absolutní pozice bude určovat až vůči <body> nebo <html>
			a při scrollování "#content" by se podřazené absolutně pozicované elementy neposouvaly.
		Použito např. pro CmbOnLine. */
    position: relative;
    overflow: auto;
    margin-left: 3px;
    margin-right: 3px;
    background: #e9f8f8;
    height: 100%;
    padding: 5px;
}
/* _content/EDORATWeb/Shared/CommonPage.razor.rz.scp.css */
#desktop[b-7288dj2ews] {
    height: 100%;
    overflow: auto;
    z-index: 1;
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: min-content auto 40px;
}

#toolbar[b-7288dj2ews] {
}

#content[b-7288dj2ews] {
    /* Nastaven� "relative" umo��uje absolutn� pozicovat pod�azen� elementy v��i tomuto elementu,
		tak�e se p�i scrollov�n� obsahu posouvaj� spolu s ostatn�mi elementy.
		Element je potom dostupn� jako "offsetParent" pro pod�azen� elementy, viz
			https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetParent
		Pokud by nebyl takto ozna�en, tak se absolutn� pozice bude ur�ovat a� v��i <body> nebo <html>
			a p�i scrollov�n� "#content" by se pod�azen� absolutn� pozicovan� elementy neposouvaly.
		Pou�ito nap�. pro CmbOnLine. */
    position: relative;
    overflow: auto;
    margin-left: 3px;
    margin-right: 3px;
    background: #e9f8f8;
    padding: 5px;
}

/* (voliteln�) prou�ek nad formul��em */

#contentbar[b-7288dj2ews] {
    background-color: white;
    padding-bottom: 5px;
    padding-left: 10px;
}

#statusbar[b-7288dj2ews] {
    background: #e9f8f8;
    margin: 3px;
    font-size: 12px;
    padding: 1px 1px;
    line-height: 1.2;
}

#statusbar div[b-7288dj2ews] {
    /* vertik�ln� centrov�n� */
    display: flex;
    align-items: center;
    height: 100%;
}

/* �prava vzhledu tla��tek (zv�t�en� plochy) ve statusbar proti v�choz�mu stylu tla��tek v komponent� Button */
[b-7288dj2ews] #statusbar button {
    padding: 6px 10px;
    margin: 0px 4px;
    font-size: 1.1em;
    min-width: 80px;
}

/* �prava vzhledu tla��tek (pouze ikona v tla��tku) proti v�choz�mu stylu tla��tek v komponent� Button */
[b-7288dj2ews] button.small-button-icon {
    padding: 3px 3px;
    margin: 0px 0px;
    line-height: 0.5em;
    min-width: 1.8em;
    font-size: 1.0em;
}

/* �prava vzhledu tla��tek (pouze ikona v tla��tku) ve statusbar proti v�choz�mu stylu tla��tek v komponent� Button */
[b-7288dj2ews] #statusbar button.small-button-icon {
    padding: 3px 3px;
    margin: 0px 0px;
    line-height: 0.5em;
    min-width: 1.8em;
    font-size: 1.0em;
}