#map-canvas {
  height: 250px;
}

#map-canvas img {
  max-width: none!important;
}

.box.visitor-info {
  overflow: hidden;
}

.entry[data-type="testing"] {
  background-color: #F9DA90;
}

.entry[data-type="staging"] {
  background-color: #92E7FC;
}

.entry[data-type="production"] {
  background-color: #93FFB4;
}

.share.active {
  
}

.share.blocked {
  background-color: #FC9292;
}


/* The CSS */
span.select select {
    padding:3px  12px !important;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;

    color:#888;

    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    height: 34px;

}

/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

span.select {position:relative;display: block;}
span.select:after {
    content:'<>';
    font:14px/33px "Consolas", monospace;
    color:#888;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:-1px;
    padding:0 0 2px;

    position:absolute;
    pointer-events:none;
    width: 33px;
    top:-2px;
    text-align: center;
    bottom: 5px;
    height: 38px;


}
span.select:before {
    content:'';
    right:1px; top:1px;
    width:26px; height:32px;
    background:#efefef;
    position:absolute;
    pointer-events:none;
    display:block;
}
span.select:after:hover {
    border-color: #3c8dbc !important;
    box-shadow: none;
}
.form-group.required label
{
    position: relative;
}
.form-group.required label:after
{
    content:'*';
    position: absolute;
    right: -12px;
    top: -7px;
    color: #f56954;
    font-size: 20px;
    pointer-events:none;
    display: inline-block;
    z-index: 2000;
    font-weight: bold;

}

.v-middle
{
    vertical-align:middle  !important;
}

.btn.remove .fa-trash-o
{
    line-height: 20px;
}