.trash-icon {
    filter: invert(22%) sepia(92%) saturate(7497%) hue-rotate(351deg) brightness(102%) contrast(101%);
    width: 24px;
    height: 24px;
}

.edit-icon {
    filter: invert(39%) sepia(7%) saturate(0%) hue-rotate(166deg) brightness(91%) contrast(85%);
    width: 24px;
    height: 24px;
}

.add-icon {
    filter: invert(52%) sepia(50%) saturate(611%) hue-rotate(84deg) brightness(92%) contrast(87%);
    width: 24px;
    height: 26px;
}

.erase-icon {
    filter: invert(46%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(88%) contrast(88%);
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 22px;
    height: 22px;
}
.erase-icon2 {
    filter: invert(46%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(88%) contrast(88%);
    position: absolute;
    right: 80px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    width: 22px;
    height: 22px;
}

/*.my-marker {*/
/*    position: relative; !* Позволяет позиционировать дочерние элементы относительно этого контейнера *!*/
/*    margin-left: -20px;*/
/*    margin-top: -80px;*/
/*    border: 2px black;*/
/*    width: 40px;*/
/*    height: 40px;*/
/*    cursor: pointer;*/
/*    filter: invert(39%) sepia(7%) saturate(0%) hue-rotate(166deg) brightness(91%) contrast(85%);*/
/*}*/
.my-marker-container {
    position: relative;
    margin-left: -20px; /* Сместить весь контейнер, включая текст */
    margin-top: -40px;  /* Сместить весь контейнер, включая текст */
    width: 60px;
    height: 70px;
    cursor: pointer;
}

.my-marker {
    width: 100%; /* Используем всю ширину родительского контейнера */
    height: 100%;
}

.marker_text {
    color: white;
    position: absolute;
    text-shadow:
            -1px -1px 0 black,  /* Верхняя левая тень */
            1px -1px 0 black,  /* Верхняя правая тень */
            -1px  1px 0 black,  /* Нижняя левая тень */
            1px  1px 0 black;  /* Нижняя правая тень */
    z-index: 10;
    top: 33%;  /* Сдвигаем текст чуть выше */
    left: 50%;
    transform: translate(-50%, -50%);  /* Центрируем текст по горизонтали и вертикали */
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    padding: 0;  /* Убираем возможные отступы */
}
.marker_text_find {
    color: white;
    text-shadow:
            -1px -1px 0 black,  /* Верхняя левая тень */
            1px -1px 0 black,  /* Верхняя правая тень */
            -1px  1px 0 black,  /* Нижняя левая тень */
            1px  1px 0 black;  /* Нижняя правая тень */
    position: absolute;
    z-index: 10;
    top: 40%;  /* Сдвигаем текст чуть выше */
    left: 50%;
    transform: translate(-50%, -50%);  /* Центрируем текст по горизонтали и вертикали */
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    padding: 0;  /* Убираем возможные отступы */
}
.marker_color_find {
    /*filter: brightness(0) saturate(100%) invert(49%) sepia(96%) saturate(5916%) hue-rotate(347deg) brightness(101%) contrast(93%);*/
}

.marker_color_САО {
    filter: brightness(0) saturate(100%) invert(80%) sepia(53%) saturate(4613%) hue-rotate(219deg) brightness(92%) contrast(98%);
}

.marker_color_СВАО {
    filter: invert(73%) sepia(45%) saturate(547%) hue-rotate(189deg) brightness(97%) contrast(89%);

}

.marker_color_СЗАО {
    filter: invert(49%) sepia(54%) saturate(1923%) hue-rotate(100deg) brightness(100%) contrast(95%);

    /*background-color: #82e885;*/
}

.marker_color_ВАО {
    filter: invert(72%) sepia(21%) saturate(310%) hue-rotate(317deg) brightness(95%) contrast(88%);

    /*background-color: #e09b9b;*/
}

.marker_color_ЗАО {
    filter: brightness(0) saturate(100%) invert(75%) sepia(3%) saturate(20%) hue-rotate(14deg) brightness(96%) contrast(86%);
    /*background-color: #f5f5f5;*/
}

.marker_color_ЮВАО {
    filter: brightness(0) saturate(100%) invert(65%) sepia(86%) saturate(512%) hue-rotate(161deg) brightness(87%) contrast(95%);
    /*background-color: #3db4d9;*/
}

.marker_color_ЮЗАО {
    filter: brightness(0) saturate(100%) invert(85%) sepia(26%) saturate(640%) hue-rotate(133deg) brightness(88%) contrast(82%);
    /*background-color: #b9f6fa;*/
}

.marker_color_ЮАО {
    filter: invert(50%) sepia(28%) saturate(1128%) hue-rotate(76deg) brightness(94%) contrast(93%);

    /*background-color: #82c290;*/
}
.marker_color_ЮАО {
    filter: invert(50%) sepia(28%) saturate(1128%) hue-rotate(76deg) brightness(94%) contrast(93%);

    /*background-color: #82c290;*/
}

.marker_color_other {
    filter: invert(73%) sepia(45%) saturate(547%) hue-rotate(189deg) brightness(97%) contrast(89%);

    /*background-color: #82c290;*/
}
.marker_color_notActive {
    filter: invert(50%) sepia(28%) saturate(1128%) hue-rotate(76deg) brightness(94%) contrast(93%);

    /*background-color: #82c290;*/
}