*{
  outline:none;
}
#toolboxContainer select {
    width: 90%;
}
#toolboxContainer input[type=text] {
    width: 80%;
}

#toolboxContainer label {
    display: block;
    margin-top: 5px;
}
#toolboxContainer {
  overflow-y: auto !important;
}
#toolboxContainer input.ui-button {
    color: #3d8ce3 !important;
    height:25px;
    background: #fff;
    border:solid 1px #00B0FF;
    border-radius:20px;
    padding:0 10px;
}
#toolboxContainer input.ui-button:hover{

background: rgba(0,176,255,0.15) !important;

border:solid 1px #00B0FF;

}
#geozone_tpl {
    display: none;
}

#zones {
    padding: 5px;
}
#zones .ui-widget-header input {
    width: 95%;
}
#zones .ui-widget-header input[name=zone_name] {
    width: 80%;
    border:none;
    border-bottom: solid 1px #00B0FF !important;
    padding-bottom:5px;
}
#zones ul.tagit {
    margin-top: 1px;
    margin-bottom: 1px;
}
#zones .geozoneWidget .ui-widget-content.controls {
    border: none;
    padding: 3px;
}

#zones .ui-widget-header span.zone_color {
  display: inline-block;
  border-radius: 50%;
  width: 1.2em;
  height: 1.2em;
  vertical-align: middle;
  padding: 5px;
    border: solid 1px;
}
#zones .ui-widget-header span.zone_name{
  display:inline-block;
  vertical-align:middle;
}
.ui-widget-header{
  padding:10px;
}
#zones ul.tagit{
  border:solid 1px #00B0FF !important;
  border-radius:20px;
  padding:10px;
}
#zones ul.tagit input{
  border-bottom:solid 1px #00B0FF;
  width:80px;
}
#zones ul.tagit li:not(:last-child){
   border:solid 1px #00B0FF;
   border-radius:20px;
}


#polygon,#circle,#pin {
  display:none;
  opacity:0.5;
}
span.circle #circle{
  display:block;
}
span.ping #pin{
  display:block;
}
span.shape  #polygon{
  display:block !important;
}
span.shape.ping  #polygon{
  display:none !important;
}
.geozoneWidget {
  border-bottom: solid 1px #b1b1b1;
  padding-bottom: 20px;
}