/* GOOGLE ICONS CSS generováno z url (cca 160kB): https://fonts.googleapis.com/icon?family=Material+Icons+Outlined */
/* GOOGLE ICONS CSS, generováno nově z url (cca 250kB): https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0*/

@font-face {
    font-family: 'Material Icons Outlined';
    font-style: normal;
    font-weight: 400;
    src: url(../lib/google/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2');
}

@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(../lib/google/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}


.material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.material-icons-outlined {
    font-family: "Material Icons Outlined";
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.material-icons-outlined-nosize {
    font-family: "Material Icons Outlined";
    font-weight: normal;
    font-style: normal;
    line-height: 0;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
}

.material-icons-outlined-btn {
    color: cornflowerblue;
    font-family: "Material Icons Outlined";
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    vertical-align: middle;
    margin-top: -4px;
    line-height: 0;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
}

.rotate-60 {
    transform: rotate(-60deg)
}


body {
    margin: 0px;
}

.bog {
    background-color: whitesmoke;
    padding-left: 6px;
    padding-right: 6px;
    border: solid 1px silver !important;
}


    .bog:hover {
        background-color: var(--oznaceno) !important;
        color: var(--popredi) !important;
    }


.btn-light:hover {
    background-color: #DCDCDC;
}

.btn-outline-danger {
    border: solid 1px silver !important;
}

.btn-outline-secondary {
    border: solid 1px silver !important;
    background-color: whitesmoke;
}

#mainmenu1_container {
    background-color: var(--pozadi);
    padding-top: 3px;
    padding-bottom: 3px;
    overflow-x: clip;
}



    #mainmenu1_container .dropdown-menu {
        min-width: 220px;
        background-color: #F5F8FB;
    }


    #mainmenu1_container .dropdown-item:hover {
        background-color: var(--pozadi);
        color: var(--popredi);
    }



.modal_record_container_flexi {
    width: 98%;
    margin: 6px;
}

.modal_record_container {
    max-width: 1050px;
}

div.tab-pane-fixed {
    width: 1050px;
}

@media only screen and (max-width: 1000px) {

    .modal_record_container {
        width: 100%;
    }
}



@media screen and (min-width: 1200px) {



    .modal_record_container {
        margin-top: 20px;
        margin-left: 20px;
        margin-right: 6px;
    }

    #ulMe { /*odkaz Můj profil v hlavním menu, aby se jeho nabídka zobrazila úplně vpravo*/
        margin-left: -190px;
        width: 275px;
    }

    #ulFontSize { /*odkaz Můj profil v hlavním menu, aby se jeho nabídka zobrazila úplně vpravo*/
        margin-left: -80px;
        width: 200px;
    }
}






select {
    cursor: pointer;
}

input[type="radio"] {
    cursor: pointer;
}

.skryto {
    display: none;
}

tr.isclosed td {
    text-decoration: line-through;
}

.closed_item {
    text-decoration: line-through;
}



tr.isclosed_by_color td {
    color: gray;
    font-style: italic;
}


.txz {
    cursor: default; /*tr řádek pro mycombo*/
}

.txs {
    cursor: pointer; /*tr řádek pro mysearch*/
}

textarea {
    display: block;
    overflow: hidden;
    resize: none;
    background-color: #ffffcc !important;
}


input[type="radio"] {
    margin-right: 3px;
    margin-left: 3px;
    cursor: pointer;
}

    input[type="radio"] + label {
        cursor: pointer;
    }



input[type="checkbox"] {
    margin-right: 3px;
    margin-left: 3px;
    cursor: pointer;
}



    input[type="checkbox"] + label:hover {
        color: cornflowerblue;
        cursor: pointer;
    }

    input[type="checkbox"]:checked + label {
        color: blue;
    }


    /*asp.net core doplňuje k checkboxům hidden element navíc!!!*/
    input[type="checkbox"]:checked + input[type="hidden"] + label {
        color: blue;
    }

    input[type="checkbox"] + input[type="hidden"] + label:hover {
        cursor: pointer;
        color: cornflowerblue;
    }



.selcell {
    background-color: #448CCB;
    color: white;
}

.no_clipboard {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10+ and Edge */
    user-select: none; /* Standard syntax */
}



/*SPLITTER*/
/* splitter zleva doprava - horizontální*/

.splitter-container-left2right {
    display: flex;
    flex-direction: row;
    border: 1px solid silver;
    overflow: hidden;
    /* avoid browser level touch actions */
    touch-action: none;
}

.splitter-panel-left {
    flex: 0 0 auto;
    /* only manually resize */
    padding: 0px;
    width: 300px;
    min-width: 200px;
    overflow-y: auto;
}

.splitter-resizer-left2right {
    flex: 0 0 auto;
    width: 6px;
    background: url(../Images/vsizegrip.png) center center no-repeat #F5F5F5;
    min-height: 200px;
    cursor: col-resize;
}

.splitter-panel-right {
    flex: 1 1 auto;
    /* resizable */
    width: 100%;
    min-height: 200px;
    background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100% 100%"><text fill="gray" x="70%" y="70%" font-family="\'Lucida Grande\', sans-serif" font-size="14" text-anchor="middle">Loading...</text></svg>') 0px 0px no-repeat;
}


/* vertical panel */

.splitter-container-top2bottom {
    display: flex;
    flex-direction: column;
    height: 500px;
    border: 1px solid silver;
    overflow: hidden;
}

.splitter-panel-top {
    flex: 0 0 auto;
    /* only manually resize */
    padding: 0px;
    height: 400px;
    width: 100%;
    min-height: 100px;
    overflow-y: hidden;
}

.splitter-resizer-top2bottom {
    flex: 0 0 auto;
    height: 6px;
    background: url(../Images/hsizegrip.png) center center no-repeat #E5E5E5;
    cursor: row-resize;
    z-index: 500;
}

.splitter-panel-bottom {
    flex: 1 1 auto;
    /* resizable */
    padding: 0px;
    min-height: 300px;
    background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100% 100%"><text fill="gray" x="70%" y="70%" font-family="\'Lucida Grande\', sans-serif" font-size="14" text-anchor="middle">Loading...</text></svg>') 0px 0px no-repeat;
}











/*Modální okno - jeho DIV kontejner*/
/* The Modal (background) */
#myModalContainer {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 2000; /* Sit on top */
    padding-top: 0; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
#myModalContent {
    background-color: #fefefe;
    margin: 0;
    padding: 0;
    border: 1px solid #888;
    width: 1000px;
    position: absolute;
    top: 0px;
    left: 0px;
    cursor: move;
}

#myModalContentContainerHeader {
    background-color: var(--pozadi);
    color: var(--popredi);
    padding-bottom: 2px;
    padding-top: 2px;
}

#myModalContentHeader {
    color: white;
}


iframe {
    display: block;
    background: #000;
    border: none;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 100% 100%"></svg>') 0px 0px no-repeat;
}



#navtabs .nav-link {
    margin-right: 1px;
}

    #navtabs .nav-link.active {
        background-color: white;
        height: 100%;
        
    }




.nav-tabs {
    border: none
}


a.nav-link-mini { /*context menu link pro velmi nízké okna pod 300px*/
    margin-left: 6px;
}

a.grid-link {
    display: block;
}

    a.grid-link:hover {
        background-color: #F5F5F5;
    }

hr.hr-mini { /*používá se v kontextovém menu*/
    margin-bottom: 0px;
    padding-bottom: 0px;
}
/*box MT štítku (o51)*/
.tagbox {
    display: inline-block;
    min-width: 50px;
    padding: 3px;
    font-weight: normal;
    line-height: 1;
    text-align: center;
    border: solid;
    border-width: 1px;
    border-color: #CED4DA;
    vertical-align: middle;
    border-radius: 4px;
    color: black;
    background-color: white;
    margin-left: 2px;
}


.val-readonly {
    display: block;
    width: 100%;
    /*min-height: calc(1.5em + 0.75rem + 2px);*/
    /*padding: 0.375rem 0.75rem 0.375rem 0.375rem;*/
    /*padding: 0.375rem 0.75rem 0.375rem 0rem;*/
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    /*background-color: #F8F9FA;*/
    background-clip: padding-box;
    /*border: 1px solid #E5E5E5; /*původní barva byla: #ced4da*/
    /*border-radius: 0.25rem;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.val-readonly-wrap {
    display: block;
    width: 100%;
    /*min-height: calc(1.5em + 0.75rem + 2px);*/
    /*padding: 0.375rem 0.75rem 0.375rem 0.375rem;*/
    /*padding: 0.375rem 0.75rem 0.375rem 0rem;*/
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    /*background-color: #F8F9FA;*/
    background-clip: padding-box;
    /*border: 1px solid #E5E5E5; /*původní barva byla: #ced4da*/
    /*border-radius: 0.25rem;*/
}

    .val-readonly-wrap a {
        text-decoration: none;
    }

        .val-readonly-wrap a:hover {
            text-decoration: underline;
        }

.numeric_reaodnly_110 {
    display: inline-block;
    width: 90px;
    text-align: right;
    margin-right: 4px;
}


#subform_div_commands { /*2 záhlaví stránky v rámci záložek */
    padding-top: 10px;
    padding-bottom: 10px;
    height: 50px;
}


/*2 panely pro rozložení layout stránky, overflow-y:auto bylo nutné zaremovat kvůli RecPage stránce*/
#layout_sidebar {
    height: 100%;
    width: 200px;
    position: fixed;
    z-index: 1;
    left: 0;
    background-color: #F8F9FA;
    border-right: solid 1px #F5F5F5;
    overflow-x: visible;
    /*overflow-y:auto;*/
    transition: 0.5s;
}

    #layout_sidebar #menu_active_item {
        background-color: #DCDCDC !important;
    }

        #layout_sidebar #menu_active_item a:link,
        #layout_sidebar #menu_active_item a:visited {
            color: black;
        }


#layout_main {
    transition: margin-left .5s;
    padding: 0px;
    margin-left: 200px;
    display: block;
}

#layout_sidebar_contextmenu {
    width: 200px;
    text-align: center;
}

#layout_sidebar_contextmenu_link {
    white-space: nowrap;
    display: none;
}

#layout_sidebar_contextmenu_onlytext {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

#layout_main_divtree {
    height: 400px;
    overflow: auto;
    border-top: solid 1px #CCCCCC;
}

@media screen and (max-width: 1000px) {
    #layout_sidebar {
        width: 100%;
        height: auto;
        position: relative;
        display: none;
    }

    #layout_sidebar_contextmenu_link {
        display: block;
    }

    #layout_sidebar_contextmenu_onlytext {
        display: none;
    }

    #layout_main {
        margin-left: 0;
    }
}

/* telefon: třídu mt-phone na <html> nastavuje site.js (_device – šířka hlavního okna < 768 px, nebo dotykový displej s výškou < 500 px) */
html.mt-phone .nonmobile {
    display: none !important;     /* !important: musí přebít d-block, d-flex apod. */
}

.mobileonly {
    display: none !important;
}

html.mt-phone .mobileonly {
    display: revert !important;
}

html.mt-phone .div-over-table-scrolling {
    max-width: 100%;
    overflow-x: auto;
}

html.mt-phone #myModalContentContainerHeader a.modal-close-right {
    display: inline-block;
    padding: 0 6px;
}

@media screen and (max-width: 1000px) {

    .nontablet {
        display: none;
    }
}


button.cmdDropdown {
    border-radius: 0px;
    border-top: solid 1px #C8C8C8;
    border-right: solid 1px #C8C8C8;
    border-bottom: solid 1px #C8C8C8;
    border-left: none;
}


.hr-text {
    display: flex;
    flex-basis: 100%;
    align-items: center;
    color: silver;
    font-size: 12px;
    margin: 1px 0px;
}

    .hr-text::before,
    .hr-text::after {
        content: "";
        flex-grow: 1;
        background: rgba(0, 0, 0, 0.35);
        height: 1px;
        font-size: 0px;
        line-height: 0px;
        margin: 0px 2px;
    }




div.tabs_container {
    padding-top: 2px;
    margin-bottom: 1px;
    /* background-image: linear-gradient(#E5E5E5, silver);*/
    /*background-color: #F0F8FF;*/
    /* background-image: linear-gradient(#E5E5E5, silver);*/
}

.onetab {
    border-left: solid 1px silver;
    border-top: solid 1px silver;
    border-right: solid 1px silver;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-left: 1px;
    background-color: white;
    text-align: center;
}

    .onetab .active {
        background-color: var(--oznaceno) !important;
        color: var(--popredi) !important;
        border: solid 1px var(--oznaceno) !important;
    }


.onetab-offcanvas {
    background-color: var(--oznaceno) !important;
    color: var(--popredi) !important;
    border: none !important;
    cursor: pointer;
    transition: all .18s ease;
}

    .onetab-offcanvas:focus {
        outline: none;
        box-shadow: none;
    }



    .onetab-offcanvas:hover {
        background-color: color-mix(in srgb, var(--oznaceno) 45%, navy) !important;
        transform: translateY(-1px) scale(1.02);
    }

.onetab-offcanvas-slaveview {
    background-color: var(--oznaceno) !important;
    color: var(--popredi) !important;
    border: none !important;
    cursor: pointer;
    transition: all .18s ease;      
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
    margin-right: 4px;
    background-color: white;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 6px;
    min-width: 150px;
    text-align: center;
}

    .onetab-offcanvas-slaveview:hover {
        background-color: color-mix(in srgb, var(--oznaceno) 45%, navy) !important;        
        transform: translateY(-1px) scale(1.02);
    }

    .onetab-offcanvas-slaveview:focus {
        outline: none;
        box-shadow: none;
    }

.onetab-caret {
    opacity: .6;
    transition: transform .15s ease, opacity .15s ease;
}

.onetab-offcanvas:hover .onetab-caret {
    opacity: 1;
    transform: translateY(1px);
}

#cmdMore .onetab-caret::before {
    content: "☰";
}

#cmdMore:hover .onetab-caret::before {
    content: "▼";
}


.onetab-offcanvas.is-open {
    box-shadow: inset 0 -3px 0 rgba(255,255,255,.6);
}

    .onetab-offcanvas.is-open .onetab-caret {
        transform: rotate(180deg);
    }

.tabovergrid {
    border-top: solid 2px silver;
    border-left: solid 1px silver;
    border-right: solid 1px silver;
    border-top-right-radius: 6px !important;
    border-top-left-radius: 6px !important;
    margin-right: 4px;
    background-color: white;
    padding-top: 4px;
    padding-right: 4px;
    padding-bottom: 6px;
    min-width: 150px;
    text-align: center;
    cursor: default;
}





/* záložky v modálním formuláři */
div.tabs_container_record {
    background-color: #F5F5F5;
    padding-top: 6px;
    padding-left: 6px;
    color: black;
}

    div.tabs_container_record .nav-link {
        color: black;
    }


.required {
    color: red;
}



.filtered {
    background-color: red !important;
    color: white !important;
}

.valhover_tooltip {
    visibility: hidden;
    font-weight: normal;
    width: 16px;
    background-color: darkgray;
    color: white;
    text-align: center;
    border-radius: 4px;
    padding: 1px 5px;
    margin-left: 5px;
    cursor: pointer;
    /* Position the tooltip */
    position: sticky;
    right: 4px;
    z-index: 1000;
}

    .valhover_tooltip:hover {
        color: white;
    }



.rowvalhover:hover .valhover_tooltip {
    visibility: visible;
}



/* qtip - ZOOM vybraného záznamu  
----------------------------------------------------------*/
a.reczoom {
    font: normal 15px Arial bold;
    padding-left: 5px;
    padding-right: 5px;
    color: blue;
    background-color: lightblue;
    border-radius: 5px;
    margin-left: 1px;
    text-decoration: none;
    cursor: help;
    visibility: hidden;
}

.rowvalhover:hover .reczoom {
    visibility: visible;
    background-color: orange;
}

.reczoom:hover {
    background-color: orange;
}

#site_loading1 { /*loading info vlevo-nahoře*/
    position: absolute;
    z-index: 8999;
    background-color: cornflowerblue;
    border-radius: 4px;
    padding: 4px;
    top: 5px;
    left: 5px;
    letter-spacing: 4px;
    width: 190px;
}

#site_loading2 { /*loading info v podformuláři*/
    position: absolute;
    font-weight: bold;
    z-index: 9999;
    border-radius: 4px;
    padding: 4px;
    margin-left: 700px;
}


#cmdHome { /* HOME menu v hlavním menu*/
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
    cursor: pointer;
    width: 100%;
}




/* tabulka nabídky mycombo / mySearch – viz blok „mycombo“ na konci souboru */


div.info_record_container {
    padding-top: 6px;
    padding-left: 6px;
    width: 98%;
}

div.recpagebox400 {
    float: left;
    width: 440px;
    min-height: 100px;
    margin-left: 4px;
    margin-top: 4px;
    vertical-align: top;
    display: inline-block;
}

div.recpageboxauto {
    float: left;
    margin-left: 4px;
    margin-top: 4px;
    vertical-align: top;
    max-height: 300px;
    overflow: auto;
}



.recpagetitle {
    color: darkblue;
    font-weight: bold;
    background-color: aliceblue;
    padding: 5px;
    border-radius: 7px;
    cursor: default;
}

label.recpagelabel {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.bgp28 {
    background-color: #FDF5E6;
}

.bgp41 {
    background-color: #F0F8FF;
}

.bgle5 {
    background-color: #F0F8FF;
}

kbd.le5 {
    background-color: lightseagreen;
}
kbd.le4
{
    background-color:steelblue;
}
kbd.le3 {
    background-color: blue;
}
kbd.le2 {
    background-color: brown;
}
kbd.le1 {
    background-color: red;
}

.bgj02 {
    background-color: #FFE4E1;
}

.bgp91 {
    background-color: #D1E7DD;
}

.bgp90 {
    background-color: #d6e0d0;
}

.bgo23 {
    background-color: #e7feff;
}

.bgp40 {
    background-color: #e9ffdb;
}

.bgp56 {
    background-color: #f4ebfe;
}

td.tdnum {
    text-align: right;
    width: 120px;
    padding-right: 20px;
}


.numcell {
    text-align: right;
    padding-right: 10px;
}



.fa {
    color: green;
}

.nefa {
    color: red;
}

/* Stavy worksheet úkonů
----------------------------------------------------------*/

.a12 {
    color: red;
}

.a13 {
    color: brown;
}

.a14 {
    color: green;
}

.a16 {
    color: pink;
}

.a17 {
    color: gold;
}

.a0 {
    display: inline-block;
    width: 15px;
    height: 15px;
}

.a2 {
    background-color: red;
    display: inline-block;
    width: 15px;
    height: 15px;
}

.a3 {
    background-color: brown;
    display: inline-block;
    width: 15px;
    height: 15px;
}

.a4 {
    background-color: green;
    display: inline-block;
    width: 15px;
    height: 15px;
}

.a6 {
    background-color: pink;
    display: inline-block;
    width: 15px;
    height: 15px;
}

.a7 {
    background-color: gold;
    display: inline-block;
    width: 15px;
    height: 15px;
}

.exb {
    background-color: black;
    display: inline-block;
    width: 15px;
    height: 15px;
}

.badge-def {
    background-color: var(--pozadi);
    color: var(--popredi);
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
}

.badge-light {
    background-color: #E7FBE7;
    color: black;
    border-radius: 4px;
    border: solid 1px #EDEDED;
    padding-left: 5px;
    padding-right: 5px;
}

.badge-lightblue {
    background-color: aliceblue;
    color: black;
    border-radius: 4px;
    border: solid 1px lightblue;
    padding-left: 5px;
    padding-right: 5px;
}

.myval-after {
    background-color: #F5FFFA;
    font-weight: normal;
    color: black;
    border-radius: 4px;
    border: solid 1px #EDEDED;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 3px;
}

.badge-a2 {
    background-color: red;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
}

.badge-a3 {
    background-color: brown;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
}

.badge-a4 {
    background-color: green;
    color: white;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
}

.badge-a6 {
    background-color: pink;
    color: black;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-radius: 4px;
}

.badge-a7 {
    background-color: gold;
    color: black;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 4px;
}


.vydaj {
    color: #A52A2A !important; /*záznam peněžního výdaje*/
}

.odmena {
    color: #0000FF !important; /*záznam paušální odměny*/
}

.kusovnik {
    color: #9400D3 !important; /*záznam kusovníku*/
}

div.divhover {
    background-color: transparent;
}

    div.divhover:hover {
        background-color: #F5F5F5;
    }

span.flat_tab_sum {
    color: blue;
    background-color: white;
    font-size: 80%;
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 3px;
}




input.record_name {
    background-color: oldlace;
}

input.record_code {
    background-color: honeydew;
}


tr.row_is_bold td {
    font-weight: bold;
}



tr.row_is_red td {
    color: red;
}

tr.row_is_bgred td {
    background-color: #EB5406;
}


tr.row_is_dashed {
    border: dashed 1px orange;
}





div.dynamicmenu_container {
    min-height: 200px;
}





.dynamicmenu_container a {
    padding: 5px;
}

    .dynamicmenu_container a:hover {
        background-color: var(--oznaceno);
        border-radius: 4px;
        color: var(--popredi) !important;
    }

    .dynamicmenu_container a.active {
        background-color: var(--oznaceno);
        border-radius: 4px;
        color: var(--popredi) !important;
        text-decoration: none;
    }



#mainmenu1_container .nav-link {
    color: var(--popredi);
}

    #mainmenu1_container .nav-link:hover {
        background-color: var(--oznaceno);
        color: var(--popredi);
    }

#mainmenu1_container .dropdown-toggle-split {
    padding-right: 8px;
    padding-left: 8px;
    border-left: solid 1px var(--pozadi);
}



#mainmenu1_container .active {
    background-color: var(--oznaceno) !important;
    border-radius: 6px;
    color: var(--popredi) !important;
}

#mainmenu1_container .btn-group {
    margin-left: 10px;
    border: solid 1px var(--pozadi);
}

    #mainmenu1_container .btn-group:hover {
        border: solid 1px var(--oznaceno);
    }



.descreet_link_over_grid {
    margin-left: 8px;
}

    .descreet_link_over_grid:hover {
        border: solid 1px silver;
        background-color: #DCDCDC;
    }



a.my_private_menu_link {
    color: darkorange !important;
}



.info_record_container .input-group a:hover {
    background-color: var(--oznaceno);
    border-radius: 4px;
    color: var(--popredi) !important;
}



td.tdval {
    font-size: 1rem;
    font-weight: 500;    
    word-break: break-all;
}


td.tdarchiv {
    font-size: 1rem;
    font-weight: 500;
    background-color: black;
    color: white;
    border-radius: 6px;
}

    td.tdarchiv:hover {
        color: red !important;
    }

td.tdlab {
    width: 120px;
}

td.tdcastka {
    color: indianred;
}

td.tddatum {
    color: steelblue;
}

.mena {
    color: gray;
    font-weight: normal;
    padding-left: 3px;
}





/* The Modal dialog pro vnitřní použití ve formuláři záznamu (background) */
.modal-dialog-inner {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-dialog-inner-content {
    z-index: 9000;
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    border-radius: 6px;
}

.menu_new_record {
    color: forestgreen;
}

.weekend {
    background-color: #fff0f7 !important;
}



.loader_topleft {
    position: absolute;
    left: 2px;
    top: 2px;
    z-index: 9999;
    width: 30px;
    height: 30px;
    border: 6px solid grey;
    background-color:#F5F5F5;
    border-radius: 50%;
    border-top: 6px solid lime;
    -webkit-animation: spin 1s linear infinite;
    animation: spin 1s linear infinite;
}

.loader_postback {   
    background-color: white;
}

.loader_middle {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 120px;
    height: 120px;
    margin: -76px 0 0 -76px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid gray;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 1s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

button.period_button_in_list {
    color: black;
    border-top: solid 1px silver;
    border-left: solid 1px silver;
    border-right: solid 1px silver;
    border-bottom: none;
    padding: 6px;
    width: 220px;
}

    button.period_button_in_list:hover {
        background-color: var(--oznaceno) !important;
        color: var(--popredi) !important;
    }

    button.period_button_in_list.active {
        background-color: var(--oznaceno) !important;
        color: var(--popredi) !important;
    }




.showmore {
    display: none;
}

a.cmdshowmore {
    color: darkgray;
    margin-left: 6px;
    text-decoration:none;
}

    a.cmdshowmore:hover {
        color: var(--oznaceno);
        
    }

div.toolbar-box {
    background-color: #F8F9FA;
    width: 100%;
    border: solid 1px #D2D2D2;
    border-radius: 4px;
}

    div.toolbar-box:hover {
        border-color: var(--oznaceno);
    }


#cmdQuickPageLayoutSwitch {
    display: none;
    position: absolute;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: var(--oznaceno);
    color: var(--popredi);
    border-left: solid 1px silver;
    border-right: solid 1px silver;
    border-bottom: solid 1px silver;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    z-index: 1000;
}

    #cmdQuickPageLayoutSwitch a {
        color: var(--popredi);
    }


a.tooltipx {
    position: absolute;
    display: inline-block;
    background-color: aliceblue;
    color: black;
    border-radius: 6px;
    border: solid 1px silver;
    padding-left: 4px;
    padding-right: 4px;
    cursor: help;
    text-decoration: none;
}

.tooltipx .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: lightskyblue;
    color: black;
    text-align: center;
    border-radius: 6px;
    border: solid 1px silver;
    padding: 10px;
    /* Position the tooltip */
    position: absolute;
    z-index: 9999;
    top: 100%;
    left: 50%;
    margin-left: -60px;
}

.tooltipx:hover .tooltiptext {
    visibility: visible;
}


a.treeview-link-syty {
    text-decoration: none;
    white-space: normal;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:4px;
}

    a.treeview-link-syty:hover {
        background-color: var(--oznaceno);
        text-decoration:none !important;
        color: var(--popredi);
        border-radius:3px;
    }

    a.treeview-link-syty.active {
        background-color: var(--oznaceno) !important;
        color: var(--popredi) !important;
        border-radius: 3px;

    }


a.treeview-link {
    text-decoration: none;
    white-space: normal;
}

    a.treeview-link:hover {
        text-decoration: underline;
    }

    a.treeview-link.active {
        background-color: var(--oznaceno) !important;
        color: var(--popredi) !important;
        border-radius: 3px;
        padding-left: 4px;
        padding-right: 4px;
        padding-bottom: 1px;
        padding-top: 1px;
    }





ul.mytreeview {
    list-style-type: none;
    margin-left: 0px;
    padding-left: 0px;
}

    ul.mytreeview li {
        list-style-type: none;
    }

        ul.mytreeview li li {
            margin-left: 15px;
        }

            ul.mytreeview li li li {
                margin-left: 15px;
            }

    ul.mytreeview a {
        text-decoration: none;
        white-space: normal;
    }

        ul.mytreeview a:hover {
            text-decoration: underline;
        }


span.mytreeview-toggle-sipka {
    color: red;
    font-weight: bold;
    cursor: pointer;
}

span.mytreeview-toggle-nadpis {
    cursor: pointer;
    color: #0b4b92;
    cursor: pointer;
}

a.mytreeview-toggle-kontejner {
    cursor: pointer;
    color: #0b4b92;
    text-decoration: none !important;
}


a.nenapadny_odkaz {
    background-color: transparent;
}


.nenapadny_odkaz:hover span {
    color: red !important;
}


.tecka {
    position: relative;
    padding: 7px;
}

    .tecka .dot {
        position: absolute;
        top: 2px;
        right: 1px;
        width: 11px;
        height: 11px;
        border-radius: 50%;
    }

    /* různé barvy podle typu */
    .tecka .dot1 {
        background-color: limegreen;
    }

    .tecka .dot2 {
        background-color: green;
    }

    .tecka .dot3 {
        background-color: red;
    }
    .tecka .dot0 {
        background-color: lightgray;
    }



.tecka-vedle {
    position: relative;
    padding-right: 7px;
    padding-left: 7px;
}

    .tecka-vedle .dot {
        position: absolute;
        top: 2px;
        right: -5px;
        width: 10px;
        height: 10px;
        border-radius: 50%;
    }


.grid-ikona {
    position: relative;
    
}

    .grid-ikona .ikona {
        position: absolute;
        left: -11px;
        top: 2px;
    }


/*STROM s využitím DETAILS + SUMMARY*/
.treeds summary {
    cursor: pointer;
}

    .treeds summary:hover {
        background-color: #f1f3f5;
    }

.treeds details {
    position: relative;
    margin-left: 1rem; /* odsazení pro strom */
}

.treeds .branch > summary {
    padding-left: 0.6rem;
}

/* vertikální linka od summary dolů k poslednímu potomku */
.treeds .branch::before {
    content: "";
    position: absolute;
    top: 1.8rem; /* začátek linky pod summary */
    left: 0.6rem; /* odsazení linky */
    width: 1px;
    height: calc(100% - 1.8rem);
    background-color: silver; /* světle šedá jako v Bootstrap */
}

/* odsazení listů */
.treeds .leaf {
    margin-left: 1.5rem;
    padding: 0.1rem 0;
    
}

.treeds a {
    padding-left:6px;
    padding-top:2px;
    padding-bottom:2px;
}

    .treeds a:hover {
        background-color: var(--oznaceno) !important;
        color: var(--popredi) !important;
        border-radius: 4px;
    }



.divider-text {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin: .75rem 0;
    color: #6b7280;
    font-size: .85rem;
    font-weight: 600;
    letter-spacing: .02em;
    text-transform: uppercase;
}

    .divider-text::before {
        content: "";
        flex: 1; /* levá čára – kratší */
        height: 1px;
        background: rgba(0,0,0,.12);
    }

    .divider-text::after {
        content: "";
        flex: 3; /* pravá čára – delší */
        height: 1px;
        background: rgba(0,0,0,.12);
    }


/* wrapper */
.nav-news-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #d4af37; /* zlatá – čitelnější než čisté gold */
    font-weight: 600;
    transition: color .2s ease;
}

/* text */
.nav-news-text {
    white-space: nowrap;
}

/* malá tečka = "něco je nové" */
.nav-news-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ff4d4f; /* jemná červená */
    box-shadow: 0 0 0 0 rgba(255, 77, 79, .7);
    
}

/* hover – lehce zesílí pozornost */
.nav-news-link:hover {
    color: #ffcc55 !important;
}



a.att {
    text-decoration: none;
    border-radius: 10px;
    color: gray;
    border: solid 1px darkgray;
    padding: 2px 4px 2px 4px;
    
    white-space: nowrap;
}

    a.att:hover {
        background-color: #F0FFFF;
    }





/*TOOLTIP pro prvek mylabel a mytooltip*/
/*static: obsah je rovnou na stránce bez ajax volání*/
.mylabelhelp {
    cursor: help;
    position: relative;
    border-bottom: dotted 2px #C8E5EE;
    
}



.mylabelhelptext {
    cursor: default;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    min-width: 220px;
    text-align: left;
    font-weight: normal;
    border-radius: 6px;
    border: 1px solid silver;
    z-index: 9999;
    top: 100%;
    left: 0%;
    transform: translateX(-50%);
    transform: translateY(10%);
    padding: 10px;
    background-color: lightskyblue;
    transition: opacity 0.2s ease 0.5s;
    line-height: 1.4;
    
    
}

    .mylabelhelptext::after {
        content: "";
        position: absolute;
        bottom: 100%; /* napojí se NAHORU tooltipu */
        left: 10%;
        transform: translateX(-50%);
        border-width: 6px;
        border-style: solid;
        border-color: transparent transparent lightskyblue transparent;
    }



/* výchozí: pod elementem; zobrazí se i fokusem (Tab, klepnutí na dotykovém zařízení) */
.mylabelhelp:focus { outline: none; border-color: navy; }
.mylabelhelp:focus .mylabelhelptext,
.mylabelhelp:hover .mylabelhelptext {
    visibility: visible;
    opacity: 1;
    
    
}
.mylabelhelp:hover {
    border-color:navy;
}

/* AI tlačítka – jednotný vzhled v celé aplikaci */
.ai-btn {
    background: linear-gradient(135deg, #7b2ff7 0%, #f107a3 100%);
    color: #fff;
    font-weight: 600;
    border: none;
    border-radius: 6px;
    padding: 5px 14px;
    box-shadow: 0 2px 6px rgba(123,47,247,.35);
    white-space: nowrap;
}

    .ai-btn:hover, .ai-btn:focus {
        color: #fff;
        filter: brightness(1.1);
        box-shadow: 0 3px 10px rgba(241,7,163,.45);
    }

    .ai-btn .material-icons-outlined-btn {
        color: #fff;
        vertical-align: middle;
    }

/* tlačítko „Zeptej se“ v hlavní liště – nižší, aby nezvětšilo výšku menu */
.ai-nav-btn {
    padding: 2px 10px;
    margin-top: 4px;
    font-weight: 500;
}


/* ------------------------------------------------------------------
   Barevný motiv uživatele (MyProfile) → prvky Bootstrapu.
   Proměnné --pozadi / --oznaceno / --popredi nastavují layouty z j02Skin*.
   Výchozí hodnoty v var() platí pro layouty bez motivu (přihlášení, nápověda).
   Mění se jen barvy (ne rozměry ani rozvržení). Odkazy záměrně ne – světlé motivy by byly nečitelné.
   ------------------------------------------------------------------ */
.btn-primary {
    --bs-btn-color: var(--popredi, #ffffff);
    --bs-btn-bg: var(--pozadi, #0b4b92);
    --bs-btn-border-color: var(--pozadi, #0b4b92);
    --bs-btn-hover-color: var(--popredi, #ffffff);
    --bs-btn-hover-bg: var(--oznaceno, #4169e1);
    --bs-btn-hover-border-color: var(--oznaceno, #4169e1);
    --bs-btn-active-color: var(--popredi, #ffffff);
    --bs-btn-active-bg: var(--oznaceno, #4169e1);
    --bs-btn-active-border-color: var(--oznaceno, #4169e1);
    --bs-btn-disabled-color: var(--popredi, #ffffff);
    --bs-btn-disabled-bg: var(--pozadi, #0b4b92);
    --bs-btn-disabled-border-color: var(--pozadi, #0b4b92);
}

.btn-outline-primary {
    --bs-btn-color: var(--pozadi, #0b4b92);
    --bs-btn-border-color: var(--pozadi, #0b4b92);
    --bs-btn-hover-color: var(--popredi, #ffffff);
    --bs-btn-hover-bg: var(--pozadi, #0b4b92);
    --bs-btn-hover-border-color: var(--pozadi, #0b4b92);
    --bs-btn-active-color: var(--popredi, #ffffff);
    --bs-btn-active-bg: var(--oznaceno, #4169e1);
    --bs-btn-active-border-color: var(--oznaceno, #4169e1);
}

.form-control:focus, .form-select:focus {
    border-color: var(--oznaceno, #4169e1);
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--pozadi, #0b4b92) 25%, transparent);
}

.form-check-input:checked {
    background-color: var(--pozadi, #0b4b92);
    border-color: var(--pozadi, #0b4b92);
}

.form-check-input:focus {
    border-color: var(--oznaceno, #4169e1);
    box-shadow: 0 0 0 .2rem color-mix(in srgb, var(--pozadi, #0b4b92) 25%, transparent);
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--oznaceno, #4169e1);
    color: var(--popredi, #ffffff);
}

/* výběr motivu v MyProfile */
.skin-tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; margin-bottom: 12px; }
.skin-tile { padding: 0; border: 2px solid #dee2e6; border-radius: 8px; overflow: hidden; background: #fff; text-align: left; cursor: pointer; transition: transform .1s, box-shadow .1s; }
.skin-tile:hover { transform: translateY(-1px); box-shadow: 0 3px 8px rgba(0,0,0,.12); }
.skin-tile-on { border-color: #212529; box-shadow: 0 0 0 2px #212529; }
.skin-tile-bar { padding: 6px 8px; font-weight: 600; font-size: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.skin-tile-body { padding: 8px; display: flex; gap: 6px; align-items: center; justify-content: space-between; font-size: 80%; }
.skin-tile-sel { padding: 2px 6px; border-radius: 4px; }
.skin-tile-btn { padding: 2px 8px; border-radius: 4px; }
.skin-custom { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 8px; }
.skin-custom input[type=color], .skin-advanced input[type=color] { width: 44px; height: 30px; padding: 0 2px; border: 1px solid #ced4da; border-radius: 4px; vertical-align: middle; }
.skin-advanced summary { cursor: pointer; color: #6c757d; font-size: 90%; }
.skin-advanced-body { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; padding: 8px 0; }
.skin-look { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid #eee; }


/* ------------------------------------------------------------------
   mycombo (výběr záznamu) a mySearch – nabídka. Třídy mtc-* generuje myComboTagHelper / TheComboController.
   ------------------------------------------------------------------ */
.mtc { position: relative; }
.mtc-input { padding-right: 54px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mtc-clear, .mtc-pop {
    position: absolute; top: 50%; transform: translateY(-50%);
    width: 24px; height: 24px; padding: 0; border: 0; border-radius: 4px;
    background: transparent; color: #6c757d; line-height: 1; font-size: 17px;
    display: flex; align-items: center; justify-content: center;
}
.mtc-clear { right: 27px; }
.mtc-pop { right: 3px; }
.mtc-pop.dropdown-toggle::after { margin: 0; }
.mtc-clear:hover, .mtc-pop:hover { background: #eef1f4; color: #212529; }
.mtc-menu { border: 1px solid #d0d7de; border-radius: 8px; box-shadow: 0 10px 28px rgba(16,24,40,.16); overflow: hidden; min-width: 260px; }
.mtc-data { overflow: auto; background: #fff; }
.mtc-bar { display: flex; flex-wrap: wrap; gap: 2px 12px; align-items: center; padding: 4px 10px; background: #f7f8fa; border-bottom: 1px solid #eef0f3; font-size: 85%; color: #59636e; }
.mtc-bar:empty { display: none; }
.mtc-new { margin-left: auto; font-weight: 600; text-decoration: none; }
.mtc-link { text-decoration: none; }
.mtc-status { padding: 10px 12px; color: #59636e; }

table.table-thecombo { background-color: #fff; margin: 0; }
    table.table-thecombo thead th { position: sticky; top: 0; z-index: 1; background: #f7f8fa; color: #59636e; font-weight: 600; font-size: 90%; white-space: nowrap; padding: 4px 8px; border-bottom: 1px solid #e3e6ea; }
    table.table-thecombo td { padding: 3px 8px; border-color: #f1f3f5; }
    table.table-thecombo tbody tr.txz, table.table-thecombo tbody tr.txs { cursor: pointer; }
    table.table-thecombo tbody tr:hover { background-color: color-mix(in srgb, var(--oznaceno, #4169e1) 10%, #ffffff); color: inherit; }

.combo_selrow, table.table-thecombo tbody tr.combo_selrow { background-color: color-mix(in srgb, var(--oznaceno, #4169e1) 22%, #ffffff); color: inherit; }
    table.table-thecombo tbody tr.combo_selrow > td:first-child { box-shadow: inset 3px 0 0 var(--pozadi, #0b4b92); }
.mtc-num { text-align: right; font-variant-numeric: tabular-nums; }
tr.mtc-group td { background: #eef1f4; font-weight: 600; color: #59636e; font-size: 85%; }
mark.mtc-mark { background: #ffe58f; color: inherit; padding: 0; border-radius: 2px; }
/* mycombochecklist – výběr více položek. Třídy mcl-* generuje myComboCheckListTagHelper / TheComboController.GetHtml4Checkboxlist */
.mcl-button { position: relative; display: flex; align-items: center; gap: 4px; text-align: left; white-space: nowrap; overflow: hidden; padding-right: 22px; }
.mcl-button .mcl-text { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; color: #6c757d; }
.mcl-button .mcl-text.mcl-has { color: inherit; }
.mcl-button .mcl-badge { flex: 0 0 auto; background: var(--pozadi, #0d6efd); color: var(--popredi, #fff); border-radius: 9px; font-size: 75%; line-height: 1; padding: 3px 6px; }
.mcl-button.dropdown-toggle::after { position: absolute; right: 8px; top: 50%; margin-top: -2px; }
.mcl-menu { min-width: 100%; width: max-content; max-width: min(420px, 95vw); overflow: hidden; }
.mcl-tools { padding: 6px; border-bottom: 1px solid #e3e6ea; background: #f8f9fa; }
.mcl-tools-row { display: flex; align-items: center; gap: 4px; margin-top: 4px; font-size: 85%; }
.mcl-tools-row .btn { padding: 0 8px; font-size: inherit; }
.mcl-onlysel { margin: 0 0 0 4px; white-space: nowrap; cursor: pointer; color: #59636e; }
.mcl-onlysel input { vertical-align: -2px; }
.mcl-count { margin-left: auto; padding-left: 8px; color: #59636e; white-space: nowrap; }
.mcl-data { overflow-y: auto; overscroll-behavior: contain; }
.mcl-list { padding: 2px 0; }
.mcl-item { display: flex; align-items: flex-start; gap: 6px; margin: 0; padding: 2px 10px; cursor: pointer; }
.mcl-item:hover { background: #f1f3f5; }
.mcl-item input { margin-top: 3px; flex: 0 0 auto; }
.mcl-item:has(input:checked) { background: color-mix(in srgb, var(--oznaceno, #cfe2ff) 45%, transparent); }
.mcl-item input:focus-visible { outline: 2px solid var(--pozadi, #0d6efd); outline-offset: 1px; }
.mcl-group { padding: 4px 10px 2px; font-weight: 600; font-size: 85%; color: #59636e; background: #eef1f4; }
.mcl-empty { padding: 8px 10px; color: #6c757d; font-style: italic; }
/* mystitky – štítky záznamu. Třídy mst-* generuje myStitkyTagHelper / mystitky_init (mycontrols.js) */
.mst { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.mst-add { white-space: nowrap; min-width: 150px; text-align: left; }
.mst-chips { display: contents; }
.mst-chip { display: inline-flex; align-items: center; gap: 2px; max-width: 260px; padding: 1px 2px 1px 8px; border: 1px solid #ced4da; border-radius: 10px; background: #fff; color: #212529; line-height: 1.3; font-size: 90%; }
.mst-chip .mst-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mst-x { border: 0; background: transparent; color: inherit; opacity: .55; padding: 0 4px; line-height: 1; font-size: 115%; border-radius: 8px; cursor: pointer; }
.mst-x:hover { opacity: 1; background: rgba(0,0,0,.08); }
.mst-menu { min-width: 260px; max-width: min(380px, 95vw); overflow: hidden; }
.mst-tools { padding: 6px; border-bottom: 1px solid #e3e6ea; background: #f8f9fa; }
.mst-data { max-height: 340px; overflow-y: auto; overscroll-behavior: contain; padding: 2px 0; }
.mst-group { padding: 5px 10px 2px; font-weight: 600; font-size: 85%; color: #59636e; }
.mst-single { font-weight: normal; color: #8a939c; }
.mst-item { display: flex; align-items: center; gap: 6px; width: 100%; border: 0; background: transparent; text-align: left; padding: 2px 10px; }
.mst-item:hover, .mst-item:focus { background: #f1f3f5; outline: none; }
.mst-item:focus-visible { box-shadow: inset 2px 0 0 var(--pozadi, #0d6efd); }
.mst-check { width: 18px; flex: 0 0 18px; color: var(--pozadi, #0d6efd); font-size: 18px; }
.mst-swatch { display: inline-block; padding: 1px 8px; border: 1px solid #ced4da; border-radius: 10px; background: #fff; color: #212529; font-size: 90%; line-height: 1.3; }
.mst-on .mst-swatch { font-weight: 600; }
.mst-foot { display: flex; align-items: center; gap: 6px; padding: 4px 6px; border-top: 1px solid #e3e6ea; background: #f8f9fa; font-size: 85%; }
.mst-foot .btn { padding: 0 8px; font-size: inherit; }
.mst-count { margin-left: auto; color: #59636e; }
.mst-empty { padding: 8px 10px; color: #6c757d; font-style: italic; }

/* osobní menu (Views/Menu/main_me.cshtml, offcanvas vpravo). Třídy mme-* */
.mme { display: flex; flex-direction: column; padding: 0 0 8px; border-top: 1px solid #e3e6ea; }
.mme-user { display: flex; align-items: center; gap: 10px; padding: 14px 16px; }
.mme-avatar { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 600; text-transform: uppercase; background: var(--pozadi, #0b4b92); color: var(--popredi, #fff); }
.mme-user-txt { flex: 1 1 auto; min-width: 0; }
.mme-user-name { font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mme-user-login { font-size: .8rem; color: #6c757d; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mme-user-link { color: inherit; text-decoration: none; cursor: pointer; }
.mme-user-link:hover, .mme-user-link.mme-active { background-color: var(--oznaceno, #e9ecef); color: var(--popredi, #000); }
.mme-user-link:hover .mme-user-login, .mme-user-link.mme-active .mme-user-login { color: inherit; opacity: .8; }
.mme-user-go { font-size: 1.6rem; line-height: 1; opacity: .5; }
.mme-user-link:hover .mme-user-go { opacity: 1; }

.mme-settings { display: flex; flex-direction: column; gap: 6px; margin: 0 16px 6px; padding: 10px 12px; border-radius: 8px; background: #f6f7f9; }
.mme-set { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: 0; }
.mme-set > span { font-size: .85rem; color: #59636e; }
.mme-seg { display: inline-flex; padding: 2px; border-radius: 7px; background: #e6e9ed; }
.mme-seg > a, .mme-seg > label { display: inline-flex; align-items: center; gap: 4px; min-width: 30px; justify-content: center; margin: 0; padding: 2px 9px; border-radius: 5px; color: #3d444d; text-decoration: none; font-size: .85rem; line-height: 1.5; cursor: pointer; }
.mme-seg > a:hover, .mme-seg > label:hover { color: #000; }
.mme-seg .mme-on { background: #fff; color: #000; box-shadow: 0 1px 2px rgba(0,0,0,.12); }
.mme-lang input { position: absolute; opacity: 0; pointer-events: none; }
.mme-lang label:focus-within { outline: 2px solid var(--pozadi, #0b4b92); }

.mme-list { display: flex; flex-direction: column; padding: 6px 8px; border-top: 1px solid #eef0f2; }
.mme-item { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border-radius: 6px; color: #212529; text-decoration: none; }
.mme-item:hover, .mme-item.mme-open { background-color: var(--oznaceno, #e9ecef); color: var(--popredi, #000); }
.mme-item.mme-active { font-weight: 600; }
.mme-item > span:first-of-type { flex: 1 1 auto; }
.mme-badge { min-width: 20px; padding: 0 6px; border-radius: 10px; background: #fd7e14; color: #fff; font-size: .75rem; line-height: 20px; text-align: center; }
.mme-dot { width: 8px; height: 8px; border-radius: 50%; background: #fd7e14; }
.mme-chev { font-size: .8rem; opacity: .6; }
.mme-mobile { display: flex; align-items: center; gap: 12px; margin: 2px 8px 6px 36px; }
.mme-mobile img { border: 1px solid #e3e6ea; border-radius: 6px; image-rendering: pixelated; }
.mme-mobile small { display: block; color: #6c757d; }

.mme-bottom { padding: 6px 8px 0; border-top: 1px solid #eef0f2; }
.mme-logout { color: #c1272d; }
.mme-logout:hover { background: #fdecec; color: #a11d22; }

/* zvoneček upozornění v horní liště (_Layout, #cmdBells) */
.nav-bell { position: relative; padding-right: 10px !important; }
.nav-bell .material-icons-outlined-btn { color: inherit; }
.nav-bell-count { position: absolute; top: 2px; right: 0; min-width: 16px; height: 16px; padding: 0 4px; border-radius: 8px; background: #e5484d; color: #fff; font-size: 10px; font-weight: 600; line-height: 16px; text-align: center; box-shadow: 0 0 0 2px var(--pozadi, #0b4b92); }

/* hlavní menu (Views/Menu/main_home.cshtml) – třídy hm-* */
.hm { padding: 4px 2px 10px; }
.hm-top { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; margin-bottom: 10px; }
.hm-search { position: relative; flex: 0 1 280px; }
.hm-search .material-icons-outlined-nosize { position: absolute; left: 8px; top: 50%; transform: translateY(-50%); font-size: 18px; color: #8a939c; }
.hm-search .form-control { padding-left: 30px; }
.hm-hint { display: flex; align-items: center; gap: 6px; flex: 1 1 300px; font-size: .8rem; color: #59636e; }
.hm-hint .material-icons-outlined-nosize { font-size: 16px; color: var(--pozadi, #0b4b92); transform: rotate(35deg); }
.hm-hint-n { padding: 0 8px; border-radius: 10px; background: #eef1f4; color: #3d444d; }

.hm-quick { display: flex; flex-wrap: wrap; gap: 4px 12px; padding: 8px 10px; margin-bottom: 10px; border-radius: 10px; background: #f5f8ff; border: 1px solid #e3e9f5; }
.hm-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px; }
.hm-sec { padding: 8px 8px 6px; border: 1px solid #e3e6ea; border-radius: 10px; background: #fff; }
.hm-sec-head { display: flex; align-items: center; gap: 6px; padding: 0 4px 4px; margin-bottom: 2px; border-bottom: 1px solid #f0f2f4; }
.hm-sec-head .material-icons-outlined-btn { color: var(--pozadi, #0b4b92); }
.hm-sec-title { font-size: .75rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: #59636e; }

.hm-item { display: flex; align-items: center; gap: 2px; border-radius: 6px; }
.hm-item:hover { background: #f3f5f7; }
.hm-link { flex: 1 1 auto; display: flex; align-items: center; gap: 8px; min-width: 0; padding: 4px 6px; border-radius: 6px; color: #1f2328; text-decoration: none; font-size: .9rem; }
.hm-link > span:last-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.hm-link .material-icons-outlined-btn { color: #6c757d; }
.hm-link:hover { color: #000; }
.hm-main .hm-link { font-weight: 600; }
.hm .hm-link.active { background-color: var(--oznaceno) !important; color: var(--popredi) !important; }
.hm .hm-link.active .material-icons-outlined-btn { color: inherit; }
.hm-badge { margin-left: 4px; padding: 0 5px; border-radius: 4px; background: #8ecdf5; color: #fff; font-size: .72rem; font-weight: 500; }

/* špendlík: vždy jemně viditelný, výrazný při najetí; připnutý = barva skinu */
.hm-pin { flex: 0 0 auto; width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #adb5bd; opacity: .45; cursor: pointer; transition: opacity .12s, background-color .12s; }
.hm-pin .material-icons-outlined-nosize { font-size: 17px; transform: rotate(35deg); }
.hm-item:hover .hm-pin { opacity: 1; color: #59636e; }
.hm-pin:hover { background: #e2e6ea; color: #1f2328 !important; }
.hm-pin.hm-pinned { opacity: 1; color: var(--pozadi, #0b4b92); }
.hm-pin.hm-pinned .material-icons-outlined-nosize { transform: none; font-variation-settings: "FILL" 1; }
.hm-pin.hm-pinned:hover { background: #fdecec; color: #b02a37 !important; }
.hm-clear { opacity: .35; }
.hm-clear:hover { background: #fdecec; color: #b02a37 !important; }

.hm-hide { display: none !important; }
.hm-empty { padding: 24px; text-align: center; color: #6c757d; }

@media (max-width: 600px) {
    .hm-grid { grid-template-columns: 1fr; }
    .hm-hint { display: none; }
    .hm-search { flex: 1 1 auto; }
    .hm-pin { opacity: .8; }
}

/* menu Nový záznam (Views/Menu/main_new.cshtml) – třídy mn-* */
.mn { padding: 4px 2px 8px; min-width: 320px; }
.mn-row { display: flex; align-items: flex-start; gap: 8px; padding: 5px 6px; border-radius: 8px; }
.mn-row:hover { background: #f5f7f9; }
.mn-row + .mn-row { border-top: 1px solid #f0f2f4; }
.mn-main { flex: 0 0 150px; display: flex; align-items: center; gap: 6px; padding: 3px 6px; font-size: .9rem; line-height: 1.25; border-radius: 6px; color: #1e7b34; font-weight: 600; text-decoration: none; }
.mn-main::after { content: "+"; margin-left: auto; padding-left: 6px; font-weight: 700; opacity: .5; }
.mn-main:hover { background-color: var(--oznaceno); color: var(--popredi) !important; }
.mn-main:hover::after { opacity: 1; }
.mn-subs { flex: 1 1 auto; display: flex; flex-wrap: wrap; gap: 4px; padding-top: 2px; min-width: 0; }
.mn-sub { display: inline-flex; align-items: center; gap: 3px; max-width: 200px; padding: 0 8px; border: 1px solid #d8dde3; border-radius: 12px; background: #fff; color: #3d444d; font-size: .8rem; line-height: 1.5; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mn-sub:hover { border-color: var(--pozadi, #0b4b92); background-color: var(--oznaceno); color: var(--popredi) !important; }
.mn-tpl { border-style: dashed; }
.mn-sub .material-icons-outlined-nosize, .mn-extra .material-icons-outlined-nosize { font-size: 15px; opacity: .7; }
.mn-extra { display: inline-flex; align-items: center; gap: 3px; padding: 1px 6px; color: #59636e; font-size: .78rem; text-decoration: none; white-space: nowrap; }
.mn-extra:hover { color: var(--pozadi, #0b4b92); text-decoration: underline; }
.mn-sep { margin: 10px 8px 2px; font-size: .72rem; font-weight: 600; text-transform: uppercase; letter-spacing: .05em; color: #8a939c; }

@media (max-width: 600px) {
    .mn { min-width: 0; }
    .mn-row { flex-direction: column; gap: 4px; }
    .mn-main { flex: none; width: 100%; }
}

/* globální hledání v horní liště (mySearchTagHelper + TheSearchController) – třídy ms-* */
.ms-input { height: 30px; padding: 2px 10px 2px 30px; border: 0; border-radius: 15px; background: rgba(255,255,255,.95) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%238a939c' d='M15.5 14h-.79l-.28-.27A6.47 6.47 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") no-repeat 9px center / 16px; font-size: .9rem; }
.ms-input:focus { background-color: #fff; box-shadow: 0 0 0 3px rgba(255,255,255,.35); }
.ms-menu { border-radius: 10px; overflow: hidden; box-shadow: 0 10px 30px rgba(16,24,40,.18); border: 1px solid #dfe3e8; }
.ms-data { overflow-y: auto; overscroll-behavior: contain; max-width: 95vw; background: #fff; }
.ms-group td { padding: 6px 10px 4px !important; }
.ms-group .ms-ico { font-size: 16px; vertical-align: -3px; margin-right: 6px; color: var(--pozadi, #0b4b92); }
.ms-n { display: inline-block; min-width: 18px; padding: 0 6px; margin-left: 4px; border-radius: 9px; background: #dde3ea; color: #3d444d; font-size: .72rem; line-height: 17px; text-align: center; font-weight: 600; }
.ms-more { margin-left: 6px; font-weight: normal; color: #8a5300; }
.ms-main { font-weight: 500; color: #1f2328; }
.ms-code { margin-left: 4px; padding: 0 5px; border-radius: 4px; background: #eef1f4; color: #59636e; font-size: .78rem; font-weight: normal; }
.ms-sub { color: #6c757d; font-size: .82rem; white-space: nowrap; }
.isclosed .ms-main { text-decoration: line-through; color: #8a939c; }
.ms-info { display: flex; gap: 10px; align-items: flex-start; padding: 12px 14px; color: #3d444d; }
.ms-info .material-icons-outlined-nosize { font-size: 22px; color: #8a939c; }
.ms-info b { display: block; font-weight: 600; }
.ms-info small { display: block; color: #6c757d; margin-top: 2px; max-width: 560px; }
.ms-setting { display: block; width: 100%; height: 230px; border-top: 1px solid #eef0f2; }
@media (max-width: 760px) { .ms-input { width: 100% !important; } }

/* verze 8: tip na mobile.marktime.net na mobilu (_Layout) */
.mo-hint { display: flex; align-items: center; gap: 8px; padding: 6px 10px; background: #fff8e1; border-bottom: 1px solid #f0d98c; font-size: 0.9rem; }
.mo-hint[hidden] { display: none; }
.mo-hint .mo-hint-text { flex: 1 1 auto; }
.mo-hint .btn-close { flex: 0 0 auto; font-size: 0.7rem; }

/* hlavní lišta v úzkém okně (< 992 px, telefon/tablet) – _Layout: .mm-quick, #mmSearchRow; moduly jsou v ☰ hlavním menu */
.mm-quick { display: flex; align-items: center; gap: 2px; margin-left: auto; padding-right: 4px; }
.mm-quick .nav-link { padding: 4px 8px; }
.mm-quick .material-icons-outlined-btn { font-size: 22px; vertical-align: middle; }
.mm-search-row { background-color: var(--pozadi); padding: 4px 8px 6px; }
.mm-search-row[hidden] { display: none; }
.mm-search-row #divSearchBox, .mm-search-row .dropdown { width: 100%; }
.mm-search-row .ms-input { width: 100% !important; height: 36px; }
.mm-search-row .ms-menu { width: 100%; }
.mm-search-row .ms-data { width: auto !important; max-width: calc(100vw - 16px); }

@media (max-width: 991.98px) {
    #mainmenu1 .navbar-toggler, #mainmenu1 #navbarNavDropdown { display: none !important; }
    #mainmenu1_container { flex-wrap: nowrap; }
    #mainmenu1_container > div:first-child { min-width: 0 !important; flex: 1 1 auto; overflow: hidden; }
    #cmdHome { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 0; }
    .mm-quick { flex: 0 0 auto; }
    #offcanvas_mainmenu, #offcanvas_newrecord, #offcanvas_myprofile { max-width: 100vw; }
}

/* MasterView na telefonu = jen grid (body.mv-single nastavuje MasterView.cshtml – mv_layout) */
body.mv-single #splitter_container { height: auto !important; border: 0; overflow: visible; }
body.mv-single #splitter_panel1 { height: auto !important; }
body.mv-single #splitter_container > .tabs_container,
body.mv-single #splitter_resizer,
body.mv-single #splitter_panel2 { display: none !important; }

/* menu nad gridem (Views/Menu/grid_menu.cshtml) – dříve inline styly a serverová větev pro mobil */
#divContainerGridMenu { min-width: 500px; }
#divGridMenuPrehledy { margin-left: 40px; }
html.mt-phone #divContainerGridMenu { min-width: 0; }
html.mt-phone #divGridMenuPrehledy { margin-left: 0; }

/* telefon: rozbalovací menu nesmí přetéct šířku okna; v gridu o kousek vyšší řádky pro prst */
html.mt-phone .dropdown-menu { max-width: calc(100vw - 16px); }
html.mt-phone #tabgrid1_tbody > tr > td { padding-top: 5px; padding-bottom: 5px; }

/* stránka záznamu (RecPage, TreePage) na telefonu: záložky v jednom vodorovně posuvném řádku (recpage.js revealTab), režim „levý grid + záznam“ jen se záznamem */
html.mt-phone #navtabs { flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; position: relative; scrollbar-width: none; }
html.mt-phone #navtabs::-webkit-scrollbar { display: none; }
html.mt-phone #navtabs > li { flex: 0 0 auto; }
html.mt-phone #navtabs .nav-link { white-space: nowrap; padding-top: 8px; padding-bottom: 8px; }
html.mt-phone #divOverGrid { display: none; }     /* horní grid s jedním (aktuálním) záznamem – na telefonu zbytečný; zůstává v DOM kvůli výběru pro tg_approve */
html.mt-phone .splitter-container-left2right { touch-action: auto; }
html.mt-phone .splitter-container-left2right > #splitter_panel1,
html.mt-phone .splitter-container-left2right > #splitter_resizer { display: none; }

/* formuláře na telefonu: pole nepřetečou šířku (cca 400× pevná šířka v px přes inline style), lišta Uložit/Zavřít (_MyToolbar v _LayoutRecord) přilepená nahoře v jednom posuvném řádku */
html.mt-phone input:not([type=checkbox]):not([type=radio]),
html.mt-phone select,
html.mt-phone textarea,
html.mt-phone .form-control,
html.mt-phone .form-select { max-width: 100%; }
html.mt-phone div.toolbar-box { position: sticky; top: 0; z-index: 20; }
html.mt-phone div.toolbar-box > .input-group { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
html.mt-phone div.toolbar-box > .input-group::-webkit-scrollbar { display: none; }
html.mt-phone div.toolbar-box > .input-group > div { flex: 0 0 auto; }
html.mt-phone div.toolbar-box .btn { white-space: nowrap; }