.afm-leaflet-toolbar-item {
    width: 34px;
    height: 34px;
    margin-bottom: 3px;
    cursor: pointer;
    padding: 2px;
    background-color: #006dbb;
    font-size: 10px;
}
.map-crs-scales.leaflet-control, .leaflet-control-better-scale-label-div > div {
    color: black;
    text-shadow: 0px 0px 3px whitesmoke;
}

    .map-crs-scales.leaflet-control.contrast, .leaflet-control-better-scale-label-div.contrast > div, div.leaflet-control-better-scale-label-div.contrast {
        color: white !important;
        text-shadow: 0px 0px 3px black;
    }
.ui-slider.ui-corner-all.ui-slider-horizontal.ui-widget.ui-widget-content {
    background: -moz-linear-gradient(left, white 0, black 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0,white), color-stop(100%,black)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, white 0,black 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, white 0,black 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left, white 0,black 100%); /* IE10+ */
    background: linear-gradient(to right, white 0,black 100%); /* W3C */
}
.leaflet-control-better-scale-ruler {
    box-shadow: 0px 0px 3px whitesmoke;
}
.panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}

.afm-action-button-active {
       border: 1px solid black;
}

.fa-layers svg,.fa-select-assets svg{
    pointer-events: auto;
   /* background-image: url('overlays_off.png');*/
    fill: white;
    width: 24px;
    height: 24px;
    stroke: white;
}
polygon#polygon505 {
    stroke: white;
  
}
 #cmd-overlay-popover:active .fa-layers svg, .fa-layers svg:hover, #cmd-overlay-popover:focus .fa-layers svg, #cmd-overlays:active .fa-layers svg, #cmd-overlays:focus .fa-layers svg, #cmd-overlay-popover:hover .fa-layers svg {
       fill: black;
    }

 #cmd-select-popover:hover .fa-select-assets svg g polygon#polygon505, #cmd-select-popover:active .fa-select-assets svg g polygon#polygon505, polygon#polygon505:hover, #cmd-select-popover:focus .fa-select-assets svg g polygon#polygon505,   #cmd-select-popover:active .fa-select-assets svg, .fa-select-assets svg:hover, #cmd-select-popover:focus .fa-select-assets svg, #cmd-select-popover:active .fa-select-assets svg, #cmd-select-popover:focus .fa-select-assets svg, #cmd-select-popover:hover .fa-select-assets svg {
       fill: black;
      stroke: black;
    }


  .afm-action-button-active .fa-layers svg,   .afm-action-button-active .fa-select-assets svg {
        fill: black;
    }

    .popover-content {
    max-height: calc(100vh - 180px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    pointer-events: auto;
}
    #app-popover-content-search-popover input {
    width: 100%;
}

@media screen and (max-width:450px) {
    .popover.leaflet-control {
        width: calc(100vw - 60px) !important;
        min-width: calc(100vw - 60px) !important;
    }
}

@media screen and (max-width:480px) {

    h3.headerTitle {
        font-size: 1em;
        margin-top: 1.35em;
    }
}

@media screen and (max-width:380px) {

    h3.headerTitle {
        font-size: .8em;
        margin-top: 2.05em;
    }
}

@media screen and (max-width:320px) {

    h3.headerTitle {
        font-size: .6em;
        margin-top: 2.95em;
    }
}