.avatar-uploader .el-upload {
  border: 1px dashed var(--el-border-color);
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: var(--el-transition-duration-fast);
}

.avatar-uploader .el-upload:hover {
  border-color: var(--el-color-primary);
}

.el-icon.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  text-align: center;
}

.el-popper.is-customized {
  padding: 6px 12px;
  background: linear-gradient(90deg, rgb(159, 229, 151), rgb(204, 229, 129));
  color: black;
}

.el-popper.is-customized .el-popper__arrow::before {
  background: linear-gradient(45deg, #b2e68d, #bce689);
  right: 0;
}

:root {
  --el-color-primary: #3b5998;
}

.w-170px {
  width: 170px;
}

.pointer {
  cursor: pointer;
}

.gap-1 {
  gap: 0.5rem;
}

.btn.btn-primary {
  background-color: var(--el-color-primary) !important;
}

.btn-sm {
  font-size: 0.7em !important;
}

.el-button--small {
  font-size: 0.6em;
}

.leaflet-container a.leaflet-popup-close-button {
  font-size: 1.8em;
  z-index: 999;
}

.leaflet-div-icon {
  border: unset !important;
  background: transparent !important;
}

.el-tooltip__trigger {
  display: inline-block !important;
}

.well {
  text-align: left !important;
}

.el-select--large .el-select__wrapper {
  width: 100% !important;
}

.el-select__placeholder {
  top: 50% !important;
  transform: translateY(0) !important;
  left: 4% !important;
}