#helper_main{
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.50);
  z-index: 101;
  color: rgb(255,255,255);
  display: none;
}

#helper_icon_bar{
  width: 230px;
  background-color: rgb(49,132,155);  
}

.add-arrow{
  color: rgb(255,255,255);
  font-size: 25px;
  padding: 0px 10px 0px 10px;
  border: 1px solid;
}

.nova-sipka{
  position: absolute;
  font-size: 40px;
  border: 0px solid white;
  z-index: 102;
}

.arrow-info{
  font-size: 10px;
}

#arrow-name{
  font-size: 10px;
  color: black;
  cursor: pointer;
  z-index: 103;
}

.sipka-refresh{
  font-size: 18px;
  color: white;
  cursor: pointer;
}

.sipka-refresh:hover{
  color: green;
}

.sipka-save{
  font-size: 18px;
  color: white;
  cursor: pointer;
}
.sipka-save:hover{
  color: green;
}

.load-save{
  font-size: 28px;
}

#arrow-popis{
  font-size: 10px;
  height: 50px;
  width: 150px;
  color: black;
  cursor: pointer;
  z-index: 103;
}

.save-arrow{
  font-size: 14px;
  color: white;
  cursor: pointer;
}