/*  * {
            outline: 1px solid #ffffff ;
        }  */
        
        html {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        *, *:before, *:after {
            -webkit-box-sizing: inherit;
            box-sizing: inherit;
        }

        ::-webkit-input-placeholder { /* */
             color: #c5c5c5;
        } 
     
        
        /* responsive images */
        img {
            max-width: 100%;
            height: auto;
            vertical-align: middle;
        }
        .hledej_18 {
            width: 18px;
            height: 18px;          
            border: 0px;
            margin: 0px 0px;
            cursor: pointer;
            background: url('../img/hledej_18.png') no-repeat;
        }      
        .Folder {
            width: 25px;
            height: 25px;          
            border: 0px;
            cursor: pointer;
            background: url('../img/Folder.png') no-repeat;
        }
        .Folder_ne {
            width: 22px;
            height: 22px;
            border: 0px ;           
            cursor: pointer;
            background: url('../img/Folder_ne.png') no-repeat;
        }
                
        .Folder_kon {
            width: 25px;
            height: 25px;          
            border: 0px;
            cursor: pointer;
            background: url('../img/Folder_kon.png') no-repeat;
        }
         .Folder_kon_ne {
            width: 25px;
            height: 25px;
            border: 0px ;           
            cursor: pointer;
            background: url('../img/Folder_kon_ne.png') no-repeat;
        }
       
        .Folder_os {
            width: 25px;
            height: 25px;          
            border: 0px;
            cursor: pointer;
            background: url('../img/Folder_os.png') no-repeat;
        }
         .Folder_os_ne {
            width: 25px;
            height: 25px;
            border: 0px ;           
            cursor: pointer;
            background: url('../img/Folder_os_ne.png') no-repeat;
        }
        
        .Folder_poj {
            width: 25px;
            height: 25px;          
            border: 0px;
            cursor: pointer;
            background: url('../img/Folder_poj.png') no-repeat;
        }
         .Folder_poj_ne {
            width: 25px;
            height: 25px;
            border: 0px ;           
            cursor: pointer;
            background: url('../img/Folder_poj_ne.png') no-repeat;
        }
        
        .Folder_ost {
            width: 25px;
            height: 25px;          
            border: 0px;
            cursor: pointer;
            background: url('../img/Folder_ost.png') no-repeat;
        }
         .Folder_ost_ne {
            width: 25px;
            height: 25px;
            border: 0px ;           
            cursor: pointer;
            background: url('../img/Folder_ost_ne.png') no-repeat;
        }
        
        .Folder_img {
            width: 25px;
            height: 25px;          
            border: 0px;
            cursor: pointer;
            background: url('../img/Folder_img.png') no-repeat;
        }
         .Folder_img_ne {
            width: 25px;
            height: 25px;
            border: 0px ;           
            cursor: pointer;
            background: url('../img/Folder_img_ne.png') no-repeat;
        }
        
        body {
            margin: 0px;
            padding: 0px;
            padding-left: 5px;         
         }

        .div_body
         {
            font-size: 1em;       /* zaručím, že bude nastaveno defaultní hodnota 1em */
            margin: 0.3em; /* 0/16 */
            padding: 0.3em;
            border: 1px solid red;
            border-radius: 3px;           
         }

        .Floppy_Save  {     
            width: 22px;
            height: 22px;          
            border: 0px;
            cursor: pointer;
            background: url('../img/Floppy_save.png') no-repeat;     
         } 
        .Floppy_Save_End  {     
            width: 22px;
            height: 22px;          
            border: 0px;
            cursor: pointer;
            background: url('../img/Floppy_save_end.png') no-repeat;     
        }
        .Floppy_14  {     
            width: 14px;    
            height: 14px; 
            padding: 0px 2px;         
            border: 0px;
            cursor: pointer;
            background: url('../img/Floppy14.png') no-repeat;     
         } 
        .Floppy_20  {     
            width: 20px;   
            height: 20px; 
            padding: 0px 0px;         
            border: 0px;
            cursor: pointer;
            background: url('../img/zapis_20.png') no-repeat;     
        }   
        .Floppy_25  {     
            width: 25px;   
            height: 25px;                   
            border: 0px;
            cursor: pointer;
            background: url('../img/zapis_25.png') no-repeat;     
        } 
        .Floppy_18  {     
            width: 18px;   
            height: 18px;                  
            border: 0px;
            cursor: pointer;
            background: url('../img/Floppy_18.png') no-repeat;     
        } 
        .Floppy_End_25  {     
            width: 25px;
            height: 25px;          
            border: 0px;
            cursor: pointer;
            background: url('../img/zapis_end_25.png') no-repeat;     
        }
        .End_25  {     
            width: 25px;
            height: 25px;          
            border: 0px;
            cursor: pointer;
            background: url('../img/end_25.png') no-repeat;     
        } 
        .Email_18  {     
            width: 18px;   
            height: 18px; 
            padding: 0px 2px;         
            border: 0px;
            cursor: pointer;
            background: url('../img/Email_18.png') no-repeat;     
        }
        .Email_16  {     
            width: 16px;   
            height: 16px; 
            padding: 0px 2px;         
            border: 0px;
            cursor: pointer;
            background: url('../img/Email_16.png') no-repeat;     
        }
        .Kos_18  {     
            width: 18px;
            height: 18px;          
            border: 0px;
            cursor: pointer;
            background: url('../img/Kos_18.png') no-repeat;     
        } 
        .Kos_16  {     
            width: 16px;
            height: 16px;          
            border: 0px;
            cursor: pointer;
            background: url('../img/Kos_16.png') no-repeat;     
        }  
        .Kos_25  {     
            width: 25px;
            height: 25px;          
            border: 0px;
            cursor: pointer;
            background: url('../img/Kos_25.png') no-repeat;     
        }  
                     
        .Dok_pdf_16  {     
            width: 16px;
            height: 16px;          
            border: 0px;
            cursor: pointer;
            background: url('../img/Dok_pdf_16.png') no-repeat;     
        } 
       
        .Dok_plus_22 {
            width: 44px;
            height: 22px;
            border: 0px ;           
            cursor: pointer;
            background: url('../img/Dok_plus_22.png') no-repeat;
        }
        .Roluj_top_25  {     
            width: 25px;   
            height: 25px;                   
            border: 0px;
            cursor: pointer;
            background: url('../img/Roluj_top_25.png') no-repeat;     
        }
       
        .Konec_Tl  {     
            width: 22px;
            height: 22px;          
            border: 0px;
            cursor: pointer;
            background: url('../img/End_tl.png') no-repeat;     
         }
        .Konec_Tl1  {     
            width: 22px;
            height: 22px;          
            border: 0px;
            cursor: pointer;
            background: url('../img/mazat.gif') no-repeat;     
        } 
        .Mazat14  {     
            width: 14px;  
            height: 14px;
            padding: 0px 2px;          
            border: 0px;
            cursor: pointer;
            background: url('../img/Mazat14.png') no-repeat;     
        }       
        .Go_25  {     
            width: 25px;
            height: 25px;                       
            cursor: pointer;
            border: 0px solid #ffffff;
            background: url('../img/Go_25.png') no-repeat;     
        } 
        .Mazat16  {     
            width: 16px;
            height: 16px; 
            padding: 0px 2px;         
            border: 0px;
            cursor: pointer;
            background: url('../img/Mazat16.png') no-repeat;     
        }
           
        .Edit_plus {
            width: 20px;
            height: 20px;
            border: 0px ;           
            cursor: pointer;
            background: url('../img/Edit_plus.png') no-repeat;
        }
        
        .Edit_minus {
            width: 20px;
            height: 20px;          
            border: 0px;
            cursor: pointer;
            background: url('../img/Edit_minus.png') no-repeat;
        }
        
        .Edit_sipka {
            width: 20px;
            height: 20px;
            border: 0px ;   
            margin: 0px 10px;        
            cursor: pointer;
            background: url('../img/Edit_sipka.png') no-repeat;
        }
          
        .Edit_hledej {
            width: 21px;
            height: 21px;          
            border: 0px;
            margin: 0px 5px;
            cursor: pointer;
            background: url('../img/Edit_hledej.png') no-repeat;
        } 
        .Odkaz_hledej {
            width: 21px;
            height: 21px;          
            border: 0px;
            margin: 0px 5px;
            cursor: pointer; 
            background: url('../img/Edit_hledej.png') no-repeat;          
        }           
       
        .btntisk {
            margin: 0px;
            margin-left: 2px;
            padding: 0px;
            width: 25px;
            height: 15px;
            color: white;
            background: url('../img/tiskarna.gif') no-repeat white;
            

                }

       .form_logo {                                           
            margin-bottom: 0%;        
        }
        
       .form_logo p {                                 
            width: 2.5em;            
            background-color: #DEEEF8;
            border: 0.1875em  solid #FFFFFF; 
            border-radius: 100%;             
        }
        .form_logo img{                                     
            width: 120%; 
            height: 120%;                               
        }          

    /* Začátek - Header */
        header {                                 
            background-color: red; 
            margin-bottom: 4px;
            padding-top: 0.8em;             
            border: 0.1875em  solid red; 
            border-radius: 0.3em;         
        }
   
   /* Začátek - TOP hlava */
   
        .top_hlava > div{
            width: 33.3%;   
        }
        .top_hlava .top_hlava_logo {                      
            width: 2.8em; 
            height: 2.8em; 
            margin: 0em 2em 0em 1em; 
            padding: 0em;         
            background-color: #DEEEF8;
            border: 0.1875em  solid #FFFFFF; /* 3/16 */
            border-radius: 100%;
        }
        .top_hlava_logo img {
            width: 2.8em; /* 30/16 */
            margin: 0em; /* 0/16 */
        }
        .top_hlava .top_hlava_left,
        .top_hlava .top_hlava_center,
        .top_hlava .top_hlava_right {
            font-style: italic;                     
            font-family: Arial, Helvetica, sans-serif;
            color: #ffffff;                   
        }
        .top_hlava .top_hlava_left { 
            font-weight: bold;               
            font-size: 100%;       
        } 
        .top_hlava .top_hlava_center { 
            border-bottom: 2px solid #ffffff;                  
            font-size: 150%;      
        }
        .top_hlava .top_hlava_right {                   
            font-weight: bold;
            font-size: 99%;        
        }
        
   /* Začátek TOP Menu - hlavní menu - lišta (Admin,Majitelé jednotel, ....) - ok */

        .top_menu {
            background-color: red;
            margin: 0em; /* 0/16 */
            padding: 0em; /* 0/16 */
            margin-top: 1.4375em; /* 23/16 */
            height: 1.875em; /* 30/16 */
            width: 100%;
            border-radius: 0.3em; /* 3/16 */
        }
        .top_menu .leve{
            margin: 0em; /* 0/16 */
            padding: 0em; /* 0/16 */
            margin-left: 0.625em; /* 10/16 */
            float: left;
        }
        .top_menu .prave{
            margin: 0em; /* 0/16 */
            padding: 0em; /* 0/16 */
            margin-right: 0.625em; /* 10/16 */
            float: right;
        }

        .top_menu UL {
            margin: 0em; /* 0/16 */
            height: 1.875em; /* 30/16 */
            padding: 0em; /* 0/16 */
            line-height: 1.875em; /* 30/16 */
        }
        .top_menu li {
            display: inline;
            margin: 0em 0.125em; /* 0/16 */ /* 2/16 */
            padding: 0.1875em; /* 3/16 */
            background-color: red;                      
            border-bottom: 2px solid #ffffff;
            font-family: sans-serif, Verdana, Helvetica;
            font-size: 0.75em; /* 12/16 */
            color: #ffffff;
            text-align: left;
        }


        .top_menu li:hover {
            background-color: #aaa;
        }

        .top_menu li a {
            text-decoration: none;
            font-family: Verdana, Helvetica, sans-serif;
            font-size: 0.75em; /* 12/16 */
            color: #003300;
        }
    /* Začátek DIVMenu - vyjížděcí menu v top_menu - ok*/

       .menu {
           width: 250px;
           padding: 5px;
           background-color: #cdf7fb;
           border: 1px solid #AAAAAA;
           border-radius: 5px;
           text-align:center;
           position: absolute;
           display: none;
               }
       .menu ul {
           padding: 0px;
           margin: 0px;
           list-style:none;
                }
       .menu li {
           background-color: #FFFFFF;
           border: 1px solid #aaa;
           border-radius: 5px;
           margin: 10px;
           padding: 5px;
           color:#000;
           font-family: sans-serif,Arial, Helvetica;
           font-size: 12px;
            }
       .menu a {
           color:#000;
           font-family: Arial, Helvetica, sans-serif;
           font-size: 12px;
           text-decoration: none;
              }
       .menu li:hover {
            background-color:#aaa;  }

     /* Začátek - telo menu pro řádkový režím $typ_radku=0, obecné pro všechny kapitoly*/
    
       .telo_menu > div{         
             width: 33.3%;                    /* pro rozdělení řádky na 3 děti na tři díly*/
       } 
       
       .telo_menu {
            margin-bottom: 1px;
            padding: 3px;         
            background: #dddddd;           
            font-family: sans-serif, Helvetica, Arial ;
            font-size: 0.75em; ;             
            border: 1px solid #969696;
            border-radius: 3px;       
       }
        
       .telo_menu a {
           text-decoration: none;   
           color:#000000;      
       }
       
       .telo_menu ul {
           margin: 0px;
           padding: 0px;         
       }
        
       .telo_menu li {
           display: inline;
           margin: 0px 2px;
           padding: 8px 4px;
           background-color: #EEEEEE;
           border: 1px solid #777777;
           border-radius: 3px;         
       }
      
       .telo_menu li:hover {
           background-color:#aaa;
           cursor: pointer;
       }  
       
       .telo_menu.telo_menu_left {           /*levá strana telo_menu*/
           margin: 0px;
           padding: 0px; 
           margin-left: 10px;                  
       }
      
       .telo_menu.telo_menu_left li a{           /*levá strana telo_menu*/         
           font-family: sans-serif, Helvetica, Arial ;
           font-size: 0.75em;              
       }
       
       .telo_menu .telo_menu_center #nadpis_menu{          /*střed strana telo_menu*/
           padding-top: 8px;         
           color:#404040;
           font-family: sans-serif, Helvetica, Arial ;
           font-size: 1.4em;    
       }
       .telo_menu .telo_menu_center #vypis_menu {        
           margin: 10px 0px 6px 0px;
           padding: 0px;                 
       }
       .telo_menu .telo_menu_center #vypis_menu a{                
           color:#969393;
           font-family: sans-serif, Helvetica, Arial ;
           font-size: 1em;         
       }
       
       .telo_menu .telo_menu_center #vypis_menu li{         
           padding: 2px 10px;
           background-color: #dcdcdc;
           border: 1px solid #c2c2c2;
           border-radius: 3px;  
          
       }
       .telo_menu .telo_menu_center #vypis_menu li:hover {
           background-color:#FF0000;
           color: #000000;
           cursor: pointer;
       } 
       
       .telo_menu .telo_menu_right div{           /*pravá strana telo_menu*/
           margin: 0px;                         
           padding: 0px;  
           margin-right: 10px;              
           padding:2px 0px;   
                   
       }    
                 
       
       
         
           
    /* Začátek řádkování tělo uvod  pro - "uvod"*/

       .telo_uvod_div{
           width: 100%;
           margin: 0px;
           padding: 0px;
           background-color: #EBEBEB;
       }
       .telo_uvod_div:nth-child(odd) {      /* změna barvy jednotlivých řádků každý sudý  .telo_uvod_div:nth-child(even) každý lichý*/
           background-color: #DFDFDF;;
       }

       .telo_uvod_div .prave{
           float: right;
       }
       
    /*začátek sekce main  */

        main {
            margin: 0px;
            padding: 0px;            
        }

   
   

    /* Začátek - pata stránky*/

        .pata_str {
            margin: 0px;
            padding: 0px;
            margin-top: 2px;
            width: 100%;
            height: 25px;
            background: #DDDDDD;
            border-radius: 3px;
        }
        .pata_str div {
            float:left;
            margin: 0px;
            padding: 7px;
            width: 32.5%;
            color:#aaaaaa;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 10px;
        }
        .pata_str .pata_leve {
            padding: 0px;
            padding-left: 10px;
            text-align: left;
        }

        .pata_leve div {
            display: inline-block;
        }
        .pata_leve .pata_logo {
            margin-top: 3px;
            padding: 0px;
            position: relative;
            width: 15px;
            height: 15px;
            background-color: #DEEEF8;
            border: 1px  solid #FFFFFF;
            border-radius: 100%;
        }

        .pata_leve .pata_logo img {
            width: 15px;
            height: 15px;
            margin: 0px;
        }
        .pata_leve div:last-child {
            padding: 7px;
            text-align: left;
        }

        .pata_str .pata_center {
            text-align: center;
        }
        .pata_str .pata_prave {
            padding-right: 5px;
            text-align: right;
        }
       
        /* Začátek - pro DIV které mají být absolute a none*/
        .DIVdefinice{
          position: absolute; 
          display: none;   
          z-index: 5;   
        }
     
        /* Začátek - info o dokumentaci, když přejedu v řadkovém režimu nad foldrem -DIVinfo_dok */
         
        .DIVfolder_dok {            
            border: 0px solid #000000;
            border-radius: 6px;   
        } 
        .DIVfolder_dok table{           
            background-color: #e7e7e7;              
            font-family: Helvetica, Arial, sans-serif;
            font-size: 0.9em;
            color:#000000;   
        }
        .DIVfolder_dok table tr td{
            margin: 0px;
            padding: 2px 10px; 
            border: 1px solid #979797;
            border-radius: 2px;                    
        }
     
        /* Začátek - formulář pro vkládání souborů*/
         
        .Vklad_dok {    
            position: absolute; 
            display:none; 
            z-index:5;        
            width: 35%;
            height: auto;
            margin: auto;
            margin-top: 30px;
            padding: 1%;
            border: 0.0625em solid #000000;
            border-radius: 0.625em; 
            background-color: rgb(222, 238, 248);
            font-size: 1em;  
            font-family: Arial, Helvetica, sans-serif;
            color: #003300; 
            text-align: center;         
        }  
      
        .Vklad_dok section p{                                
            margin: 0px;
            padding: 0px; 
            margin-bottom: 2%;        
        }
        .Vklad_dok .sect_dok_00 {                                
            margin: 0px;
            padding: 0px; 
            margin-bottom: 3%;        
        }
        
        .Vklad_dok div {                                
           border: 0.0625em solid #FFFFFF;
           border-radius: 0.45em;  
           padding: 1%;             
        } 
      
        .Vklad_dok .sect_dok_01, 
        .Vklad_dok .sect_dok_04 {                                
            margin-top: 2%;               
        }
      
        .Vklad_dok .sect_dok_01 p, 
        .Vklad_dok .sect_dok_04 p{                                
            padding-bottom: 2%;               
        }
        
        .Vklad_dok .sect_dok_01 p span,
        .Vklad_dok .sect_dok_04 p span
        {               
            font-size: 120%;
            border: 0.0625em solid #000000;
            border-radius: 0.4em;
            background-color: #d8e8e8;                
        }  
        
        .Vklad_dok section p span{                                
            padding: 0.7% 1%;                            
            }            
        .Vklad_dok .sect_dok_00 p {
            margin-bottom: 0%;           
        }
        .Vklad_dok .sect_dok_00 p:first-child {
            display: block; 
            float: left;                          
            width: 1.5em; 
            height: 1.5em;             
            background-color: #DEEEF8;
            border: 0.1875em  solid #FFFFFF; 
            border-radius: 100%;             
        }   
        .Vklad_dok .sect_dok_00 p:nth-child(2) {
            display: block;  
            float: right;           
            width: 15px;
            height: 15px;                      
        }   
        
        .Vklad_dok .sect_dok_00 p:last-child {
            clear: both;                     
        }         
        
        .Vklad_dok .sect_dok_01 p:nth-child(2)
        {               
            padding: 1% 1%;
            border: 0.0625em solid #000000;
            border-radius: 0.4em;
            background-color: #FFFFFF;                
        }
        .Vklad_dok .sect_dok_01 p:nth-child(2) select
        {               
           width: 100%;              
        }  
        .Vklad_dok .sect_dok_02 p:nth-child(2) {              
           padding: 2% 1%;
           border: 0.0625em solid #000000;
           border-radius: 0.4em;
           background-color: #FFFFFF;                                             
        } 
        .Vklad_dok .sect_dok_02ost p span {              
          margin-right: 1%;                                     
        }
        .Vklad_dok .sect_dok_02ost p input {              
          text-align: center;                                     
        }
        
        .Vklad_dok .sect_dok_04ost p input {              
          margin-right: 1%;   
          text-align: center;                                  
        }
      
        .Vklad_dok section .tlacitka span input{    
           padding: 0% 5%; 
           line-height: 150%;  
           border: 0.0625em solid #000000;
           border-radius: 0.2em;       
           background-color: #00FFFF;                                            
        }
        
              
        .Vklad_dok .sect_dok_05 p input:nth-child(1) { 
                     
           margin-top: 2%;
           margin-right: 2%;                                                    
        } 
        
        /*datepicker*/
        
        #ui-datepicker-div {                                                
           border: 1px solid #33CC33;
           border-radius: 3px;
           background-color: #00FFFF;
        }
              
        /*D E F I N I C E FORMULÁŘU */
                
        .sektor_form{
            background:#f7f7f7 ;
            border: 0.0625em solid #C0C0C0;
            border-radius: 0.4em; 
            margin-top: 40px;         /*odstup od předešlého sektoru*/
            
        }   
                
  /*UPRAVA nazvu flexu začátek definice row */
           
        .flex_row{
            display: flex; 
            flex-direction: row; 
            align-items: center;             /* centrovaný svisle*/                   
            justify-content: flex-start;             
        } 
       
        .flex_row_center{
            display: flex;              
            flex-direction: row;                       
            justify-content: center;                         
        }      
            
                                             /*3 divy rozdělí se na jeden zcela vlevo jeden střed a jeden zcela v pravo */      
        .flex_row_centerA{                   /* rozdělí řádku rovnoměrně na daný počet částí (dětí)*/ 
            display: flex;  
            flex-direction: row; 
            align-items: center;             /* centrovaný svisle*/                                    
            justify-content: space-between;  /* rozdělí řádku rovnoměrně na počet jeho dětí - centrovaný vodorovně ze středu rozloženo na celou řádku*/                                                
        }  
                               
        .flex_row_centerB{                   /*centrovaný vodorovně ze středu*/
            display: flex; 
            flex-direction: row; 
            align-items: center;             /*centrovaný svisle*/                           
            justify-content: center;         /*centrovaný vodorovně ze středu*/                                 
        } 
        
        /* divy se řadí z prava vedle sebe*/
        .flex_row_left{
            display: flex;  
            flex-direction: row;                       
            justify-content: flex-start;               
        } 
        /* divy se řadí z prava vedle sebe*/
       
        .flex_row_right{
            display: flex; 
            flex-direction: row;
            align-items: center;            /*centrovaný svisle*/                           
            justify-content: flex-end;      /*uložený na pravo*/
                                   
        } 
                                   
                                      /*začátek definice column */
                            
        .flex_column{
            display: flex;    
            flex-direction: column; 
            justify-content: flex-start;        
        }
        .flex_column_center{
            display: flex;    
            flex-direction: column; 
            justify-content: center;        
        }  
      
        .flex_column_centerB{                  /*centrovaný na střed svisle*/
            display: flex;
            align-items: center;             /*centrovaný svisle*/                           
            justify-content: center;         /*centrovaný vodorovně ze středu*/
            flex-direction: column;                                  
         }  
                              
        /* formulářové prvky definice*/
      
        .flex_row .Edit_tl {
            width: 2.5%;        
        } 
        
        .flex_row div p{       
            margin: 5px 10px 5px 10px;                      
            font-family: sans-serif, Arial, Helvetica;
            color: #003300;
            text-align: left;               
        }
      
        .flex_row_right .Edit_tl {
            width: 9.5%;        
        } 
        
        .flex_row_right div p{       
            margin: 5px 10px 5px 10px;                      
            font-family: sans-serif, Arial, Helvetica;
            color: #003300;
            text-align: left;               
        }
        
         /*definice labelů obecně*/             
        .flex_row div p label{           
            font-size: 0.8em;
            color: #C0C0C0; 
        }
        .flex_row .date {   
            flex:0.5                   
        }
               
        .flex_row .date p input{
            width:60%; 
            margin-right:1%     
        }
       
        .flex_row .date01 p input{
            width:70%; 
            margin-right:1%
        }
      
        /*definice labelu-nadpisů pro jednotlivé sekce*/
        .section_head div p label       
        {          
            font-size: 1em; 
            font-weight: 400; 
            font-family: sans-serif, Arial, Helvetica;
            font-style: italic;
            color: #000000; 
            text-align: left;          
        }  
                          
        /*definice formulářových prvků*/
        .flex_row div p input,
        .flex_row div p select,
        .flex_row div p textarea
        {  
            width: 100%;    
            font-weight:600; 
            font-size: 1em;  
            padding: 3px 8px; 
            border: 0.0625em solid #000000;
            border-radius: 0.4em; 
            text-align: left;
        }
        
        .flex_row_center .zaznamy{
            width: 100%;                        
        }               
         
         /*flex jednotlivé*/
         
         .F_flex_row {
            display: flex;
            flex-direction: row;
         }
         .F_flex_column {
            display: flex;
            flex-direction: column;
         }
         .F_fl_dir_row {
            flex-direction: row;
         }
         .F_fl_dir_column {
            flex-direction: column;
         }
         .F_al-it_start {
            align-items: flex-start;
         }
         .F_al-it_center {
            align-items: center;
         }         
         .F_al-ii_end {
            align-items: flex-end;
         }
         .F_al-co_start {
            align-content: flex-start;
         }
         .F_al-co_center {
            align-content: center;
         }         
         .F_al-co_end {
            align-content: flex-end;
         }
         .F_ju-co_between {
            justify-content: space-between;
         } 
         /*Slouží pro výpis fodrů-seznamu dokumentů, pronájmů nájemníků v jednotce, nebo výpis v adresáři, kolikrá měl nájemník u nás nájem */
         
        .DIV_zaznamy {                     
              margin: 1em;
              padding: 1em;            
              border: 1px solid #990000;
              border-radius: 6px;
              background-color: #ffe9da;           
              height:auto;              
        }
        
        
        .DIV_zaznamy table {                           
             background-color: #EDF8FF;   
             width:100%;                        
        }
          
        .DIV_zaznamy table th,
        .DIV_zaznamy table td{
             margin: 0em;                             
             border: 1px solid #990000; 
             border-radius: 3px;  
             font-size: 80%;
             font-family: Arial, Helvetica, sans-serif;
             text-align: center;                                               
        }      
        .DIV_zaznamy table th{
             background: #dddddd;
             padding: 0px 5px;
             line-height: 20px;
        }
        
        .DIV_zaznamy table tr
        {
             margin: 0px;
             padding: 0px;              
             text-align: center;                 
        }
        
        .DIV_zaznamy table tr:hover {      
             background-color: #FF6600;
             cursor: pointer;
        }
        .DIV_zaznamy table td:nth-child(1){              
             padding: 0em 0.3em;    
             background-color: #ffc0c0;                                   
        } 
             
        .DIV_zaznamy .zaznamy_flex {              
            display: flex; 
            flex-direction: row; 
            align-items: center;             /* centrovaný svisle*/                   
            justify-content: flex-start;     /* centrovaný svisle nalevo*/                                            
        } 
        .DIV_zaznamy .zaznamy_flexA {                   /* rozdělí řádku rovnoměrně na daný počet částí (dětí)*/ 
            display: flex;  
            flex-direction: row; 
            align-items: center;             /* centrovaný svisle*/                                    
            justify-content: space-between;  /* rozdělí řádku rovnoměrně na počet jeho dětí - centrovaný vodorovně ze středu rozloženo na celou řádku*/                                                
        } 
        .DIV_zaznamy .zaznamy_flexB {              
            display: flex; 
            flex-direction: row; 
            align-items: center;             /*centrovaný svisle*/                           
            justify-content: center;         /*centrovaný vodorovně ze středu*/                                           
        } 
         .DIV_zaznamy .zaznamy_flex_right{
            display: flex; 
            flex-direction: row;
            align-items: center;            /*centrovaný svisle*/                           
            justify-content: flex-end;      /*uložený na pravo*/
                                   
        } 
      
        .DIV_zaznamy .zaznamy_flex div,
        .DIV_zaznamy .zaznamy_flexB div{              
          margin: 0px 0px;
          padding: 0px 0px;                                    
        }
        .DIV_zaznamy .zaznamy_flex div p,
        .DIV_zaznamy .zaznamy_flexB div p{              
        }
        
        .DIV_zaznamy #FORM_zaznamy .zaznamy_flexB .date p label{              
          color:#C0C0C0;                                       
        }                                 
       
        /* ****** DIV_zaznamy_dok - záznamy dokumentů ve DIVfolder_dok */
       
        .DIV_zaznamy #FORM_zaznamy .hlava{                      
          font-size: 1.5em;
          font-family: Arial, Helvetica, sans-serif;
          text-align: center;                                
        } 
       
        .DIV_zaznamy #FORM_zaznamy section{                      
          margin: 0px 0px;                              
        }
             
        .DIV_zaznamy #FORM_zaznamy .zaznamy_flexB .date p{              
          margin: 0px 30px; 
          text-align: left;                                       
        }
      
        .DIV_zaznamy #FORM_zaznamy .zaznamy_flexB .date p label{              
          color:#a0a0a0;                                       
        }
        .DIV_zaznamy #FORM_zaznamy .zaznamy_flexB .date p input{              
          margin: 5px 5px 15px 0px;                                       
        }
       
        .DIV_zaznamy #FORM_zaznamy .zaznamy_flex div p label
        .DIV_zaznamy #FORM_zaznamy .zaznamy_flexB div p label{                      
          font-size: 0.6em;
          font-family: Arial, Helvetica, sans-serif;
          text-align: center;                                
        } 
       
        .DIV_zaznamy .roluj_formular{                      
         display:none;                              
        } 
      
        /* ****** konec záznamy pro - DIVfolder_dok */
      
        .telo_edit .ovladac {
             margin-top: 1em;
             margin-left: 2%;
             text-align: left;
        }
         
                        
         
       /* slouží pro řádky s vyhledáváním funkce záznamy, ssluzby atd.*/     
     
       .radek_flex{
            display: flex; 
            flex-direction: row; 
            align-items: center;             /* centrovaný svisle*/                   
            justify-content: flex-start;     /* centrovaný svisle nalevo*/          
       } 
       .radek_flexB{                   /*centrovaný vodorovně ze středu*/
            display: flex; 
            flex-direction: row; 
            align-items: center;             /*centrovaný svisle*/                           
            justify-content: center;         /*centrovaný vodorovně ze středu*/                                 
       } 
       .radek_flex div p,
       .radek_flexB div p{
               
            margin: 0px 3px;                      
            font-family: sans-serif, Arial, Helvetica;
            color: #003300;
            text-align: left;               
       }    
             
               
       
        /*Zprava - zajišťuje běžné info o uložení, přepsání, smazání, výpočet služby,  atd.*/
        
        .zprava {
            width: 25%;
            height: auto;              
            padding: 0px 0px 20px 0px;            
            background: #DDDDDD;
            border: 1px solid #c3c3c3;
            border-radius: 6px;          
        }
        .zprava .form_logo {                                           
            margin-bottom: 0%;        
        }
        
        .zprava .form_logo p {                                 
            width: 1.5em;            
            background-color: #DEEEF8;
            border: 0.1em  solid #FFFFFF; 
            border-radius: 100%; 
            margin: 5px; 
            padding: 0px;            
        }
        .zprava .form_logo p img{                                     
            width: 120%; 
            height: 120%; 
            margin: 0px; 
            padding: 0px;                             
        } 
        .zprava_main {
            font-size: 0.8em;  
            font-family: Arial, Helvetica, sans-serif;
            color: #003300;             
        }
        .zprava_main p{
           margin: 5px;
           padding: 0px;
        }
                      
        /* registrační formulář "DIVprihlasit_nove" */
       
        .prihlasit{         
          border: 1px solid;
          border-color: #9a9a9a;
          background: #e4f7ff;
          border-radius: 10px;
          padding: 10px;
          width: 350px;  
        }
       
        .prihlasit_main {
           margin: 0 auto;
        }
        
        .prihlasit_head {
           font-size: 2em;
           font-weight: bold;
           padding-top: 0px;
           text-align: center;
        }
        .prihlasit_fce {
           width: 250px;
        }
        .inline-block {
           display: inline-block;
        }

        .row {
           margin: 15px 0px;
           text-align: center;
        }

        .form-label {
           margin-bottom: 5px;
           text-align: left;
        }

        input.input-box-330 {
           width: 250px;
        }
       
        input.btn {
           width: 250px
        }
        
        .prihlasit_main .error {
           color: #ee0000;
           padding: 0px;
           background: none;
           border: #ee0000;
        }

        .prihlasit_main .error-field {
           border: 1px solid #d96557;
        }

        .prihlasit_main .error:before {
           content: '*';
           padding: 0 3px;
           color: #D8000C;
        }
     
         
         /* ověření inputu ve formuláři Jmeno, Prijmeni, email, heslo, ověření hesla */
         
        .valid_input{
           border:1px solid green !important;
        }
        .invalid_input{
           border:2px solid red !important;
        }
        .invalid_msg{
           color: red !important;
           margin-left: 10px !important;          
        }