#plotapp {position:relative;width: 100%; height:600px; }
.woopb_bg_loading { display:none;background-color:rgba(0,116,60,0.5); position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:99999999}
.woopb_bg_loading_screen { padding:25px;position: absolute;left: 50%; top:50%;transform: translate(-50%, -50%); background-color:#fff; -webkit-box-shadow: 0px 0px 11px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow:0px 0px 11px 0px rgba(50, 50, 50, 0.75); box-shadow:0px 0px 11px 0px rgba(50, 50, 50, 0.75);  }
.woopb_bg_loading_screen .btns button { position:relative; display: block; margin:0 auto; }

.hud_container { color:#fff; width: 190px; height:90%; font-size: 10px; position:absolute; z-index:99999999; right:15px; top: 5%; padding: 20px; background-color:rgba(0,116,60,0.9); }
.hud_container fieldset { position:relative;border:0px solid #fff !important; }
.hud_selection_tools img.selimg { cursor:pointer; opacity:0.3;}
.hud_selection_tools img.selimg:hover { opacity:1;}
.hud_selection_tools img.selimg.selselect { opacity:1}
.hud_selection_tools select {padding: 5px; margin-bottom:5px;}
.hud_container button, .hud_container select { width:100%; margin-top:5px; }
.hud_selection_tools legend {position: absolute; top: -15px; }

.hud_container small { padding: 5px; margin-top:-5px; }
.colorblock {color:#fff; display: inline-block; padding: 10px 15px; margin:5px;  }
.colorFree { color:#000;border: 1px solid #fff; background-color:rgba(255,255,255,0.6); }
.colorReserved { background-color: #f48120; border: 1px solid #fff; }
.colorTaken { background-color: #8eb506; border: 1px solid #fff; }
.colorSelected { color:#000;background-color: #ffe04f; border: 1px solid #fff; }

.iconleft { cursor:pointer; }
.iconright {  cursor:pointer; }
.iconup {  cursor:pointer;}
.icondown {  cursor:pointer;  }




.lds-grid {
  display: block;
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.lds-grid div {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 0%;
  background: #000;
  animation: lds-grid 1.2s linear infinite;
}
.lds-grid div:nth-child(1) {
  top: 8px;
  left: 8px;
  animation-delay: 0s;
}
.lds-grid div:nth-child(2) {
  top: 8px;
  left: 32px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(3) {
  top: 8px;
  left: 56px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(4) {
  top: 32px;
  left: 8px;
  animation-delay: -0.4s;
}
.lds-grid div:nth-child(5) {
  top: 32px;
  left: 32px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(6) {
  top: 32px;
  left: 56px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(7) {
  top: 56px;
  left: 8px;
  animation-delay: -0.8s;
}
.lds-grid div:nth-child(8) {
  top: 56px;
  left: 32px;
  animation-delay: -1.2s;
}
.lds-grid div:nth-child(9) {
  top: 56px;
  left: 56px;
  animation-delay: -1.6s;
}
@keyframes lds-grid {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}