@charset "UTF-8";
/*
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&family=Roboto+Flex:opsz,wdth,wght,XOPQ,XTRA,YOPQ,YTDE,YTFI,YTLC,YTUC@8..144,25..151,100..1000,88,400,116,-250,600,500,725&display=swap');
*/
/* SPECIFICKY DESIGN */


:root{
    --blue-dark-bg: #0d47a1;
    --blue-light-bg: #1976d2;
    --blue-lighter-bg: #2196f3;
    --blue-lighterer-bg: #64b5f6;
    --blue-superlight-bg: #bbdefb;
    
    --silver-light-bg: #f5f5f5;
    --silver-medium-bg: #f0f0f0;
    
    --silver-medium-border: #C5C5C5;
    
    --top-scroll-spacer: 80px;
    
    
    --font-fancy-family: "Roboto Flex", sans-serif;
    --font-fancy-optical-sizing: auto;
    --font-fancy-weight: 400;
    --font-fancy-style: normal;
    --font-fancy-variation-settings: "slnt" 0, "wdth" 400, "GRAD" 0, "XOPQ" 96, "XTRA" 468, "YOPQ" 79, "YTAS" 750, "YTDE" -203, "YTFI" 738, "YTLC" 514, "YTUC" 712;
    
    --font-normal-family: "Open Sans", sans-serif;
    --font-normal-optical-sizing: auto;
    --font-normal-weight: 400;
    --font-normal-style: normal;
    --font-normal-variation-settings: "wdth" 400;
}

header, footer, section, aside, nav, article {
    display: block;
}

body, header, footer, section, aside, nav, article, div, table {
    margin: 0;
    padding: 0;
    max-height: 999999px;
}

html, body{
    font-optical-sizing: auto;
    font-style: normal;
}

html{
    scroll-behavior: smooth;
    scroll-padding-top: var(--top-scroll-spacer);
}
body{
    min-width: 500px;
}


.form, .form_submit, .form_submit_button{
    font-size: inherit;
    font-family: inherit;   
    font-weight: inherit;
    line-height: inherit;
}


body{
    font-family: var(--font-normal-family);
    font-optical-sizing: var(--font-normal-optical-sizing);
    font-weight: var(--font-normal-weight);
    font-style: var(--font-normal-style);
    font-variation-settings: var(--font-normal-variation-settings); 
    
    font-size: 15px;
    line-height: 1.5;
    
    background-color: var(--silver-light-bg);
}
.form_submit, .form_submit_button {
    
    font-family: var(--font-fancy-family);
    font-optical-sizing: var(--font-fancy-optical-sizing);
    font-weight: var(--font-fancy-weight);
    font-style: var(--font-fancy-style);
    font-variation-settings: var(--font-fancy-variation-settings); 
    
    -webkit-appearance: none;
}

table{
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;    
}


table td.text_auto_break, div.text_auto_break{ 
    /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}


h1, h2, h3, h4, h5, h6, h7, h8{
    font-family: var(--font-fancy-family);
    font-optical-sizing: var(--font-fancy-optical-sizing);
    font-weight: var(--font-fancy-weight);
    font-style: var(--font-fancy-style);
    font-variation-settings: var(--font-fancy-variation-settings); 
    
    padding: 0;
    margin:0;
    font-weight: 300;
    line-height: 1.15;
}


h1{
    font-size: 1.75rem;
    margin-top:10px;
    margin-bottom: 10px;
}
h2{
    font-size: 1.55rem;
    margin-top:10px;
    margin-bottom: 10px;
}
h3{
    font-size: 1.3rem;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 400;
}
h4{
    font-size: 1.15rem;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 400;
}
h5{
    font-size: 1.05rem;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: 500;
}

h1:first-child{
    margin-top:0px;
}



a{
    color:  #003567;
    font-weight: 600;
}
a:hover{
    text-decoration: none;
}












#content-block{
    display: table;
    width:100%;
    height:100%;
    padding:0;
    margin:0;
 
    min-height: 100vh;
}


#nav-top{
    position: fixed;
    top:0px;
    left: 0px;
    background-color: var(--blue-lighter-bg);
    width:100%;
    display: block;
    padding: 0;
    margin: 0;
    border:0;
    height:60px;
    
    
    font-family: var(--font-fancy-family);
    font-optical-sizing: var(--font-fancy-optical-sizing);
    font-weight: 400;
    font-style: var(--font-fancy-style);
    font-variation-settings: var(--font-fancy-variation-settings); 
        

    margin-bottom: 0px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.16);
    z-index: 50;
}


#nav-top-menu{
    float: left; 
    margin: 10px 0px 10px 10px;
    display:none;
    cursor: pointer;
}



#nav-top-logo{
    float: left;
    vertical-align: middle;
    margin: 0px 0px 0px 15px;
    
    padding: 0;
    font-size: 20px;
    line-height: 60px;
    /*text-shadow: 2px 1px 1px #003f6c;*/
    font-weight: bold;
    color: white;
    display: block;
    position:relative;
}

#nav-top-logo img{
    border-radius: 2px;
    height:30px;
    padding: 5px;
    width: auto;
    margin: 10px 0px;
    background-color: #FFFFFF;
}

#nav-top-nav{
    font-size: 20px;
    height: 100%;
    line-height: 60px;
    color: white;
    padding: 0px;
    margin: 0px;
    padding-left: 15px;

    
    overflow: hidden;

}

#nav-top-nav a{
    color: white;
    font-weight: inherit;
    text-decoration: none;
}

#nav-top-nav a:hover{
    text-decoration:underline;
}
#nav-top-nav .stn_divider{
    color: #eeeeee;
}

#nav-top-info{
    line-height: 70px;
    color: white;
    margin-right: 10px;
}

#nav-top-info a{
    color: white;

    margin-right: 10px;
    text-decoration: none;
}



#nav-left{
    display: table-cell;
    width:260px;
    padding:0;
    margin:0;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.16);
    border-radius: 0px;
    background-color: #FFFFFF;
    position: fixed;
    top: 60px;
    left: 0px;
    bottom: 0px;
    height: 100vh;
    z-index: 51;
    
}







#nav-left-top{
    height: 60px;
    display: block;
    background-color: var(--silver-light-bg);
    padding: 20px;
    box-sizing: border-box;
}


#nav-right{
    display: table-cell;
    width:10px;
    padding:0;
    margin:0;
}

menu{
    background-color:white;
    width: 100%;
    min-width: 200px;
    margin:0px;
    padding: 0px;
    display: block;
    position: relative;
    border: 0px solid #999999;
    vertical-align: top;
    box-sizing: padding-box;
    
    list-style: none;
    height: calc(100vh - 60px);
    
    overflow-y: auto;
    
}
menu a,menu a:visited{
    width:100%;
    
    display: block;
    color: #000000;
    text-decoration: none;
    height: 100%;
    font-weight: normal;
    box-sizing: border-box;
    transition: all 0.5s ease 0s;
}




menu li.active_sub a{
    /*color: #3b9dd6; */
}


menu a:hover{
    border-left: 5px solid #3b9dd6 !important; 
    background-color: #EEEEEE;
}



menu .ico{
    margin:0;
    padding:0;
    border:0;
    margin-right:10px;
    float:left;
    background-color: inherit;
}

menu ul{
    padding: 0px;
    margin: 0px;
    
    
}
menu ul.sub_0{
    margin: 10px 0px;
    
}

menu ul li{
    padding: 0px 0px;
    box-sizing: padding-box;
    position: relative;
}
menu ul li a{
    display:block;

    border-left: 5px solid transparent; 
    padding: 5px 20px 5px 20px;  
    
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOm5vbmU7fTwvc3R5bGU+PHBhdGggZD0iTTExLjUsN0M4LjUsNyw2LDkuNSw2LDEyLjVTOC41LDE4LDExLjUsMThzNS41LTIuNSw1LjUtNS41UzE0LjUsNywxMS41LDd6IE0xMS41LDE2LjljLTIuNCwwLTQuNC0yLTQuNC00LjRzMi00LjQsNC40LTQuNHM0LjQsMiw0LjQsNC40UzEzLjksMTYuOSwxMS41LDE2Ljl6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTAsMGgyNHYyNEgwVjB6Ii8+PC9zdmc+);
    
    background-repeat: no-repeat;
    background-position: 13px center;
    background-size: 20px 20px;
}




	
menu a.active, menu li.sub_0 a.active_sub,    
menu li.sub_0 li.active_sub a.active_sub{
    border-left: 5px solid #558b2f; 
    
    /*color: #80ba45;*/
}
menu .active_sub a{
    border-left: 5px solid #7cb342; 
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTE2LjU5IDguNTlMMTIgMTMuMTcgNy40MSA4LjU5IDYgMTBsNiA2IDYtNnoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
}
menu a.active, menu li.sub_1 a.active{
    background-color: #EEEEEE;
    border-left: 5px solid #3b9dd6; 
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTEwIDZMOC41OSA3LjQxIDEzLjE3IDEybC00LjU4IDQuNTlMMTAgMThsNi02eiIvPiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+);
}




menu li{
    width:100%;
    height: auto;
    padding:0;
    margin:0;
    overflow: visible;
}

menu li.sub_0{
    min-height: 35px;
    line-height: 35px;
    
}




menu li.sub_0 a{
    background-position: 10px center;
    background-size: 25px 25px;
    background-repeat: no-repeat;
    padding-left: 50px;
    min-height: 50px;
    
    line-height: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    
    font-family: var(--font-fancy-family);
    font-optical-sizing: var(--font-fancy-optical-sizing);
    font-weight: var(--font-fancy-weight);
    font-style: var(--font-fancy-style);
    font-variation-settings: var(--font-fancy-variation-settings); 
    
    font-size: 16px;
    font-weight: 400;
    
}

menu li.sub_1 a{

    padding-left: 35px;
}
menu li.sub_2 a{
    background-position-x: 30px;
    padding-left: 50px;
}
menu li.sub_3 a{
    background-position-x: 45px;
    padding-left: 65px;
}
menu li.sub_4 a{
    background-position-x: 60px;
    padding-left: 80px;
    font-size: 95%;
}
menu li.sub_5 a{
    background-position-x: 75px;
    padding-left: 95px;
    font-size: 95%;
}
menu li.sub_6 a{
    background-position-x: 90px;
    padding-left: 110px;
    font-size: 90%;
}
menu li.sub_7 a{
    background-position-x: 105px;
    padding-left: 125px;
    font-size: 85%;
}
menu li.sub_8 a{
    background-position-x: 120px;
    padding-left: 140px;
    font-size: 80%;
}

menu li.sub_3 a, menu li.sub_5 a{
/*
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IlZyc3R2YV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNCAyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOm5vbmU7fTwvc3R5bGU+PHBhdGggZD0iTTExLjUsN0M4LjUsNyw2LDkuNSw2LDEyLjVTOC41LDE4LDExLjUsMThzNS41LTIuNSw1LjUtNS41UzE0LjUsNywxMS41LDd6IE0xMS41LDEyLjVDOS4xLDEyLjUsMTEuNSwxNC45LDExLjUsMTIuNVM5LjEsMTIuNSwxMS41LDEyLjVTMTEuNSwxMC4xLDExLjUsMTIuNVMxMy45LDEyLjUsMTEuNSwxMi41eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDBoMjR2MjRIMFYweiIvPjwvc3ZnPg==);
*/
}

#text-right{
    display: table-cell;
    padding:0px;
    margin:0;
    border:0;
    padding-left: 260px; 
    padding-top: 60px;
}
#text-right.no_left{
    padding-left: 0px;
}


#text-block{
    
    vertical-align: top;
    padding: 40px;    
    min-height: 100vh;
    
   
}





footer, #footer{
    clear:both;
    color: white;

    clear:both;
    background-color: #607d8b;
    color: #FFFFFF;

    display: block;
    padding: 10px 40px 10px;
    /*margin: 10px 0 0 0;
    border-top:1px solid #9DCEEE;*/
}

footer a, #footer a{
    font-weight: bold;
    color: white;
    text-decoration: none;
}







@media only screen and (max-width: 1100px) {
    
    #nav-top-menu{
        display: block;    
    }
    #nav-left{
        width: 0px;
        overflow: hidden;
        transition: all 0.5s ease 0s;
    }
    #nav-left.open{
        width: 260px;
        overflow: auto;
    }
    #text-right{
        padding-left: 0px;
    }
}








/* submenu */
.submenu{

}
.submenu ul{
    margin: 0;
    padding-left: 20px;
}
.submenu ul li{
    margin: 5px 10px;
}
.submenu li.sub_0{
    margin-top: 5px;
}




.editform_popis{
    vertical-align: middle;
    font-weight: normal;
    font-weight: 600;
    min-width: 140px;
    width: 20%;
    color: rgba(0,0,0,0.85); 

}
.editform_popis .small{
    font-size:0.85em;
    font-weight:300;
    line-height: 1.2;
}

.editform_table{
    width:100%;
    background-color: #FFFFFF;
}


td.editform_form{
    /*text-align: center;*/
}
.editform_obal_podnadpis_clearer{
    /* display: none; */   
    height:auto;
}
table.editform_table tr.editform_obal_podnadpis_clearer td{
    border-top-width: 0px;
    height: auto;
}

table.editform_table tr.editform_obal_podnadpis_clearer.l2 td{
    height: 3rem;
}
table.editform_table tr.editform_obal_podnadpis_clearer.l3 td{
    height: 1.5rem;
}
table.editform_table tr.editform_obal_podnadpis_clearer.l4 td{
    height: 0.5rem;
}
table.list_table td.editform_obal_podnadpis, table.editform_table td.editform_obal_podnadpis, .list_table_subheader{
    padding: 5px 10px;
    /*background: #8da9ba;*/
    border-top: 0px;
}

table.editform_table td.editform_obal_podnadpis.editform_obal_podnadpis_l2{
    padding: 10px 10px;
    background-color: var(--blue-light-bg);
    color: #FFFFFF;
}
.editform_obal_podnadpis_l3, .list_table_subheader{
    background-color: var(--blue-lighter-bg);
    color: #FFFFFF;
}
.editform_obal_podnadpis_l4{
    background-color: var(--blue-lighterer-bg);
    color: #FFFFFF;
}
.editform_obal_podnadpis_l5{
    background-color: var(--blue-superlight-bg);
    color: #000000;
}
.editform_obal_podnadpis_l6{
    background-color: var(--silver-medium-bg);
}
.editform_obal_podnadpis_l7{
    background-color: var(--silver-medium-bg);
}

.editform_obal .CodeMirror-wrap{
    max-width:100%;
}



.editform_obal_podnadpis h1, .editform_obal_podnadpis h2, .editform_obal_podnadpis h3, .editform_obal_podnadpis h4, .editform_obal_podnadpis h5, .editform_obal_podnadpis h6, .editform_obal_podnadpis h7, 
.list_table_subheader h2{
   padding: 0;
   margin: 0;
   color: inherit;
}


.editform_mandatory{
    color: #ff3d00;
    float:right;
    font-size: 80%;
}
.editform_help{
    float:right;
    text-decoration: none;
    font-size: 80%;
    color:rgba(0,0,0,0.54);
}

/*
SPECIFICKY DESIGN - Spolecne multifunkcni
*/

.rounded_basic, .rounded{
    border-radius: 2px;
}















checkbox.form, .form.form_checkbox{
    width:auto;
    max-width: 100%;
    display: inline;
    transform: scale(1.2);
    margin-right: 0.5em;
}
.form_label{
    
}



.editacni_obal{
    min-width: 98%;
}





/* SYS_STYLE COPY - only change colors, etc. */


.tooltip {
    background-color:#000000;
    border:0px solid #fff;
    padding:10px 10px;
    width:300px;
    display:none;
    color:#fff;
    text-align:left;
    border-radius: 2px;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.16);
}





/* *************************************************************************************
 *
 *************************** DALE NEMENIT NAZVY TRID !!!!! *****************************
 *
 ************************************************************************************ */   


/* TABULKA - LISTOVANI */
.editform_obal{
    max-width: 1100px;    
}
.list_obal {
    max-width: 1700px;
}

.list_obal, .editform_obal{ /*Div obal cene casti*/
    border-radius: 2px;
    
    border: #999999 outset 0px;
    
    background-color: #FFFFFF;
    background-color: #8da9ba;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.16);
    
    width: auto;
    margin: 0px;
    margin-bottom: 40px;
    
}
.list_obal strong, .editform_obal strong,
.list_obal b, .editform_obal b{
    font-weight: 600;
}

.list_obal_nadpis, .editform_obal_nadpis{
    display: block;
    padding: 10px 10px;
   
    overflow: auto;
    

    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    
    background-color: var(--blue-dark-bg);
}
.editform_obal_nadpis{

}
.list_obal_nadpis h1, .editform_obal_nadpis h1{
   padding: 0px;
   margin: 0;
   color: white;
}
.list_obal_nadpis a{
    color: white;
}

.list_obal_nav_menu, .list_obal_nav_menu_bottom{
    display: block;
    clear: both;
    height: auto;
    overflow: auto;
    background-color: #fafafa;
    
    
    /*background-color: #3d3d3d;*/
    width:100%;
    color: #000000;
}
.list_obal_nav_menu_bottom{
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;   
    
}


table.list_table {
  width: 100%;
  background-color: #FFFFFF;
  /*margin: 10px 20px 10px 20px;*/
}
table.list_table.smaller_font{
    font-size: 13px; 
    line-height: 1.5;
}

table.list_table th{
    font-weight: normal;
}

table.list_table td, 
table.list_table th, 
table.editform_table td{
  /*border: 1px solid #999999;*/
  padding: 0.5em 0.5em; 
}

table.list_table,table.editform_table {
  border-collapse: collapse;
}
table.list_table td, table.editform_table td{
  border-top: 1px solid rgba(0,0,0,0.12);
}
table.list_table tr:first-child th {
  border-top: 0;
}
table.list_table tr:last-child td {
  border-bottom: 0;
}
table.list_table tr td:first-child,table.list_table tr th:first-child {
  border-left: 0;
}
table.list_table tr td:last-child,table.list_table tr th:last-child {
  border-right: 0;
}





.list_table a{
    text-decoration: underline;
    font-weight: 500;
    color: #000000;
}
.list_table a:hover{
	text-decoration: none;
}

.list_pismena{
    text-align: center;
    margin-bottom: 10px;
}


table.list_nav, .list_nav_form{
    padding: 5px 10px;
    
    
    float: right;
    font-weight: normal;
    background-color: inherit;
}

.list_nav a{
    color: #000000;
    font-weight: 600;
    
    text-decoration: none;
}
.list_nav a:hover{
    text-decoration: underline;
}

.list_nav_info{
    min-width: 80px;
    text-align: right;
    color: rgba(0,0,0,0.54);
	
}
.list_nav_f,.list_nav_p,.list_nav_n,.list_nav_l,.list_nav_c{
	width: 100px;
	text-align: center;
}
.list_nav_arr{
    color: #BD0926;
}
.list_nav_dea{
    
}


.list_tr_odd{/*zirafa*/
/*background: #eeeeee;*/

}

.list_table_popis{
    color: rgba(0,0,0,0.54); 
    /*font-weight: bold;*/
    text-align: left;
    font-weight: normal;
}

.list_table tr:hover, .list_table .list_tr_odd:hover{
    /*background: #e2e2e2;*/
    background-color: #EEEEEE;
}


.list_linka {
    visibility: collapse;display:none;
    
}



div.list_add, div.list_search{
    
    margin: 0px 0px 0px 20px;
    padding: 0px;
    
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.16);
    
    border-radius: 2px;
    background-size: auto 80%;
    background-repeat: no-repeat;
    background-position: 10px center;
    border: 0px;
    
    color: #FFFFFF;
    float: right;
    text-align: center;
    vertical-align: middle;
    display: block;
    overflow: auto;
    position: relative;
    
    
    transition: all 0.5s ease 0s;
}

div.list_add:hover, div.list_search:hover{
    box-shadow: none;
}


div.list_add{   
    background-color: #ff3d00;  
    background-color: #00c853;
}


div.list_search, div.list_add.settings{
    background-color: #2ba0ee;
}
a.list_add, a.list_search{
    position:relative;
    box-sizing: border-box;

    color: #FFFFFF;
    text-decoration: none;
    padding:5px 20px 5px 50px;
    margin:0;
    width: 100%;
    display: inline-block;	
    font-weight: 600;
}





a.list_edit,  a.list_delete{
    padding-left: 20px;
    background-size: auto 80%;

    background-repeat: no-repeat;
    background-position: left;
    font-weight: 600;
    
}

a.list_delete, a.list_edit{
    text-decoration: none;
    color: #b71c1c;
}
a.list_delete:hover {
    
}
a.list_edit {
    text-decoration: none;
    color: #1b5e20;
}
a.list_edit:hover {
    
}


.list_search_container .form_submit_button.cancel{
    float:right;
    margin-left: 10px;
}



.table_form_popis{
vertical-align: middle;
font-weight: bold;
color: #444444;
min-width: 130px;
width: 130px; 
padding-left:5px;
}



/* FORMULARE */
.form, select.form{
    background-color: #FFFFFF;
    border-radius: 2px;
    border: 1px solid var(--silver-medium-border);
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
}



.form:active,.form:focus{
    border: 1px solid #005780;
    background-color: #F5F5F5;
}

.form.form_readonly,
select.form.form_readonly,
.form.form_readonly:active, 
.form.form_readonly:focus{
    border-color: #E3E3E3;
}

.form.form_disabled,
select.form.form_disabled,
.form.form_disabled:active, 
.form.form_disabled:focus{
    border-color: #E3E3E3;
}



checkbox.form{
    width: 40px;
}

.watermark_container{z-index:999;width:100%;}
.watermark { color: #999;padding:0;margin:0;font-size: 10px;font-style:italic;font-weight:normal;z-index:999;position:relative;top:10; } /* jQuery - HINT */


.form_submit,.form_submit_button{
    border-radius: 2px;	

    border: 0px solid #FFFFFF;
   /* box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.16);*/
    border-bottom: 2px solid #2e7d32;
    cursor: pointer;

    color: #FFFFFF;
    background-color: #ff3d00;
    background-color: #00c853;
    font-weight: 600;
    padding: 5px 10px;
    text-align: center;
    min-width: 120px;
    transition: all 0.5s ease 0s;
    margin: 0px 0px;

    letter-spacing: 1px;
    box-sizing: border-box;
}
.form_submit:hover,.form_submit_button:hover{
    box-shadow: none;
    background-color: #2e7d32;
}
.form_submit_button.cancel{
    background-color: #fafafa; 
    color: rgba(0,0,0,0.54);
    text-decoration: none;
    border-bottom: 2px solid #d9d9d9;
    
    padding-bottom: 2px;
}
.form_submit_button.cancel:hover{
    background-color: #d9d9d9; 
    color: #000000;
}

 



.link_new_window{
    text-decoration: underline;
    border-bottom: 1px dashed Maroon;	
}

.link_external{
    text-decoration: none;
    border-bottom: 1px dotted Red;	
}


/* Subpage info */

.width_subpage{
    max-width: 1100px;    
}

.subpage_info, .card, .sys_infobox, #login_form_login{
    text-align: left;
    font-weight: normal;

    vertical-align: middle;
    position:relative; 
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.16);  
    max-width: 1100px;
    border-radius: 2px;
    padding: 20px 20px 20px 20px; 
    background-color: #FFFFFF;
    box-sizing: border-box;
    clear:both;
    overflow: auto;
    position: block;
    margin-bottom: 40px;
}

.card h1:first-of-type, .subpage_info h1:first-of-type, #login_form_login h1:first-of-type{
    margin: -20px -20px 20px -20px;
    width: 100%;
    display:block;
    padding: 10px 20px;
    border-radius: 2px 2px 0px 0px;
    
    
    color: #FFFFFF;
    background-color: var(--blue-dark-bg);
}
#login_form_login h1:first-of-type{
    background-color: var(--blue-lighter-bg);
}

/* Closed card */
.card.closed, 
.stef_cont.closed{
    cursor: pointer;
    max-height: 6rem;
    overflow: hidden;
}
.stef_cont.closed{
    max-height: auto;
}
.stef_cont.closed .stef_table{
    display:none;
}
.card.closed > h1, 
.stef_cont.closed .stef_header h1,
.stef_cont.closed .stef_header{
    position: relative;
    overflow: visible;
}
.card.closed > h1::after, 
.stef_cont.closed .stef_header h1::after{
    position: absolute;
    content: "⌄";
    right: 0.25em;
    top: 0.15em;
    font-size: 2.2em;
    line-height: 0.2em;
    width: 1em;
    color: inherit;
    font-weight: 600;
    border: 4px solid #FFFFFF;
    border-radius: 2px;
    text-align: center;
    display: block;
}
.stef_cont.closed .stef_header h1::after{
    top: 0;
}

.card.closed:hover > h1::after, 
.stef_cont.closed:hover .stef_header h1::after{
    color: #00c853;
    border-color: #00c853;
}




.logged_out #content-block{
    height:100vh;
}

.logged_out #text-right{
    padding-top: 0px;
    vertical-align: middle;
    min-height:100vh;
}
.logged_out #text-block{
    min-height:auto;
}
.logged_out #footer{
    
    text-align: center;
}

#log_in_image{
    margin: 0px auto;
    width:400px;
    padding: 20px 20px 20px 20px; 
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 2px 2px 0px 0px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.16);  
    box-sizing: border-box;
}

#log_in_image img{
    max-width: 100%;
    width:auto;
    height:auto;
    display: block;
    
     
    margin: 0px auto;
}


#login_form_login{
    width: 400px;
    margin: 0px auto;
    border-radius: 0px 0px 2px 2px;
    
}
#login_form_login h1:first-of-type{
    text-align: center; 
    border-radius: 0px;
}
#login_form_login tr{
    display: block;
    position: relative;
    box-sizing: border-box;
    clear:both;
    width:auto;
}
#login_form_login td{
    padding: 10px 10px;
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
}

#login_form_login input{
    width: 100%;
}

.login_table{
    width:90%;
    margin: 0px auto;
    padding: 0px;
}
#login_form_login .login_table .form_submit{

    width:auto;
    margin: 0px;


}

#login_form_login td.login_table_username_name, #login_form_login td.login_table_pass_name{
    width: 30%;
    float: left;
    text-align: right;
    clear: both;
    color: rgba(0, 0, 0, 0.85);
    font-weight: 600;
}
#login_form_login td.login_table_username_form, #login_form_login td.login_table_pass_form,
#login_form_login .login_table_submit_form{
    width: 70%;
    float: left;
}
#login_form_login .login_table_submit_form{
    float:right;
    text-align: left;
}


.card.card_half{
    width: 48%;
    max-width:1000px;
    margin: 1%;
    float:left;
    box-sizing: border-box;
}

.subpage_info{

}






/* DOPLNKY */
.sys_debug_info{
    clear: both;
    margin-top: 5px;
    padding: 0px;
    font-size: 11px;
    text-align: left;
    background-color: silver;
    color: black;
    display: block;
    overflow: hidden;
    width: 100%;
    border-top: 2px dashed rgb(255,153,0);
}

.sys_infobox{
    clear: both;

    padding: 20px 20px 20px 10%;

    max-width: 1100px;    
    margin: 0px 0px 40px 0px;

    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: 20px center;
}






#ui-datepicker-div {z-index:2500 !important;} 


.mce-menu-item{
white-space: pre-wrap;     
    
}


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

    .editform_table tr, .editform_table td{
        clear:both;
        display: block;
        position: relative;
        width:100%;
        box-sizing: border-box;
    }
    table.editform_table td.editform_form{
        border-top-width: 0px;
        padding-top: 5px;
    }
    table.editform_table td.editform_popis{
        padding-bottom: 0px;
    }

}



/* PRINT SPECIALS */
@media print{
    footer, header, nav,aside,#nav-top,#nav-left,#footer,#devel_debug_info{
        display: none;
        visibility: hidden;
        width: 0px;
        height:0px;
    }
    body,html{
        background-color: #FFFFFF;
        color: #000000;
    }
    
    #text-right{
        padding: 0;
        margin: 0;
        
    }
    #text-block{
        padding: 10px 10px;
    }
    
    .print_no{
        /* Used in multipla places always show*/
        display: none !important;        
    }
    
}
@media only screen{
    .print_only{
        /* Used in multipla places always show*/
        display: none !important;  
    }
}


.ico{
    display: inline-block;
    /*outline: 1px solid silver;*/
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.ico20{
    width: 20px;
    height: 20px;
}
.ico24{
    width: 24px;
    height: 24px;
}
.ico40{
    width: 40px;
    height: 40px;
}
.ico_bl_menu{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAKklEQVR4Ae3TMRUAAAhCQfuX1g4+BoY7AjD9qQOwmb0OHICSlQxCUzLAAUfPrmAyBxxOAAAAAElFTkSuQmCC');  
}

.ico_wh_menu{
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwAQAAAAB/ecQqAAAAAnRSTlMAAHaTzTgAAAAWSURBVHgBY6AFYP4PBAewUoPbFMoBAE11OPW6yVcZAAAAAElFTkSuQmCC');
}

.ico_bl_star_outline, menu li.first_level a  {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTIyIDkuMjRsLTcuMTktLjYyTDEyIDIgOS4xOSA4LjYzIDIgOS4yNGw1LjQ2IDQuNzNMNS44MiAyMSAxMiAxNy4yNyAxOC4xOCAyMWwtMS42My03LjAzTDIyIDkuMjR6TTEyIDE1LjRsLTMuNzYgMi4yNyAxLTQuMjgtMy4zMi0yLjg4IDQuMzgtLjM4TDEyIDYuMWwxLjcxIDQuMDQgNC4zOC4zOC0zLjMyIDIuODggMSA0LjI4TDEyIDE1LjR6Ii8+ICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
}
.ico_bl_extension, menu li.first_level.mod_blocks a, .ico_mod_blocks{
    background-image:   url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAABEklEQVR4Ae2VQUpCURhGzxIiWsPLHUgQtIKQaFGB0NyBgzdxFpiuQHMBJUgG7sGkpzip/sJR5O2/+L4nFe+ds4DzcwffpSRcMmL96R0X7IFr7IvN4q+3bzYolNFWYEihrLcCKwrFApY2cMwtL1gOl/SpESHhGRNcxBI3mGgPl7kcyHB5xWRd3vYdeP/3AYtZBVobU8Z6IMYJU0ww/ndzyBMm2sTlFJNt4PIoB4a4dOTA6pcDUzkwwOEMkz3nR46YYaJX3vUz8e0HoevbGzt5376a63tSZ2nFwIS6s7RyYMKBt7R6oO4trR542GlpXZZYwHSHIcxw6WMBW4RoYwG7uNRYSIE5CcQSPbJcgYwuCX+Uig8Hl2BBB0EMowAAAABJRU5ErkJggg==');
    
}
.ico_bl_settings, menu li.first_level.mod_set a, .ico_mod_set{
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAB9ElEQVR4Ae3Wv2sTYRjA8W+0NYX+0KaUJLviUGkHf0BBLZYOUh0sXQT/BhHqkFoHwUV00MHJRR2CIf0jxEJVKLiJKFYXDbkiwWo7WKV97JAD7/I89x72XQL5fKe8eY73COTeo210vEFireBREVEqkMI+0jjsWu1scCT9qts0DapMEspxl01EaZM7DBKapMp3pnHI8rl5+XvmyHGFBmLHNy4zxHU+ND9/IkuiG5HLfyNG9tQ82IpsIHtsgyKmp4iHnmA4yQ7ioR1OoMjwGvHUKxSzSGJfKTFCdrdjzFNzTM/Q4hxbiFmZXv7VRwUx22ICxbh5X2UyxGXMLb5wCkOeJfXH6UXTT12Zfs4w2Lq4j8QqYVlomb3HfpziD4cRLKOxyYBUtpFIWSw9sck/xuPaG0m3wXrq5/5RohruDbp5SI6oi6iUbwo8oAtsRZaRlmr0oRkgUKaXyGM4Qx1Rq6h/tEVjusY4iqnE46VCf+zuFxOPoAlaXEISq7PAKD27jXGTwDF9AcUy4qkXqI57OnC2GcPwGPHQI0x5fiJ7bJ1hsJUiw78QO2NqjkQHWG0OvuUqh5hlDcEuYIZBrvGO8HWtG4fzrFHmNKGD3Dbeln5wiwFCZ3lGwBT/pWocpN7erlft1TbZ4KO96kcBURrCoxUk1ks62sRfY/sENEN3jjcAAAAASUVORK5CYII=');
    
}

.ico_bl_gallery, menu li.first_level.mod_gallery a, .ico_mod_gallery{
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAA6klEQVR4Ae2WO0rAQBBAnyAI6fQEViGk9AwWHiOQ0kN4CrsUuUE+hY1XsE1h5QkMIR8sRFawGLJgwDUZEJk33UD2wVsIi2EYQkLNiDtoZloS//gBd/AMa0WNU5gGYVQRTAhOZ/68wAQmMEFBqSl44oyITkvwyiUAKct+QcE9/uaDG/ky2yGQFKc8ers71pQ7BJLinGfZPXDiCeQmggVeipj+a/fCBT5yE+ECP8U177xxxXdkAYLNFHBLzhZliEBSBBDRBQgkRQgpy88FOb8h+89/01n74dWqCCrdx29PDGtFw3RgnEqONwyDT+vjxZaXQ6aiAAAAAElFTkSuQmCC');
    
}

.ico_bl_gallery, menu li.first_level.mod_sys a, .ico_mod_sys{
    background-image:   url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAvUlEQVR4Ae3XTQrCMBAF4Hea0itovJjgYvRC/TmYlKT7CELdNQ87M4vCvFnGzgedNo2IRMzTY0RGPVgrZvTt9guqspYWMaIa1ITdZBOgYDfbT3j49QH4AE+IJ/D6rokX8Pitig9wQSaEeoacUAKcUAOM4ICS4EP+u0QNcOLkgNgP+aoZMk/yfUwTiueLdiPtlZsdb68E7t7bNSCeH5yNkLOfKgJYvQ+/swkw+P4BeaMDWsSEorg5AzoYJxL5APsNcp+a7wfsAAAAAElFTkSuQmCC');   
}
.ico_bl_files, menu li.first_level.mod_fileman a, .ico_mod_fileman{
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAfklEQVR4Ae3VMQ7CMBBE0X+a4GNyIKSQHCxEJCUwVBQWsSi826D50/tJbhZX5dyJK3fU2JnOBm6oXixxQSiTWFAu8UAh25kpHPREYVspuYCYsoGtDXT2If4ReHUDBgzIgIHfGTCwZx/9ORQY+aqwoqAtDHBETGwBnzPWzzvn3hLbGA6vLbjqAAAAAElFTkSuQmCC');
}

.ico_bl_pages,menu  li.first_level.mod_pages a, .ico_mod_pages, .ico_mod_webpages{
    background-image:   url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAfUlEQVR4Ae3WQQrCMBCF4f80MYcXanuwWmyX6rgOMy5CpyD2/W8b8kFWQSnVdOHGA9u5jYlKUOGOJW2JiCuWuBHXnAqsuJ5Y6lyv8wACegrOfwfeAgTsBuxwoH8/CnT0d4AAAdvRH68pFRhwVRYsaTMFImJkTXicob1eKfUBak7/JHQZLoIAAAAASUVORK5CYII=');
}

.ico_bl_message{
    background-image:   url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAhklEQVR4Ae2S0QkCMAwFb5rqmB1IqDpYFeunGgeIIMU8Kpp7/3fQlOSr2LDngn24K0e2eCicsKCdXyV2WOAOOHpoYOC4YaFz3DMwG5glA2/5g1/0UD7RfCADAVsfyCM7TB+IXQZWB4Y60LSBTtEFBs3rfaASjVqPWo9aj1qPWo9aD5UfJXkCvevxrPZipY8AAAAASUVORK5CYII=');
}
.ico_bl_mail, menu li.first_level.mod_cform a , .ico_mod_cform {
	background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMjAgNEg0Yy0xLjEgMC0xLjk5LjktMS45OSAyTDIgMThjMCAxLjEuOSAyIDIgMmgxNmMxLjEgMCAyLS45IDItMlY2YzAtMS4xLS45LTItMi0yem0wIDE0SDRWOGw4IDUgOC01djEwem0tOC03TDQgNmgxNmwtOCA1eiIvPjwvc3ZnPg==);
}

.ico_bl_book, menu li.first_level.mod_articles a, menu li.first_level.mod_mnews a, .ico_mod_articles{
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAAkElEQVR4Ae3XMQ6CQBCF4b/kHBRkL7N30hMt4Hn0CIYACeVoYWFhwsiyCZr3/n6/ZLtBO+QCLSP2ZTM9wff8gG1s8BAtllHH6sYsYGJ19urTHMQvAgIECBBQc3lWlwEqziwYxsKJam8gcsPeuhL3BfwJECBAgIB/BObSB0ifBaSyR+CdBjxEx7ThcxINB5z2ACL0XQn3Bb2gAAAAAElFTkSuQmCC');
}

menu li.first_level.mod_articles a, menu li.first_level.mod_mnews a{
	background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMjIgMTNoLTh2LTJoOHYyem0wLTZoLTh2Mmg4Vjd6bS04IDEwaDh2LTJoLTh2MnptLTItOHY2YzAgMS4xLS45IDItMiAySDRjLTEuMSAwLTItLjktMi0yVjljMC0xLjEuOS0yIDItMmg2YzEuMSAwIDIgLjkgMiAyem0tMS41IDZsLTIuMjUtMy0xLjc1IDIuMjYtMS4yNS0xLjUxTDMuNSAxNWg3eiIgZmlsbD0iIzAxMDEwMSIvPjwvc3ZnPg==);
}

.ico_bl_searched, menu li.first_level.mod_search a{
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAABsUlEQVR4Ae3Wv2sUQRiH8UfjRWIuVf6AqCGFCEIixtgoCpaWNkbO0tbSXH5sNEkjgq0iWtjamnCRxBhExc5G01t4aB+QXLyvyzAMQTO3O7uOINzn6efdeadZ/omurhMkrPOVnbQmr1lglL9mnDW0T++4SGkV7vMTeXvCEUro5yXK6AODFHRo7/E0uM5xeqlwjEmWaeNGFL3FPWTbYoLfneETblEUcNrtfoMB9lPFPT6XCNZwXz+AT9Xd4j2BRpBtgk7G3VuMEaSOTKtkWUamJYKsItMNslxDpk2CfEGmEbIcRaZvBNlGpj6y9CDTLjksoQ7VOw5oc4AcHiBPtzJW9J2cHqE/anMTn0lkekNOB3mG9sYuNfxWkGmR3Hp4jlw7XMXvLLKNEqDCC2T6wRX8qnxGprcEOswaYpvL+FVZR7YLBOtnhfP4nWML2R5S2iBPqTFMb9owNRrI1WKo/PEfkacWMi3EOf4xQ8h2l4JOsdHxt0WuOxR2koRXNGmlNdlkkTGw5pFrniiS+CPmkCshilnkmiOKGeSajT9ihiim44+oI9s0kUwhxBQR3U77v3R1/QI22WNZaPiU6QAAAABJRU5ErkJggg==');
}
.ico_bl_book, menu li.first_level.mod_sliderbx a, menu li.first_level.mod_slider a, .ico_mod_sliderbx{
    background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAApUlEQVR4Ae2XvQ3DIBBGX8UOWcDyCiyUnewl/DNERqGMkO0m1aUJpSnsOylI974ansQn/lDHcXpmNuRiDlb6+vQZuZlcU8yIQhZO2VQEO6fIL1epj3eBC0aCrUB48bAVCIloKxA+PO0EJSPBVFDasBSUNqwEpY2mBYnYcMkDodmNlogNH3YD4R8uHBe44LB+/K4qgsn2A/Kmg5piYb+xOBMdjqPMF9//QAcNz8gmAAAAAElFTkSuQmCC');
}




.ico_bl_circle {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTAgMThjLTQuNDIgMC04LTMuNTgtOC04czMuNTgtOCA4LTggOCAzLjU4IDggOC0zLjU4IDgtOCA4eiIvPiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PC9zdmc+);
}


.ico_bl_edit, a.list_edit {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTMgMTcuMjVWMjFoMy43NUwxNy44MSA5Ljk0bC0zLjc1LTMuNzVMMyAxNy4yNXpNMjAuNzEgNy4wNGMuMzktLjM5LjM5LTEuMDIgMC0xLjQxbC0yLjM0LTIuMzRjLS4zOS0uMzktMS4wMi0uMzktMS40MSAwbC0xLjgzIDEuODMgMy43NSAzLjc1IDEuODMtMS44M3oiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
}
.ico_bl_delete, a.list_delete {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTYgMTljMCAxLjEuOSAyIDIgMmg4YzEuMSAwIDItLjkgMi0yVjdINnYxMnpNMTkgNGgtMy41bC0xLTFoLTVsLTEgMUg1djJoMTRWNHoiLz4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjwvc3ZnPg==);
}


.ico_bl_add{
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTMgN2gtMnY0SDd2Mmg0djRoMnYtNGg0di0yaC00Vjd6bS0xLTVDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTAgMThjLTQuNDEgMC04LTMuNTktOC04czMuNTktOCA4LTggOCAzLjU5IDggOC0zLjU5IDgtOCA4eiIvPjwvc3ZnPg==);
}

.ico_wh_add, div.list_add{
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTMgN2gtMnY0SDd2Mmg0djRoMnYtNGg0di0yaC00Vjd6bS0xLTVDNi40OCAyIDIgNi40OCAyIDEyczQuNDggMTAgMTAgMTAgMTAtNC40OCAxMC0xMFMxNy41MiAyIDEyIDJ6bTAgMThjLTQuNDEgMC04LTMuNTktOC04czMuNTktOCA4LTggOCAzLjU5IDggOC0zLjU5IDgtOCA4eiIvPjwvc3ZnPg==);
}

.ico_wh_search, div.list_search {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTE1LjUgMTRoLS43OWwtLjI4LS4yN0MxNS40MSAxMi41OSAxNiAxMS4xMSAxNiA5LjUgMTYgNS45MSAxMy4wOSAzIDkuNSAzUzMgNS45MSAzIDkuNSA1LjkxIDE2IDkuNSAxNmMxLjYxIDAgMy4wOS0uNTkgNC4yMy0xLjU3bC4yNy4yOHYuNzlsNSA0Ljk5TDIwLjQ5IDE5bC00Ljk5LTV6bS02IDBDNy4wMSAxNCA1IDExLjk5IDUgOS41UzcuMDEgNSA5LjUgNSAxNCA3LjAxIDE0IDkuNSAxMS45OSAxNCA5LjUgMTR6Ii8+ICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=);
}

.ico_wh_settings, div.list_settings, div.list_add.settings {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAQAAAD9CzEMAAAC/0lEQVR4Ae3XA8wdWxTF8VPbtt04z7Zt22bwbL/o2YqTNubDx+ipX1Dbttt7f00mNyeZzp1bu/9w7azhPrP2mXCcIwV/2Jk/w/5DN+XoGvYXTlGOk8L+wh3KcUvYX3gd8G6iPgG8HPYXfgPcnahHAT+GvcF5lqtxq+axcq2lgNMSfRFgice1K3lauE2NZc4LldHMbMByHxviEnUiuieeIRBd9xrpE6sAszULlfCifNaWPE1sl88Lldf7WllgtpcNir7h3jAz7zZ0C3n4Npo2iNjiTS0z3kaut07E+qi+yTv9aEXAY9p5SAOYZFjIwVhzwT/u19azgKLR5e1VgGmalCqX+lLbkKCfF1RZbbUqL+hXqnbxrfPjApkFqApZnA+gSpuQQlvjFSFSNF7btEt79QDJRdM43TYAkw0IES00IEuDFiFiqGkAtjk9ZHGi+QDWuDPWv5FHbKc7xYab78S8pnVWReTy0p0VAItcoauurrAIUDA08VwhokrnkI/G3lQEnJJU3gOs1Du6elkJeC/RpwKK3tQ47ArLAMkJTQDcm/LcBWhIVG/A0rA7KACSuLMJ0Cfl6QPYkKimgELYHWwHJLFlLaBvytMXMZ80A2wPu4OlgD6pV3RPynNP6hX1yXtFlZt8clL5IDa5V3T1iU3+IN1kb8Qm78YyvTKpDVAALHa5brq63GJAQf/8ZVr5Qyt6Nda/3tsPLT8qlrsqFRUTdiMqhpgMYJvTKoVdne6ZsBuXCbtxmbBrow7A+ZXiemqM64t8qX1I0N/zpbj+y/P6x0t/7pI4SqcBqioPHB7R3kMmgGmGhxwMNQn870FtPZE7cDIjc40NENW1GmW8Lb1hM5EN1gK+2ZuhP92r4tA3xMvm5g/9vd22bIquzfJ5Yfc3Xp8a5l6rIBUevTMbr0/zN14ZnGeZardpXtLtPGEZ4JykcgZgqSe0iR25Xa3lzgt7g18B9yXqPsAvB2r7/gHg1f13gTuV47b9d4HTDvQvVM+yF+gS9h/+PKC/scc5oOwANkE6Dhf3EWgAAAAASUVORK5CYII=);
}

.ico_bl_done, .sys_infobox_ok {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNOSAxNi4yTDQuOCAxMmwtMS40IDEuNEw5IDE5IDIxIDdsLTEuNC0xLjRMOSAxNi4yeiIvPjwvc3ZnPg==);
}





.ico_bl_info,.sys_infobox_info, .sys_infobox_help {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTEgMTdoMnYtNmgtMnY2em0xLTE1QzYuNDggMiAyIDYuNDggMiAxMnM0LjQ4IDEwIDEwIDEwIDEwLTQuNDggMTAtMTBTMTcuNTIgMiAxMiAyem0wIDE4Yy00LjQxIDAtOC0zLjU5LTgtOHMzLjU5LTggOC04IDggMy41OSA4IDgtMy41OSA4LTggOHpNMTEgOWgyVjdoLTJ2MnoiLz48L3N2Zz4=);
}

.ico_bl_warning, .sys_infobox_stop, .sys_infobox_bad {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjE4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIxOCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMSAyMWgyMkwxMiAyIDEgMjF6bTEyLTNoLTJ2LTJoMnYyem0wLTRoLTJ2LTRoMnY0eiIvPjwvc3ZnPg==);
}


.ico_bl_x{
    background-image: url();   
}





.stef_gallery_cont{
    width:calc(100% + 20px);
    margin:0px -10px;
    overflow:auto;
    flex-wrap: wrap;
    justify-content: flex-start;
    display:flex;
    gap: 20px;
}

.stef_gallery_item{
    width: calc(33% - 15px);
    
    max-width:calc(50% - 20px);
    
    text-align:left;
    overflow:hidden;
    
    border: 1px solid rgba(0,0,0,0.12);
    border-radius: 2px;
    padding: 5px;
    box-sizing: border-box;
    
    display:flex;
    flex-direction: column;
}

.stef_gallery_item:target{
    border-color: var(--blue-dark-bg);
}
.stef_gallery_item:hover{
    border-color: #8da9ba;
}

.stef_gallery_item .header{
    display:flex;
    flex-wrap:wrap;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0,0,0,0.12);
}
.stef_gallery_item .links{
    display:flex;
    flex-wrap:wrap;
    gap: 5px 10px;
    margin-left:auto;
}
.stef_gallery_item .links a{
    text-decoration: none; 
}

.stef_gallery_item .image{
    text-align: center;
    flex-grow: 1;
    margin-bottom: 5px; 
}
.stef_gallery_item .imga{
    display: flex;
    width: 100%;
    height:inherit;
    justify-content: center;
    align-content: center;
}
.stef_gallery_item img,
.stef_image_name_thumb img{
    width: auto;
    height:auto;
    max-width: 100%;
    max-height: 300px;
    display: inline-block;
}


.stef_image_name_thumb{
    width: 100%;
    display: inline-block;    
}

.stef_image_name_thumb img{
    max-height: 2em;
    max-width: 80px; 
    margin: -0.5em 0;    
}

.stef_image_add_row .stef_image_name_thumb img{
    max-height: 50px;
    margin: 0;
}
.form_label .stef_image_name_thumb{
    float:left;
    width: unset;
}

.stef_copy_content_lang{
    display: inline-block;
    font-size: 0.90rem;
    line-height: 1.5; 
    border: 1px solid var(--blue-superlight-bg);
    background-color: var(--blue-superlight-bg);
    padding: 0 0.5em;
    border-radius: 2px;
    cursor: pointer;
}
.stef_copy_content_lang:hover{
    border-color: var(--blue-lighter-bg);
}






/* Stef table new */
.stef_scont{
    display: flex;
    /* outline: 1px solid red; */
    position: relative;
    align-items: flex-start;
    gap: 0px;
    margin-bottom: 4rem;
}
.stef_scont form{
    flex-shrink: 0;
    width: 88%;
    max-width: 1100px;
    display: block;
        
    
    z-index: 2;
}
.stef_scont .stef_cont{
    margin-bottom: 0px;
}

.stef_sticky{
    position: sticky;
    top: var(--top-scroll-spacer);
    right: 0px;
    
    max-width: 250px;
    
    font-size: 0.95em;
    
    border: 0px solid var(--blue-dark-bg);
    border-left-color: #FFFFFF;
    border-radius: 0 5px 5px 0;
    background-color: #FFFFFF;
    padding-left: 10px;
    
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26), 0 2px 10px 0 rgba(0, 0, 0, 0.16);
    z-index: 0;
    
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}
@media only screen and (max-width: 1700px) {
    .stef_sticky{
        font-size: 0.85em;
    }
}
@media only screen and (max-width: 1500px) {
    .stef_sticky{
        display: none;
    }
    .stef_scont form{
        width: 100%;
    }
}

.stef_sticky ul, .stef_sticky li{
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100%;
    box-sizing: border-box;
}
.stef_sticky ul{
    margin: 0.5em 0.5em;
    width: calc(100% - 1em);
}
.stef_sticky li{
    margin-bottom: 0.25em;
    line-height: 1.15;
}
.stef_sticky li.lvl2{
    font-weight: 600;
    margin-top: 0.5em;
}

.stef_sticky li.lvl3{
    padding-left: 10px;
}
.stef_sticky li.lvl4{
    padding-left: 15px;
}
.stef_sticky a{
    text-decoration: none;
    font-weight: inherit;
    color: inherit;
}
.stef_sticky a:hover{
    color: var(--blue-dark-bg);
    text-decoration: underline;
}

.stef_header_tr:target td{
   /* border-top: 2px solid var(--blue-dark-bg); */
}
.stef_numbering{
    color:inherit;
    text-decoration:none;
    opacity:0.85;
    font-weight:inherit;
}


.stef_header_div,
.stef_rname_div{
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    width: 100%;
    gap: 20px;
}

.stef_rname_td,
.stef_rform_td{
    padding: 0.5em 0.5em;
}
.stef_rname_td{
    min-width: 140px;
    width: 20%;
    vertical-align: middle;
}
.stef_rname_div{
    gap: 10px;
}
.stef_rname_div .name{
    font-weight: 500;
}
.stef_rname_div .name .primary{
    font-weight: 600;
}
.stef_rname_div .right{
    text-align: right;
    margin-left: auto;
}
.stef_rname_div .small{
    font-size:0.85em;
    font-weight:300;
    line-height: 1.2;
}



table.stef_table .stef_spacer td{
    border-top:  0px solid transparent;  
}
table.stef_table .lvl1 td{
    height: 2em;
}
table.stef_table .lvl2 td{
    height: 1.5em;
}
table.stef_table .lvl3 td{
    height: 1.25em;
}
table.stef_table .lvl4 td{
    height: 1em;
}
table.stef_table .lvl5 td{
    height: 0.8em;
}
table.stef_table .lvl6 td{
    height: 0.5em;
}
table.stef_table .lvl7 td{
    height: 0.25em;
}


.stef_header_div{
    font-weight: 500;
}
.stef_header_div .header{
    margin: 0.25em 0;
} 



.stef_hide_opener{
    text-align: center;
    
}
.stef_hide_opener_link{ /* link */
    cursor: pointer;
    padding-bottom: 1em;
    display: inline-block;
}
.stef_hide_opener_link:hover{
    color: var(--blue-dark-bg);
}


.stef_hide{
    /*
   outline: 1px solid red;
   opacity: 0.15;
   */
   
   display: none;
}

 



/* Hint info */
.hint_info {
    position: relative;
    cursor: help;
}
.hint_info:hover::before {
    content: "";
    pointer-events: none;
    
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(+80%);
    
    display:block;
    z-index: 122;
    
    height: 20px;
    
    border: 10px solid transparent;
    border-top-color: rgba(0,0,0,0.12);
    
}
.hint_info:hover::after {
    content: attr(title);
    pointer-events: none;

    position: absolute;
    bottom: calc(100% + 0.25em);
    left: 50%;
    transform: translateX(-50%);
    z-index: 123;
    
    display: block;
    white-space: nowrap;
    /* max-width: 200px; */
    width: auto;
    
    
    font-weight: 500;
    font-size: 1.15em;

    padding: 0.25em 0.5em;
    background-color: #fafafa;
    border:  1px solid rgba(0,0,0,0.12);

    box-sizing: border-box;
    border-radius: 0.5em;
    
}