:root{
    --color:white; 
	--hcolor:red;
  }
.ks_meni{ cursor:pointer; z-index: 101; font-size:30px; color:grey;  } 
.ks_meni:hover { color: white; font-weight: bold; } 
/* .ks_meni:hover { color: var(--c0h); } 
 */
.ksm{ cursor:pointer; z-index: 101; font-size:15px; color:var(--color); font-weight: bold; } 
.ksm:hover { color: var(--hcolor); font-weight: bold; } 

.mmm{ position:absolute; opacity: 0.8; padding:15px 15px 15px 15px; background:black; color:grey; top:50; border: 1px solid grey;}
 
.zastor{ position:absolute; 
 opacity: 0.8; padding:0px; background:black; color:grey; top:50; left:0; width:100%; height:93%; border: 1px solid grey;}

.Rmeni {
/*    visibility: hidden; #00b8e6*/ 
 
 overflow:hidden; 
  background-color: black;
  color: grey;
  text-align: left;
  border-radius: 0px;
  padding: 0px;
  top:50px; left:0%;
  opacity: 1; 
  position: absolute;
  z-index: 2;
  transition: width 1s;
  width: 0px;
  height: 89%;
  }/**/  
  
 /* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #00264d; 
  border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
} 
/*
.Zastor {
  
  background-color: blue;
  color: white;
  text-align: center;
  border-radius: 0px;
  padding: 45px 20px;
  top:50px; left:100%;
  opacity: 0.1;
  position: absolute;
  z-index: 1;
  transition: left 1s;
  width: 100%;
  height: 90%;
  }


.ks_meni .tooltiptext {
  visibility: hidden;

  background-color: black;
  color: grey;
  text-align: center;
  border-radius: 0px;
  padding: 45px 20px;
  top:0px; left:100%;
   
  position: absolute;
  z-index: 0;
  transition: left 1s;
  width: 50%;
  height: 100%;
  }

.ks_meni:hover .tooltiptext {
  visibility: visible;  
  left: 50%;

}


.ks_meni:hover .tooltiptext,active .tooltiptext {
  visibility: visible;  
  left: 50%;

}

 .ks_meni .tooltiptext {
  visibility: hidden;
  width: 180px;
  background-color: white;
  color: green;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  top:5px; left:80px;
  Position the tooltip
  position: absolute;
  z-index: 0;
} 

.tooltip1 {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  cursor:pointer;
  font-size:25px;
   color: grey;
}

.tooltip1 .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: grey;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  font-size:15px;
 
  position: absolute;
  z-index: 1;
  top: 40px;
  left: 20%;
}

.tooltip1:hover .tooltiptext {
  visibility: visible;
}*/