.tooltip-custom {
    color: black !important;
    min-height: 16px !important;
    max-height: 16px !important;
    min-width: 17px !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 5px !important;
    font-weight: bold !important;
    font-size: 11px !important;
    padding: 0px 1px 0px 0px !important;
    vertical-align: middle !important;
    text-align: center !important;
}

.tooltip-myjd {
    background: url("../../assets/images/myjd.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: left;
    background-color: white;
    padding: 2px 2px 2px 17px;
    color: black;
    min-height: 20px;
    max-height: 20px;
    min-width: 18px;
    box-shadow: none;
    border: none;
    border-radius: 3px;
    font-weight: bold;
    font-size: 11px;
}

.tooltip-agworld {
    background: url("../../assets/images/agworld.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    background-position: left;
    background-color: white;
    padding: 2px 2px 2px 17px;
    color: black;
    min-height: 20px;
    max-height: 20px;
    min-width: 18px;
    box-shadow: none;
    border: none;
    border-radius: 3px;
    font-weight: bold;
    font-size: 11px;
}

.tooltip-agworld-myjd {
    /* background: white;*/
    background: url("../../assets/images/agworld-myjd.png");
    background-size: 32px 16px;
    background-repeat: no-repeat;
    background-position: left;
    background-color: white;
    padding: 2px 2px 2px 36px;
    color: black;
    min-height: 20px;
    max-height: 20px;
    min-width: 18px;
    box-shadow: none;
    border: none;
    border-radius: 2px;
    font-weight: bold;
    font-size: 11px;
}

.tooltip-activities {
    color: black;
    min-height: 20px;
    /*max-height: 20px;*/
    min-width: 18px;
    box-shadow: none;
    border: none;
    border-radius: 3px;
    font-weight: bold;
    font-size: 11px;
    padding: 2px 2px 2px 2px;
    width: 200px;
    white-space: normal;
}

.tooltip-soil {
    padding: 0px !important;
    box-shadow: none !important;
    border: none !important;
    background-color: transparent !important;
    font-size: 11px !important;
}

.leaflet-tooltip-left.tooltip-custom::before {
    border-left-color: black;
}

.leaflet-tooltip-right.tooltip-custom::before {
    border-right-color: black;
}

.leaflet-right .leaflet-control {
    margin-right: 0px
}

.leaflet-top .leaflet-control {
    margin-top: 0px
}

.leaflet-left .leaflet-control {
    margin-left: 0px
}

.leaflet-tooltip-top:before, .leaflet-tooltip-bottom:before, .leaflet-tooltip-left:before, .leaflet-tooltip-right:before {
    display: none;
}

.leaflet-popup-pane {
   font-size: 11px !important;
}

.leaflet-popup-content {
    margin: 3px;
}

.leaflet-popup-content-wrapper {
    border-radius: 0px;
}

.gm-style iframe {
    width: 0px !important;
    height: 0px !important;
}


.leaflet-popup-tip-container {
    visibility: hidden;
    width: 40px;
    height: 20px;
    position: absolute;
    top: 50%;
    margin-left: -190px;
    overflow: hidden;
    pointer-events: none;
    transform: rotate(90deg);
}

.crosshair {
    display: inline-block;
    width: 5000px;
    height: 5000px;
    cursor: none;
    background: linear-gradient(black, black), linear-gradient(black, black), #00000000;
    background-position: center;
    background-size: 100% 1px, 1px 100%;
    background-repeat: no-repeat;
}

.crosshair-thick {
    display: inline-block;
    width: 5000px;
    height: 5000px;
    cursor: none;
    background: linear-gradient(red, red), linear-gradient(red, red), #00000000;
    background-position: center;
    background-size: 100% 1px, 1px 100%;
    background-repeat: no-repeat;
}