/* === Spacing System - použití rem pro automatické škálování === */ :root { /* Padding & Margin - malé */ --spacing-xs: 0.125rem; /* 2px při 16px base */ --spacing-sm: 0.25rem; /* 4px */ --spacing-md: 0.375rem; /* 6px */ /* Padding & Margin - střední */ --spacing-lg: 0.5rem; /* 8px */ --spacing-xl: 0.625rem; /* 10px */ --spacing-2xl: 0.75rem; /* 12px */ /* Padding & Margin - velké */ --spacing-3xl: 1rem; /* 16px */ --spacing-4xl: 1.25rem; /* 20px */ --spacing-5xl: 1.5rem; /* 24px */ /* Border radius */ --radius-sm: 0.1875rem; /* 3px */ --radius-md: 0.25rem; /* 4px */ --radius-lg: 0.5rem; /* 8px */ } HTML, BODY { font-family: "Verdana CE", "Verdana", "Arial", sans-serif; font-size: 1rem; color: var(--font-html-body-td-text-dark); margin: 0; padding: 0; line-height: var(--bs-body-line-height); } #web { min-height: 600px; width: 100%; position: relative; margin-left: auto; margin-right: auto; margin: 0; padding: var(--spacing-md); border: 1px solid var(--border-web-dark); background-color: var(--bg-web-text-dark); } * html #web { height: 600px; } TD { font-family: "Verdana CE", "Verdana", "Arial", sans-serif; font-size: 1rem; color: var(--font-html-body-td-text-dark); margin: 0; line-height: var(--bs-body-line-height); } TH { font-family: "Verdana CE", "Verdana", "Arial", sans-serif; font-size: 1rem; color: var(--font-th-text-dark); Text-align: left; background-color: var(--bg-th-text-dark); } table { caption-side: bottom; border-collapse: collapse; margin-top: var(--spacing-md); margin-bottom: var(--spacing-md); } td, th { padding: var(--spacing-sm); } td[valign="top"] { padding-top: var(--spacing-xl); } p { margin: var(--spacing-md); margin-left: 0; } P.breakhere, table.breakhere { page-break-before: avoid; page-break-after: always; } fieldset { border: var(--border-fieldset-dark) 1px solid; padding: var(--spacing-md); background: var(--bg-fieldset-text-dark); margin-bottom: var(--spacing-xl); margin-top: var(--spacing-xl); } fieldset.filtr_filtru { border: var(--border-fieldset-filtr-filtru-dark) 1px solid; padding: var(--spacing-3xl); background: var(--bg-fieldset-filtr-filtru-text-dark); margin-bottom: var(--spacing-xl); margin-top: var(--spacing-xl); } fieldset.filtr_filtru input { margin: var(--spacing-md); } legend { font-size: 1.1rem; } div, .grafika { margin: 0; padding: 0; border: 0; } div.center { Text-align: center; } #nacitani { display: none; position: absolute; z-index: 100; height: 100%; width: 100%; } #nacitani_img { position: absolute; height: 100%; width: 100%; z-index: 500; } #nacitani_log { position: relative; margin-left: auto; margin-right: auto; margin-top: 15rem; width: 80%; height: 300px; overflow-y: scroll; background: var(--bg-nacitani-log-text-dark); color: var(--font-nacitani-log-text-dark); border: solid var(--border-nacitani-log-dark) 3px; padding: var(--spacing-md); z-index: 600; } * html #nacitani_img { width: 100%; margin-top: 0; } body.iframe { background-color: var(--bg-body-iframe-text-light); color: var(--font-body-iframe-text-light); Text-align: center; } body.iframe_ok { background-color: var(--bg-body-iframe-ok-text-light); color: var(--font-body-iframe-ok-text-light); Text-align: center; } body.iframe_false { background-color: var(--bg-body-iframe-false-text-light); color: var(--font-body-iframe-false-text-light); Text-align: center; } input.button_iframe_close { padding: var(--spacing-sm); font-weight: bold; } #ukladani_iframe { min-width: 600px; width: 600px; height: 250px; z-index: 200; display: none; top: 0; left: 0; right: 0; bottom: 0; margin: auto; margin-top: 3rem; position: fixed; background-color: var(--bg-ukladani-iframe-text-light); border: 2px var(--border-ukladani-iframe-light) solid; } #javascriptErrorBox { display: none; z-index: 100000; position: fixed; top: 0; left: 0; right: 0; bottom: 0; margin: auto; margin-top: 3rem; max-height: 90vh; min-height: 200px; width: 80%; height: auto; background: var(--bg-javascript-error-box-text-dark); color: var(--font-javascript-error-box-text-dark); border: solid var(--border-javascript-error-box-dark) 3px; padding: var(--spacing-md); flex-direction: column; gap: var(--spacing-md); } #javascriptErrorBox div.text { width: 100%; flex: 1; min-height: 0; text-align: left; overflow-y: auto; overflow-x: hidden; padding-right: var(--spacing-sm); } #javascriptErrorBox .button-container { width: 100%; display: flex; justify-content: center; margin-top: var(--spacing-md); } .ciselnik_ajax .input-group, .ciselnik_ajax { min-width: 290px; max-width: 900px; width: 100%; } .popover { max-width: 700px; background-color: var(--bg-div-napoveda-text-dark); color: var(--font-div-napoveda-text-dark); border: 2px solid var(--border-div-napoveda-dark); border-radius: 10px; font-size: 1rem; margin: var(--spacing-md); padding: var(--spacing-md); font-weight: normal; Text-transform : none; z-index: 100000; } .popover-body { overflow-y: scroll; } .popover-header { margin-top: calc(-1 * var(--spacing-md)); margin-left: calc(-1 * var(--spacing-md)); margin-right: calc(-1 * var(--spacing-md)); margin-bottom: var(--spacing-xl); border-top-right-radius: 10px !important; border-top-left-radius: 10px !important; } div.napoveda { max-width: 900px; width: min(900px, 100vw - 2rem); max-height: 80vh; display: none; position: fixed; /* absolute prekryvali takhle je fakt top */ top: 50%; left: 50%; transform: translate(-50%, -50%); /* centrování na obrazovce */ /*overflow-y: scroll;*/ overflow-y: auto; /* vnitřní scroll */ overflow-x: hidden; font-size: 1rem; font-weight: normal; Text-transform : none; background-color: var(--bg-div-napoveda-text-dark); color: var(--font-div-napoveda-text-dark); border: 2px solid var(--border-div-napoveda-dark); border-top-right-radius: 10px !important; border-top-left-radius: 10px !important; border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important; margin: 0; padding: var(--spacing-4xl); z-index: 99999; } img.napoveda { vertical-align: middle; /* nebo text-bottom, jak ti to sedne víc */ /* případně malé doladění */ position: relative; top: -1px; } .napoveda .btn { background-color: var(--bg-napoveda-text-dark); color: var(--font-napoveda-text-dark); } .napoveda .btn_close { margin-top: calc(-1 * var(--spacing-4xl) + var(--spacing-md) ); margin-right: calc(-1 * var(--spacing-4xl) + var(--spacing-md) ); } div.napoveda .heading_top { margin-top: calc(-1 * var(--spacing-4xl)); margin-left: calc(-1 * var(--spacing-4xl)); margin-right: calc(-1 * var(--spacing-4xl)); margin-bottom: var(--spacing-xl); border-top-right-radius: 10px !important; border-top-left-radius: 10px !important; } /* Firefox scrollbar styling */ div.napoveda { scrollbar-width: auto; /* Firefox nemá "thick" - pouze auto, thin, none */ scrollbar-color: #ff5f5f var(--bg-napoveda-text-dark); } /* Chrome/Edge/Safari scrollbar styling */ div.napoveda::-webkit-scrollbar { width: 16px ; } div.napoveda::-webkit-scrollbar-track { background: var(--bg-napoveda-text-dark); /* pozadí scrollbaru */ } div.napoveda::-webkit-scrollbar-thumb { background: #ff5f5f; /* posuvník - červený */ border-radius: 6px; } div.napoveda_template { width: 80%; overflow-x: hidden; } #menu { background-color: var(--bg-menu-text-light); /* #235eae; */ font-size: 1rem; color: var(--font-menu-text-light); margin: var(--spacing-md); padding: var(--spacing-xl); /* Text-transform: uppercase; */ Text-align: left; } div.menu_modry { background-color: var(--bg-div-menu-modry-text-light); } #menu2 { background-color: var(--bg-menu2-text-light); font-size: 1rem; font-weight: bold; color: var(--font-menu2-text-light); margin: var(--spacing-xl) var(--spacing-md) var(--spacing-md) var(--spacing-md); padding: var(--spacing-lg); /* Text-transform: uppercase; */ Text-align: left; } #telo { position: relative; } /* Wider scrollbar - global for entire website */ ::-webkit-scrollbar { width: 14px; height: 14px; } ::-webkit-scrollbar-track { background: #e0e0e0; border-radius: 7px; } ::-webkit-scrollbar-thumb { background: #888; border-radius: 7px; border: 2px solid #e0e0e0; } ::-webkit-scrollbar-thumb:hover { background: #555; } /* Firefox scrollbar styling */ * { scrollbar-width: auto; scrollbar-color: #888 #e0e0e0; } #obsah { width: 100%; min-height: 100%; margin: 0; padding: var(--spacing-3xl); } #nabidka { width: 100%; min-height: 100%; margin: 0; } #klienti_hledat, #klienti_det_edit, #klienti_det_dochazka, #klienti_det_sluzby, #klienti_det_smlouvy, #klienti_det_plany, #klienti_det_deniky, #klienti_navstevy, #klienti_dochazka, #klienti_det_sankce, #klienti_det_vazba, #klienti_det_zamitnuti, #klienti_det_akce, #klienti_det_poznamky, #filtr_je, #dochazka_filtr_je, #sankce_filtr_je, #akce_filtr_je, #sluzby_filtr_je, #deniky_filtr_je, #navstevy_filtr_je, #filtr_je_statistiky, #filtr_poradna_je, #filtr_sluzby_statistiky_je, #filtr_akce_statistiky_je, #filtr_akce_prehled_je, #filtr_akce_statistiky_je, #rodina_nova, #dochazkovy_list_filtr_je, #dochazka_filtr_je, #mesicni_prehled_filtr_je, #statistiky_dochazky_filtr_je, #karta_filtr_je, #filtr_fundrising_granty_je, #filtr_fundrising_prijmy_vydaje_je, #filtr_fundrising_instituce_je, #filtr_fundrising_majetek_je, #filtr_fundrising_skoleni_je, #filtr_uzivatele_je, #filtr_seznamy_polozek_je, #poznamky_filtr_je, #filtr_je_statistika, #upozorneni_filtr_je, #klient_nadpis, #skupinova_prace_filtr_je, #filtr_sluzby_statistiky_skupinova_prace_je, #filtr_je_udalosti, #filtr_fundrising_dalsi_zaznamy_je, #filtr_je_mesicni, #bez_klienta_filtr_je { display: none; } img { margin-right: var(--spacing-md); } /* A HREF */ a { color: var(--font-a-text-light); } a:hover { color: var(--font-a-hover-text-light); } a.no_color { color: var(--font-a-no-color-text-light); } a.menu_hide { margin: 0 !important; color: var(--font-a-menu-hide-text-light)!; background-color: var(--bg-a-menu-hide-text-dark)!; } a.menu { color: var(--font-a-menu-text-dark); margin: var(--spacing-sm) 0; background-color: var(--bg-a-menu-text-dark); border-color: var(--border-a-menu-light); display: inline-block; font-weight: 400; line-height: 1.5; Text-align: center; Text-decoration: none; vertical-align: middle; cursor: pointer; border: 2px solid; padding: .375rem .75rem; font-size: 1rem; border-radius: .25rem; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } a:hover.menu { color: var(--font-a-hover-menu-text-light) !important; background-color: var(--bg-a-hover-menu-text-light) !important; border-color: var(--border-a-hover-menu-light) !important; } a.menu_modry { color: var(--font-a-menu-modry-text-dark); Text-decoration: none; background-color: var(--bg-a-menu-modry-text-dark); /* #126e83 */ Text-decoration: none; margin: var(--spacing-sm) 0; border-color: var(--border-a-menu-modry-light); display: inline-block; font-weight: 400; line-height: 1.5; Text-align: center; Text-decoration: none; vertical-align: middle; cursor: pointer; border: 2px solid; padding: .375rem .75rem; font-size: 1rem; border-radius: .25rem; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } a:hover.menu_modry { color: var(--font-a-hover-menu-modry-text-light) !important; background-color: var(--bg-a-hover-menu-modry-text-light) !important; border-color: var(--border-a-hover-menu-modry-light) !important; } a.menu_modry_kancelar { background-color: var(--bg-a-menu-modry-kancelar-text-dark); } a.menu_modry_vykazy { background-color: var(--bg-a-menu-modry-vykazy-text-dark); } a.menu_modry_klienti { background-color: var(--bg-a-menu-modry-klienti-text-dark); } a.menu_modry_sprava { background-color: var(--bg-a-menu-modry-sprava-text-dark); } a.menu-kli1 { /*color: rgb(127, 189, 255) !important;*/ background-color: var(--bg-a-menu-kli1-text-dark); } a.menu-kli2 { /*color: rgb(81, 255, 0) !important;*/ background-color: var(--bg-a-menu-kli2-text-dark); } a.menu-doch { /*color: rgb(0, 221, 255) !important;*/ background-color: var(--bg-a-menu-doch-text-dark); } a.menu-doch-kancelar { background-color: var(--bg-a-menu-doch-kancelar-text-dark); } a.menu-nedoch { /*color: rgb(251, 179, 250) !important;*/ background-color: var(--bg-a-menu-nedoch-text-dark); } a.menu-prehled { /*color: rgb(127, 189, 255) !important;*/ background-color: var(--bg-a-menu-prehled-text-dark); } a.menu-vyuctovani { /*color: rgb(127, 189, 255) !important;*/ background-color: var(--bg-a-menu-vyuctovani-text-dark); } a.menu-novy { background-color: var(--bg-a-menu-novy-text-dark); } a.menu-stats { /*color: rgb(127, 189, 255) !important;*/ background-color: var(--bg-a-menu-stats-text-dark); } a.menu-proroma { background-color: var(--bg-a-menu-proroma-text-dark); } #navigace { width: 380px; float: right; position: relative; margin-right: var(--spacing-md); color: var(--font-navigace-text-light); border: 5px; border-color: var(--border-navigace-light); z-index: 100; } #navigace_skryvat { width: 390px; display: none; position: absolute; margin-left: 0; margin-right: var(--spacing-xl); background-color: var(--bg-navigace-skryvat-text-dark); border: var(--border-navigace-skryvat-dark) 2px solid; padding: var(--spacing-md); z-index: 100; overscroll-behavior: contain; } * html #navigace_skryvat { width: 390px; } h3.rychla_navigace { margin-top: var(--spacing-sm); margin-bottom: auto; display: inline-block; width: 270px; color: var(--font-h3-rychla-navigace-text-dark); Text-decoration: none; background-color: var(--bg-h3-rychla-navigace-text-dark); /* #a73cd1; */ Text-decoration: none; border-color: var(--border-h3-rychla-navigace-dark); display: inline-block; font-weight: 400; line-height: 1.5; Text-align: center; Text-decoration: none; vertical-align: middle; cursor: pointer; border: 1px solid; padding: .375rem .75rem; font-size: 1.1rem; border-radius: .25rem; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } h3.rychla_navigace:hover { color: var(--font-h3-rychla-navigace-hover-text-light) !important; background-color: var(--bg-h3-hover-rychla-navigace-text-light) !important; border-color: var(--border-h3-rychla-navigace-hover-light) !important; } div.rychla_navigace_box { display: flex; align-items: flex-start; margin: 0; padding: 0; } a.rychla_navigace_logout { background-color: var(--bg-a-rychla-navigace-logout-text-dark); color: var(--font-a-rychla-navigace-logout-text-dark); margin: var(--spacing-sm); display: inline-flex; align-items: center; gap: var(--spacing-md); height: fit-content; } a.menu_nav { color: var(--font-a-menu-nav-text-light); Text-decoration: none; display: block; background: var(--bg-menu-nav-default-text-light); padding: var(--spacing-md); border-radius: 3px; margin: var(--spacing-xs) 0; text-align: center; } .menu-selected { border: 3px solid black; } a:hover.menu_nav { color: var(--font-a-hover-menu-nav-text-light); Text-decoration: underline; } a.menu_nav_add { background: var(--bg-menu-nav-add-text-light) !important; } a.menu_nav_nzdm { background: var(--bg-menu-nav-nzdm-text-light) !important; } a.menu1 { color: var(--font-a-menu1-text-light); Text-decoration: none; } a:hover.menu1 { color: var(--font-a-hover-menu1-text-light); Text-decoration: underline; } a.copyright { Text-decoration: none; } a:hover.copyright { Text-decoration: none; } a.cesta { Text-decoration: underline; } a:hover.cesta { Text-decoration: none; } a.navigace_1 { font-weight: bold; } /* FORM */ form {margin-top: 0; margin-bottom: 0;} table.strip tr:nth-child(even) td:not(.bg_reset):not(.tabulka_colored_head) { font-size: 1rem; background-color: var(--bg-table-strip-even-text-dark); padding: var(--spacing-sm); border: solid var(--border-table-strip-td-light) 2px; } table.strip tr:nth-child(odd) td:not(.bg_reset):not(.tabulka_colored_head) { font-size: 1rem; background-color: var(--bg-table-strip-odd-text-dark) /* #B8E18B / #ccecfc */ ; padding: var(--spacing-sm); border: solid var(--border-table-strip-td-light) 2px; } td.tabulka_colored_first { font-size: 1rem; background-color: var(--bg-td-tabulka-colored-first-text-dark); padding: var(--spacing-sm); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_second { font-size: 1rem; background-color: var(--bg-td-tabulka-colored-second-text-dark) /* #B8E18B / #ccecfc */ ; padding: var(--spacing-sm); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_sum { font-size: 1rem; background-color: transparent !important; font-weight: bold; color: var(--font-td-tabulka-colored-sum-text-light); padding: var(--spacing-sm); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_mini_first { font-size: 0.95rem; background-color: var(--bg-td-tabulka-colored-mini-first-text-dark); padding: var(--spacing-sm); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_mini_second { font-size: 0.95rem; background-color: var(--bg-td-tabulka-colored-mini-second-text-dark) /* #B8E18B / #ccecfc */ ; padding: var(--spacing-sm); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_hide, tr.empty, td.tabulka_colored_empty_first, td.tabulka_colored_empty_second { border: none !important; font-size: 0 !important; padding: 0 !important; margin: 0 !important; height: 0 !important; box-sizing: content-box !important; } td.tabulka_colored_2_first { font-size: 1rem; background-color: var(--bg-td-tabulka-colored-2-first-text-dark); padding: var(--spacing-sm); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_2_second { font-size: 1rem; background-color: var(--bg-td-tabulka-colored-2-second-text-dark) /* #B8E18B / #ccecfc */ ; padding: var(--spacing-sm); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_first_1novy { font-size: 1rem; background-color: var(--bg-td-tabulka-colored-first-1novy-text-dark); color: var(--font-td-tabulka-colored-first-1novy-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_second_1novy { font-size: 1rem; background-color: var(--bg-td-tabulka-colored-second-1novy-text-dark); color: var(--font-td-tabulka-colored-second-1novy-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_first_1autorizace { font-size: 1rem; background-color: var(--bg-td-tabulka-colored-first-1autorizace-text-dark); color: var(--font-td-tabulka-colored-first-1autorizace-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_second_1autorizace { font-size: 1rem; background-color: var(--bg-td-tabulka-colored-second-1autorizace-text-dark); color: var(--font-td-tabulka-colored-second-1autorizace-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_first_2vyrizujese { font-size: 1rem; background-color: var(--bg-td-tabulka-colored-first-2vyrizujese-text-dark); color: var(--font-td-tabulka-colored-first-2vyrizujese-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_second_2vyrizujese { font-size: 1rem; background-color: var(--bg-td-tabulka-colored-second-2vyrizujese-text-dark); color: var(--font-td-tabulka-colored-second-2vyrizujese-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_first_4zamitnuto { font-size: 1rem; background-color: var(--bg-td-tabulka-colored-first-4zamitnuto-text-dark); color: var(--font-td-tabulka-colored-first-4zamitnuto-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_second_4zamitnuto { font-size: 1rem;background-color: var(--bg-td-tabulka-colored-second-4zamitnuto-text-dark); color: var(--font-td-tabulka-colored-second-4zamitnuto-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_first_4nenalezeno { font-size: 1rem; background-color: var(--bg-td-tabulka-colored-first-4nenalezeno-text-dark); color: var(--font-td-tabulka-colored-first-4nenalezeno-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_second_4nenalezeno { font-size: 1rem; background-color: var(--bg-td-tabulka-colored-second-4nenalezeno-text-dark); color: var(--font-td-tabulka-colored-second-4nenalezeno-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_first_4splneno { font-size: 1rem; background-color: var(--bg-td-tabulka-colored-first-4splneno-text-dark); color: var(--font-td-tabulka-colored-first-4splneno-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_second_4splneno { font-size: 1rem; background-color: var(--bg-td-tabulka-colored-second-4splneno-text-dark); color: var(--font-td-tabulka-colored-second-4splneno-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_ { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-white-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_0 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-0-text-light); color:var(--font-td-tabulka-colored-0-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_1 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-1-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_2 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-2-text-light); color:var(--font-td-tabulka-colored-2-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_3 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-3-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_4 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-4-text-light); color:var(--font-td-tabulka-colored-4-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_5 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-5-text-light); color:var(--font-td-tabulka-colored-5-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_6 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-6-text-light); color:var(--font-td-tabulka-colored-6-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_7 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-7-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_8 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-8-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_9 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-9-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_10 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-10-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_11 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-11-text-light); color:var(--font-td-tabulka-colored-11-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_12 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-12-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_13 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-13-text-light); color:var(--font-td-tabulka-colored-13-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_14 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-14-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_15 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-15-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_16 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-16-text-light); color:var(--font-td-tabulka-colored-16-text-light);} td.tabulka_colored_17 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-17-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_18 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-18-text-light); color:var(--font-td-tabulka-colored-18-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_19 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-19-text-light); color:var(--font-td-tabulka-colored-19-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_20 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-20-text-light); color:var(--font-td-tabulka-colored-20-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_21 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-21-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_22 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-22-text-light); color:var(--font-td-tabulka-colored-22-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_23 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-23-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_24 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-24-text-light); color:var(--font-td-tabulka-colored-24-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_25 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-25-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_26 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-26-text-light); color:var(--font-td-tabulka-colored-26-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_27 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-27-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_28 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-28-text-light); color:var(--font-td-tabulka-colored-28-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_29 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-29-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_30 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-30-text-light); color:var(--font-td-tabulka-colored-30-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_31 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-31-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_32 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-32-text-light); color:var(--font-td-tabulka-colored-32-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_33 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-33-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_34 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-34-text-light); color:var(--font-td-tabulka-colored-34-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_35 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-35-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_36 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-36-text-light); color:var(--font-td-tabulka-colored-36-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_37 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-37-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_38 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-38-text-light); color:var(--font-td-tabulka-colored-38-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_39 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-39-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_40 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-40-text-light); color:var(--font-td-tabulka-colored-40-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_41 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-41-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_42 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-42-text-light); color:var(--font-td-tabulka-colored-42-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_43 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-43-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_44 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-44-text-light); color:var(--font-td-tabulka-colored-44-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_45 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-45-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_46 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-46-text-light); color:var(--font-td-tabulka-colored-46-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_47 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-47-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_48 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-48-text-light); color:var(--font-td-tabulka-colored-48-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_49 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-49-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_50 { cursor:pointer; border: solid var(--border-td-tabulka-colored-cursor-dark) 1px; background-color: var(--bg-td-tabulka-colored-50-text-light); color:var(--font-td-tabulka-colored-50-text-light); border: solid var(--border-td-tabulka-colored-light) 2px; } table.strip_grey tr:nth-child(even) td { font-size: 100%; background-color: var(--bg-table-strip-grey-even-text-dark); padding: var(--spacing-sm); border: 3px solid var(--border-table-strip-grey-td-light); } table.strip_grey tr:nth-child(odd) td { font-size: 100%; background-color: var(--bg-table-strip-grey-odd-text-dark) /* #B8E18B / #BCD0D8 */ ; padding: var(--spacing-md); border: 3px solid var(--border-table-strip-grey-td-light); } table.strip_soft tr:nth-child(even) td { font-size: 100%; background-color: var(--bg-table-strip-soft-even-text-dark); padding: var(--spacing-sm); border: 3px solid var(--border-table-strip-soft-td-light); } table.strip_soft tr:nth-child(odd) td { font-size: 100%; background-color: var(--bg-table-strip-soft-odd-text-dark) /* #B8E18B / #BCD0D8 */ ; padding: var(--spacing-md); border: 3px solid var(--border-table-strip-soft-td-light); } table.strip_soft tr th { background-color: var(--bg-table-strip-soft-th-text-dark); padding: var(--spacing-md); border: 3px solid var(--border-table-strip-soft-td-light); position: sticky; top: 0; z-index: 5; } td.tabulka_grey_head { background-color: var(--bg-td-th-tabulka-grey-head-text-light); color: var(--font-td-th-tabulka-grey-head-text-light); } th.tabulka_grey_head { background-color: var(--bg-td-th-tabulka-grey-head-text-light); color: var(--font-td-th-tabulka-grey-head-text-light); position: sticky; top: 0; z-index: 5;} td.tabulka_grey_first { background-color: var(--bg-td-tabulka-grey-first-text-dark); border: 1px solid var(--border-td-tabulka-grey-first-second-light); } td.tabulka_grey_second { background-color: var(--bg-td-tabulka-grey-second-text-dark); border: 1px solid var(--border-td-tabulka-grey-first-second-light); } td.tabulka_soft_first { background-color: var(--bg-td-tabulka-soft-first-text-dark); border: 1px solid var(--border-td-tabulka-soft-first-second-light); } td.tabulka_soft_second { background-color: var(--bg-td-tabulka-soft-second-text-dark); border: 1px solid var(--border-td-tabulka-soft-first-second-light); } td.tabulka_colored_white { background-color: var(--bg-td-tabulka-colored-white-text-dark); } td.tabulka_colored_organizer { font-size: 1rem; background-color: var(--bg-td-tabulka-colored-organizer-text-light); color: var(--font-td-tabulka-colored-organizer-text-light); padding: var(--spacing-sm); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_organizer_nadpis { font-size: 1rem; background-color: var(--bg-td-tabulka-colored-organizer-nadpis-text-light); color: var(--font-td-tabulka-colored-organizer-nadpis-text-light); font-weight: bold; padding: var(--spacing-sm); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_volno { background-color: var(--bg-td-tabulka-colored-volno-text-dark); font-size: 1rem; text-align: center; font-weight: bold; padding: var(--spacing-sm); color: var(--font-td-tabulka-colored-volno-text-dark); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_volno_ok { background-color: var(--bg-td-tabulka-colored-volno-ok-text-dark); font-size: 1rem; text-align: center; font-weight: bold; padding: var(--spacing-sm); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_colored_obsazeno { background-color: var(--bg-td-tabulka-colored-obsazeno-text-dark); font-size: 1rem; text-align: center; font-weight: bold; padding: var(--spacing-sm); border: solid var(--border-td-tabulka-colored-light) 2px; } td.tabulka_white_bold { border: solid var(--border-td-tabulka-colored-light) 2px; background-color: var(--bg-td-tabulka-white-bold-text-dark); font-weight: bold; padding: var(--spacing-sm); } td.tabulka_white { border: solid var(--border-td-tabulka-colored-light) 2px; background-color: var(--bg-td-tabulka-white-text-dark); padding: var(--spacing-sm); } td.grey { background-color: var(--bg-td-grey-text-light) !important; } td.disabled { background-color: var(--bg-td-disables-text-dark) !important; color: var(--font-td-disables-text-dark); text-decoration:line-through; } .xxx { color: var(--font-xxx-text-dark); } td.tabulka_inner_form_first { background-color: var(--bg-td-tabulka-inner-form-first-text-dark); border: 1px solid var(--border-td-tabulka-inner-form-light); } td.tabulka_inner_form_second { background-color: var(--bg-td-tabulka-inner-form-second-text-dark); border: 1px solid var(--border-td-tabulka-inner-form-light); } td.tabulka_colored_head, th.tabulka_colored_head, table.strip td.tabulka_colored_head, table.strip th.tabulka_colored_head { background-color: var(--bg-td-th-tabulka-colored-head-text-dark); /* #fd8e8e */ font-weight: bold; font-size: 100%; Text-align: left; padding: var(--spacing-lg); border: solid var(--border-td-tabulka-colored-head-light) 2px; position: sticky; top: 0; z-index: 5; } /* Když je popup otevřený, disable sticky positioning a z-index */ body:has(div.napoveda[style*="display: block"]) td.tabulka_colored_head, body:has(div.napoveda[style*="display: block"]) th.tabulka_colored_head, body:has(div.napoveda[style*="display: block"]) td.tabulka_colored_head_soft, body:has(div.napoveda[style*="display: block"]) th.tabulka_colored_head_soft, body:has(div.napoveda[style*="display: block"]) table.strip_soft tr th, body:has(div.napoveda[style*="display: block"]) th.tabulka_grey_head { position: relative !important; z-index: auto !important; } td.tabulka_colored_head_soft, th.tabulka_colored_head_soft { background-color: var(--bg-td-th-tabulka-colored-head-soft-text-dark) !important; font-weight: bold !important; font-size: 100%; text-align: left; padding: var(--spacing-sm); border: solid 2px var(--border-td-th-tabulka-colored-head-soft-light); position: sticky; top: 60px; /* kvůli hornímu menu - neposouvá bez sticky */ } /* NADPISY */ h1, span.nadpis_1, td.nadpis_1, th.nadpis_1 { font-size: 1.3rem; font-weight: bold; color: var(--font-h1-span-td-th-nadpis-1-text-light); } span.karta_nadpis_1 { font-size: 1rem; font-weight: bold; color: var(--font-span-karta-nadpis-1-text-dark); } span.nadpis_1b { font-size: 1rem; font-weight: bold; color: var(--font-span-nadpis-1b-text-dark); } body.iframe_ok h1 { color: var(--font-body-iframe-ok-h1-text-light); } h2, span.nadpis_2, td.nadpis_2, th.nadpis_2 { font-size: 1.15rem;; font-weight: bold; color: var(--font-h2-span-td-th-nadpis-2-text-light); margin-top: 1rem; margin-bottom: var(--spacing-xl); } body.iframe_ok h2 { color: var(--font-body-iframe-ok-h2-text-light); } h3, span.nadpis_3, td.nadpis_3, th.nadpis_3 { font-size: 1.1rem; font-weight: bold; color: var(--font-h3-span-td-th-nadpis-3-text-light); margin-top: .2rem; margin-bottom: .2rem; } body.iframe_ok h3 { color: var(--font-body-iframe-ok-h3-text-dark); } h4, span.nadpis_4, td.nadpis_4, th.nadpis_4 { background-color: var(--bg-h4-nadpis-4-text-dark); font-size: 1rem; font-weight: bold; color: var(--font-h4-span-td-th-nadpis-4-text-dark); Text-align: left; margin: 0; padding: 0; } h5, span.nadpis_5, td.nadpis_5, th.nadpis_5 { background-color: var(--bg-h5-nadpis-5-text-dark); font-size: 1rem; font-weight: bold; color: var(--font-h5-span-td-th-nadpis-5-text-dark); Text-align: left; margin: 0; padding: 0; } h6, span.nadpis_6, td.nadpis_6, th.nadpis_6 { font-size: 1rem; font-weight: bold; } /* TD MENU */ td.menu_b, th.menu_b { font-weight: bold; background-color: var(--bg-td-th-menu-b-text-dark); Text-align: left; } td.menu_1, th.menu_1 { background-color: var(--bg-td-th-menu-1-text-light); font-size: 0.95rem; font-weight: bold; color: var(--font-td-th-menu-1-text-light); /* Text-transform: uppercase; */ Text-align: left; } td.menu_2, th.menu_2 { background-color: var(--bg-td-th-menu-2-text-light); font-size: 0.95rem; font-weight: bold; color: var(--font-td-th-menu-2-text-light); /* Text-transform: uppercase; */ Text-align: left; } td.menu_3, th.menu_3 { background-color: var(--bg-td-th-menu-3-text-dark); font-size: 0.95rem; font-weight: bold; color: var(--font-td-th-menu-3-text-dark); Text-align: left; } td.menu_4, th.menu_4 { background-color: var(--bg-td-th-menu-4-text-dark); font-size: 0.95rem; font-weight: bold; color: var(--font-td-th-menu-4-text-dark); Text-align: left; } td.seda_podrzena { border-bottom: 1px gray solid; } div.menu_sirka { min-width: 800px; } table.multi_select { margin-bottom: var(--spacing-xs); } * html div.menu_sirka { width: 100%; min-width: 800px; } div.menu_2_Text { position: absolute; display: inline; margin-left: var(--spacing-xl); margin-top: var(--spacing-sm); } * html div.menu_2_Text { margin-left: var(--spacing-xl); } table.menu_2 { margin-bottom: var(--spacing-xs); } fieldset.menu_2 { background-color: var(--bg-fieldset-menu-2-text-dark); border: solid var(--border-fieldset-td-th-menu-2-3-4-dark) 1px; } a.menu_2 { font-size: 0.95rem; color: var(--font-a-menu-2-text-light); } input.menu_3 { float: left; width: 55px; } div.menu_3_Text { position: absolute; margin-left: 7.5rem; margin-top: var(--spacing-sm); color: var(--font-div-menu-3-text-text-dark); } * html div.menu_3_Text { margin-left: var(--spacing-xl); } table.menu_3 { margin-bottom: var(--spacing-xs); } fieldset.menu_3 { background-color: var(--bg-fieldset-menu-3-text-dark); border: solid var(--border-fieldset-td-th-menu-2-3-4-dark) 1px; } a.menu_3 { font-size: 0.95rem; color: var(--font-a-menu-3-text-dark); } table.menu_edit, td.menu_edit { background-color: var(--bg-table-td-menu-edit-text-dark); } td.menu_edit_povine_1 { background-color: var(--bg-td-menu-edit-povine-1-text-dark); color: var(--font-td-menu-edit-povine-1-text-light); } table.multi_select, td.multi_select { background-color: var(--bg-table-td-multi-select-text-dark) !important; line-height: 1.6; } table.tabulka_helpdesk { background: var(--bg-table-tabulka-helpdesk-text-dark); } table.tabulka_helpdesk_nove, td.tabulka_helpdesk_nove_vnitrni { background: var(--bg-table-tabulka-helpdesk-nove-text-dark); } table.tabulka_helpdesk_dotaz, td.tabulka_helpdesk_dotaz_vnitrni { background: var(--bg-table-tabulka-helpdesk-dotaz-text-dark); } table.tabulka_helpdesk_vyreseno, td.tabulka_helpdesk_vyreseno_vnitrni { background: var(--bg-table-tabulka-helpdesk-vyreseno-text-dark); } table.tabulka_helpdesk_vyrizujese, td.tabulka_helpdesk_vyrizujese_vnitrni { background: var(--bg-table-tabulka-helpdesk-vyrizujese-text-dark); } td.tabulka_helpdesk_nove { border: solid 2px red; background: var(--bg-table-tabulka-helpdesk-nove-text-dark); } td.tabulka_helpdesk_dotaz { border: solid 2px red; background: var(--bg-table-tabulka-helpdesk-dotaz-text-dark); } td.tabulka_helpdesk_vyreseno { border: solid 2px green; background: var(--bg-table-tabulka-helpdesk-vyreseno-text-dark); } td.tabulka_helpdesk_vyrizujese { border: solid 2px blue; background: var(--bg-table-tabulka-helpdesk-vyrizujese-text-dark); } td.tabulka_helpdesk_form { border: solid 2px black; } td.ev_subtable { background-color: var(--bg-td-ev-subtable-text-dark); } tr.ev_edit_edit_line_prubeh { display: none; } input.ev_edit_prubeh { width: 70px; } input.ev_edit_prubeh_ulozit { width: 70px; color: var(--font-input-ev-edit-prubeh-ulozit-text-light); } /* POSTATNI SPECIALNI SPAN */ .green { color: var(--font-green-text-light) !important; } .purple { color: var(--font-purple-text-light) !important; } .orange { color: var(--font-orange-text-light) !important; } .blue { color: var(--font-blue-text-light) !important; } .pink { color: var(--font-pink-text-light) !important; } .red { color: var(--font-red-text-light) !important; } .alert { color: var(--font-alert-text-light); } .alert_extra { color: var(--font-alert-extra-text-light); font-weight: bold; font-size: 1.3rem; } tr.zelene_pozadi td, td.zelene_pozadi { background-color: var(--bg-tr-td-zelene-pozadi-text-light) !important; color: var(--font-tr-td-zelene-pozadi-text-light) !important; font-weight: bold; font-size: 1.3rem; } body.iframe_false span.alert { color: var(--font-body-iframe-false-span-alert-text-light); } span.blind_white { color: var(--font-span-blind-white-text-dark); } span.info_1, a.info_1, p.info_1, ul.info_1 li { font-size: 0.95rem; color: var(--font-span-a-p-ul-info-1-text-light); } span.info_2, a.info_2 { font-size: 0.95rem; color: var(--font-span-a-p-ul-info-1-text-light); } .signup_help { font-size: 0.95rem; color: var(--font-signup-help-text-light); margin:.25rem 0 .75rem } div.funkce_info { font-size: 1rem; color: var(--font-div-a-funkce-login-info-text-dark); Text-transform : none; margin: var(--spacing-sm); padding: var(--spacing-sm); border: 2px solid var(--border-div-funkce-login-info-dark); background-color: var(--bg-div-funkce-info-text-dark);; } div.footer { font-size: 1rem; color: var(--font-div-a-funkce-login-info-text-dark); Text-transform : none; margin: var(--spacing-sm); padding: var(--spacing-sm); border: 2px solid var(--border-div-funkce-login-info-dark); } div.alert_box { font-size: 1rem; color: red; Text-transform : none; margin: var(--spacing-sm); padding: var(--spacing-sm); border: 2px solid var(--border-div-funkce-login-info-dark); background-color: white; } div.login_info { font-size: 1rem; color: var(--font-div-a-funkce-login-info-text-dark); Text-transform : none; margin: var(--spacing-sm); padding: var(--spacing-sm); border: 2px solid var(--border-div-funkce-login-info-dark); background-color: var(--bg-div-login-info-text-dark);; } a.funkce_info, a.login_info { font-size: 1rem; color: var(--font-div-a-funkce-login-info-text-dark); Text-transform : none; } /* TABLE */ table.dark { background-color: var(--bg-table-dark-text-dark); } table.table_katalog, td.td_table_katalog, th.td_table_katalog { border: none; padding: 0; font-size: 1rem; } /* TISK */ table.table_tisk_border, td.table_tisk_border { border: var(--border-table-tisk-border-dark) solid 1px; } td.nazev_tisk, th.nazev_tisk { background-color: var(--bg-td-th-nazev-tisk-text-dark); font-size: 1rem; color: var(--font-td-th-nazev-tisk-text-dark); Text-align: left; border-left: var(--border-td-th-nazev-tisk-dark) solid 1px; border-top: var(--border-td-th-nazev-tisk-dark) solid 1px; border-bottom: var(--border-td-th-nazev-tisk-dark) solid 1px; } td.hodnota_tisk, th.hodnota_tisk { background-color: var(--bg-td-th-hodnota-tisk-text-dark); font-size: 1rem; color: var(--font-td-th-hodnota-tisk-text-dark); Text-align: left; border-right: var(--border-td-th-hodnota-tisk-dark) solid 1px; border-top: var(--border-td-th-hodnota-tisk-dark) solid 1px; border-bottom: var(--border-td-th-hodnota-tisk-dark) solid 1px; } td.normal_tisk, th.normal_tisk { background-color: var(--bg-td-th-normal-tisk-text-dark); font-size: 1rem; color: var(--font-td-th-normal-tisk-text-dark); Text-align: left; border: var(--border-td-th-normal-tisk-dark) solid 1px; } td.menu_tisk, th.menu_tisk { background-color: var(--bg-td-th-menu-tisk-text-dark); font-size: 1rem; font-weight: bold; color: var(--font-td-th-menu-tisk-text-dark); Text-align: left; border: var(--border-td-th-menu-tisk-dark) solid 1px; } td.povine_tisk, th.povine_tisk { font-weight: bold; Text-decoration: underline; border-left: var(--border-td-th-povine-tisk-dark) solid 1px; border-top: var(--border-td-th-povine-tisk-dark) solid 1px; border-bottom: var(--border-td-th-povine-tisk-dark) solid 1px; } span.povine_tisk { font-weight: bold; Text-decoration: underline; } /* POVINE */ td.povine_1, th.povine_1 { color: var(--font-td-th-span-povine-1-text-light); } span.povine_1 { color: var(--font-td-th-span-povine-1-text-light); } /* UNI MODUL */ table.uni_modul { border-color: var(--border-table-uni-modul-light); font-size: 1em; color: var(--font-table-uni-modul-text-dark); } td.uni_modul_nazev, th.uni_modul_nazev { background-color: var(--bg-td-th-uni-modul-nazev-text-light); font-size: 1em; font-weight: normal; color: var(--font-td-th-uni-modul-nazev-text-light); Text-align: left; } td.uni_modul_menu, th.uni_modul_menu { background-color: var(--bg-td-th-uni-modul-menu-text-light); font-size: 1em; font-weight: normal; color: var(--font-td-th-uni-modul-menu-text-light); Text-align: left; } td.uni_modul, th.uni_modul { background-color: var(--bg-td-th-uni-modul-text-dark); color: var(--font-td-th-uni-modul-text-dark); font-size: 1em; Text-align: left; } h2.uni_modul { font-size: 1em; font-weight: bold; color: var(--font-h2-uni-modul-text-light); } td.left_line, th.left_line { border-color: var(--border-td-th-left-line-light); border-left-style : solid; border-left-width : 4px; } td.right_line, th.right_line { border-color: var(--border-td-th-right-line-light); border-right-style : solid; border-right-width : 4px; } span.checkbox_blue_bg { background: var(--bg-span-checkbox-blue-bg-text-dark); /*margin-right: var(--spacing-xl); nesmi byt pro pocitani cols bootstrap */ line-height: 1.6; font-size: 1.1rem; padding: var(--spacing-xs); margin-top: var(--spacing-sm); } span.checkbox_blue_bg label { padding: var(--spacing-md); line-height: 1.6; } span.yellow_bg { background: var(--bg-span-yellow-bg-text-dark); } #filtr_klient { background: var(--bg-filtr-klient-text-dark); border: solid 3px white; padding: var(--spacing-xl); margin-bottom: var(--spacing-md); } .videoWrapper { position: relative;padding-bottom: 56.25%; /* 16:9 */padding-top: 25px;height: 0; } .videoWrapper iframe { position: absolute;top: 0;left: 0;width: 100%;height: 100%; } #floatButtonsBox { /* display: block; Visible by default */ position: fixed; /* Fixed/sticky position */ bottom: 80px; /* Place the buttons at the bottom of the page */ right: 30px; /* Place the button 30px from the right */ z-index: 50; /* Make sure it does not overlap */ border-radius: 10px; /* Rounded corners */ background-color: var(--bg-floatButtonsBox-text-dark); /* Add a dark-grey background on hover */ } .floatButton { margin: 4px; /* Place the button at the bottom of the other */ border: none; /* Remove borders */ outline: none; /* Remove outline */ cursor: pointer; /* Add a mouse pointer on hover */ border-radius: 10px; /* Rounded corners */ font-size: 0.95rem; /* Increase font size */ } .topBtn { display: none; /* Hidden by default */ background-color: var(--bg-topBtn-text-light); /* Set a background color */ color: var(--font-topBtn-text-light); /* Text color */ } .topBtn:hover { background-color: var(--bg-topBtn-hover-text-light); /* Add a dark-grey background on hover */ } .middleBtn { display: block; /* Visible by default */ background-color: var(--bg-middleBtn-text-light); /* Set a background color */ color: var(--font-middleBtn-text-light); /* Text color */ } .middleBtn:hover { background-color: var(--bg-middleBtn-hover-text-dark); /* Add a dark-grey background on hover */ } .bottomBtn { display: block; /* Visible by default */ background-color: var(--bg-bottomBtn-text-light); /* Set a background color */ color: var(--font-bottomBtn-text-light); /* Text color */ } .bottomBtn:hover { background-color: var(--bg-bottomBtn-hover-text-light); /* Add a dark-grey background on hover */ } .hideBtn { display: block; /* Visible by default */ } .showBtn { display: none; /* Hidden by default */ } .clear{clear: both;} .year-select { width: 80px !important; min-width: 80px !important; flex: 0 1 auto !important; } .month-select, .day-select, .week-select, .hour-select{ width: 60px !important; min-width: 60px !important; flex: 0 1 auto !important; } .tox, .tox-tinymce, .tox-tinymce--toolbar-sticky-off { width: 100%; min-width: 800px; } .btn, button, input, optgroup, select, Textarea { /* margin: var(--spacing-md) var(--spacing-sm) var(--spacing-sm) var(--spacing-sm); TRY DEF! */ font-family: inherit; font-size: inherit; line-height: inherit; width: auto; } div.ciselnik_box { /*min-width: 250px; uz resi bootstrap*/ margin: 0; /* padding: 0; nesmi rozbije roztahne input mimo col */ } div.seznam_okno { margin-top: 30px; min-width: 100%; width: 100%; display: none; position: absolute; background: white; border: solid 1px black; padding: var(--spacing-sm); z-index: 10000; } .form-control, .input-group-text { border: solid 1px var(--border-form-control-input-group-text-dark); min-height: 32px; } .input-group .btn, .input-group button, .input-group input:not([type="checkbox"]):not([type="radio"]), .input-group optgroup, .input-group select, .input-group .form-control { margin: 0; height: 32px; /* width: auto; rozbije selecty */ } option { width: 100%; padding: var(--spacing-xs) var(--spacing-md); box-sizing: border-box; } select { box-sizing: border-box; } .input-group Textarea { margin: 0; width: auto; } /* NOT type=checkbox */ input[type=Text], input[type=number], input[type=date], input[type=time], input[type=color], input[type=password], select { min-height: 32px; height: 32px; min-width: 120px; width: auto; padding: .375rem .5rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--font-input-text-date-number-color-password-select-text-dark); background-color: var(--bg-input-text-date-number-color-password-select-text-dark); background-clip: padding-box; border: 1px solid var(--border-input-text-date-number-color-password-select-dark); border-radius: .25rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } select.selectpicker { /* multi group select select_multi_group */ height: 50px; } /* input[type=Text], input[type=password] { min-width: 250px; } td.tabulka_colored_first input[type=Text], td.tabulka_colored_second input[type=Text], td.tabulka_grey_first input[type=Text], td.tabulka_grey_second input[type=Text], td.tabulka_inner_form_first input[type=Text], td.tabulka_inner_form_second input[type=Text] { min-width: 50px; } */ input[type=checkbox] { width: 18px; height: 18px; border-radius: .25rem; border: 2px solid var(--border-input-checkbox-light); color: var(--font-input-checkbox-text-dark); background-color: var(--bg-input-text-date-number-color-password-select-text-dark); margin: var(--spacing-md); margin-right: var(--spacing-md); transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .btn, button, input[type=button], input[type=submit], input[type=reset] { display: inline-block; width: initial; font-weight: 400; line-height: 1.5; Text-align: center; Text-decoration: none; vertical-align: middle; cursor: pointer; border: 1px solid; padding: .375rem .75rem; font-size: 1rem; border-radius: .45rem; border-top-right-radius: 0.45rem; border-bottom-right-radius: 0.45rem; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } input.uni_modul { width: 200px; } /* INPUT */ input.odhlasit { font-size: 0.8em; width: 150px; min-width: 150px; } input.button { background-color: var(--bg-input-button-text-dark); color: var(--font-input-button-text-dark); } input, Textarea, select { background-color: var(--bg-input-textarea-select-text-dark); color: var(--font-input-textarea-select-text-dark); } input.filter_1 { width: 200px; min-width: 200px; } input.short { width: 40px; min-width: 40px; } input.long { width: 100%; min-width: 100%; } input.long_2 { width: 250px; min-width: 250px; } textarea.long { width: 100%; min-width: 100%; } textarea { min-width:200px !important; max-width:100% !important; min-height:50px !important; width:100% !important; height:auto; } input.datum_dochazka { width: 100px; min-width: 100px; font-size: 1rem; font-weight: bold; background-color: var(--bg-input-datum-dochazka-text-light); color: var(--font-input-datum-dochazka-text-light); border-bottom: dashed 1px var(--border-input-datum-dochazka-light) ; border-top: 0; border-left: 0; border-right: 0; } input.gray { background-color: var(--bg-input-gray-text-dark); } input.datum_dochazka_button { font-size: 1rem; font-weight: bold; background-color: var(--bg-input-datum-dochazka-button-text-light); color: var(--font-input-datum-dochazka-button-text-light); } input.form_1 { width: 200px; } input.input_hromadne { width: 100%; min-width: 70px; } input.menu_2 { float: left; width: 55px; min-width: 55px; } input.input_number_small { width: 80px; min-width: 80px; } /* .info, .btn-info, button.info, input[type=button].info, input[type=submit].info, input[type=reset].info { background-color: #8cecff; } .primary, .btn-primary, button.primary, input[type=button].primary, input[type=submit].primary, input[type=reset].primary { background-color: #8cecff; } .secondary, .btn-secondary, button.secondary, input[type=button].secondary, input[type=submit].secondary, input[type=reset].secondary { background-color: #8cecff; } .success, .btn-success, button.success, input[type=button].success, input[type=submit].success, input[type=reset].success { background-color: #1bce39; } .warning, .btn-warning, button.warning, input[type=button].warning, input[type=submit].warning, input[type=reset].warning { background-color: #ffe28c; } .danger, .btn-danger, button.danger, input[type=button].danger, input[type=submit].danger, input[type=reset].danger { background-color: #ffa28c; } */ .btn { background-color: var(--bg-btn-text-dark); color: var(--font-btn-text-dark); border-color: var(--border-btn-dark); } .info, .btn-info { background-color: var(--bg-info-btn-info-text-dark); color: var(--font-info-btn-info-text-dark); border-color: var(--border-btn-dark); } .primary, .btn-primary { background-color: var(--bg-primary-btn-primary-text-light); color: var(--font-primary-btn-primary-text-light); border: solid 2px var(--border-primary-btn-primary-light); } .secondary, .btn-secondary { background-color: var(--bg-secondary-btn-secondary-text-light); color: var(--font-secondary-btn-secondary-text-light); border: solid 2px var(--border-secondary-btn-secondary-light); } .success, .btn-success { background-color: var(--bg-success-btn-success-text-light); color: var(--font-success-btn-success-text-light); border: solid 2px var(--border-success-btn-success-light); min-width: 200px; } .warning, .btn-warning { background-color: var(--bg-warning-btn-warning-text-light); color: var(--font-warning-btn-warning-text-light); border: solid 2px var(--border-warning-btn-warning-light); } .danger, .btn-danger { background-color: var(--bg-danger-btn-danger-text-light); color: var(--font-danger-btn-danger-text-light); border: solid 2px var(--border-danger-btn-danger-light); } .btn-filter { background-color: var(--bg-btn-filter-text-dark); color: var(--font-btn-filter-text-dark); border: var(--border-btn-filter-dark) 1px solid; min-width: 210px; margin-bottom: 2px; } .btn:hover, input.tlacitko_navigace:hover, a.tlacitko_navigace:hover { background-color: var(--bg-btn-hover-text-dark); color: var(--font-btn-hover-text-dark); border-color: var(--border-btn-hover-dark); } input.tlacitko_filtr_exportovat:hover, a.tlacitko_filtr_exportovat:hover, button.tlacitko_filtr_exportovat:hover { background-color: var(--bg-input-tlacitko-filtr-exportovat-hover-text-light); color: var(--font-input-tlacitko-filtr-exportovat-hover-text-light); border-color: var(--border-input-tlacitko-filtr-exportovat-hover-dark); } input.tlacitko_filtr_filtrovat:hover, a.tlacitko_filtr_filtrovat:hover, button.tlacitko_filtr_filtrovat:hover { background-color: var(--bg-input-tlacitko-filtr-filtrovat-hover-text-dark); color: var(--font-input-tlacitko-filtr-filtrovat-hover-text-dark); border-color: var(--border-input-tlacitko-filtr-filtrovat-hover-dark); } .info:hover, .btn-info:hover { background-color: var(--bg-info-hover-btn-info-hover-text-light); color: var(--font-info-hover-btn-info-hover-text-light); border-color: var(--border-info-hover-btn-info-hover-dark); } .primary:hover, .btn-primary:hover { background-color: var(--bg-primary-hover-btn-primary-hover-text-light); color: var(--font-primary-hover-btn-primary-hover-text-light); border-color: var(--border-primary-hover-btn-primary-hover-dark); } .secondary:hover, .btn-secondary:hover { background-color: var(--bg-secondary-hover-btn-secondary-hover-text-light); color: var(--font-secondary-hover-btn-secondary-hover-text-light); border-color: var(--border-secondary-hover-btn-secondary-hover-dark); } .success:hover, .btn-success:hover { background-color: var(--bg-success-hover-btn-success-hover-text-light); color: var(--font-success-hover-btn-success-hover-text-light); border-color: var(--border-success-hover-btn-success-hover-dark); } .warning:hover, .btn-warning:hover { background-color: var(--bg-warning-hover-btn-warning-hover-text-light); color: var(--font-warning-hover-btn-warning-hover-text-light); border-color: var(--border-warning-hover-btn-warning-hover-dark); } .danger:hover, .btn-danger:hover { background-color: var(--bg-danger-hover-btn-danger-hover-text-light); color: var(--font-danger-hover-btn-danger-hover-text-light); border-color: var(--border-danger-hover-btn-danger-hover-dark); } *, ::after, ::before { box-sizing: border-box; } @media screen { h1.tisk { display: none; } } select.disabled, input.disabled, Textarea.disabled { color: var(--font-select-input-textarea-disabled-text-dark); background-color: var(--bg-select-input-textarea-disabled-text-dark); } button.disabled, input[type=button].disabled, input[type=submit].disabled, input[type=reset].disabled { background-color: var(--bg-button-input-disabled-text-dark); color: var(--font-button-input-disabled-text-light); } /* BOOTSTRAP */ td.menu_b, th.menu_b { font-weight: bold; background-color: var(--bg-td-th-menu-b-text-dark); Text-align: left; } td.menu_1, th.menu_1 { background-color: var(--bg-td-th-menu-1-text-light); font-size: 100%; font-weight: bold; color: var(--font-td-th-menu-1-text-light); Text-transform : uppercase; Text-align: left; } td.menu_2, th.menu_2 { background-color: var(--bg-td-th-menu-2-text-light); color: var(--font-td-th-menu-2-text-light); font-size: 100%; font-weight: bold; Text-transform : uppercase; Text-align: left; } td.menu_2 input, th.menu_2 input { color: var(--font-td-th-menu-2-input-text-dark); } td.menu_3, th.menu_3, div.menu_3 { background-color: var(--bg-td-th-menu-3-text-dark); font-size: 100%; font-weight: bold; color: var(--font-td-th-menu-3-text-dark); Text-align: left; border: solid var(--border-fieldset-td-th-menu-2-3-4-dark) 1px; } td.menu_4, th.menu_4 { background-color: var(--bg-td-th-menu-4-text-dark); font-size: 100%; font-weight: bold; color: var(--font-td-th-menu-4-text-dark); Text-align: left; } div.card-form { background-color: var(--bg-div-card-form-text-dark); } div.card-body { background-color: var(--bg-div-card-body-text-dark); } input.tlacitko_navigace, a.tlacitko_navigace { background-color: var(--bg-input-tlacitko-navigace-text-dark); color: var(--font-input-tlacitko-navigace-text-dark); border: var(--border-input-tlacitko-navigace-dark) 1px solid; min-width: 210px; margin-top: var(--spacing-md); margin-bottom: var(--spacing-md); /* display: inline; font-size: 110%; */ } input.tacitko_filtry { background-color: var(--bg-input-tacitko-filtry-text-dark); } input.tlacitko_filtr_filtrovat, button.tlacitko_filtr_filtrovat { /* font-weight: bold; */ color: var(--font-input-tlacitko-filtr-filtrovat-text-light); background: var(--bg-input-tlacitko-filtr-filtrovat-text-dark); } input.tlacitko_filtr_exportovat, button.tlacitko_filtr_exportovat { /* font-weight: bold; */ color: var(--font-input-tlacitko-filtr-exportovat-text-light); background: var(--bg-input-tlacitko-filtr-exportovat-text-light); } input.tlacitko_save { background-color: var(--bg-input-tlacitko-save-text-dark); } .form-control, .input-group-text { border: solid 1px var(--border-form-control-input-group-text-dark); min-height: 32px; } .form-check { margin-left: 10px !important; margin-bottom: var(--spacing-xl) !important; background-color: var(--bg-form-check-text-dark); height: 100%; } .form-check label { height: 100%; margin-top: auto; margin-bottom: auto; display: flex; align-items: center; justify-content: left; } .form-check input[type=checkbox].form-check-input { float: left; margin-left: -1em; } /* td.klient_ok { background-color: #E9FFCF; } td.klient_nema_smlouvu { background-color: #fff9c8; } td.klient_nema_plan { background-color: #f6ddff; } td.klient_zajemce { background-color: #ffaae2; } td.klient_neni_zajemce { background-color: #ffdec3; } td.klient_vyloucen { background-color: #ffd0d0; } */ /* POZOR ZMENY ZKOPIROVAT DO PREZENTACE styles.css */ td.klient_ok, td.klient_ok a, option.klient_ok, .klient_ok { background-color: var(--bg-td-option-klient-ok-text-dark); color: var(--font-td-option-klient-ok-text-dark); } td.klient_rodina_ok, td.klient_rodina_ok a, option.klient_rodina_ok, .klient_rodina_ok { background-color: var(--bg-td-option-klient-rodina-ok-text-dark); color: var(--font-td-option-klient-rodina-ok-text-dark); } td.klient_prijeti, td.klient_prijeti a, option.klient_prijeti, .klient_prijeti { background-color: var(--bg-td-option-klient-prijeti-text-dark); color: var(--font-td-option-klient-prijeti-text-dark); } td.klient_nema_smlouvu, td.klient_nema_smlouvu a, option.klient_nema_smlouvu, .klient_nema_smlouvu { background-color: var(--bg-td-option-klient-nema-smlouvu-text-dark); color: var(--font-td-option-klient-nema-smlouvu-text-dark); } td.klient_nema_plan, td.klient_nema_plan a, option.klient_nema_plan, .klient_nema_plan { background-color: var(--bg-td-option-klient-nema-plan-text-dark); color: var(--font-td-option-klient-nema-plan-text-dark); } td.klient_zajemce, td.klient_zajemce a, option.klient_zajemce, .klient_zajemce { background-color: var(--bg-td-option-klient-zajemce-text-dark); color: var(--font-td-option-klient-zajemce-text-dark); } td.klient_osloveny, td.klient_osloveny a, option.klient_osloveny, .klient_osloveny { background-color: var(--bg-td-option-klient-osloveny-text-dark); color: var(--font-td-option-klient-osloveny-text-dark); } td.klient_neni_zajemce, td.klient_neni_zajemce a, option.klient_neni_zajemce, .klient_neni_zajemce { background-color: var(--bg-td-option-klient-neni-zajemce-text-dark); color: var(--font-td-option-klient-neni-zajemce-text-dark); } td.klient_vyloucen, td.klient_vyloucen a, option.klient_vyloucen, .klient_vyloucen { background-color: var(--bg-td-option-klient-vyloucen-text-dark); color: var(--font-td-option-klient-vyloucen-text-dark); } td.klient_zamitnuti, td.klient_zamitnuti a, option.klient_zamitnuti, .klient_zamitnuti { background-color: var(--bg-td-option-klient-zamitnuti-text-dark); color: var(--font-td-option-klient-zamitnuti-text-dark); } td.klient_ukonceny, td.klient_ukonceny a, option.klient_ukonceny, .klient_ukonceny { background-color: var(--bg-td-option-klient-ukonceny-text-dark); color: var(--font-td-option-klient-ukonceny-text-dark); } td.klient_ukonceni, td.klient_ukonceni a, option.klient_ukonceni, .klient_ukonceni { background-color: var(--bg-td-option-klient-ukonceni-text-dark); color: var(--font-td-option-klient-ukonceni-text-dark); } .klient_stav_10 { background-color: var(--bg-klient-stav-10-text-dark) !important; color: var(--font-klient-stav-10-text-dark) !important; } .klient_stav_15 { background-color: var(--bg-klient-stav-15-text-dark) !important; color: var(--font-klient-stav-15-text-dark) !important; } .klient_stav_17 { background-color: var(--bg-klient-stav-17-text-dark) !important; color: var(--font-klient-stav-17-text-dark) !important; } .klient_stav_18 { background-color: var(--bg-klient-stav-18-text-dark) !important; color: var(--font-klient-stav-18-text-light) !important; } .klient_stav_19 { background-color: var(--bg-klient-stav-19-text-dark) !important; color: var(--font-klient-stav-19-text-light) !important; } .klient_stav_20 { background-color: var(--bg-klient-stav-20-text-dark) !important; color: var(--font-klient-stav-20-text-dark) !important; } .klient_stav_30 { background-color: var(--bg-klient-stav-30-text-dark) !important; color: var(--font-klient-stav-30-text-dark) !important; } .klient_stav_40 { background-color: var(--bg-klient-stav-40-text-dark) !important; color: var(--font-klient-stav-40-text-dark) !important; } .klient_stav_55 { background-color: var(--bg-klient-stav-55-text-dark) !important; color: var(--font-klient-stav-55-text-dark) !important; } .klient_stav_50 { background-color: var(--bg-klient-stav-50-text-dark) !important; color: var(--font-klient-stav-50-text-dark) !important; } .klient_stav_60 { background-color: var(--bg-klient-stav-60-text-dark) !important; color: var(--font-klient-stav-60-text-dark) !important; } .proroma_splneno { background-color: var(--bg-proroma-splneno-text-dark) !important; color: var(--font-proroma-splneno-text-dark) !important; } .proroma_nesplneno { background-color: var(--bg-proroma-nesplneno-text-dark) !important; color: var(--font-proroma-nesplneno-text-dark) !important; } .proroma_uzavreno { background-color: var(--bg-proroma-uzavreno-text-dark) !important; color: var(--font-proroma-uzavreno-text-dark) !important; } /* ZAPNUTA FUNKCE "STATUS": TextVše v pořádku (status uživatel, smlouva, plán) TextVše v pořádku alespoň u rodiny TextStatus - Je uživatel - Pozor nemá plán TextChybný Status - Je uživatel - Ale nemá smlouvu TextChybný status - Je zájemce - Má smlouvu - chybí status uživatel !!!! TextStatus - Je zájemce - Nemá smlouvu, má individuální plán TextStatus - Je zájemce - Nemá smlouvu ani plán TextStatus - Oslovený (pokud nastaveno) TextStatus - Nemá zadaný žádný status TextStatus - Je vyloučen nebo zamítnut BEZ FUNKCE STATUSU: TextVše v pořádku (smlouva, plán) TextVše v pořádku alespoň u rodiny TextNemá plán, ale má smlouvu TextNemá smlouvu, ale má plán TextNemá plán ani nemá smlouvu */ div.frame { Text-transform : none; margin-left: 0px; margin-right: 0px; margin-top: var(--spacing-xl); margin-bottom: var(--spacing-sm); padding: var(--spacing-sm); border: 2px solid var(--border-div-frame-dark); min-width: 290px; max-width: 900px; /* jako input */ } .accordion-button { position: relative; padding-left: 0.7rem; } .accordion-button::after { width: 1.4rem; height: 1.4rem; background-size: 1.4rem; border-radius: 50%; /*box-shadow: 0 0 0 0.5px yellow;*/ filter: drop-shadow(0 0 2px var(--bg-accordion-button-drop-shadow)) drop-shadow(0 0 3px var(--bg-accordion-button-drop-shadow)) drop-shadow(0 0 4px var(--bg-accordion-button-drop-shadow)) drop-shadow(0 0 5px var(--bg-accordion-button-drop-shadow)) drop-shadow(0 0 6px var(--bg-accordion-button-drop-shadow)); transition: transform .2s ease-in-out; } .accordion-button::after { transform: rotate(0deg) scale(1.5); } .accordion-button-menu_2 { color: var(--font-accordion-button-menu-2-text-dark); background-color: var(--bg-accordion-button-menu-2-text-dark); padding-top: 0.7rem; padding-right: 1.25rem; padding-bottom: 0.7rem; font-weight: bold; font-size: 105%; margin: 15px 0px 0px 0px; } .accordion-button-menu_2:not(.collapsed) { color: var(--font-accordion-button-menu-2-not-collapsed-text-dark); background-color: var(--bg-accordion-button-menu-2-not-collapsed-text-dark); font-weight: bold; font-size: 105%; } div.accordion-body-menu_2, .accordion-body-menu_2 table.blank td, .accordion-body-menu_2 table.blank, .accordion-body-menu_2 table.blank tr { /* background-color: #e8fffe; */ background-color: var(--bg-div-accordion-body-menu-2-text-dark); border: 1px var(--border-div-accordion-body-menu-2-dark) solid; } div.menu_2_subtitle_title { margin-bottom: var(--spacing-3xl); /* font up */ text-transform: uppercase; } .accordion-button-menu_3 { color: var(--font-accordion-button-menu-3-text-light); background-color: var(--bg-accordion-button-menu-3-text-dark); padding-top: 0.7rem; padding-right: 1.25rem; padding-bottom: 0.7rem; font-weight: bold; font-size: 105%; margin: 15px 0px 0px 0px; } .accordion-button-menu_3:not(.collapsed) { background-color: var(--bg-accordion-button-menu-3-not-collapsed-text-dark); font-weight: bold; font-size: 105%; } div.accordion-body-menu_3, .accordion-body-menu_3 table.blank td, .accordion-body-menu_3 table.blank, .accordion-body-menu_3 table.blank tr { background-color: var(--bg-div-accordion-body-menu-3-text-dark); border: 1px var(--border-div-accordion-body-menu-3-dark) solid; } .accordion-body-filter table.blank td.filter_special, .accordion-body-filter table td.filter_special, div.filter_special { background-color: var(--bg-td-filter-special-text-dark); padding: var(--spacing-md); margin-top: var(--spacing-4xl); } .accordion-button-filter { color: var(--font-accordion-button-filter-text-light); background-color: var(--bg-accordion-button-filter-text-dark); /* #9dea15; #adf926; #d7ff90; */ padding-top: 0.5rem; padding-right: 1.25rem; padding-bottom: 0.5rem; font-weight: bold; font-size: 105%; } .accordion-button-filter:not(.collapsed) { background-color: var(--bg-accordion-button-filter-not-collapsed-text-dark); /* #ffbf46; */ color: var(--font-accordion-button-filter-not-collapsed-text-dark); font-weight: bold; font-size: 105%; } div.accordion-body-filter, .accordion-body-filter table.blank td, .accordion-body-filter table.blank, .accordion-body-filter table.blank tr, .accordion-body-filter table, .accordion-body-filter table tr, .accordion-body-filter table tr td, tbody.accordion-body-filter tr, tbody.accordion-body-filter tr td, table.accordion-body-filter, table.accordion-body-filter tr td { background-color: var(--bg-div-accordion-body-filter-text-dark); /* #fdf4d6; */ border: 1px var(--border-accordion-body-filter-dark); } table.accordion-body-filter { border: 1px var(--border-table-accordion-body-filter-dark) solid; } div.list_ajax, td.list_ajax, table.list_ajax, table.accordion-body-filter tr td.list_ajax, .accordion-body-filter table tr td.list_ajax, .accordion-body-filter table.list_ajax tr td { background: var(--bg-div-td-table-list-ajax-text-dark); } accordion-body-filter table.multi_select, accordion-body-filter table.multi_select td, accordion-body-filter table.multi_select td.multi_select, accordion-body-filter table.blank td.multi_select, accordion-body-filter table td.multi_select { background-color: var(--bg-table-td-multi-select-text-dark) !important; } /* zruseno? kazi odsazeni subtitle .accordion-body-filter .container-fluid { padding: 0; } */ .accordion-item { background-color: var(--bg-accordion-item-text-dark); border: 0; } .accordion-collapse { /* border-left: 1px grey solid; border-bottom: 1px grey solid; border-right: 1px grey solid; */ margin-top: 0; } .accordion-item, .accordion-collapse { margin-left: var(--spacing-sm); margin-right: var(--spacing-sm); width: auto; } .accordion-item h1, .accordion-item h2, .accordion-item h3, .accordion-item h4 { margin-left: 0; } .accordion-item .btn, .accordion-item button { margin: 15px 0px 0px 0px; } accordion { margin-top: var(--spacing-xl); } .zamestnanci-checkboxes { height: 100%; min-width: 200px; max-height: 230px; overflow-y: auto; overflow-x: none; } .right { float: right; } .big { font-size: 1.15rem; } .red { color: var(--font-red-class-text-light); } .inline { display: inline; } .line { display: inline-block; } .line-nowrap { display: inline-block; white-space: nowrap; } .line-nowrap-menu-1 { display: inline-block; white-space: nowrap; background: var(--bg-line-nowrap-menu-1-text-dark); margin: var(--spacing-sm) 0; padding: 0 var(--spacing-sm); } .line-nowrap-menu-2 { display: inline-block; white-space: nowrap; border: 2px #424242 solid; background-color: var(--bg-line-nowrap-menu-2-text-dark); margin: var(--spacing-sm) 0; padding: 0 var(--spacing-sm); } .line-nowrap-menu-1:not(:last-child) { margin-right: var(--spacing-sm); } .line-nowrap-menu-head { display: block; color: var(--font-line-nowrap-menu-head-text-dark); height: 100%; max-width: 40px; background-color: var(--bg-line-nowrap-menu-head-text-dark); border: 2px solid var(--border-line-nowrap-menu-head-dark); margin: var(--spacing-sm) ; padding: var(--spacing-sm); } /* html_editor */ .tox, .tox-tinymce, .tox-tinymce--toolbar-sticky-off { width: 100%; min-width: 300px; } .mce-edit-focus { outline: none !important; } li.page-item { height: 32px; } select.strankovani { height: 32px; margin: 0; } #pichacky_klientu { margin: var(--spacing-4xl); } .hidden { display: none; } .radio_select_box { background-color: var(--bg-radio-select-box-text-dark) !important; margin: var(--spacing-xs); padding: var(--spacing-md); font-size: 1rem; font-weight: bold; } .radio_select_box input[type=radio] { width: 16px; height: 16px; margin: var(--spacing-xl); } .radio-group-grid radiogroup { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); /* můžeš si pohrát s 260–320px */ gap: 6px 18px; /* trošku větší rozestupy mezi sloupci */ align-items: start; justify-items: start; } .radio-group-grid radiogroup label { display: flex; /* lepší zarovnání kolečka a textu */ align-items: flex-start; cursor: pointer; } .radio-group-grid radiogroup input[type="radio"] { margin-right: 6px; margin-top: 2px; /* aby kolečko lícovalo s prvním řádkem textu */ } @media (max-width: 600px) { .radio-group-grid radiogroup { grid-template-columns: 1fr; /* na mobilu jen jeden sloupec */ } } radiogroup.klienti_filtr_zajemce input[type="radio"] { height: auto !important; } .check_box { display: inline-block; background-color: var(--bg-check-box-text-dark); /* fialova na vybery ! */ margin: var(--spacing-xs); padding: var(--spacing-xs); } td.check_box_td { background-color: var(--bg-td-check-box-td-text-dark); /* fialova na vybery ! */ padding: var(--spacing-md); border: solid #fffbea 10px; } .padding_nula, .padding_nula td { padding: 0; } .padding, .padding td { padding: var(--spacing-md); } .hide { display: none; } .pell-content { min-width: 300px !important; width: auto; min-height: 200px !important; height: auto !important; border: 1px solid #000; background-color: var(--bg-pell-content-text-dark); padding: var(--spacing-lg); } table.calendar { } table.calendar td.calendar_day, .calendar_day { color: var(--font-td-calendar-day-text-light); background-color: var(--bg-td-calendar-day-text-dark); padding: var(--spacing-sm); border: 5px solid var(--border-td-calendar-day-light); } table.calendar td.calendar_day_svatek_full, .calendar_day_svatek_full { background-color: var(--bg-td-calendar-day-svatek-full-text-dark) !important; padding: var(--spacing-sm); border: 5px solid var(--border-td-calendar-day-light); } table.calendar td.calendar_day_vikend_full, .calendar_day_vikend_full { background-color: var(--bg-td-calendar-day-vikend-full-text-dark) !important; padding: var(--spacing-sm); border: 5px solid var(--border-td-calendar-day-light); } table.calendar td.calendar_day_pracovni_full, .calendar_day_pracovni_full { background-color: var(--bg-td-calendar-day-pracovni-full-text-dark) !important; padding: var(--spacing-sm); border: 5px solid var(--border-td-calendar-day-light); } table.calendar td.calendar_day_svatek_empty, .calendar_day_svatek_empty { background-color: var(--bg-td-calendar-day-svatek-empty-text-dark) !important; padding: var(--spacing-sm); border: 5px solid var(--border-td-calendar-day-light); } table.calendar td.calendar_day_vikend_empty, .calendar_day_vikend_empty { background-color: var(--bg-td-calendar-day-vikend-empty-text-dark) !important; padding: var(--spacing-sm); border: 5px solid var(--border-td-calendar-day-light); } table.calendar td.calendar_day_pracovni_empty, .calendar_day_pracovni_empty { background-color: var(--bg-td-calendar-day-pracovni-empty-text-dark) !important; padding: var(--spacing-sm); border: 5px solid var(--border-td-calendar-day-light); } table.calendar td.calendar_helpdesk, .calendar_helpdesk { background-color: var(--bg-td-calendar-helpdesk-text-dark) !important; padding: var(--spacing-sm); border: 5px solid var(--border-td-calendar-day-light); } table.calendar td.calendar_day_today, .calendar_day_today { background-color: var(--bg-td-calendar-day-today-text-dark) !important; padding: var(--spacing-sm); border: 5px solid var(--border-td-calendar-day-light); } div.calendar_box { width: 100%; height: 100%; display: flex; flex-wrap: wrap; } #calendar_container { width: 100%; display: flex; flex-wrap: wrap; margin-bottom: var(--spacing-md); } .calendar_card-wrapper { width: 14.2%; display: flex; background: var(--bg-calendar-card-wrapper-text-dark); } .calendar_card { flex-grow: 1; margin: 0; display: flex; flex-direction: column; overflow: hidden; } /* .calendar_card div { } .calendar_card div:nth-child(1) { white-space: nowrap; Text-overflow: ellipsis; overflow: hidden; } */ .calendar_card div:nth-child(2) { flex-grow: 2; } .calendar_Text { width: 100%; height: 100%; } .calendar_title { height: 50px; width: 100%; background-color: var(--bg-calendar-title-text-dark); font-weight: bold; padding: var(--spacing-sm); border: 5px solid var(--border-td-calendar-day-light); } .calendar_helpdesk_text { width: 100%; background-color: var(--bg-calendar-helpdesk-text-text-dark); padding: var(--spacing-sm); } .calendar_helpdesk_bubble { position: absolute; width: 95%; display: none; background-color: var(--bg-calendar-helpdesk-bubble-text-dark); color: var(--font-calendar-helpdesk-bubble-text-dark); border: 2px solid var(--border-calendar-helpdesk-bubble-dark); margin: var(--spacing-md); padding: var(--spacing-md); font-weight: normal; Text-transform : none; z-index: 100000; } .calendar_helpdesk_Text ul { padding-left: 1rem; } div.calendar_Text a { Text-decoration: none; } div.calendar_Text a:hover { Text-decoration: underline; } div.calendar_day_number { float: right; font-size: 26px; margin-right: 3px; } span.calendar_day_title { font-weight: bold; } td.filter_special { background-color: var(--bg-td-filter-special-text-dark); } tr.border_separate { border-top: 10px solid #ffefdf; } td.novy { color: var(--font-td-novy-text-light); } td.zajemce { color: var(--font-td-zajemce-text-light); } td.vek_1 { color: var(--font-td-vek-1-text-light); } td.vek_2 { color: var(--font-td-vek-2-text-light); } td.celkem { color: var(--font-td-celkem-text-light); } td.sum { color: var(--font-td-sum-text-light); } td.sum_alert { color: var(--font-td-sum-alert-text-light); background-color: var(--bg-td-sum-alert-text-dark); border: 2px solid var(--border-td-sum-alert-light); } hr.separator { border: 2px solid var(--border-hr-separator-dark); width: 100%; height: 2px; margin: 0; } /* #TODO odladit na vsech strankach, kde je ROW a neni COL, tak je to mimo obraz !!!!!!!!!!!!!*/ /* Default gutter size */ .accordion-body-menu_2 > .container-fluid > .row, .accordion-body-menu_3 > .container-fluid > .row { margin-left: calc(-1 * var(--spacing-lg)); margin-right: calc(-1 * var(--spacing-lg)); } .accordion-body-menu_2 > .container-fluid > .row > *, .accordion-body-menu_3 > .container-fluid > .row > * { padding-left: var(--spacing-lg); padding-right: var(--spacing-lg); } .accordion-body-menu_2 div.napoveda, .accordion-body-menu_3 div.napoveda { margin-left: var(--spacing-lg); } /* Large screens (lg) */ @media (min-width: 1024px) { .accordion-body-menu_2 > .container-fluid > .row, .accordion-body-menu_3 > .container-fluid > .row { margin-left: calc(-1 * var(--spacing-3xl)); margin-right: calc(-1 * var(--spacing-3xl)); } .accordion-body-menu_2 > .container-fluid > .row > *, .accordion-body-menu_3 > .container-fluid > .row > * { padding-left: var(--spacing-3xl); padding-right: var(--spacing-3xl); } .accordion-body-menu_2 div.napoveda, .accordion-body-menu_3 div.napoveda { margin-left: var(--spacing-3xl); } } /* Extra large screens (xlg) */ @media (min-width: 1440px) { .accordion-body-menu_2 > .container-fluid > .row, .accordion-body-menu_3 > .container-fluid > .row { margin-left: calc(-1 * var(--spacing-4xl) - var(--spacing-md)); margin-right: calc(-1 * var(--spacing-4xl) - var(--spacing-md)); } .accordion-body-menu_2 > .container-fluid > .row > *, .accordion-body-menu_3 > .container-fluid > .row > * { padding-left: calc(var(--spacing-4xl) + var(--spacing-md)); padding-right: calc(var(--spacing-4xl) + var(--spacing-md)); } .accordion-body-menu_2 div.napoveda, .accordion-body-menu_3 div.napoveda { margin-left: calc(var(--spacing-4xl) + var(--spacing-md)); } } /* Extra extra large screens (xxlg) */ @media (min-width: 1640px) { .accordion-body-menu_2 > .container-fluid > .row, .accordion-body-menu_3 > .container-fluid > .row { margin-left: -4rem; margin-right: -4rem; } .accordion-body-menu_2 > .container-fluid > .row > *, .accordion-body-menu_3 > .container-fluid > .row > * { padding-left: 4rem; padding-right: 4rem; } .accordion-body-menu_2 div.napoveda, .accordion-body-menu_3 div.napoveda { margin-left: 4rem; } } /* ABBR TOOTLIT */ /* prvek v buňce */ .my-abbr { position: relative; cursor: help; text-decoration-line: underline; text-decoration-style: solid; text-decoration-color: #8bff00; text-decoration-thickness: 2px; } /* bublina */ .my-abbr::after { content: attr(data-title); position: absolute; left: 0; /* nebo třeba 50% + translateX(-50%) pro vycentrování */ top: 100%; z-index: 9999999; padding: var(--spacing-lg) 12px; background: whitesmoke; color: var(--font-my-abbr-after-text-dark); border: var(--border-my-abbr-after-dark) solid 3px; border-radius: 10px; font-size: 1rem; line-height: 1.35; font-weight: normal; text-align: left; /* důležité pro „na šířku“ */ white-space: normal; /* může se lámat */ min-width: 380px; /* základní šířka */ max-width: 680px; /* bublina se roztáhne spíš do šířky než do výšky */ box-sizing: border-box; opacity: 0; pointer-events: none; transform: translateY(8px); transition: opacity 0.1s ease, transform 0.1s ease; } .my-abbr:hover::after { opacity: 1; transform: translateY(0); z-index: 9999999999; } /* end ABBR TOOTLIT */ .heading { background-color: var(--boxColor); padding: var(--spacing-xl); margin-top: 2rem; margin-bottom: var(--spacing-xl); margin-left: 0; margin-right: 0; } .pretitle{ text-transform: uppercase; font-weight: bold; font-size: 1.15rem; color: var(--font-pretitle-text-light); } table.no_borders, table.no_borders th, table.no_borders td { border: none !important; outline: none !important; } @media print { #web{ border: none; } .skryvat,div.skryvat, div.skryvat2, div.funkce_info, div.napoveda, img.napoveda{ display:none; } /*input, select, button { display:none; };*/ button, input[type=button], input[type=submit], input[type=reset] { display:none; } table:not(.no_borders):not(.tisk), table:not(.no_borders):not(.tisk) th, table:not(.no_borders):not(.tisk) td table:not(.no_borders):not(.tisk) tbody th, table:not(.no_borders):not(.tisk) tbody td /* table.strip, table.strip tr:nth-child(even) td, table.strip tr:nth-child(odd) td, td.tabulka_colored_head, th.tabulka_colored_head, table.strip td.tabulka_colored_head, table.strip th.tabulka_colored_head, td.tabulka_colored_first, td.tabulka_colored_second, td.tabulka_colored_sum, td.tabulka_colored_first_1novy, td.tabulka_colored_second_1novy, td.tabulka_colored_first_1autorizace, td.tabulka_colored_second_1autorizace, td.tabulka_colored_first_2vyrizujese, td.tabulka_colored_second_2vyrizujese, td.tabulka_colored_first_4zamitnuto, td.tabulka_colored_second_4zamitnuto, td.tabulka_colored_first_4nenalezeno, td.tabulka_colored_second_4nenalezeno, td.tabulka_colored_first_4splneno, td.tabulka_colored_second_4splneno, td.tabulka_colored_, td.tabulka_colored_0, td.tabulka_colored_1, td.tabulka_colored_2, td.tabulka_colored_3, td.tabulka_colored_4, td.tabulka_colored_5, td.tabulka_colored_6, td.tabulka_colored_7, td.tabulka_colored_8, td.tabulka_colored_9, td.tabulka_colored_10, td.tabulka_colored_11, td.tabulka_colored_12, td.tabulka_colored_13, td.tabulka_colored_14, td.tabulka_colored_15, td.tabulka_colored_16, td.tabulka_colored_17, td.tabulka_colored_18, td.tabulka_colored_19, td.tabulka_colored_20, td.tabulka_colored_21, td.tabulka_colored_22, td.tabulka_colored_23, td.tabulka_colored_24, td.tabulka_colored_25, td.tabulka_colored_26, td.tabulka_colored_27, td.tabulka_colored_28, td.tabulka_colored_29, td.tabulka_colored_30, td.tabulka_colored_31, td.tabulka_colored_32, td.tabulka_colored_33, td.tabulka_colored_34, td.tabulka_colored_35, td.tabulka_colored_36, td.tabulka_colored_37, td.tabulka_colored_38, td.tabulka_colored_39, td.tabulka_colored_40, td.tabulka_colored_41, td.tabulka_colored_42, td.tabulka_colored_43, td.tabulka_colored_44, td.tabulka_colored_45, td.tabulka_colored_46, td.tabulka_colored_47, td.tabulka_colored_48, td.tabulka_colored_49, td.tabulka_colored_50, table.strip_grey tr:nth-child(even) td, table.strip_grey tr:nth-child(odd) td, td.tabulka_grey_head, th.tabulka_grey_head, td.tabulka_grey_first, td.tabulka_grey_second, td.tabulka_colored_white */ { border: black 1px solid; padding: var(--spacing-sm); border-spacing: 0px; } table.no_borders, table.no_borders th, table.no_borders tbody th, table.no_borders td, table.no_borders tbody td { border: none !important; outline: none !important; } table.strip, table.strip * td, table.strip * th { border: black 1px solid !important; } h1.tisk { display: block; } } select, select option { line-height: 1.2; padding-top: 0; padding-bottom: 0; } /* === Navigace - Zoom tlačítka === */ .zoom-container { padding: var(--spacing-md); margin-bottom: var(--spacing-sm); margin-left: 0; margin-right: 0; background: rgb(255, 241, 186); } .zoom-controls { text-align: center; margin-bottom: var(--spacing-md); } .zoom-btn { padding: var(--spacing-md) var(--spacing-xl); margin: var(--spacing-sm); cursor: pointer; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; border: none; border-radius: var(--radius-md); font-size: 1rem; font-weight: bold; transition: all 0.2s; } .zoom-btn:hover { transform: scale(1.05); } .zoom-display { display: inline-block; min-width: 3.5rem; padding: var(--spacing-md) var(--spacing-lg); text-align: center; background: rgba(0,0,0,0.3); color: white; font-weight: bold; border-radius: var(--radius-md); font-size: 0.875rem; } .zoom-btn-secondary { padding: var(--spacing-md) var(--spacing-xl); margin: var(--spacing-xs); cursor: pointer; background: #6c757d; color: white; border: none; border-radius: var(--radius-sm); font-size: 0.7rem; } .zoom-btn-save { padding: var(--spacing-md) var(--spacing-xl); margin: var(--spacing-xs); cursor: pointer; background: #28a745; color: white; border: none; border-radius: var(--radius-sm); font-size: 0.7rem; font-weight: bold; } /* FILTER - Sjednocení výšky všech form prvků v gridu */ .filter-row select, .filter-row input[type="date"], .filter-row input[type="text"], .filter-row .btn { height: 32px; min-height: 32px; } .filter-row label { display: block; margin-bottom: 0.25rem; font-weight: bold; font-size: 0.875rem; } /* Filter row - sjednocení výšky a zarovnání */ .filter-row .btn-group .btn { height: 32px; min-height: 32px; border-radius: 0; } .filter-row .btn-group .btn:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .filter-row .btn-group .btn:last-child { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } /* Popover tlačítko v btn-group */ .filter-row .btn-group .popover { height: 32px; min-height: 32px; width: 38px; min-width: 38px; max-width: 38px; padding: 0; font-size: 1rem; line-height: 32px; text-align: center; border-radius: 0; margin-left: -1px; } .filter-row .btn-group .popover:last-child { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; }