/* ==========================================================================
   REGISTR PRAXÍ – JEN CSS (bez SCSS). CIL: čitelnost, vzduch, moderní UI.
   Vložit AŽ ZA /css/praxe.css
   ========================================================================== */
/* ========== PALETA & TYPOGRAFIE ========================================= */
:root {
    /* Primární – dle zadání pro tlačítka */
    --brand-primary: rgb(25, 212, 199);

    /* Doprovodné barvy (ladí s primární) */
    --brand-ink: #0f172a;
    /* tmavý text */
    --brand-ink-subtle: #475569;
    /* sekundární text */
    --brand-surface: #f8fafc;
    /* jemné plochy/řádky */
    --surface-strong: #f1f5f9;
    /* hutnější plochy */
    --border-color: rgba(15, 23, 42, .14);
    --shadow-card: 0 1px 3px rgba(15, 23, 42, .06);

    /* Zaoblení a mezery */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --space-1: .25rem;
    --space-2: .5rem;
    --space-3: .75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-7: 1.75rem;
    --space-8: 2rem;

    /* Čitelnost */
    --line: 1.6;
    --font-s: .92rem;
    --font-h2: 1.45rem;

    /* Filtr – snadné ladění rozestupů */
    --filter-col-gap: 28px;
    /* vodorovná mezera mezi položkami */
    --filter-row-gap: 14px;
    /* svislá mezera mezi řádky (wrap) */
}
@font-face {
    font-family: myFirstFont;
    src: url('../img/Diavlo_BOOK_II_37.otf');
}

@font-face {
    font-family: mySecoundFont;
    src: url('../img/Diavlo_LIGHT_II_37.otf');
}

body {
    margin: 0;
    background: white url(../img/bg-stred.png) repeat-x;
}

/*2*/

.row {
    max-width: 1800px !important;
}

.pouzdro {
    margin: 0 auto;
    width: 960px;
}

/*3*/

.header-full {
    width: 100%;
    height: 150px;
    min-height: 150px;
    background: url(../img/bg-header.jpg) no-repeat;
    margin: 0;
    padding: 0;
}

.header {
    width: 960px;
    background: url(../img/hlavicka.png) no-repeat;
    margin: 0 auto;
    padding: 0;
    height: 150px;
    min-height: 150px;
}

/*4*/

.obsah {
    margin: 0;
}

/*5*/

.obsah-uvnitr {
    margin: 0;
    background-color: #fff;
}

/*6*/

.podtisk {
    margin: 0;
    padding: 0;
}

/*7*/

.podtisk-uvnitr {
    margin: 0;
    padding: 0;
}

/*8*/

.container-textu {
    color: black;
    font: 14px;
}

/*9*/

.container-textu hr {
    border: 1px solid white;
    margin-top: 17px;
    margin-bottom: 25px;
}

/*10*/

.container-textu a {
    color: var(--brand-primary);
    text-decoration: none;
}

/*11*/

.container-textu a:hover {
    color: black;
    text-decoration: none;
}

#menu span.header-menu-divider {
    color: var(--brand-primary) !important;
}

#menu span.header-notification-count {
    color: yellow !important;
}

.Top_menu-full {
    width: 100%;
    background: black url(../img/bg-top-menu.jpg) no-repeat;
    min-height: 298px;
    height: auto;
    _height: 298px;
}

.Top_menu {
    width: 960px;
    margin: 0 auto;
    padding: 0;
    background-color: transparent;
    background: url(../img/hlavicka_spodni.png) no-repeat 0 top;
}

/*13*/

.Top_menu table {
    width: 100%;
}

.Top_menu table {
    width: 100%;
}

/*14*/

.container-textu table {
    color: #000;
    width: 100%;
}

table {
    border-spacing: 0px;
    width: 100%;
    max-width: 100%;
}

/*15*/

.container-textu table a {
    color: #234b8e;
}

/*16*/

.container-textu table a:hover {
    color: blue;
}

/*17*/

.hlavni_menu {
    padding-top: 1px;
    color: var(--brand-primary);
    margin-top: 25px;
    font: 16px mySecoundFont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.hlavni_menu tr td {
    vertical-align: top;
}

/*18*/

.podminky {
    padding: 15px;
}

/*19*/

.verze {
    color: var(--brand-primary);
    font-size: 16px;
}

.verze:first-letter {
    color: white !important;
    font-size: 16px;
}

.verze-obsah {
    color: #cccccc;
}

/*20*/

.hlavni_menu a {
    color: #cccccc;
    text-decoration: none;
}

/*21*/

.hlavni_menu a:hover {
    color: white;
    text-decoration: underline;
}

/*22*/

.form_login {
    color: white;
    font-size: 13px;
    position: absolute;
    top: 97px;
    margin-left: 560px;
    background-color: white;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px;
    z-index: 200;
    -webkit-box-shadow: 5px 5px 5px 0px rgba(201, 201, 201, .8);
    -moz-box-shadow: 5px 5px 5px 0px rgba(201, 201, 201, .8);
    box-shadow: 5px 5px 5px 0px rgba(201, 201, 201, .8);
}

.form_login td {
    color: var(--brand-primary);
}

.form_login input[type="text"] {
    color: var(--brand-primary) !important;
    background: url(../img/input-form.png) no-repeat right top;
    width: 276px;
    height: 35px;
    border: none;
    padding-left: 20px;
    outline: none;
    font: 16px mySecoundFont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.form_login input[type="password"] {
    color: var(--brand-primary) !important;
    background: url(../img/input-form.png) no-repeat right top;
    width: 276px;
    height: 35px;
    padding-left: 20px;
    border: none;
    outline: none;
    font: 16px mySecoundFont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.form_login input[type="submit"] {
    color: black !important;
    background: var(--brand-primary);
    width: 206px;
    min-height: 44px;
    height: 44px;
    _height: 44px;
    font: 16px mySecoundFont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    border: none;
    outline: none;
    margin-top: 10px;
    text-align: left;
    padding-left: 30px;
    border-radius: 10px;
}

.form_login input[type="submit"]:hover {
    text-decoration: underline;
}

/*23*/

.login_form table {
    width: 400px;
}

.login_form tr td:first-child+td {
    text-align: right;
}

.menu_praxe {
    min-height: 180px;
    height: 180px;
}

/*24*/

tr.menu_praxe>td {
    padding-top: 11px;
    vertical-align: bottom;
    padding-bottom: 44px;
}

/*25*/

.Tab_episody {
    border-style: none;
    border: 0;
}

.companies_list_header,
.users_list_header {
    font-size: 18px !important;
    padding-top: 10px;
}

caption table tr:first-child {
    background: url(../img/3_bg.png) repeat-x !important;
    min-height: 46px !important;
    height: 46px !important;
    _height: 46px !important;
    color: black;
    text-shadow: 1px 1px 1px white;
}

.Tab_episody tr:nth-child(even) {
    /*background: url(../img/1_bg.png) repeat-x;*/

    min-height: 35px;
    height: 35px;
    _height: 35px;
    text-shadow: 1px 1px 1px white;
    background-color: #cccccc;
    margin-bottom: 1px;
}

.Tab_episody tr:nth-child(odd) {
    /*background: url(../img/2_bg.png) repeat-x;*/

    min-height: 35px;
    height: 35px;
    _height: 35px;
    text-shadow: 1px 1px 1px white;
    background-color: #d9d9d9;
    margin-bottom: 1px;
}

.Tab_episody td:nth-child(2) {
    min-width: 75px;
}

.Tab_episody td:nth-child(3) {
    padding-left: 10px;
    min-width: 150px;
}

.Tab_episody td:nth-child(4) {
    text-align: left;
    padding-left: 10px;
}

.Tab_episody td:nth-child(5) {
    text-align: right;
    padding-right: 3px;
    min-width: 130px;
}

.Tab_episody td:nth-child(6) {
    text-align: right;
    padding-right: 3px;
    min-width: 110px;
}

.Tab_episody a {
    color: var(--brand-primary) !important;
    text-shadow: none;
}

.Tab_episody a:hover {
    color: var(--brand-primary) !important;
    text-decoration: underline;
}

/*26*/

.Tab_episody a {
    border-style: none;
    border: 0;
    color: #234b8e;
}

/*27*/

.Tab_episody a:hover {
    border-style: none;
    border: 0;
    color: blue;
}

/*28*/

.radka_suda {
    background-color: #e5e5e5;
    color: black;
    height: 35px;
    _height: 35px;
}

/*29*/

.radka_licha {
    background-color: white;
    color: black;
    height: 35px;
    _height: 35px;
}

/*30*/

.radka_nadpis {
    background-color: black;
    color: white;
    text-decoration: none;
}

.radka_nadpis:first-child {
    background: url(../img/2_bg.png) repeat-x !important;
    min-height: 46px !important;
    height: 46px !important;
    _height: 46px !important;
    color: var(--brand-primary);
    text-shadow: none !important;
    text-indent: 5px !important;
    vertical-align: 9px !important;
    line-height: 31px !important;
    text-align: left;
}

/*31*/

.horni {
    width: 960px;
    padding: 0;
    margin: 0;
}

/*32*/

.dolni {
    width: 960px;
    padding: 0;
    margin: 0;
}

/*33*/

.volbatrhu {
    width: 100%;
}

/*34*/

.volbatrhu table {
    width: 100%;
}

.volbatrhu table tr:first-child {
    background: url(../img/0_bg.png) repeat-x !important;
    min-height: 46px !important;
    height: 46px !important;
    _height: 46px !important;
    color: white !important;
    text-align: left !important;
    text-shadow: 1px 1px 1px black !important;
    text-indent: 5px !important;
    vertical-align: 8px !important;
    line-height: 30px !important;
}

.volbatrhu table tr:nth-child(even) {
    background: url(../img/1_bg.png) repeat-x;
    min-height: 35px;
    height: 35px;
    _height: 35px;
    text-shadow: 1px 1px 1px white;
    margin: 0;
    text-indent: 5px !important;
}

.volbatrhu table tr:nth-child(odd) {
    background: url(../img/2_bg.png) repeat-x;
    min-height: 35px;
    height: 35px;
    _height: 35px;
    text-shadow: 1px 1px 1px white;
    margin: 0;
    text-indent: 5px !important;
}

.volbatrhu table a {
    color: var(--brand-primary);
    text-shadow: none;
}

.volbatrhu table a:hover {
    color: var(--brand-primary);
    text-decoration: underline;
}

/*35*/

.nadpis-volbatrhu {
    font-weight: bold;
    color: #ff2600;
    font-size: 30px;
    background: url(../img/vyber-sekce.png) no-repeat 50%;
    height: 56px;
}

/*36*/

.prechod {
    margin: 0;
    width: 960px;
}

/*37*/

.prechod-uvnitr {
    margin: 0;
    width: 960px;
    background-color: white;
}

/*38*/

.hidden {
    visibility: hidden;
}

/*39*/

.footer-full {
    background: #000000 url(../img/bg-footer.jpg) no-repeat;
    margin-top: 95px;
}

.footer {
    margin: 0 auto;
    width: 960px;
    height: 156px;
    padding: 0;
}

/*40*/

.footer hr {}

/*41*/

.footer-uvnitr {
    background-color: #891f1d;
    margin: 0;
    width: 100%;
    color: black;
}

/*42*/

.footer-uvnitr hr {}

/*43*/

.footer-levy {
    width: 1700px;
    height: 116px;
    margin: 0 auto;
}

.footer-levy table tr td {
    vertical-align: top;
}

/*44*/

.footer-pravy {
    float: left;
    width: 428px;
    height: 116px;
    background: url(../img/OPVK_hor_zakladni_logolink_RGB_cz.png) no-repeat right 40px;
    padding: 0;
    padding-top: 40px;
}

/*45*/

.float-end {
    clear: both;
}

/*46*/

.footer-menu {
    font-size: 14px;

}

/*47*/

.footer-menu-uvnitr {
    margin-bottom: 1px;
    color: black;
    font-size: 14px;
    line-height: 15px;
    margin-top: 1px;
    padding-left: 15px;
}

/*48*/

.footer-menu a {
    color: #cccccc;
    text-decoration: none;
}

.footer-menu a:hover {
    color: white;
    text-decoration: underline;
}

/*49*/

.footer-menu-uvnitr a {
    color: black;
    text-decoration: none;
}

/*51*/

.footer-menu-uvnitr a:hover {
    color: white;
    font-weight: bold;
    text-decoration: none;
}

/*52*/

.puvodni_verze {
    display: none;
}

/*53*/

.nova_verze {
    width: 946px;
    height: 933px;
}

/*54*/

.rozcestnik {
    background-color: transparent !important;
}

/*55*/

.registrace {
    background-color: #ba0500 !important;
    color: yellow;
    font-family: "Helvetica", "Arial";
    font-size: 14px;
    Font-weight: bold;
    padding-left: 5px;
}

/*56*/

.registrace a {
    color: yellow !important;
}

/*57*/

.registrace a:hover {
    color: yellow !important;
    cursor: hand;
}

/*58*/

.registrace a:visited {
    color: yellow !important;
}

/* zvýraznění hlášky o chybějící povinné položce */
.tab_evaluation_editor small {
    font-size: 1em;
}

.tab_evaluation_editor small font[color="#981100"] {
    background-color: #e4d8d8;
}

.volbatrhu big {
    color: black;
    text-shadow: 1px 1px 1px white;
    font: 26px myFirstFont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

big {
    color: black;
    text-shadow: 1px 1px 1px white;
    font: 26px myFirstFont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    margin-bottom: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-top: 20px;
}

.font-color-cccccc {
    color: #cccccc;
}

.font-color-999999 {
    color: #999999;
}

.font-color-red {
    color: var(--brand-primary);
}

.header-diavlo-cccccc {
    color: #cccccc;
    font: 16px myFirstFont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-transform: uppercase;
}

.header-diavlo-cccccc-normal {
    color: #cccccc;
    font: 16px myFirstFont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.header-diavlo-cccccc-normal:hover {
    color: var(--brand-primary);
    font: 16px myFirstFont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-shadow: none;
}

.header-diavlo-red {
    color: var(--brand-primary);
    font: 16px myFirstFont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-transform: uppercase;
}

.header-diavlo-yellow {
    color: #ffff00;
    font: 16px myFirstFont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-transform: uppercase;
}

.header-diavlo-red-normal {
    color: var(--brand-primary);
    font: 16px myFirstFont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.header-diavlo-black {
    color: black;
    font: 16px myFirstFont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-shadow: 1px 1px 1px white;
}

.header-diavlo-red-normal-small {
    color: var(--brand-primary);
    font: 12px myFirstFont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.header-diavlo-red-normal-small a {
    color: var(--brand-primary);
    font: 12px myFirstFont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-decoration: none;
}

.header-diavlo-red-normal-small a:hover {
    color: var(--brand-primary);
    font: 12px myFirstFont, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    text-decoration: underline;
}

.buttonek {
    width: 206px;
    min-height: 44px;
    height: 44px;
    _height: 44px;
    background: url(../img/Login-butt.png) no-repeat;
}

.buttonek-text {
    width: 206px;
    min-height: 44px;
    height: 44px;
    _height: 44px;
    color: white;
    text-align: left;
    position: relative;
    top: 14px;
    right: 100px;
}

.logo {
    width: 318px;
    min-height: 150px;
    height: 150px;
    _height: 150px;
    float: left;
}

.student {
    width: 318px;
    min-height: 150px;
    height: 150px;
    _height: 150px;
    float: left;
    background-image: url(../img/none.png);
}

.student:hover {
    width: 318px;
    min-height: 150px;
    height: 150px;
    _height: 150px;
    float: left;
    background: url(../img/student-over.png) no-repeat;
    overflow: hidden;
}

.firma {
    width: 324px;
    min-height: 150px;
    height: 150px;
    _height: 150px;
    float: left;
    background-image: url(../img/none.png);
}

.firma:hover {
    width: 324px;
    min-height: 150px;
    height: 150px;
    _height: 150px;
    float: left;
    background: url(../img/firma-over.png) no-repeat;
    overflow: hidden;
}

.tabulka {
    width: 100%;
}

.tabulka tr:first-child {
    background: url(../img/0_bg.png) repeat-x !important;
    min-height: 46px !important;
    height: 46px !important;
    _height: 46px !important;
    color: white !important;
    text-align: left !important;
    text-shadow: 1px 1px 1px black !important;
    text-indent: 5px !important;
    vertical-align: 8px !important;
    line-height: 30px !important;
}

.tabulka tr:nth-child(even) {
    background: #cdcdcd url(../img/1_bg_vn.png) repeat-x;
    min-height: 35px;
    height: 35px;
    _height: 35px;
    text-shadow: 1px 1px 1px white;
    margin: 0;
}

.tabulka tr:nth-child(odd) {
    background: #d9d9d9 url(../img/2_bg_vn.png) repeat-x;
    min-height: 35px;
    height: 35px;
    _height: 35px;
    text-shadow: 1px 1px 1px white;
    margin: 0;
}

.tabulka a {
    color: var(--brand-primary) !important;
    text-shadow: none;
}

.tabulka a:hover {
    color: var(--brand-primary) !important;
    text-decoration: underline;
}

.sipka-nahoru {
    width: 17px;
    height: 25px;
    display: inline-block;
    background: url(../img/sipka_up.png) no-repeat 0 0;
    text-align: right;
    vertical-align: middle;
    right: 0;
    position: relative;
}

.sipka-dolu {
    width: 17px;
    height: 25px;
    display: inline-block;
    background: url(../img/sipka_down.png) no-repeat 0 0;
    text-align: right;
    vertical-align: middle;
    right: 0;
    position: relative;
}

.sipka-nic {
    width: 17px;
    height: 25px;
    display: inline-block;
    background: url(../img/sipka_nic.png) no-repeat 0 0;
    text-align: right;
    vertical-align: middle;
    right: 0;
    position: relative;
}

.font-white-shadow {
    color: white;
    text-shadow: 1px 1px 1px black;
}

.tabulka-filtr {
    width: 100%;
}

.tabulka-filtr tr:first-child {
    background: url(../img/0_bg.png) repeat-x !important;
    min-height: 46px !important;
    height: 46px !important;
    _height: 46px !important;
    color: white !important;
    text-align: left !important;
    text-shadow: 1px 1px 1px black !important;
    text-indent: 5px !important;
    vertical-align: 8px !important;
    line-height: 30px !important;
}

.tabulka-filtr tr:nth-child(even) {
    min-height: 35px;
    height: 35px;
    _height: 35px;
    text-shadow: 1px 1px 1px white;
    margin: 0;
    vertical-align: top;
}

.tabulka-filtr tr:nth-child(odd) {
    min-height: 35px;
    height: 35px;
    _height: 35px;
    text-shadow: 1px 1px 1px white;
    margin: 0;
    vertical-align: top;
    background-color: #e6e6e6;
}

.tabulka-filtr a {
    color: var(--brand-primary) !important;
    text-shadow: none;
}

.tabulka-filtr a:hover {
    color: var(--brand-primary) !important;
    text-decoration: underline;
}

.form-vlozit-nabidku {
    width: 100%;
}

.form-vlozit-nabidku td {
    vertical-align: top;
}

.form-vlozit-nabidku tr:first-child {
    background: url(../img/0_bg.png) repeat-x !important;
    min-height: 46px !important;
    height: 46px !important;
    _height: 46px !important;
    color: white !important;
    text-align: left !important;
    text-shadow: 1px 1px 1px black !important;
    text-indent: 5px !important;
    vertical-align: 8px !important;
    line-height: 30px !important;
}

.form-vlozit-nabidku tr:nth-child(odd) {
    background-color: #f0f0f0;
    border-bottom: 1px solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
}

.form-vlozit-nabidku tr:nth-child(even) {
    border-bottom: 1px solid #cdcdcd;
    border-top: 1px solid #cdcdcd;
}

.form-vlozit-nabidku input[type="checkbox"] {}

.form-vlozit-nabidku input[type="checkbox"]+label span {
    display: inline-block;
    width: 23px;
    height: 23px;
    vertical-align: middle;
    background: url(../img/radio.png) no-repeat;
    cursor: pointer;
}

.form-vlozit-nabidku input[type="checkbox"]:checked+label span {
    background: url(../img/radio-checked.png) no-repeat;
}

.vpravo {
    float: right;
}

.vnorena-tabulka tr:nth-child(odd) {
    background-color: transparent;
}

.vnorena-tabulka tr:nth-child(even) {
    background-color: transparent;
}

.form-vlozit-nabidku input[type="input"] {
    background-color: #f0f0f0;
    border-style: inset;
}

.form-vlozit-nabidku tr {
    background-color: #e9e9e9;
}

.tab_info_episody {
    border-style: none;
    border: 0;
}

.tab_info_episody a {
    color: var(--brand-primary) !important;
    text-shadow: none;
}

.tab_info_episody a:hover {
    color: var(--brand-primary) !important;
    text-decoration: underline;
}

.tab_info_episody a {
    border-style: none;
    border: 0;
    color: #234b8e;
}

.tab_info_episody a:hover {
    border-style: none;
    border: 0;
    color: blue;
}

.detail_glass_image {
    background: url(../img/glass_image.png) no-repeat 10px center;
    width: 54px !important;
    height: 37px !important;
}

/* Layout Praxe */

@font-face {
    font-family: diavlo;
    src: url(../fonts/Diavlo_MEDIUM_II_37.otf);
}

@font-face {
    font-family: diavlo;
    src: url(../fonts/Diavlo_BOLD_II_37.otf);
    font-weight: bold;
}

body {
    font-family: diavlo !important;
}

body.grid-1,
body {
    /*    background: url(../img/main_bg.jpg) center top repeat-x white !important;*/
}

.footer {
    min-height: 156px;
    bottom: 0;
    left: auto;
    width: 100%;
}

#logosite {
    /*    background: url(../img/edoko-text.png) 0 0 no-repeat;*/
    min-height: 100px;
    background-size: contain;
}

.overlay {
    position: fixed;
    z-index: 100;
    width: 100%;
    height: 100%;
    top: 0;
    background-color: black;
    opacity: 0.5;
    display: block;
}

.overlaycontent {
    background: url(../img/dialog_bg.png) center top no-repeat;
    position: fixed;
    overflow: auto;
    width: 994px;
    padding: 0 20px;
    opacity: 1;
    z-index: 1000;
    margin: 0 auto;
    top: 50px;
    left: 50px;
    bottom: 50px;
    right: 50px;
}

.mainoverlaybar {
    background: var(--brand-primary);
    position: fixed;
    margin-left: -10px;
    width: 976px;
    z-index: 1050;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.overlaycontentscroll {
    margin-top: 60px;
}

.closeoverlay {
    width: 50px;
    height: 50px;
    margin-top: 5px;
    margin-right: 5px;
    right: 0;
    position: relative;
    margin-left: auto;
    background: url(../img/closebt.png) center center no-repeat;
    display: -webkit-box;
    float: right;
}

#czechMap {
    transform: scale(0.768);
    -webkit-transform: scale(0.768);
    -moz-transform: scale(0.768);
    -o-transform: scale(0.768);
    -ms-transform: scale(0.768);
}

.back_link {
    width: 50px;
    height: 30px;
    margin-top: 15px;
    margin-right: 5px;
    left: 0;
    position: relative;
    display: inline-block;
    float: left;
}

a.back_link {
    color: white;
}

.overlaynadpis {
    height: 50px;
    width: 774px;
    color: white;
    text-align: center;
    margin: 0px auto;
    line-height: 60px;
    font-weight: bold;
    display: inline-block;
    font-size: 21px;
    padding-left: 150px;
}

input[type=checkbox],
input[type=radio] {
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
    margin: 0;
    padding: 0;
    /*
    -moz-appearance: none;
    
    -webkit-appearance: none;
    -ms-appearance: none;

    
    -o-appearance: none;
    appearance: none;*/
    /*background: url(../img/checkboxoff.png) transparent;*/
    border-style: none;
}

input[type=checkbox]:checked,
input[type=radio]:checked {
    /*background: url(../img/checkboxon.png) transparent; Zakomentovano aby bylo videt kde je to spatne*/
    height: 23px;
    width: 23px;
    display: inline-block;
    padding: 0 0 0 0px;
    border-style: none;
}

input[type=checkbox]:hover,
input[type=radio]:hover {
    /*background: url(../img/checkboxon.png) transparent; Zakomentovano aby bylo videt kde je to spatne*/
    height: 23px;
    width: 23px;
    display: inline-block;
    padding: 0 0 0 0px;
    border-style: none;
    cursor: pointer;
}

.companies_list_pager {
    background-color: #c9c9c9;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 20px;
    padding-top: 4px;
}

.companies_list_pager_selected_page {
    color: #af0026;
}

.companies_list_pager a:hover {
    color: #af0026;
}

.companies_list_pager a {
    color: #000;
}

.registration_pop_up {
    width: 178px !important;
    height: 34px !important;
    border: 0 !important;
    background-color: transparent !important;
    background-image: url(../img/button_registrace.png) !important;
    background-size: 100%;
    background-repeat: no-repeat;
    outline: none !important;
    margin-top: 6px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.tab_info_episody>tbody>tr>td>table>tbody>tr>td>table>tbody>tr>td>img {
    width: 200px;
    border-radius: 10px;
    -webkit-border-radius: 10px;

    -moz-border-radius: 10px;
}

.offer_list_table th {
    background-color: var(--brand-primary) !important;
    color: black;
}

.offer_list_table tr:first-child th {
    color: black;
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
    text-align: left;
}

.offer_list_table tr:first-child th:first-child {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: left;
    padding-left: 20px;
}

.offer_list_table tr:first-child th:last-child {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: left;
}

.offer_list_table tr td:first-child {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: left;
    padding-left: 20px;
}

.offer_list_table tr td:last-child {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.offer_list_table tbody tr {
    height: 35px;
    border: 1px solid #dadada;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.offer_list_table tr:nth-child(odd) {
    background-color: #f1f1f1;
}

.offer_list_table tr:nth-child(even) {
    background-color: #f7f7f7;
}

.offer_list_table tr td:first-child {
    padding-left: 20px;
}

.offer_list_table a {
    color: black;
}

.offer_list_table tr td {
    vertical-align: middle;
    line-height: 35px;
    padding-top: 2px;
}


.evaluation_profile_list_table th {
    background-color: var(--brand-primary) !important;
    color: white;
}

.evaluation_profile_list_table tr:first-child th {
    color: white;
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
    text-align: left;
}

.evaluation_profile_list_table tr:first-child th:first-child {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: left;
    padding-left: 20px;
}

.evaluation_profile_list_table tr:first-child th:last-child {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: left;
}

.evaluation_profile_list_table tr td:first-child {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: left;
    padding-left: 20px;
}

.evaluation_profile_list_table tr td:last-child {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.evaluation_profile_list_table tbody tr {
    height: 35px;
    border: 1px solid #dadada;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.evaluation_profile_list_table tr:nth-child(odd) {
    background-color: #f1f1f1;
}

.evaluation_profile_list_table tr:nth-child(even) {
    background-color: #f7f7f7;
}

.evaluation_profile_list_table tr td:first-child {
    padding-left: 20px;
}

.evaluation_profile_list_table a {
    color: black;
}

.evaluation_profile_list_table tr td {
    vertical-align: middle;
    line-height: 35px;
    padding-top: 2px;
}

.evaluation_user_list_table th {
    background-color: var(--brand-primary) !important;
    color: white;
}

.evaluation_user_list_table tr:first-child th {
    color: white;
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
    text-align: left;
}

.evaluation_user_list_table tr:first-child th:first-child {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: left;
    padding-left: 20px;
}

.evaluation_user_list_table tr:first-child th:last-child {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: left;
}

.evaluation_user_list_table tr td:first-child {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: left;
    padding-left: 20px;
}

.evaluation_user_list_table tr td:last-child {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.evaluation_user_list_table tbody tr {
    height: 35px;
    border: 1px solid #dadada;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.evaluation_user_list_table tr:nth-child(odd) {
    background-color: #f1f1f1;
}

.evaluation_user_list_table tr:nth-child(even) {
    background-color: #f7f7f7;
}

.evaluation_user_list_table tr td:first-child {
    padding-left: 20px;
}

.evaluation_user_list_table a {
    color: black;
}

.evaluation_user_list_table tr td {
    vertical-align: middle;
    line-height: 35px;
    padding-top: 2px;
}

.poskytovatel {
    border: 1px inset #c9c9c9;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 55px;
    width: 312px;
    padding: 3px;
    text-align: center;
    padding-right: 20px;
    margin-right: 30px;
    -webkit-box-shadow: inset 5px 5px 5px 0px rgba(191, 191, 191, 0.3);
    -moz-box-shadow: inset 5px 5px 5px 0px rgba(191, 191, 191, 0.3);
    box-shadow: inset 5px 5px 5px 0px rgba(191, 191, 191, 0.3);
}

.poskytovatel img {
    max-width: 50px;
    max-height: 50px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    vertical-align: middle;
}

.poskytovatel td:nth-child(2) {
    text-align: left;
}

.poskytovatel td:nth-child(2) a {
    color: black;
    overflow: hidden;
    height: 22px;
}

.poskytovatel .notifikace {
    background-color: #a60026;
    width: 30px height: 15px -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: white;
    text-align: center;
    margin-left: 5px;
    margin-right: 5px;
}

.btn_odeslat {
    font-family: 'Diavlo' !important;
    font-size: 18px !important;
    width: 178px !important;
    height: 34px !important;
    color: black !important;
    border: 0 !important;
    background-color: var(--brand-primary) !important;
    background-size: 100%;
    background-repeat: no-repeat;
    outline: none !important;
    padding: 10px 0;
    display: inline-block;
    line-height: 1em;
    text-align: center;
    border-radius: 10px;
    background-image: none !important;
}

.btn_odeslat:hover {
    outline: none !important;
    text-decoration: none !important;
}

.btn_odeslat:active {
    outline: none !important;
}

.tlacitko {
    width: 178px !important;
    height: 34px !important;
    color: black !important;
    border: 0 !important;
    background-color: var(--brand-primary) !important;
    background-size: 100%;
    background-repeat: no-repeat;
    outline: none !important;
    text-align: center !important;
    border-radius: 10px;
}

.tlacitko:hover {
    background-image: url(../img/button_hover.png) !important;
    outline: none !important;
    text-decoration: none !important;
}

.tlacitko:active {
    background-image: url(../img/button_inactive.png) !important;
    outline: none !important;
}

.overlay_content {}

#profile.coffee-span-6.column-5 div img {
    position: relative !important;
    # top: -45px;
    vertical-align: center;
    max-width: 80px;
    max-height: 80px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#profile.coffee-span-6.column-5 div {
    position: static !important;
    float: right;
}

#profile.coffee-span-6.column-5 {
    height: 100px !important;
    float: right;
    font-family: 'Diavlo', serif;
    font-size: 14px;
    padding-top: 15px;
}

#profile.coffee-span-6.column-5 a span.user {
    color: var(--brand-primary);
}

#profile.coffee-span-6.column-5 a {
    color: black;
}

.pocet_praxi_v_prehledu_poskytovatelu {
    background-color: var(--brand-primary);
    color: black;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    width: 40px;
    height: 30px;
    position: absolute;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 5px;
    font-size: 14px;
}

#evaluation_comments_scroller {
    overflow-y: scroll;
    height: 473px;
    border-top: 1px solid var(--brand-primary);
    border-bottom: 1px solid var(--brand-primary);
    margin-top: 10px;
    margin-bottom: 10px;
}

#evaluation_comments_scroller img {
    width: 70px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-width: 70px;
    max-height: 70px;
}

#evaluation_comments_scroller table {
    border-spacing: 10px;
    border-collapse: separate;
    vertical-align: top;
}

#forum_scroller {
    overflow-y: scroll;
    height: 473px;
    border-top: 1px solid var(--brand-primary);
    border-bottom: 1px solid var(--brand-primary);
    margin-top: 10px;
    margin-bottom: 10px;
}

#forum_scroller img {
    width: 70px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-width: 70px;
    max-height: 70px;
}

#report_comments_scroller {
    overflow-y: scroll;
    height: 473px;
    border-top: 1px solid var(--brand-primary);
    border-bottom: 1px solid var(--brand-primary);
    margin-top: 10px;
    margin-bottom: 10px;
}

#report_comments_scroller img {
    width: 70px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-width: 70px;
    max-height: 70px;
}

#report_comments_scroller table {
    border-spacing: 10px;
    border-collapse: separate;
    vertical-align: top;
}

#forum_scroller table {
    border-spacing: 10px;
    border-collapse: separate;
    vertical-align: top;
}

.forum_item_propowner_acknowledged_proposal>td:first-child {
    background-color: #f2f2f2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 19px;
    padding-right: 19px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(199, 199, 199, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(199, 199, 199, 1);
    box-shadow: 2px 2px 5px 0px rgba(199, 199, 199, 1);
}

.forum_item_propowner_acknowledged_proposal>td:nth-child(2) {
    vertical-align: top;
}

.forum_item_propowner>td:first-child {
    background-color: #f2f2f2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 19px;
    padding-right: 19px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(199, 199, 199, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(199, 199, 199, 1);
    box-shadow: 2px 2px 5px 0px rgba(199, 199, 199, 1);
}

.forum_item_propowner>td:nth-child(2) {
    vertical-align: top;
}

.forum_item_propowner_acknowledge>td:first-child {
    background-color: #f2f2f2;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 19px;
    padding-right: 19px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(199, 199, 199, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(199, 199, 199, 1);
    box-shadow: 2px 2px 5px 0px rgba(199, 199, 199, 1);
}

.forum_item_propowner_acknowledge>td:nth-child(2) {
    vertical-align: top;
}

.forum_item_epowner>td:nth-child(2) {
    background-color: #c3c3c3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 19px;
    padding-right: 19px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(199, 199, 199, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(199, 199, 199, 1);
    box-shadow: 2px 2px 5px 0px rgba(199, 199, 199, 1);
}

.forum_item_epowner>td:first-child {
    vertical-align: top;
}

.forum_item_epowner_acceptance>td:nth-child(2) {
    background-color: var(--brand-primary);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-left: 19px;
    padding-right: 19px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(199, 199, 199, 1);
    -moz-box-shadow: 2px 2px 5px 0px rgba(199, 199, 199, 1);
    box-shadow: 2px 2px 5px 0px rgba(199, 199, 199, 1);
}

.forum_item_epowner_acceptance>td:first-child {
    vertical-align: top;
}

.forum_item_date {
    color: #000 !important;
}

.forum_item_epowner_acceptance td.forum_item_date {
    color: white !important;
}

.overlaycontent form input[type=submit] {
    width: 178px !important;
    height: 34px !important;
    color: black !important;
    border: 0 !important;
    background-color: var(--brand-primary) !important;
    background-size: 100%;
    background-repeat: no-repeat;
    outline: none !important;
    border-radius: 10px;
}

.unsent_report_deletion_icon {
    position: relative;
    text-align: center;
    line-height: 34px;
    display: inline-block;
    width: 178px !important;
    height: 34px !important;
    color: white !important;
    border: 0 !important;
    background-color: transparent !important;
    background-image: url(../img/button_normal.png) !important;
    background-size: 100%;
    background-repeat: no-repeat;
    outline: none !important;
}

.unsent_report_deletion_icon::first-letter {
    text-transform: uppercase;
}

.unsent_report_deletion_icon:hover {
    background-image: url(../img/button_hover.png) !important;
    outline: none !important;
    text-decoration: none !important;
}

.overlaycontent form input[type=submit]:hover {
    background-image: url(../img/button_hover.png) !important;
    outline: none !important;
    text-decoration: none !important;
}

.overlaycontent form input[type=submit]:active {
    outline: none !important;
}

.overlaycontent form textarea {
    background-color: #f1f1f1;
    max-width: 492px;
    height: 130px;
    max-height: 130px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 5px 5px 5px 0px rgba(191, 191, 191, 0.6);
    -moz-box-shadow: inset 5px 5px 5px 0px rgba(191, 191, 191, 0.6);
    box-shadow: inset 5px 5px 5px 0px rgba(191, 191, 191, 0.6);
    padding: 10px;
}

.overlaycontent form table td {}

hr {
    box-sizing: content-box;
    clear: both;
    height: 0;
    border: solid var(--brand-primary);
    border-width: 1px 0 0;
    margin: 10px 20px 10px auto !important;
}

.offer_filter_fields tbody tr td:first-child {
    padding-left: 50px;
}

.offer_filter_fields tr:first-child td {
    padding-left: 0px !important;
    font-size: 18px;
    padding-bottom: 10px;
}

#profilove_foto {
    width: 220px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 10px;
}

.filter_main_page_profile_image {
    width: 100px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 10px;
}

.in_vyhledavani {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 30px;
    width: 40% !important;
    -webkit-box-shadow: inset 0px 0px 20px 3px rgba(226, 226, 226, 1);
    -moz-box-shadow: inset 0px 0px 20px 3px rgba(226, 226, 226, 1);
    box-shadow: inset 0px 0px 20px 3px rgba(226, 226, 226, 1);
    border: 1px solid rgba(226, 226, 226, 1) !important;
    padding-left: 20px !important;
    margin-top: 5px !important;
}

.in_vyhledavani_main_page {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 30px;
    width: 100% !important;
    -webkit-box-shadow: inset 0px 0px 20px 3px rgba(226, 226, 226, 1);
    -moz-box-shadow: inset 0px 0px 20px 3px rgba(226, 226, 226, 1);
    box-shadow: inset 0px 0px 20px 3px rgba(226, 226, 226, 1);
    border: 1px solid rgba(226, 226, 226, 1) !important;
    padding-left: 20px !important;
    margin-top: 5px !important;
}

.in_novinky_dny {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 30px;
    -webkit-box-shadow: inset 0px 0px 20px 3px rgba(226, 226, 226, 1);
    -moz-box-shadow: inset 0px 0px 20px 3px rgba(226, 226, 226, 1);
    box-shadow: inset 0px 0px 20px 3px rgba(226, 226, 226, 1);
    border: 1px solid rgba(226, 226, 226, 1) !important;
    padding-left: 20px !important;
}

.forum_participants_table img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-width: 70px;
    max-height: 70px;
}

.offers_list_pager {
    margin-right: 20px;
    background-color: #c9c9c9;
    padding-left: 10px;
    padding-right: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding-top: 4px;
}

.offers_list_pager a {
    color: black;
}

.offers_list_pager_selected_page {
    color: var(--brand-primary);
}

.companies_list_header {
    font-size: 18px;
}

.forum_participants_table td {
    vertical-align: top;
}

/*#overlay:target, #overlay:target + .overlaycontent{
    display: block;
}*/

#profile_editor_scroller {}

.vnorena-tabulka label {
    display: inline;
}

.vnorena-tabulka tr:first-child {
    min-height: 27px !important;
    height: 27px !important;
    text-align: left !important;
    text-indent: 0px !important;
    text-shadow: none !important;
}

.profile_editor_static_items tr td:first-child {
    width: 160px;
    padding-left: 20px;
}

.profile_editor_header img {
    max-width: 190px;
    max-height: 190px;
    width: 190px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.profile_editor_header {
    margin-top: 20px;
}

.profile_editor_header iframe {
    max-width: 190px;
    max-height: 190px;
    width: 190px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.practice_editor_scroller {}

.edit_pencil_image {
background-image: url(../img/edit.png) !important;
width: 20px;
height: 20px;
float: right;
margin-left: 20px;
}

.practice_list_go_forum_image {
    background: url(../img/forum.png) 10px center no-repeat !important;
    width: 70px;
    height: 25px;
    text-align: right;
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 4px;
    color: #b20028;
    display: inline-block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

#calendar {
    display: none;
}

.np_form_login {
    padding-top: 20px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 40px;
}

.np_form_login .login-button-1 {
    float: right;
}

.np_form_login td {
    padding-top: 5px;
    padding-bottom: 5px;
}

.np_form_login td font {
    color: black !important;
}

.np_form_login input[type=text] {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 30px;
    width: 400px;
    -webkit-box-shadow: inset 0px 0px 20px 3px rgba(226, 226, 226, 1);
    -moz-box-shadow: inset 0px 0px 20px 3px rgba(226, 226, 226, 1);
    box-shadow: inset 0px 0px 20px 3px rgba(226, 226, 226, 1);
    border: 1px solid rgba(226, 226, 226, 1) !important;
}

.np_form_login input[type=password] {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    height: 30px;
    width: 400px;
    -webkit-box-shadow: inset 0px 0px 20px 3px rgba(226, 226, 226, 1);
    -moz-box-shadow: inset 0px 0px 20px 3px rgba(226, 226, 226, 1);
    box-shadow: inset 0px 0px 20px 3px rgba(226, 226, 226, 1);
    border: 1px solid rgba(226, 226, 226, 1) !important;
}

.np_form_login tr:nth-child(4) td:nth-child(1) {
    font-style: italic;
}

.offer_list_nested_subject_table tr {
    background-color: transparent !important;
}

.offer_list_nested_subject_table img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.offer_list_table table tr {
    background-color: transparent !important;
}

.offer_list_table table img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.overlaycontent table {
    /*margin-top:20px;
margin-bottom:20px;*/
}

.practice_list_table th {
    background-color: var(--brand-primary) !important;
    color: white;
}

.practice_list_table tr:first-child th {
    color: white;
    text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
    text-align: left;
}

.practice_list_table tr:first-child th:first-child {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: left;
    padding-left: 20px;
}

.practice_list_table tr:first-child th:last-child {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    text-align: left;
}

.practice_list_table tr td:first-child {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    text-align: left;
    padding-left: 20px;
}

.practice_list_table tr td:last-child {
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

.practice_list_table tbody tr {
    height: 35px;
    border: 1px solid #dadada;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.practice_list_table tr:nth-child(odd) {
    background-color: #f1f1f1;
}

.practice_list_table tr:nth-child(even) {
    background-color: #f7f7f7;
}

.practice_list_table tr td:first-child {
    padding-left: 20px;
}

.practice_list_table a {
    color: black;
}

.practice_list_table tr td {
    vertical-align: middle;
    line-height: 35px;
    padding-top: 2px;
    padding-left: 10px;
}

.practice_list_table table tr {
    background-color: transparent !important;
}

.practice_list_table table img {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    max-height: 40px;
    max-width: 40px;
}

.practice_list_table table td:first-child {
    width: 40px;
    padding-left: 0px;
}

.practice_list_reports_icon {
    background: url(../img/reportovani.png) 10px center no-repeat !important;
    width: 70px;
    height: 25px;
    color: #b20028;
    text-align: right;
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 4px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.practice_list_reports_icon_unread {
    background: url(../img/reportovani_w.png) 10px center no-repeat #b20028 !important;
    width: 70px;
    height: 25px;
    text-align: right;
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 4px;
    color: white;
    display: inline-block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.detail_glass_image_unread {
    background: url(../img/glass_image_w.png) 10px center no-repeat #b20028 !important;
    width: 40px;
    height: 25px;
    text-align: right;
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 4px;
    color: white;
    display: inline-block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.practice_list_go_forum_image_unread {
    background: url(../img/forum_w.png) 10px center no-repeat #b20028 !important;
    width: 70px;
    height: 25px;
    text-align: right;
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 4px;
    color: white;
    display: inline-block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.practice_list_evaluations_icon {
    background: url(../img/edit.png) 10px center no-repeat !important;
    width: 70px;
    height: 25px;
    text-align: right;
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 2px;
    color: #b20028;
    padding-bottom: 4px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.practice_list_evaluations_icon_unread {
    background: url(../img/edit_w.png) 10px center no-repeat #b20028 !important;
    width: 70px;
    height: 25px;
    text-align: right;
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 2px;
    color: white;
    padding-bottom: 4px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.tab_info_episody table table td:nth-child(2) {
    padding-left: 10px;
}

.offer_list_table table tr td {
    vertical-align: middle;
    line-height: 35px;
    padding-top: 2px;
    padding-left: 10px;
}

.offer_list_table table td:first-child {
    width: 40px;
    padding-left: 0px;
}

.overlaycontent select {
    max-width: 200px;
}

.profile_editor_header {
    vertical-align: top;
}

.report_list_comments_icon {
    background: url(../img/forum.png) 10px center no-repeat !important;
    width: 70px;
    height: 25px;
    text-align: right;
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 2px;
    padding-bottom: 4px;
    color: #b20028;
    display: inline-block;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.report_list_comments_icon_unread {
    background: url(../img/forum_w.png) 10px center no-repeat #b20028 !important;
    width: 70px;
    height: 25px;
    text-align: right;
    padding-left: 20px;
    padding-right: 15px;
    padding-top: 2px;
    color: white;
    padding-bottom: 4px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.client_conditions_class {
    width: 94%;
    margin: 0% 3% 0% 3%;
    border: 1px dotted;
    background-color: white;
}

.cleanup_filter {
    font-family: 'Diavlo' !important;
    font-size: 18px !important;
    width: 178px !important;
    height: 34px !important;
    color: black !important;
    border: 0 !important;
    background-color: var(--brand-primary);
    background-size: 100%;
    background-repeat: no-repeat;
    outline: none !important;
    display: block;
    text-align: center;
    padding-top: 3px;
    border-radius: 10px;
}

.cleanup_filter:hover {
    background-image: url(../img/button_hover.png) !important;
    outline: none !important;
    text-decoration: none !important;
}

.align_top {
    vertical-align: top;
}

.hide_cert {
    display: none;
}

/* fb */

label input[type=checkbox],
label input[type=radio] {
    float: none;
}

/*Print*/
@media print {
    #overlaycontent {
        width: 100%;
        background-color: #fff;
        background-image: none;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
    }

    .mainoverlaybar {
        display: none;
    }
}

/*Tehnikiiada upravy odsud dolu*/
/*MaŠ BG fix*/
.TCHKPageClass~body {
    background-color: lightgray !important;
}

/*Layout okna*/
.TCHKPageClass {
    position: relative;
    background-color: lightgray;
    margin: 10px auto !important;
    padding: initial !important;
    overflow-y: auto;
    width: 100% !important;
    height: auto !important;
    border-radius: 0 !important;
}

/*YES or NO Checkbox*/
.TCHKActivityAssignmentYesNoSwitchClass {
    margin-left: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    position: relative;
    cursor: pointer;
    width: 55px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.TCHKActivityAssignmentYesNoSwitchClass label {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: #cd3c3c;
    border-radius: 5px;
    font-weight: bold;
    color: #FFF;
    -webkit-transition: background 0.3s, text-indent 0.3s;
    -moz-transition: background 0.3s, text-indent 0.3s;
    -o-transition: background 0.3s, text-indent 0.3s;
    transition: background 0.3s, text-indent 0.3s;
    text-indent: 27px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;
}

.TCHKActivityAssignmentYesNoSwitchClass label:after {
    content: 'NE';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    font-size: 12px;
    color: #591717;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.35);
    z-index: 1;
}

.TCHKActivityAssignmentYesNoSwitchClass label:before {
    content: '';
    width: 15px;
    height: 24px;
    border-radius: 3px;
    background: #FFF;
    position: absolute;
    z-index: 2;
    top: 3px;
    left: 3px;
    display: block;
    -webkit-transition: left 0.3s;
    -moz-transition: left 0.3s;
    -o-transition: left 0.3s;
    transition: left 0.3s;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}

.TCHKActivityAssignmentYesNoSwitchClass input:checked+label {
    background: #378b2c;
    text-indent: 8px;
}

.TCHKActivityAssignmentYesNoSwitchClass input:checked+label:after {
    content: 'ANO';
    color: #091707;
}

.TCHKActivityAssignmentYesNoSwitchClass input:checked+label:before {
    left: 37px;
}

/* Header */
.TCHKHeadingClass {
    padding: 20px;
}

/*divider*/
.TCHKDividerClass {
    margin: 10px 20px !important;
}

/*buttons again...*/
.TCHKActivityAssignmentSubmitClass {
    margin-top: 10px;
    width: 178px !important;
    height: 34px !important;
    color: white !important;
    border: 0 !important;
    background-color: transparent !important;
    background-image: url(../img/button_normal.png) !important;
    background-size: 100%;
    background-repeat: no-repeat;
    outline: none !important;
    text-align: center !important;
    display: inline-block;
}

.TCHKActivityAssignmentSubmitClass:hover {
    background-image: url(../img/button_hover.png) !important;
    outline: none !important;
    text-decoration: none !important;
}

.TCHKActivityAssignmentSubmitClass:active {
    background-image: url(../img/button_inactive.png) !important;
    outline: none !important;
}

/*footer*/
.TCHKContactClass {
    position: initial !important;
    margin: 20px !important;
}

/*bigger devices*/
@media only screen and (min-width: 992px) {
    .TCHKPageClass {
        border-radius: 20px !important;
        width: 600px !important;
    }
}

/* === EDOKO landing – vizuál podle mockupu === */

/* Volitelně Inter – pokud nechceš externí font, smaž tenhle řádek */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    --font: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
    --text: rgb(0, 41, 65);
    /* velmi tmavá modrá pro text */
    --muted: #64748b;
    /* šedě-modrá pro sekundární text */
    --primary: rgb(17, 187, 177);
    /* modrá tlačítek */
    --primary-600: #1a45c4;
    --primary-50: #e8efff;
    /* světlé pozadí ikon */
    --card-bg: #ffffff;
    --border: #e5e7eb;
    --shadow: 0 12px 32px rgba(2, 8, 23, .08), 0 3px 12px rgba(2, 8, 23, .06);
    --radius: 16px;
}

/* Reset drobností a sjednocení box modelu */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html,
body {
    height: 100%;
}

body {
    margin: 0;
    font-family: var(--font);
    color: var(--text);
    background: #fff;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

/* Coffeegrinder/Wireframe přetížení – nechceme defaultní mezery */
.row {
    max-width: 1100px;
    margin: 0 auto;
    padding: 24px 0px;
}

.grid-1 {
    background: #fff;
}

/* ====== HLAVIČKA ====== */
#logosite {
    display: flex;
    align-items: center;
    height: 56px;
}

/* V maketě je textový logotyp „EDOKO“ – vykreslíme ho čistě CSS.
   Pokud máš bitmapu/SVG, nahraď to background-image a zruš ::before. */
#logosite::before {
    content: "EDOKO";
    font-weight: 800;
    font-size: 30px;
    letter-spacing: 0.5px;
    color: #0b1220;
}

/* Pravý horní blok s tlačítky */
#profile {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
}

#profile form {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
}

/* „Přihlášení“ – decentní (ghost) tlačítko */
#profile .btn_odeslat {
    appearance: none;
    -webkit-appearance: none;
    border: 1px solid var(--border);
    background: #fff;
    color: #0b1220;
    font-weight: 600;
    padding: 10px 16px;
    line-height: 1;
    border-radius: 12px;
    cursor: pointer;
    transition: all .18s ease;
}

#profile .btn_odeslat:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 14px rgba(2, 8, 23, .06);
}

/* „Registrace“ je v HTML <select>. Uděláme z něj solid tlačítko. */
.registration_pop_up {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    border: 0;
    background: var(--primary);
    color: #fff;
    font-weight: 700;
    padding: 11px 18px;
    border-radius: 12px;
    cursor: pointer;
    line-height: 1;
    /* šipka: */
    background-image:
        linear-gradient(45deg, transparent 50%, rgba(255, 255, 255, .9) 50%),
        linear-gradient(135deg, rgba(255, 255, 255, .9) 50%, transparent 50%);
    background-position:
        calc(100% - 18px) 50%,
        calc(100% - 12px) 50%;
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
}

.registration_pop_up:hover {
    background: var(--primary-600);
}

/* ====== TITULEK ====== */
.ModeSelectorMenuSkip {
    display: none;
}

/* nepotřebujeme volná místa */
.ModeSelectorTitle {
    text-align: center;
    font-weight: 800;
    line-height: 1.1;
    margin: 64px auto 36px auto;
    max-width: 920px;
    color: #0b1220;
    font-size: clamp(32px, 6vw, 56px);
    /* rozdělení na dva řádky jako v maketě – necháme na zalomení */
}

/* ====== KARTY ====== */
#content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 28px;
}

/* Wrapper na dvě karty vedle sebe */
.ModeSelectorRegistrBlock,
.ModeSelectorTCHKBlock {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    max-width: 520px;
    /* šířka jedné karty */
    background: var(--card-bg);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow);
    padding: 22px 22px 18px 22px;
}

/* Položit vedle sebe na velkých obrazovkách */
.ModeSelectorRegistrBlock {
    margin-right: 14px;
}

@media (min-width:940px) {

    .ModeSelectorRegistrBlock,
    .ModeSelectorTCHKBlock {
        display: inline-flex;
        vertical-align: top;
    }
}

/* Ikony – modrý „chip“ za SVG */
.ModeSelectorLinkIcon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: var(--primary-50);
    color: var(--primary);
    flex: 0 0 48px;
}

.ModeSelectorLinkIcon svg {
    width: 28px;
    height: 28px;
}

/* Texty v kartě */
.ModeSelectorLinkText {
    display: block;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 700;
    margin-top: 2px;
    color: #0b1220;
}

.ModeSelectorLinkSubText {
    display: block;
    margin-top: 6px;
    font-size: 14px;
    color: var(--muted);
}

/* Primární tlačítko „Otevřít“ */
.ModeSelectorLink {
    margin-left: auto;
    /* tlačítko doprava */
    align-self: center;
    text-decoration: none;
    background: var(--primary);
    color: #fff !important;
    font-weight: 800;
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 12px;
    line-height: 1;
    box-shadow: 0 8px 18px rgba(29, 78, 216, .22);
    transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.ModeSelectorLink:hover {
    background: var(--primary-600);
    transform: translateY(-1px);
    box-shadow: 0 12px 26px rgba(29, 78, 216, .28);
}

/* Textové sloupce v kartě (ikona + text) */
.ModeSelectorLinkBlock {
    position: relative;
}

.ModeSelectorLinkBlock .ModeSelectorLinkText,
.ModeSelectorLinkBlock .ModeSelectorLinkSubText {
    margin-left: 0;
}

/* Uspořádání vnitřku karty: [ikona] [texty] [tlačítko] */
.ModeSelectorRegistrBlock,
.ModeSelectorTCHKBlock {
    display: grid;
    grid-template-columns: 48px 1fr auto;
    grid-column-gap: 16px;
    grid-row-gap: 2px;
}

.ModeSelectorRegistrBlock .ModeSelectorLinkIcon,
.ModeSelectorTCHKBlock .ModeSelectorLinkIcon {
    grid-column: 1;
    grid-row: 1 / 3;
}

.ModeSelectorRegistrBlock .ModeSelectorLinkText,
.ModeSelectorTCHKBlock .ModeSelectorLinkText {
    grid-column: 2;
    grid-row: 1;
}

.ModeSelectorRegistrBlock .ModeSelectorLinkSubText,
.ModeSelectorTCHKBlock .ModeSelectorLinkSubText {
    grid-column: 2;
    grid-row: 2;
}

.ModeSelectorRegistrBlock .ModeSelectorLink,
.ModeSelectorTCHKBlock .ModeSelectorLink {
    grid-column: 3;
    grid-row: 1 / 3;
}

/* V maketě jsou obě tlačítka „Otevřít“.
   Druhé má v HTML text „Spustit“, tak ho přepíšeme čistě CSS. */
.ModeSelectorTCHK {
    color: transparent !important;
    position: relative;
}

.ModeSelectorTCHK::after {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 800;
    font-size: 16px;
}

/* ====== RESPONSIVE ====== */
@media (max-width:939px) {
    .row {
        padding: 20px 16px;
    }

    #profile {
        gap: 10px;
    }

    .ModeSelectorTitle {
        margin: 44px auto 24px;
    }

    .ModeSelectorRegistrBlock,
    .ModeSelectorTCHKBlock {
        max-width: 680px;
        width: 100%;
    }
}

@media (max-width:520px) {

    /* na malých obrazovkách tlačítko pod text */
    .ModeSelectorRegistrBlock,
    .ModeSelectorTCHKBlock {
        grid-template-columns: 48px 1fr;
        grid-template-rows: auto auto auto;
    }

    .ModeSelectorRegistrBlock .ModeSelectorLink,
    .ModeSelectorTCHKBlock .ModeSelectorLink {
        grid-column: 1 / -1;
        grid-row: 3;
        justify-self: start;
        margin-top: 12px;
    }
}

/* === HOTFIX: přepiš tlačítka a odkazy === */

/* Primární tlačítko v kartách (anchor) */
body .ModeSelectorLink,
body .ModeSelectorLink:link,
body .ModeSelectorLink:visited {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 20px !important;
    background: var(--primary);
    color: #fff !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    border: none !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    box-shadow: 0 8px 18px rgba(29, 78, 216, .22) !important;
    cursor: pointer !important;
    transition: transform .18s ease, background .18s ease, box-shadow .18s ease !important;
}

body .ModeSelectorLink:hover {
    background: rgba(17, 187, 177, .6) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 12px 26px rgba(29, 78, 216, .28) !important;
}

/* Přihlášení (submit) – „ghost“ tlačítko vpravo nahoře */
body #profile .btn_odeslat[type="submit"] {
    appearance: none !important;
    -webkit-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 16px !important;
    background: #fff !important;
    color: #0b1220 !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
    transition: box-shadow .18s ease, transform .18s ease !important;
}

body #profile .btn_odeslat[type="submit"]:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 14px rgba(2, 8, 23, .06) !important;
}

/* Registrace (select) – převlek do vzhledu tlačítka */
body #profile select.registration_pop_up {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 11px 18px !important;
    background: rgb(17, 187, 177) !important;
    color: #fff !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    border: none !important;
    border-radius: 12px !important;
    cursor: pointer !important;
    background-image:
        linear-gradient(45deg, transparent 50%, rgba(255, 255, 255, .9) 50%),
        linear-gradient(135deg, rgba(255, 255, 255, .9) 50%, transparent 50%) !important;
    background-position:
        calc(100% - 18px) 50%,
        calc(100% - 12px) 50% !important;
    background-size: 6px 6px, 6px 6px !important;
    background-repeat: no-repeat !important;
}

/* Pokud wireframe přidává na odkazy podtržení / barvy: */
body .ModeSelectorLink * {
    color: inherit !important;
    text-decoration: none !important;
}

#profile select.registration_pop_up {
    position: relative;
    padding-left: 100px !important;
    /* uděláme místo pro text */
}

/* Přidej nápis "Registrace" před select */
#profile form::after {
    content: "Registrace";
    position: absolute;
    right: 57px;
    /* doladíte podle šířky selectu */
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-weight: 700;
    pointer-events: none;
}

/* Aby to fungovalo, form musí být relativně pozicovaný */
#profile form {
    position: relative;
    display: inline-flex;
    align-items: center;
}

#profile select.registration_pop_up {
    color: transparent !important;
    /* schová vlastní text */
    text-shadow: 0 0 0 #fff;
    /* vykreslí bílé písmo */
    font-weight: 700 !important;
}

/* === KARTY EDOKO: ikona vlevo, texty vpravo, tlačítko dole === */
/* 0) Zahoď předchozí experimenty na #content */
#content {
    display: block !important;
    /* žádný flex ani grid na rodiči */
    text-align: center !important;
    /* aby šly karty centrovat */
}

/* 1) Titulek samostatně nad kartami */
.ModeSelectorTitle {
    display: block !important;
    margin: 48px auto 28px !important;
    /* rozumná mezera pod titulkem */
}

/* 2) Dvě karty vedle sebe, stejné rozměry, uprostřed stránky */
#content>.ModeSelectorLinkBlock {
    display: inline-grid !important;
    /* inline, takže se seřadí vedle sebe */
    vertical-align: top !important;
    float: none !important;
    /* pro jistotu */
    width: 360px !important;
    /* stejná šířka obou karet */
    min-height: 170px !important;
    /* stejná výška (dole tlačítko) */
    margin: 0 14px !important;
    /* mezera mezi kartami */
    box-sizing: border-box !important;

    /* vnitřní layout karty: ikona vlevo, texty vpravo, tlačítko dole */
    grid-template-columns: 48px 1fr;
    /* [ikona][texty] */
    grid-template-rows: auto 1fr auto;
    /* [název][výplň][tlačítko] */
    align-items: start !important;
}

/* 3) Ikona vlevo přes první dva řádky */
#content>.ModeSelectorLinkBlock .ModeSelectorLinkIcon {
    grid-column: 1;
    grid-row: 1 / span 2 !important;
    align-self: start !important;
}

/* 4) Texty vpravo od ikony (název + podtitulek) */
#content>.ModeSelectorLinkBlock .ModeSelectorLinkText {
    grid-column: 2;
    grid-row: 1 !important;
    margin: 0 !important;
}

#content>.ModeSelectorLinkBlock .ModeSelectorLinkSubText {
    grid-column: 2;
    grid-row: 2 !important;
    margin-top: 6px !important;
}

/* 5) Tlačítko vždy u spodního okraje karty (stejně v obou kartách) */
#content>.ModeSelectorLinkBlock .ModeSelectorLink {
    grid-column: 1 / -1 !important;
    /* přes celou šířku karty */
    grid-row: 3 !important;
    justify-self: start !important;
    /* chcete-li doprostřed: center */
    margin-top: 10px !important;
}

/* 6) Mobil – karty pod sebe, vycentrované */
@media (max-width: 760px) {
    #content>.ModeSelectorLinkBlock {
        display: block !important;
        /* jednoduché zalomení */
        width: min(360px, 92vw) !important;
        margin: 0 auto 14px !important;
        min-height: 170px !important;
    }
}

/* 7) Přepis textu druhého tlačítka (Spustit -> Otevřít) beze změny HTML */
.ModeSelectorTCHK {
    position: relative !important;
    color: transparent !important;
}

.ModeSelectorTCHK::after {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: inherit;
    font: inherit;
}

#menu {
    position: relative;
    padding-left: 0;
    min-height: 80px;
    padding-top: 40px;
}

#menu::before {
    content: "";
    position: absolute;
    top: 0;
    /* trik na „full-bleed“: roztáhnout na 100vw a vycentrovat mimo container */
    left: calc(-50vw + 50%);
    width: 100vw;
    height: 100%;
    z-index: -1;
    /* bude ZA obsahem; když chceš přes obsah, dej z-index: 1 a obsahu 2 */
}

/* Globální čitelnost (necháváme původní fonty) */
body {
    line-height: var(--line);
    color: var(--brand-ink);
}

/* ========== HLAVIČKA (logo + profil) ==================================== */
body.grid-1 .row:first-of-type {
    background: #fff;
    border-bottom: 1px solid var(--border-color);
    padding: var(--space-2) 0;
}

#logosite,
#profile {
    min-height: 60px;
    display: flex;
    align-items: center;
}

#profile {
    justify-content: flex-end;
    gap: var(--space-3);
    font-size: var(--font-s);
}

#profile a {
    color: var(--brand-ink);
    text-decoration: none;
    font-weight: 600;
    padding: .3rem .6rem;
    border-radius: 999px;
}

#profile a:hover {
    background: var(--surface-strong);
}

#profile .user {
    font-weight: 800;
}

#profile br {
    display: none;
}

.avatar_user img {
    width: 34px !important;
    height: 34px !important;
    border-radius: 50%;
    border: 1px solid var(--border-color);
    object-fit: cover;
}

/* ========== STICKY MENU – pill navigace ================================= */
#menu {
    position: sticky;
    top: 0;
    z-index: 30;
    background: #fff;
    border-bottom: 1px solid var(--border-color);
    padding: .55rem 0;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

#menu .header-menu-divider {
    display: none;
}

#menu .header-menu-link,
#menu .header-menu-inactive-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-weight: 700;
    padding: .48rem .9rem;
    margin: .12rem .18rem;
    border-radius: 999px;
    border: 1px solid transparent;
    color: var(--brand-ink);
}

#menu .header-menu-link:hover {
    background: var(--surface-strong);
    border-color: var(--border-color);
}

#menu .header-menu-inactive-link {
    background: var(--brand-primary);
}

/* ========== OBSAH – šířka a mezery ====================================== */
body.grid-1 #content {
    max-width: 1800px;
    margin: var(--space-6) auto var(--space-8);
    padding: 0 var(--space-4);
}

#content .users_list_header {
    margin: 0 0 var(--space-4);
    font-size: var(--font-h2);
    font-weight: 800;
    color: #334155;
}

/* ========== KARTY / BLOKY (filtr, import, uvolnění) ====================== */
body.grid-1 #content form[name="f_3_17_3_9"],
body.grid-1 #content form.userImportInPPForm,
body.grid-1 #content form[name="NPPLPUserRelease"] {
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-card);
    padding: var(--space-5) var(--space-6);
    margin: var(--space-4) 0;
}

/* ========== FILTER FORM – tvrdý fix layoutu (bez zásahu do HTML) ======== */
/* Překlopíme tabulku na flex grid – vzduch, wrap a konzistentní odsazení */
body.grid-1 #content form[name="f_3_17_3_9"] table,
body.grid-1 #content form[name="f_3_17_3_9"] tbody,
body.grid-1 #content form[name="f_3_17_3_9"] tr {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: var(--filter-row-gap) var(--filter-col-gap) !important;
    align-items: flex-end !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    width: 100% !important;
    background: transparent !important;
}

/* Každá buňka = sloupec s popiskem nahoře a prvkem pod ním */
body.grid-1 #content form[name="f_3_17_3_9"] td {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    /* mezera mezi popiskem a prvkem */
    min-width: 240px !important;
    padding: 0 !important;
    border: 0 !important;
    color: var(--brand-ink-subtle);
    font-weight: 600;
    font-size: .92rem;
}

/* První buňka s holým „text“ skryjeme – zbyde jen pole */
body.grid-1 #content form[name="f_3_17_3_9"] td:first-child {
    display: none !important;
}

/* Vstupy a selecty – vyšší, čitelné, jednotné */
body.grid-1 #content form[name="f_3_17_3_9"] td input,
body.grid-1 #content form[name="f_3_17_3_9"] td select {
    height: 48px !important;
    padding: .55rem .75rem !important;
    font-size: 1rem !important;
    line-height: 1.2 !important;
    color: var(--brand-ink) !important;
    background: #fff !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    min-width: 240px;
}

/* Textové vyhledávání – širší */
body.grid-1 #content form[name="f_3_17_3_9"] .in_vyhledavani {
    width: clamp(320px, 40vw, 560px) !important;
}

/* „Zrušit filtr“ jako tlačítko, na pravém okraji řádku */
body.grid-1 #content form[name="f_3_17_3_9"] a.cleanup_filter {
    align-self: center;
    margin-left: auto !important;
    display: inline-flex !important;
    align-items: center;
    gap: .5rem;
    padding: .66rem 1.1rem !important;
    border-radius: 999px !important;
    margin-bottom: 15px;
    background: #e9eff5 !important;
    color: var(--brand-ink) !important;
    border: 1px solid var(--border-color) !important;
    text-decoration: none !important;
    font-weight: 700 !important;
    white-space: nowrap;
}

/* Hover stavy */
body.grid-1 #content form[name="f_3_17_3_9"] td input:hover,
body.grid-1 #content form[name="f_3_17_3_9"] td select:hover {
    border-color: rgba(15, 23, 42, .26) !important;
}

body.grid-1 #content form[name="f_3_17_3_9"] a.cleanup_filter:hover {
    background: #dde6ee !important;
}

/* Responsivita filtru */
@media (max-width: 1024px) {
    :root {
        --filter-col-gap: 22px;
    }

    body.grid-1 #content form[name="f_3_17_3_9"] .in_vyhledavani {
        width: clamp(280px, 52vw, 520px) !important;
    }
}

@media (max-width: 760px) {
    body.grid-1 #content form[name="f_3_17_3_9"] td {
        min-width: 220px !important;
    }

    body.grid-1 #content form[name="f_3_17_3_9"] .in_vyhledavani {
        width: 100% !important;
    }

    body.grid-1 #content form[name="f_3_17_3_9"] a.cleanup_filter {
        margin-left: 0 !important;
        order: 99;
    }
}

/* ========== TABULKY – Praktikanti + Třídy =============================== */
body.grid-1 #content .evaluation_user_list_table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
    border-radius: var(--radius-lg);
    overflow: hidden;
    margin-top: var(--space-3);
}

body.grid-1 #content .evaluation_user_list_table thead th {
    text-align: left;
    padding: 1rem 1.1rem;
    background: var(--surface-strong);
    border-bottom: 1px solid var(--border-color);
    color: #25324a;
    font-weight: 700;
    letter-spacing: .03em;
    text-transform: uppercase;
    font-size: .83rem;
    position: sticky;
    top: 0;
    z-index: 1;
}

body.grid-1 #content .evaluation_user_list_table td {
    padding: .95rem 1.1rem;
    border-bottom: 1px solid var(--border-color);
    vertical-align: middle;
}

body.grid-1 #content .evaluation_user_list_table tr:nth-child(even) td {
    background: var(--brand-surface);
}

body.grid-1 #content .evaluation_user_list_table tr:hover td {
    background: #eef3f6;
}

body.grid-1 #content .evaluation_user_list_table td:first-child {
    width: 64px;
}

body.grid-1 #content .evaluation_user_list_table td:nth-child(3) a {
    display: inline-block;
    max-width: 320px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Vnořené prvky v tabulce – výška a padding */
body.grid-1 #content .evaluation_user_list_table input[type="text"],
body.grid-1 #content .evaluation_user_list_table .datepicker,
body.grid-1 #content .evaluation_user_list_table select {
    height: 40px;
    padding: .45rem .6rem;
    border-radius: var(--radius-sm);
    border: 1px solid var(--border-color);
    background: #fff;
    color: var(--brand-ink);
    font-size: var(--font-s);
    box-sizing: border-box;
    max-width: 220px;
}

body.grid-1 #content .evaluation_user_list_table tr:last-child td {
    background: #fff;
    border-bottom: none;
    padding-top: 1rem;
}

/* ========== TLAČÍTKA ===================================================== */
body.grid-1 #content .evaluation_user_list_table input[type="submit"],
body.grid-1 #content a.AddSchoolClass,
body.grid-1 #content form.userImportInPPForm input[type="submit"],
body.grid-1 #content form.userImportInPPForm .userImportInPPFormSubmit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    padding: .62rem 1.15rem;
    border-radius: 999px;
    border: 0;
    background: var(--brand-primary);
    color: var(--brand-ink);
    font-weight: 700;
    font-size: .95rem;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .04);
    transition: background-color .15s ease, transform .02s ease;
}

body.grid-1 #content .evaluation_user_list_table input[type="submit"]:hover,
body.grid-1 #content a.AddSchoolClass:hover,
body.grid-1 #content form.userImportInPPForm input[type="submit"]:hover,
body.grid-1 #content form.userImportInPPForm .userImportInPPFormSubmit:hover {
    background: #17c3b7;
}

body.grid-1 #content .evaluation_user_list_table input[type="submit"]:active,
body.grid-1 #content a.AddSchoolClass:active,
body.grid-1 #content form.userImportInPPForm input[type="submit"]:active,
body.grid-1 #content form.userImportInPPForm .userImportInPPFormSubmit:active {
    transform: translateY(1px);
}

/* Destruktivní akce – formulář NPPLP */
body.grid-1 #content form[name="NPPLPUserRelease"] input[type="submit"] {
    background: #ef4444;
    color: #fff;
    border-radius: 999px;
    padding: .62rem 1.15rem;
    font-weight: 700;
}

/* ========== PATIČKA ====================================================== */
.footer {
    background: var(--brand-surface);
    border-top: 1px solid var(--border-color);
    margin-top: var(--space-7);
    padding: var(--space-6) 0;
    color: var(--brand-ink-subtle);
    font-size: var(--font-s);
}

.footer .footer-menu a {
    color: #0f172a;
    text-decoration: none;
    font-weight: 600;
}

.footer .footer-menu a:hover {
    text-decoration: underline;
}

.footer-levy table {
    border-collapse: collapse;
}

.footer-levy td {
    padding: .2rem .6rem .2rem 0;
    vertical-align: top;
}

.footer .font-color-red {
    color: var(--brand-primary) !important;
}

.footer .font-color-cccccc {
    color: #94a3b8;
}

/* ========== RESPONSIVE DOLAĎENÍ ========================================= */
@media (max-width: 860px) {
    #profile {
        font-size: .9rem;
        gap: var(--space-2);
    }

    #menu {
        padding: .45rem 0;
    }
}

@media (max-width: 640px) {
    .avatar_user img {
        width: 30px !important;
        height: 30px !important;
    }

    body.grid-1 #content {
        padding: 0 var(--space-3);
    }

    body.grid-1 #content .evaluation_user_list_table td:nth-child(3) a {
        max-width: 220px;
    }
}

/* ================== TABULKY: BEZPEČNÝ HORIZONTÁLNÍ SCROLL ================== */
/* Cíl: žádné přetékání do stránkového layoutu, ale hezký inline scroll. */

/* Hlavní tabulky ("Praktikanti", "Třídy") – obě mají stejnou třídu */
body.grid-1 #content .evaluation_user_list_table {
    /* tabulka funguje jako vlastní scroll-kontejner */
    display: block;
    /* umožní overflow na samotné <table> */
    max-width: 100%;
    overflow-x: auto;
    /* horizontální posuvník jen když je potřeba */
    -webkit-overflow-scrolling: touch;
    border-radius: var(--radius-lg);
    background: #fff;
}

/* Uvnitř vrátíme „tabulkové“ chování na <tbody>, aby řádky/cely držely mřížku */
body.grid-1 #content .evaluation_user_list_table>tbody {
    display: table;
    width: 100%;
    min-width: 1040px;
    /* baseline šířka – dle počtu sloupců; klidně dolaď */
    border-collapse: separate;
    border-spacing: 0;
}

/* Buňky – lehké zúžení a zalamování, aby se šířka držela při zmenšení okna */
body.grid-1 #content .evaluation_user_list_table td,
body.grid-1 #content .evaluation_user_list_table th {
    white-space: nowrap;
    /* přehledný řádek sloupců */
    padding: .95rem 1.1rem;
}

body.grid-1 #content .evaluation_user_list_table td:nth-child(2),
body.grid-1 #content .evaluation_user_list_table td:nth-child(3) {
    max-width: 320px;
    /* např. Jméno/E-mail – ať se nepokouší roztáhnout */
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Tlačítkové řádky na konci tabulek zůstanou v rámci scrolleru */
body.grid-1 #content .evaluation_user_list_table tr:last-child td {
    background: #fff;
    border-bottom: none;
    padding-top: 1rem;
}

/* ==========================================================================
   AKČNÍ TLAČÍTKA VPRAVO (bez změny HTML)
   ========================================================================== */

/* 1) Řádek s tlačítkem v tabulce „Praktikanti“ apod. */
body.grid-1 #content .evaluation_user_list_table tr:last-child td {
    /* tlačítko(y) doprava */
    background: #fff;
    border-bottom: none;
    padding-top: 1rem;
}

body.grid-1 #content .evaluation_user_list_table tr:last-child td>* {
    margin-inline-start: .5rem;
    /* rozestup mezi více tlačítky */
}

/* 2) Importy a hromadné akce – submit doprava */
body.grid-1 #content form.userImportInPPForm {
    display: flex;
    /* zachová se řádkové pořadí */
    flex-wrap: wrap;
    gap: .75rem 1rem;
    align-items: center;
}

body.grid-1 #content form.userImportInPPForm input[type="file"] {
    flex: 1 1 420px;
    /* souborové pole se roztáhne */
    min-width: 280px;
}

body.grid-1 #content form.userImportInPPForm input[type="submit"],
body.grid-1 #content form.userImportInPPForm .userImportInPPFormSubmit {
    margin-left: auto !important;
    /* tlačítko úplně doprava */
}

/* 3) „Uvolnit studenty s datem…“ – akce doprava */
body.grid-1 #content form[name="NPPLPUserRelease"] {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem 1rem;
    align-items: center;
}

body.grid-1 #content form[name="NPPLPUserRelease"] input[type="submit"] {
    margin-left: auto !important;
}

/* 4) Odkaz „Přidat novou třídu“ – držet vpravo i mimo formulář */
body.grid-1 #content a.AddSchoolClass {
    float: right;
    /* jednoduché a spolehlivé */
    margin-top: .75rem;
    margin-bottom: .5rem;
    clear: both;
    /* neovlivní okolní tok */
}

/* 5) Záložní zarovnání pro libovolný formulář – pokud je to jediné tlačítko
      a není v tabulce, zkusíme ho poslat doprava, když je v posledním bloku. */
body.grid-1 #content form input[type="submit"]:last-of-type {
    /* funguje, pokud je formulář jednořádkový nebo má Flex z předchozích pravidel */
    margin-left: auto;
}

/* 6) Nechceme, aby akční řádky kvůli dlouhým vstupům roztahovaly stránku.
      Tabulky už máme scrollovací, jen je pojistíme. */
body.grid-1 #content .evaluation_user_list_table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    /* horizontální scroll jen když je třeba */
    -webkit-overflow-scrolling: touch;
    border-radius: var(--radius-lg);
}

body.grid-1 #content .evaluation_user_list_table>tbody {
    display: table;
    width: 100%;
    min-width: 1040px;
    /* dolaď podle počtu sloupců */
    border-collapse: separate;
    border-spacing: 0;
}

/* ==========================================================================
   SELECT: jednotná výška, okraje a šipka (bez změny HTML)
   ========================================================================== */

/* ZÁKLAD – bezpečný reset, šipka jako inline SVG, konzistentní padding */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    padding: .55rem .75rem;
    padding-right: 2.2rem;
    /* místo pro šipku */
    color: var(--brand-ink);
    font-size: 1rem;
    line-height: 1.2;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748b'><path d='M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.71a.75.75 0 111.06 1.06l-4.24 4.24a.75.75 0 01-1.06 0L5.21 8.29a.75.75 0 01.02-1.08z'/></svg>");
    background-repeat: no-repeat;
    background-position: right .7rem center;
    background-size: 14px 14px;
}

select:hover {
    border-color: rgba(15, 23, 42, .26);
}

select:focus {
    outline: 0;
    border-color: var(--brand-primary);
    box-shadow: 0 0 0 3px rgba(25, 212, 199, .28);
}

select:disabled {
    opacity: .6;
    background: #f5f7fb;
    cursor: not-allowed;
}

select::-ms-expand {
    display: none;
}

/* starý IE/Edge – skryje default šipku */

/* ======= KONKRÉTNÍ KONTEJNERY – výšky sladíme s inputy ================== */

/* 1) FILTR nahoře (form[name="f_3_17_3_9"]) – vstupy mají 48px, tedy i selecty 48px */
body.grid-1 #content form[name="f_3_17_3_9"] td select {
    height: 48px !important;
    min-height: 48px !important;
    font-size: 1rem !important;
    border-radius: 10px !important;
    padding: .55rem .75rem !important;
    padding-right: 2.2rem !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748b'><path d='M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.71a.75.75 0 111.06 1.06l-4.24 4.24a.75.75 0 01-1.06 0L5.21 8.29a.75.75 0 01.02-1.08z'/></svg>") !important;
    background-position: right .7rem center !important;
    background-size: 14px 14px !important;
}

/* 2) TABULKY (.evaluation_user_list_table) – uvnitř jsme dali prvkům 40px, tak držíme 40px */
body.grid-1 #content .evaluation_user_list_table select {
    height: 40px !important;
    min-height: 40px !important;
    font-size: var(--font-s) !important;
    border-radius: var(--radius-sm) !important;
    padding: .45rem .6rem !important;
    padding-right: 2rem !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748b'><path d='M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.71a.75.75 0 111.06 1.06l-4.24 4.24a.75.75 0 01-1.06 0L5.21 8.29a.75.75 0 01.02-1.08z'/></svg>") !important;
    background-position: right .6rem center !important;
    background-size: 13px 13px !important;
    max-width: 220px;
    /* aby sloupec nevytekl, držíme baseline */
}

/* 3) Bezpečná minimální šířka v obou kontextech */
body.grid-1 #content form[name="f_3_17_3_9"] td select,
body.grid-1 #content .evaluation_user_list_table select {
    min-width: 240px;
}

/* 4) Pokud by prohlížeč ignoroval výšku, zarovnáme alespoň vertikálně text */
body.grid-1 #content form[name="f_3_17_3_9"] td select,
body.grid-1 #content .evaluation_user_list_table select {
    line-height: 1.2;
    /* konzistentní řádkování v zavřeném selectu */
}

/* ===================== SELECT: oprava násobení šipek ===================== */

/* 0) Bezpečný reset – zruš jakékoli zděděné pozadí/opakování */
body.grid-1 #content select {
    background-color: #fff !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: right .7rem center !important;
    background-size: 14px 14px !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-sizing: border-box;
}

/* 1) Přidáme JEDNU šipku jen pro běžné selecty (ne multiple/size) */
body.grid-1 #content select:not([multiple]):not([size]) {
    /* vrstvené pozadí: 1) šipka  2) bílý podklad; tím zaručíme no-repeat */
    background:
        url("data:image/svg+xml;utf8,\
<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%2364748b'>\
<path d='M5.23 7.21a.75.75 0 011.06.02L10 10.94l3.71-3.71a.75.75 0 111.06 1.06l-4.24 4.24a.75.75 0 01-1.06 0L5.21 8.29a.75.75 0 01.02-1.08z'/>\
</svg>") no-repeat right .7rem center/14px 14px,
        linear-gradient(#fff, #fff) padding-box !important;
    padding-right: 2.2rem !important;
    /* místo pro šipku */
    border: 1px solid var(--border-color);
    border-radius: 10px;
}

/* 2) Konkrétní výšky (pokud je už máš, klidně je vynech) */
body.grid-1 #content form[name="f_3_17_3_9"] td select {
    /* horní filtr */
    height: 48px !important;
    min-height: 48px !important;
    font-size: 1rem !important;
}

body.grid-1 #content .evaluation_user_list_table select {
    /* řádky v tabulce */
    height: 40px !important;
    min-height: 40px !important;
    font-size: var(--font-s) !important;
    background-position: right .6rem center !important;
    background-size: 13px 13px !important;
    padding-right: 2rem !important;
    border-radius: var(--radius-sm) !important;
}

/* 3) Datepicker (má vlastní ovládání) – šipku u něj zcela vypnout */
#ui-datepicker-div select {
    background-image: none !important;
    padding-right: .6rem !important;
    -webkit-appearance: auto;
    appearance: auto;
}

/* 4) Edge/IE */
select::-ms-expand {
    display: none;
}

/* ==========================================================================
   TŘÍDY – STABILNÍ MŘÍŽKA SLOUPCŮ + ZAROVNÁNÍ ČÍSLIC
   Cíl: aby byly čísla „pod sebou“ a tabulka se nerozsypávala.
   Pozn.: Cílíme na tu tabulku, která je následovaná odkazem „Přidat novou třídu“.
   ========================================================================== */

/* Moderní prohlížeče – přes :has vybereme jen tabulku tříd */
@supports(selector(.evaluation_user_list_table:has(+ a.AddSchoolClass))) {
    body.grid-1 #content .evaluation_user_list_table:has(+ a.AddSchoolClass) {
        /* scroll už řešíš výše; tady jen pojistky */
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    /* společné chování buněk */
    body.grid-1 #content .evaluation_user_list_table:has(+ a.AddSchoolClass) th,
    body.grid-1 #content .evaluation_user_list_table:has(+ a.AddSchoolClass) td {
        box-sizing: border-box;
        vertical-align: middle;
        white-space: nowrap;
        padding: .95rem 1.1rem;
    }

    /* Pevné šířky sloupců – laděno pro 6 sloupců (poslední je akční) */
    body.grid-1 #content .evaluation_user_list_table:has(+ a.AddSchoolClass) tr>*:nth-child(1) {
        /* Třída */
        width: 24%;
        text-align: left;
    }

    body.grid-1 #content .evaluation_user_list_table:has(+ a.AddSchoolClass) tr>*:nth-child(2) {
        /* Ročník */
        width: 12%;
        text-align: center;
        font-variant-numeric: tabular-nums;
        font-feature-settings: "tnum"1;
    }

    body.grid-1 #content .evaluation_user_list_table:has(+ a.AddSchoolClass) tr>*:nth-child(3) {
        /* Ukončení studia */
        width: 18%;
        text-align: center;
        font-variant-numeric: tabular-nums;
        font-feature-settings: "tnum"1;
    }

    body.grid-1 #content .evaluation_user_list_table:has(+ a.AddSchoolClass) tr>*:nth-child(4) {
        /* Garantů */
        width: 12%;
        text-align: center;
        font-variant-numeric: tabular-nums;
        font-feature-settings: "tnum"1;
    }

    body.grid-1 #content .evaluation_user_list_table:has(+ a.AddSchoolClass) tr>*:nth-child(5) {
        /* Praktikantů */
        width: 12%;
        text-align: center;
        font-variant-numeric: tabular-nums;
        font-feature-settings: "tnum"1;
    }

    body.grid-1 #content .evaluation_user_list_table:has(+ a.AddSchoolClass) tr>*:nth-child(6) {
        /* Akce (ikonky) */
        width: auto;
        text-align: right;
    }
}

/* Fallback pro starší prohlížeče bez :has — tabulka TŘÍD je v téhle stránce poslední */
body.grid-1 #content .evaluation_user_list_table:last-of-type {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

body.grid-1 #content .evaluation_user_list_table:last-of-type th,
body.grid-1 #content .evaluation_user_list_table:last-of-type td {
    box-sizing: border-box;
    vertical-align: middle;
    white-space: nowrap;
    padding: .95rem 1.1rem;
}

body.grid-1 #content .evaluation_user_list_table:last-of-type tr>*:nth-child(1) {
    width: 24%;
    text-align: center;
}

body.grid-1 #content .evaluation_user_list_table:last-of-type tr>*:nth-child(2) {
    width: 12%;
    text-align: center;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum"1;
}

body.grid-1 #content .evaluation_user_list_table:last-of-type tr>*:nth-child(3) {
    width: 18%;
    text-align: center;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum"1;
}

body.grid-1 #content .evaluation_user_list_table:last-of-type tr>*:nth-child(4) {
    width: 12%;
    text-align: center;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum"1;
}

body.grid-1 #content .evaluation_user_list_table:last-of-type tr>*:nth-child(5) {
    width: 12%;
    text-align: center;
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum"1;
}

body.grid-1 #content .evaluation_user_list_table:last-of-type tr>*:nth-child(6) {
    width: auto;
    text-align: center;
}

/* Jemná optická úprava – aby header/řádky vizuálně „seděly“ */
body.grid-1 #content .evaluation_user_list_table:has(+ a.AddSchoolClass) tr:first-child th,
body.grid-1 #content .evaluation_user_list_table:last-of-type tr:first-child th {
    font-weight: 600;
    text-align: center;
}