#drag-overlay {
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  left:0;
  z-index:9999;
  background:#333; color: #fff;
  opacity:0.9;
  filter:alpha(opacity=80); /* For IE8 and earlier */
  color:white;
  font: normal 700 32px sans-serif;
}

.drop-label {
  position:absolute;
  top:50%;
  left:50%;
  margin-right:-50%;
  transform:translate(-50%, -50%);

}

/* Query Control */
.nsi-control-query a{
  background-image: url('../images/load_folder.png');
  background-position: 5px 4px;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  opacity: .8;
}

.nsi-control-query ul {
  display: none;
  left: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  white-space: nowrap;
  z-index: -1;
}
  .nsi-control-query ul li {
    display: inline-block;
  }
    .nsi-control-query ul li:first-child a {
      border-left: none;
    }
    .nsi-control-query ul li button {
      background-color: #919187;
      border: none;
      border-radius: 0;
      color: #FFF;
      display: block;
      font: 11px/19px "Helvetica Neue", Arial, Helvetica, sans-serif;
      line-height: 28px;
      text-align: center;
      text-decoration: none;
      padding-left: 10px;
      padding-right: 10px;
      height: 28px;
      width: auto;
    }
      .nsi-control-query ul li button:hover {
        background-color: #a0a098;
      }
      .nsi-control-query ul li button.pressed {
        background-color: #74746a;
      }
      .nsi-control-query ul li:last-child button {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
      }

.hide-input{
    display:none!important;
}

/*query by shapefile control*/
/*Graph Control*/
.nsi-control-query-shape a.leaflet-bar-single {
  background-image: url('../images/github.png');
  background-position: 4px 4px;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  opacity: .8;
}

.nsi-control-query-shape ul {
  display: none;
  left: 24px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  white-space: nowrap;
  z-index: -1;
}
  .nsi-control-query-shape ul li {
    display: inline-block;
  }
    .nsi-control-query-shape ul li:first-child a {
      border-left: none;
    }
    .nsi-control-query-shape ul li button {
      background-color: #919187;
      border: none;
      border-radius: 0;
      color: #FFF;
      display: block;
      font: 11px/19px "Helvetica Neue", Arial, Helvetica, sans-serif;
      line-height: 28px;
      text-align: center;
      text-decoration: none;
      padding-left: 10px;
      padding-right: 10px;
      height: 28px;
      width: auto;
    }
      .nsi-control-query-shape ul li button:hover {
        background-color: #a0a098;
      }
      .nsi-control-query-shape ul li button.pressed {
        background-color: #74746a;
      }
      .nsi-control-query-shape ul li:last-child button {
        border-bottom-right-radius: 4px;
        border-top-right-radius: 4px;
      }