﻿.leaflet-top{
    top: 200px;
    right: -5px;        
}
.leaflet-control-layers-toggle {
    border-radius:50%;
}
.leaflet-control-layers-overlays,.leaflet-control-layers-separator{
    display: none;
}
.my_marker{
    width: 90px;
    height: 72px;
    background-color:transparent;
    padding: 0;
    margin: 0;
    position: relative;
    left: -40px;
    top: -40px;
}
.my_marker_p{
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: transparent;
}
.my_marker_img{
    width: 24px;
    height: 48px;
    text-align: center;
    /* margin: 50% 50%; */
    /* background-color: yellow; */
}

.my_marker_label{
    width: 90px;
    height: 24px;        
    position:absolute;
    /* left: -29px;         */
    top: 48px;
    font-size: 1.2em;
    text-align: center;
    font-weight: bolder;
    /* background-color: greenyellow; */
}
.leaflet-tooltip-pane{   
    border: 0;
    margin: 0;
    display: none;   
}

.marker_popup_container{
    width: 240px;
    height: 100%;
    border: 0;
    margin: 0;
    border-radius: 8px;
    background-color: #f37322;
    opacity: 0.8;
    padding: 8px;    
    font-size: 1em;
}

.marker_popup_container .label{
    width: 36%;
    float: left;
    padding-left: 3px;
    color: #fff;
    opacity: 1;
    /* text-align:right; */
}
.marker_popup_container .text{
    width: 63%;
    text-align: left;
    padding-left: 2px;
    float: left;
    color: #fff;
    opacity: 1;
}
.marker_popup_triangle {
    clear: both;
    width: 0;
    margin-right: auto;
    margin-left: auto;
    border: 12px solid transparent;
    border-top-color: #f37322;
    opacity: 0.8;
}
/* Machine Routing */
.leaflet-routing-collapse-btn{    
    right: 8px;
}