/**
 * Leaflet Overrides
 */

.map-view {
    position: relative;
    z-index: 100;
}

// Override leaflet layer image path
.leaflet-container {
  z-index: 199;
}
// .leaflet-control-layers-toggle {
//     background-image: url(../img/layers.png);
//     }
// .leaflet-retina .leaflet-control-layers-toggle {
//     background-image: url(../img/layers-2x.png);
//     }
input.leaflet-control-layers-selector {
    display: inline;
    float: none;
}

.leaflet-control-locate {
    .fa-map-marker {
        background: url(~ushahidi-platform-pattern-library/assets/img/icons/location.svg) no-repeat center center;
        background-size: 12px;
        width: 26px;
        height: 26px;
        display: inline-block;
    }
    .fa-spinner {
        background: url(~ushahidi-platform-pattern-library/assets/img/icons/loop-circular.svg) no-repeat center center;
        background-size: 12px;
        width: 26px;
        height: 26px;
        display: inline-block;
        animation: locate-spin 2s infinite linear;
    }
}


@-webkit-keyframes locate-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes locate-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.leaflet-map-pane svg.iconic {
    position: initial;
}

//  Override styles for reset button
#reset-button {
    background-color: white;
    height: 30px;
    width: 27px;
    padding: 8px 8px;
    margin-right: 0px;
    margin-bottom: 0px;
}