/*POLY EDIT STYLES */

body.ctrl .leaflet-pixi-overlay > canvas{
    cursor: crosshair !important;
}

body.shift .leaflet-pixi-overlay > canvas{
    cursor: crosshair !important;
}

.edit_info_div{

    position: absolute;
    min-height: 49px;
    background: white;
    right: 65px;
    z-index: 700;
    top: 37px;
    border-radius: 4px;
    border: 2px solid #0000006b;
    border: 2px solid rgba(0,0,0,0.2);
    background-clip: padding-box;
    font-family: sans-serif;
    font-family: 'Quicksand';
    padding: 8px;
    padding-bottom: 0px;
    min-width: 200px;
}


.new_polybutton{
    border: 1px solid darkgrey;
    border-radius: 4px;
    font-size: 10px;
    padding: 2px;
    box-shadow: 1px 2px 1px #00000030;
    margin-right: 1px;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 8px;
    position: relative;
    color: #6c6c6c;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hole_msg{
    font-size: 11px;
    text-align: center;
    margin-bottom: 5px;
    margin-top: -2px;
}

.new_polybutton .fas{
    padding-right: 3px;
    padding-bottom: 1px;
}

.new_polybutton.add_poly.active
{
 background-color: #74bbff4d;
}

.new_polybutton.hole.active
{
 background-color: #74bbff4d;
}

.polyname_container{
    display: flex;
    align-items: center;
}

.polyname_container input{
    font-size: 10px;
    height: 24px;
    flex: 1;
    outline: none !important;
}

.fast_exit{
    position: absolute;
    right: 7px;
    top: 5px;
    color: darkgrey;
}

.new_polybutton:hover{
    background-color: #e9e9e9;
    cursor: pointer;
}

.edit_section{
    margin-bottom: 5px;
}

.edit_info_div .ctrl{
    border: 1px solid darkgrey;
    border-radius: 4px;
    font-size: 10px;
    padding: 2px;
    box-shadow: 1px 2px 1px #00000030;
    margin-right: 1px;
}

.edit_info_div .polyslider{
    display: flex;
    justify-content: center;
    top: -7px;
    position: relative;
}

.edit_info_div .polyslider input{
        max-width: 110px;
        padding-left: 0px;
        padding-right: 0px;
}

.edit_info_div .poly_hex_span{
    margin-left: 10px;
    min-width: 47px;
    text-transform: uppercase;
}

.edit_info_div .poly_container{
    margin-left: 1px;
    display: flex;
    align-items: center;
    margin-top: 7px;
    justify-content: center;
    border-top: 1px solid #c5c4c4;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 11px;
/*    border-bottom: 1px solid #c5c4c4;*/
}

.edit_info_div .poly_trash{
    margin-left: 5px;
    color: #ababab;
    color: pointer;
}

.edit_info_div .polybreak{
    width: 100%;
    position: relative;
    height: 1px;
    top: -8px;
    border-bottom: 1px solid #c5c4c4;
}

#pickerdiv{
    opacity:0;
    width:20x;
    position:absolute; 
    cursor: pointer;
}

.edit_info_div .poly_trash.times{

    border-right: 1px solid #bdbdbd;
    border-left: 1px solid #bdbdbd;
    padding-right: 5px;
    padding-left: 5px;
}

.edit_info_div .poly_trash:hover{
    color: gray;
    cursor: pointer;
}

.edit_info_div .poly_color{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid;
    position: relative;
}

.edit_info_div .poly_color:hover{
    cursor: pointer;
}

.color_questionmark{
    color: black;
    position: absolute;
    z-index: 1;
    width: 20px;
    height: 20px;
    justify-content: center;
    align-items: center;
    top: 0px;
    left: -2px;
    text-align: center;
    z-index: -1;
}

.color_num{
    position: absolute;
    background: #4287f5;
    color: white;
    top: 12px;
    left: 8px;
    min-width: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 8px;
    border-radius: 3px;
    padding-left: 2px;
    padding-right: 2px;
    text-align: center;
    box-shadow: rgb(0 0 0 / 30%) 1px 1px 2px 0px;
}

/*POLY EDIT STYLES */