ul.share-buttons{
list-style: none;
padding: 0;
z-index: 900;
}

ul.share-buttons li{
display: inline;
z-index: 900;
}

ul.share-buttons .sr-only{
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden;
z-index: 900;
}
select { text-align-last: right; }
option {
    
    max-width: 50%;
    text-align: right;
    float: right;
    direction: rtl; 
}
option > span {
    max-width: 50px;
}
#submit {
    margin-bottom: 10px;
    float: left;
}
.formadd {
    background-color: #a9d0d6;
    max-height: 47vh;
    float: right;
    direction: rtl;
    text-align: right;
    padding: 10px;
    width: 25vw;
    /*height: 70vh;*/
    overflow-y: scroll;
    scrollbar-width: auto;
    margin: 10px;
}
.formadd > h2 {
    margin-bottom: 0;
}
.formadd > span {
    padding: 10px;
}
.formadd::-webkit-scrollbar {
    display: auto;
    scrollbar-width: auto;
}
.formremove {
    background-color: #D6AFA9;
    max-height: 47vh;
    float: right;
    direction: rtl;
    text-align: right;
    padding: 10px;
    width: 25vw;
    /*height: 70vh;*/
    overflow-y: scroll;
    scrollbar-width: auto;
    margin: 10px;
    /*font-size: medium;*/
}
h3 {
    margin: 3px;
}
.formremove > span {
    padding: 10px;
}
.formremove::-webkit-scrollbar {
    display: auto;
    scrollbar-width: auto;
  }
.report-link {
    color: blue;
    cursor: pointer;
    text-decoration: underline blue;
}
.map-add-comment{
    cursor:url("marker_cursor.cur"), default;
}
.comment{
    background-color: rgba(255,255,255,0.8);
    color: black;
    font-size: 14px;
    width: auto;
    padding: 5px;
    cursor: pointer;
    direction: rtl;
    text-align: center;
}
.comment-tooltip {
    display: none;
    background-color: rgba(110, 110, 110, 0.753);
    color: white;
    margin-left: 10px;
    padding: 10px;
    position: absolute;
    z-index: 1000;
    border-radius: 6px;
    /*width:200px;
    height:100px;*/
}
#map:hover .comment-tooltip {
    display: block;
}
.hidden-tooltip {
    display: none;
}
.Tooltip{
    color: #94a1ae;
    font-weight: 100;
    font-size: large;
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
    box-shadow: 0 1px 3px rgba(0,0,0,0);
    text-shadow: 1px 1px whitesmoke, -1px -1px whitesmoke, 1px -1px whitesmoke, -1px 1px whitesmoke;
}
.leaflet-tooltip {
    text-shadow: 2px 2px whitesmoke, -2px -2px whitesmoke, 2px -2px whitesmoke, -2px 2px whitesmoke;
    font-family: sans-serif; 
    font-size: 0.75rem;
    box-shadow: 0 0px 0px rgba(0,0,0,0);
    background: rgba(0,0,0,0);
    border: rgba(0,0,0,0);
}
#map:hover .comment-tooltip {
    display: block;
}

@media screen and (max-width: 460px) {
    .formremove {
        height: 30vh;
        width: 70vw;
        margin: 10px;
        margin-top: 7px;
        z-index: 1000;
        font-size: small;
    }
    .comment-tooltip{
        display: none;
    }
    #form {
        height: 50vh;
        width: 70vw;
        margin: 10px;
        margin-top: 7px;
        z-index: 1000;
        font-size: small;
    }
}