.kont {
width: 100;
height: 30;
background-color: #D8F3FC;
border-width: 1;
position: absolute;
}
.c_div_lista_obj{
width: 30;
height: 10;
background-color: #AAF3FC;
border-width: 1;
position: absolute;
}
.al_t_1_cel{
width: 50px;
height: 100%;
background-color: #D8F3FC; 
border-width: 1px;
position: absolute;
top: 1px;
}
.ContIconsTB_G1{ /* class za kontejner za grupu ikona*/
height: 34px;
display: inline-block;
background-color: transparent;
border-left-color:#C0C0C0;
border-right-color: #C0C0C0;
border-left-style: solid;
border-right-style: solid;
}
.ContIconsTB_G2{ /* class za kontejner za grupu ikona*/
height: 34px;
vertical-align:center;
display: inline-block;
background-color: transparent;
border-left-color:#C0C0C0;
border-right-color: #C0C0C0;
border-left-style: solid;
border-right-style: solid;
padding-left:2px;
}
.ContIconsTB_G3{ /* class za kontejner za grupu ikona*/
height: 34px;
display: inline-block;
background-color: transparent;
border-left-color:#C0C0C0;
border-right-color: #C0C0C0;
border-left-style: solid;
border-right-style: solid;
}
.divIc{/*kontejner za ikonu*/
position: absolute;
width: 32px;
height: 32px;
}
.IconTB{
margin: 3px;
 width: 24px;
height: 24px;
}
.IconStBar{
 
 
 margin: 4px; 
width: 16px;
height: 16px;
}
.framecontObj_v1{/*okvir objekta kont obj*/
position: absolute;
background-color: transparent;
border-style: solid;
border-color: #00000;
border-width: 1px;
border-radius:5px;
}
.framenbarObj_v1{/*bar za naziv objekta kont obj*/
position: absolute;
background-color: #ababab;
border-style: solid;
border-color: #ababab;
border-width: 1px;
}
.framesbarObj_v1{/*status bar za objekta kont obj(unosi vidljive napomene vezane za obj icons menu)*/
position: absolute;
background-color: #ababab;
border-style: solid;
border-color: #ababab;
border-width: 1px;
}
.frameobarObj_v1{/*contejner za subobj*/
position: absolute;
background-color: #00FA9A;
border-style: solid;
border-color: #ababab;
border-width: 0px;
overflow: hidden;
}
.framenbarSubObj_v1{/*nameBar za naziv SubObj_v1*/
position: absolute;
background-color: 	 #e3f2a2;
 
}
.framesbarSubObj_v1{/*statusBar za subobjekte   kont obj(unosi vidljive napomene vezane za obj icons menu)*/
position: absolute;
background-color: #dae89b;
/*
border-style: solid;
border-width: 1px;
*/
}
.input{
background-color: transparent;
width: 80%;
height: 99%;
display: inline-block;
 border: 0px  ;
 
}
.inputSub{
background-color: transparent;
width: 99%;
height: 99%;
border:0px;
}
.edit_obj_v1{
position: absolute;
display: inline-block;
width: 16px;
height: 16px;
right: 1px;
top: 1px;
}
.check_obj_v1{
position: relative;
display: inline-block;
width: 16px;
height: 16px;
left: 1px;
top: 1px;
}
.TB_obj_v1{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
margin-top: 4px;
 
}
.TB_obj_v1_nap{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
margin-top: 4px;
visibility:visible;
}
.cont_EditSTObj{
position:absolute;
background-color:#f0f0f0;
border-style:solid;
border-width:1px;
}
/* -----------------desni click menu-------------*/
.ctxmenu
{
  position:absolute;    
  min-width: 128px;
  height:auto;
  padding: 2px;
  margin:0;
  margin-left:2px;
  margin-top:0px;
  border: 1px solid #999;
  background: #F8F8F8;
  box-shadow: 2px 2px 2px #AAA;
  z-index:11000;
  overflow: visible;
  display: flex;
  flex-direction:column;
  left:3px;

  
}
.ctxline
{
	position:relative;
	left:3px;
  display:block;
    margin: auto;
  padding:2px 2px 2px 0px;
  border:1px solid #F8F8F8;
  border-radius:3px;
  font-size:13px;
  font-family:Arial, Helvetica, sans-serif;
  overflow:visible;
    justify-content: center;
}
.ctxline:hover
{
  border:1px solid #BBB;
  background-color:#B5DDB7;
}
.cl_kon_obj_osn :hover{
	background-color:#62f7be;
}

 .cl_li_ul_ctxmenu1_stb{
	 
position:relative;
 list-style: none; 


 }
 /*------------------Klase Obj_v1---------------------------*/
 
 
 
 .cl_kont_obj_v1{
 
    background-color:#f2eaab;
	border: 1px solid #000000;
    border-radius: 10px;	 
	 
 } 
 
 .cl_sel_odabir_jezika{
	 
	 position:absolute;
	 margin:0px;
	 border-style:solid; 
	 border-width:1px;
	 padding:5px ;
	 background-color:#ffffff;
 }
 
  .cl_nb_obj_v1{
	  
	background-color:#f2eaab;
	  border-top:  0px solid #000000;
  border-radius:10px 10px 0px 0px;	
  }
  .cl_sb_obj_v1{
	 background-color:#efe070;
	  border-bottom:  0px solid #000000;
        border-radius: 0px 0px 10px 10px;	  
 		
  }
	.cl_konektor{
	border:1px	solid transparent;
	
		
	}
	 .cl_konektor :hover{
	border:1px	solid transparent;
	/* background-color:#f2d8c6; */
		
	}
 /*---------------------------------------------*/
 
 .cl_explore_files_open{
	 
 }
 .cl_explore_files_open li {
	 	list-style: none; /*on enleve les icones de liste */
 	 
 }
  .cl_explore_files_open ul li :hover{
	  
  background-color: #ffaaee;
  }
  
  .cl_explore{
	  
  }
 /*------------------------------------------------------*/
 .cl_kont_obj_v2{
 
	border: 1px solid #000000;
   	 
	 
 }
 .cl_li_help{
	 
	 display:line-block;
 }
 /* -----------------desni click menu--ststusBar Obj_v1-----------*/
 
 
  /*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/
div#lista_menu_stb{
          width: 150px;
		   border-radius:3px;
         }

div#lista_menu_stb ul {
             padding: 0;
             width: 100px;
            /* border:1px solid;*/
             margin:0px; 
			 width:100%;
			background-color: #a1edad; 
			 display: flex;
			flex-direction:column;
		
            }

/*On positionne les elements du menu */
div#lista_menu_stb ul li {
				position:relative;
				list-style: none; /*on enleve les icones de liste */
				font-size:13px;
				height:30px;
				font-family:Arial, Helvetica, sans-serif;
				margin-top:2px;	
				margin-bottom:2px;
				left:3px;
			   /*  border-bottom:1px solid; ajout d'une bordure de separation d'element:*/
               }
div#lista_menu_stb ul li img {
	position:relative;
 margin-left:3px;
vertical-align:middle;	
padding-right:5px;
 
			   /*  border-bottom:1px solid; ajout d'une bordure de separation d'element:*/
               }
div#lista_menu_stb li:hover {
                   background: #C7CCC8;
				   
                  }

div#lista_menu_stb ul ul {
                position: absolute;
                top: 0;
                left: 150px;
                display:none
				
				}  

div#lista_menu_stb li a {
               text-decoration: none; /* plus de soulignement pour les liens */
              } 
			  
			  div#ctxmenu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#ctxmenu ul.niveau2 li.sousmenu:hover ul.niveau3 {
                                                  display:block;
                                                 }
  /* -----------------desni click menu--V2-----------*/
 
 /*-----------------------------------------------------*/
  /*------------------------------------------------------*/
 /* -----------------desni click menu--ststusBar SubObj_v1 -----------*/
 
  /*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/
div#lista_menu_stb_subobj{
          width: 200px;
		   border-radius:3px;
         }

div#lista_menu_stb_subobj ul {
             padding: 0;
             width: 100px;
            /* border:1px solid;*/
             margin:0px; 
			 width:100%;
			background-color: #f7e488; 
			 display: flex;
			flex-direction:column;
		
            }

/*On positionne les elements du menu */
div#lista_menu_stb_subobj ul li {
				position:relative;
				list-style: none; /*on enleve les icones de liste */
				font-size:13px;
				height:30px;
				font-family:Arial, Helvetica, sans-serif;
				margin-top:2px;	
				margin-bottom:2px;
				left:3px;
			   /*  border-bottom:1px solid; ajout d'une bordure de separation d'element:*/
               }
div#lista_menu_stb_subobj ul li img {
	position:relative;
 margin-left:3px;
vertical-align:middle;	
padding-right:5px;
 
			   /*  border-bottom:1px solid; ajout d'une bordure de separation d'element:*/
               }
div#lista_menu_stb_subobj li:hover {
                   background: #C7CCC8;
				   
                  }

div#lista_menu_stb_subobj ul ul {
                position: absolute;
                top: 0;
                left: 150px;
                display:none
				
				}  

div#lista_menu_stb_subobj li a {
               text-decoration: none; /* plus de soulignement pour les liens */
              } 
			  
			  div#ctxmenu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#ctxmenu ul.niveau2 li.sousmenu:hover ul.niveau3 {
                                                  display:block;
                                                 }
  /* -----------------desni click menu--V2-----------*/
 
 /*-----------------------------------------------------*/
 .cl_li_ul_ctxmenu1{
	 
	 	position:relative;
 list-style: none; 


 }
 
 /* -----------------desni click menu--V2-----------*/
 
 
 
  /*on definit la taille de la div du menu ainsi que la taille de parties du menu.*/
div#ctxmenu1{
          width: 150px;
		   border-radius:3px;
         }

div#ctxmenu1 ul {
             padding: 0;
             width: 100px;
            /* border:1px solid;*/
             margin:0px; 
			 width:100%;
			background-color: #B6BAB6;
			 display: flex;
			flex-direction:column;
		
            }

/*On positionne les elements du menu */
div#ctxmenu1 ul li {
				position:relative;
				list-style: none; /*on enleve les icones de liste */
				font-size:13px;
				height:30px;
				font-family:Arial, Helvetica, sans-serif;
				margin-top:2px;	
				margin-bottom:2px;
				left:3px;
			 	 
 
			 
			   /*  border-bottom:1px solid; ajout d'une bordure de separation d'element:*/
               }
			   
div#ctxmenu1 ul li img {
	position:relative;
 margin-left:3px;
vertical-align:middle;	
padding-right:5px;
 
			   /*  border-bottom:1px solid; ajout d'une bordure de separation d'element:*/
               }			   
div#ctxmenu1 li:hover {
                   background: #C7CCC8;
				   
                  }

div#ctxmenu1 ul ul {
                position: absolute;
                top: 0;
                left: 150px;
                display:none
				
				}  

div#ctxmenu1 li a {
               text-decoration: none; /* plus de soulignement pour les liens */
              } 
			  
			  div#ctxmenu ul.niveau1 li.sousmenu:hover ul.niveau2,
div#ctxmenu ul.niveau2 li.sousmenu:hover ul.niveau3 {
                                                  display:block;
                                                 }
  /* -----------------desni click menu--V2-----------*/
  .cl_lista_TBO{
list-style:none;	  
	  
  }
  .cl_li_sel_odabir_jezik{
	  position:relative;
	  list-style: none;
	  height:34px;
	  margin:0px; 
	  padding: 0px;   
	  
  }
/*-----------------------menu-1---------------*/

 
  /*-------------------------lista sadržaj help-------------------------*/
 

div#help_home ul {
             padding: 0px;
             
            /* border:1px solid;*/
             margin-left:0px; 
			 width:100%;
			background-color: #d7f9c5;
			 display: flex;
			flex-direction:column;
		
            }

/*On positionne les elements du menu */
div#help_home ul li {
				position:relative;
				list-style: none; /*on enleve les icones de liste */
				font-size:13px;
				height:40px;
				font-family:Arial, Helvetica, sans-serif;
				margin-top:2px;	
				 padding-left:20px;
				margin-bottom:2px;
				left:3px;
			 	 
 
			 
			   /*  border-bottom:1px solid; ajout d'une bordure de separation d'element:*/
               }
			   
div#help_home ul li img {
				position:relative;
				margin-left:10px;
				vertical-align:middle;	
				/*padding-right:5px;*/
 
			   /*  border-bottom:1px solid; ajout d'une bordure de separation d'element:*/
               }			   
div#help_home  li:hover {
                   background: #d9f9ed;
				   
                  }

p#help_home_menu ul ul {
                position: absolute;
                top: 0;
                left: 150px;
                display:none
				
				}  

p#help_home_menu li a {
               text-decoration: none; /* plus de soulignement pour les liens */
              } 
			  
			  div#ctxmenu ul.niveau2 li.sousmenu:hover ul.niveau2,
div#ctxmenu ul.niveau2 li.sousmenu:hover ul.niveau3 {
                                                  display:block;
                                                 }
  /* -----------------desni click menu--V2-----------*/
 
/*-----------------lista aktiviranih alarma_v1-----------------------------*/
 /* -----------------desni click menu--V2-----------*/
 
 /* -----------------lista aktiviranih alarma_v1  -----------*/
 
  div#alarm_list{
	  position:absolute;
	  top:50px;
	  left:50px;
	  visibility: visible;
          width: 150px;
		  height:auto ;
		   border-radius:3px;
		   overflow:auto;
         }

div#alarm_list ul {
             padding: 0;
             width: 100px;
            /* border:1px solid;*/
             margin:0px; 
			 width:100%;
			background-color: #B6BAB6;
			 display: flex;
			flex-direction:column;
		
            }

/*On positionne les elements du menu */
div#alarm_list ul li {
				position:relative;
				list-style: none; /*on enleve les icones de liste */
				font-size:13px;
				height:30px;
				font-family:Arial, Helvetica, sans-serif;
				margin-top:2px;	
				margin-bottom:2px;
				left:3px;
			 	 
 
			 
			   /*  border-bottom:1px solid; ajout d'une bordure de separation d'element:*/
               }
			   
div#alarm_list ul li img {
	position:relative;
 margin-left:3px;
vertical-align:middle;	
padding-right:5px;
 
			   /*  border-bottom:1px solid; ajout d'une bordure de separation d'element:*/
               }			   
div#alarm_list li:hover {
                   background: #C7CCC8;
				   
                  }

div#alarm_list ul ul {
                position: absolute;
                top: 0;
                left: 150px;
                display:none
				
				}  

div#alarm_list li a {
               text-decoration: none; /* plus de soulignement pour les liens */
              } 
			  
		 
  /* -----------------desni click menu--V2-----------*/
 /* -----------------lista aktiviranih alarma_zadatak  -----------*/
 
  div#alarm_zadatak_list{
	  position:absolute;
	  top:50px;
	  left:50px;
	  visibility: visible;
          width: 150px;
		  height:auto ;
		   border-radius:3px;
		   overflow:auto;
         }

div#alarm_zadatak_list ul {
             padding: 0;
             width: 100px;
            /* border:1px solid;*/
             margin:0px; 
			 width:100%;
			background-color: #B6BAB6;
			 display: flex;
			flex-direction:column;
		
            }

/*On positionne les elements du menu */
div#alarm_zadatak_list ul li {
				position:relative;
				list-style: none; /*on enleve les icones de liste */
				font-size:13px;
				height:30px;
				font-family:Arial, Helvetica, sans-serif;
				margin-top:2px;	
				margin-bottom:2px;
				left:3px;
			 	 
 
			 
			   /*  border-bottom:1px solid; ajout d'une bordure de separation d'element:*/
               }
			   
div#alarm_zadatak_list ul li img {
	position:relative;
 margin-left:3px;
vertical-align:middle;	
padding-right:5px;
 
			   /*  border-bottom:1px solid; ajout d'une bordure de separation d'element:*/
               }			   
div#alarm_zadatak_list li:hover {
                   background: #C7CCC8;
				   
                  }

div#alarm_zadatak_list ul ul {
                position: absolute;
                top: 0;
                left: 150px;
                display:none
				
				}  

div#alarm_zadatak_list li a {
               text-decoration: none; /* plus de soulignement pour les liens */
              } 
			  
	  			  
/*-----------------id elementi -----------------------------*/
 div#checkList_list{
	  position:absolute;
	  top:50px;
	  left:300px;
	  visibility: visible;
          width: 150px;
		  height:auto ;
		   border-radius:3px;
		   overflow:auto;
         }

div#checkList_list ul {
             padding: 0;
             width: 100px;
            /* border:1px solid;*/
             margin:0px; 
			 width:100%;
			background-color: #B6BAB6;
			 display: flex;
			flex-direction:column;
		
            }

/*On positionne les elements du menu */
div#checkList_list ul li {
				position:relative;
				list-style: none; /*on enleve les icones de liste */
				font-size:13px;
				height:30px;
				font-family:Arial, Helvetica, sans-serif;
				margin-top:2px;	
				margin-bottom:2px;
				left:3px;
				background-color:#f46b6b;
			 	 
 
			 
			   /*  border-bottom:1px solid; ajout d'une bordure de separation d'element:*/
               }
			   
div#checkList_list ul li img {
	position:relative;
 margin-left:3px;
vertical-align:middle;	
padding-right:5px;
 
			   /*  border-bottom:1px solid; ajout d'une bordure de separation d'element:*/
               }			   
div#checkList_list li:hover {
                   background: #C7CCC8;
				   
                  }

div#checkList_list ul ul {
                position: absolute;
                top: 0;
                left: 150px;
                display:none
				
				}  

div#checkList_list li a {
               text-decoration: none; /* plus de soulignement pour les liens */
              } 
			  
		  			  
/*-----------------id elementi -----------------------------*/
 /* -----------------lista aktiviranih alarma_v1  -----------*/
 
  div#alarm_list{
	  position:absolute;
	  top:50px;
	  left:50px;
	  visibility: visible;
          width: 150px;
		  height:auto ;
		   border-radius:3px;
		   overflow:auto;
         }

div#alarm_list ul {
             padding: 0;
             width: 100px;
            /* border:1px solid;*/
             margin:0px; 
			 width:100%;
			background-color: #B6BAB6;
			 display: flex;
			flex-direction:column;
		
            }

/*On positionne les elements du menu */
div#alarm_list ul li {
				position:relative;
				list-style: none; /*on enleve les icones de liste */
				font-size:13px;
				height:30px;
				font-family:Arial, Helvetica, sans-serif;
				margin-top:2px;	
				margin-bottom:2px;
				left:3px;
			 	 
 
			 
			   /*  border-bottom:1px solid; ajout d'une bordure de separation d'element:*/
               }
			   
div#alarm_list ul li img {
	position:relative;
 margin-left:3px;
vertical-align:middle;	
padding-right:5px;
 
			   /*  border-bottom:1px solid; ajout d'une bordure de separation d'element:*/
               }			   
div#alarm_list li:hover {
                   background: #C7CCC8;
				   
                  }

div#alarm_list ul ul {
                position: absolute;
                top: 0;
                left: 150px;
                display:none
				
				}  

div#alarm_list li a {
               text-decoration: none; /* plus de soulignement pour les liens */
              } 
			  
		 
  /* -----------------desni click menu--V2-----------*/
 /* -----------------lista dokumenata  -----------*/
 
/*  div#explore_naz_doc{
	  position:absolute;
	  top:50px;
	  left:50px;
	  visibility: visible;
          width: 150px;
		  height:auto ;
		   border-radius:3px;
		   overflow:auto;
         }

div#explore_naz_doc ul {
             padding: 0;
             width: 100px;
         
             margin:0px; 
			 width:100%;
			background-color: #B6BAB6;
			 display: flex;
			flex-direction:column;
		
            }*/

/*On positionne les elements du menu */
div#explore_naz_doc ul li {
				position:relative;
				list-style: none; /*on enleve les icones de liste */
				font-size:13px;
				height:30px;
				font-family:Arial, Helvetica, sans-serif;
				margin-top:2px;	
				margin-bottom:2px;
				left:3px;
			 	 
 
			 
			   /*  border-bottom:1px solid; ajout d'une bordure de separation d'element:*/
               }
			   
div#explore_naz_doc ul li img {
	position:relative;
 margin-left:3px;
vertical-align:middle;	
padding-right:5px;
 
			   /*  border-bottom:1px solid; ajout d'une bordure de separation d'element:*/
               }			   
div#explore_naz_doc li:hover {
                   background: #C7CCC8;
				   
                  }

div#explore_naz_doc ul ul {
                position: absolute;
                top: 0;
                left: 150px;
                display:none
				
				}  

div#explore_naz_doc li a {
               text-decoration: none; /* plus de soulignement pour les liens */
              } 
			  
	  			  
/*-----------------id elementi -----------------------------*/

/*-----------------id elementi -----------------------------*/
body{
 margin: 0;
 width:4000px;
 height:4000px;
 
}
#omotac_boja{
position: absolute;
top: 0px;
left: 0px;
 
background-color:#e6fff2 ;
z-index:1;

}
#omotac{
position: absolute;
top: 0px;
left: 0px;
 
background-color:transparent ;
z-index:3;

}
#omotac_kon{
position: absolute;
top: 0px;
left: 0px;
 
background-color: transparent ;
z-index:2;
}
 #omotac_sjena{position: absolute;top: 0px;left: 0px;width: 100%;height:100%;background-color:transparent ;z-index:2000;opacity:1.0;}

#menu-1{
position:fixed;
top:0px;
height:50px;
width:100%;	
font-family: "Century Gothic", helvetica, arial, sans-serif;
font-size:13;	
z-index:100000;
}

#ToolsBar_1{
position:fixed;
top:1px;
left:5px;
height:34px;
width:100%;
background-color:#1BD1F2;
}


#ContIconsToolsBar_1 /* kontejener toolsbar ikone*/
{ 
top:30px;
position: absolute; 
 height:30px;
left: 1px;
background-color: #DCDCDC;
border:1px solid #1BD1F2;
padding-bottom:2px;
padding-top:2px;
}

#ContIconsToolsBar_2 /* kontejener toolsbar ikone*/
{
position: absolute;
top: 38px;
left: 50px;
background-color: #DCDCDC;
} 
#ecran_8{	/*	position:absolute;	top:30%;	left:20%;	width:300px;	height:200px;	opacity:1.0;*/}


/*-----------------------help komentari------------*/	
#help_home{
	
position:absolute;
top:30px;
left:0px;
width:100%;
height:800px;
overflow:auto;
}
div#help_video_menu {
	background-color:#d5fcb3;
	position:absolute;
	top:30px;
	left:400px;
	width:300px;
	height:700px;

}
div#help_video_menu ul {
				position:relative;
				 height:100%;
				left:3px;	
}
div#help_video_menu ul li{
				position:relative;
				list-style: none; /*on enleve les icones de liste */
				font-size:13px;
				 height:50px;
				font-family:Arial, Helvetica, sans-serif;
				margin-top:2px;	
				margin-bottom:2px;
				left:3px;	
}
/*--------------------end---help komentari------------*/	 
#progress_bar_doc{
 border: 1px solid #0099CC;
  
    
    border-radius: 3px;
    margin: 0px;
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);	
	
				}
#progress_bar_doc .progress-bar{
	height: 20px;
    border-radius: 3px;
    background-color: #f39ac7;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
	padding: 1px;
}
#progress_bar_doc .status{
	top:3px;
	left:50%;
	position:absolute;
	display:inline-block;
	color: #000000;
}
 
#progress_bar_doc_koresp{
 border: 1px solid #0099CC;
  
    
    border-radius: 3px;
    margin: 0px;
    text-align: left;
    background: #fff;
    box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12);	
	
}
#progress_bar_doc_koresp .progress-bar{
	height: 20px;
    border-radius: 3px;
    background-color: #f39ac7;
    width: 0;
    box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11);
	padding: 1px;
}
#progress_bar_doc_koresp .status{
	top:3px;
	left:50%;
	position:absolute;
	display:inline-block;
	color: #000000;
}