:root{
 --settingscolor: rgba(205,50,50,0.75);
 --selectorcolor: rgba(205,50,50,1);
}
body{
 position:absolute;
 left:0px;
 top:0px;
 width:100vw;
 height:100vh;
 margin:0px;
 padding:0px;
}

h1#gasgis {
 font-family: monospace;
 color:blue;
 font-size:xxx-large;
}

p {
 color: white;
}

div#background{
 position:absolute;
 opacity:0.4;
 margin:0px;
 padding:0px;
 width:100vw;
 height:100vh;
}

div#settings {
 position: relative;
 z-index: 50;
 margin: 5vh auto 0px auto;
 padding: 1em 0px 0px 0px;
 width: 340px;
 height: 550px;
 text-align:center;
 background-color: var(--settingscolor);
 -moz-box-shadow: 0px 0px 10px var(--settingscolor);
 -webkit-box-shadow: 0px 0px 10px var(--settingscolor);
 box-shadow: 0px 0px 10px var(--settingscolor);
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border-radius: 10px;
}

select#hisnestevilke {
 width:120px;
}

.vasi, .bliznjice {
  position: relative;
  height: 80px;
  color: #45f;
  border-radius: 10px;
}

.vas, .bliznjica {
  position: relative;
  display: inline-block;
  width: auto;
  margin-top:auto;
  margin-bottom:auto;
  line-height:1.4em;
  font-size: 22px;
  font-weight:bold;
}

label.vas:first-child, label.bliznjica :first-child {
  border-radius: 5px 0 0 5px;
}

label.vas:last-child, label.bliznjica:last-child {
  border-radius: 0 5px 5px 0;
}

label.vas, label.bliznjica {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;

  cursor: pointer;
  text-align: center;
  transition: transform 0.4s, color 0.4s, background-color 0.4s;
}

.vas input[type="radio"], .bliznjica input[type="radio"]  {
  appearance: none;
  width: 0;
  height: 0;
  opacity: 0;
}

.vas input[type="radio"]:focus, .bliznjica input[type="radio"]:focus  {
  outline: 0;
  outline-offset: 0;
}

.vas input[type="radio"]:checked ~ label, .bliznjica input[type="radio"]:checked ~ label {
  transition: transform 0.4s, color 0.4s, background-color 0.4s;
  padding: 5px;
  background-color: var(--selectorcolor);
  color: #fff;
}

.vas input[type="radio"]:active ~ label, .bliznjica input[type="radio"]:active ~ label  {
  transform: scale(1.05);
}

#mapid { 
  position:absolute;
  height: 100%; 
  width: 100%;
  
  /*
  height: 95vh;/**/
}
/*
#map_settings { 
  line-height: 5vh; 
}
*/
#txt_copy { 
  display:none;
}

.fa {
  margin-top: 8px !important;
}