.page-projects-on-map .projects-on-map__title {
  margin-bottom: 32px;
}
.page-projects-on-map .projects-on-map-filter__form {
  padding: 8px;
  border: 1px solid #000000;
  border-radius: 8px;
}
.page-projects-on-map .checkbox-container .form-group {
  display: flex;
  align-items: center;
  gap: 16px;
}
.page-projects-on-map .checkbox-container .form-group .control-label {
  margin-bottom: 0;
}

.page-projects-on-map .legend-item {
  display: flex;
  justify-content: start;
  align-items: center;
}
.page-projects-on-map .legend-item span {
  display: block;
}
.page-projects-on-map {
  .item-color, .project-item .property-item.type .property-value .color {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    display: inline-block;
    margin-right: 16px;
  }
  .item-color.pink, .project-item .property-item.type .property-value.pink .color {
    background-color: #c75dd0;
  }
  .item-color.green, .project-item .property-item.type .property-value.green .color {
    background-color: #3fc292;
  }
  .item-color.dark-blue, .project-item .property-item.type .property-value.dark-blue .color {
    background-color: #003471;
  }
  .item-color.blue, .project-item .property-item.type .property-value.blue .color {
    background-color: #1496e2;
  }
  .item-color.orange, .project-item .property-item.type .property-value.orange .color {
    background-color: #f89928;
  }
  .item-color.light-green, .project-item .property-item.type .property-value.light-green .color {
    background-color: #76c816;
  }
  .item-color.deep_orange, .project-item .property-item.type .property-value.deep-orange .color {
    background-color: #f86628;
  }
  .item-color.yellow, .project-item .property-item.type .property-value.yellow .color {
    background-color: #ebc929;
  }
  .item-color.raspberry, .project-item .property-item.type .property-value.raspberry .color {
    background-color: #9e005d;
  }
}

.page-projects-on-map .project-item .properties-container {
  margin-bottom: 16px;
}