.sp-replacer.colorPickerReplacer {
  border-radius: 10px;
    min-height: 30px;
  width: 100px;
}
.tabulator-cell .sp-replacer.colorPickerReplacer {
  max-width: 40px;
  float: right;
  right: 5%;
}

.sp-container {
  background-color: var(--third-bg-color);
}

.sp-container.colorPickerContainer .sp-choose {
  background-color: rgb(236,49,73);
  color: var(--light-text-color);
}

.sp-container.colorPickerContainer .sp-cancel {
  background-color: var(--lighter-button-color);
  color: var(--main-text-color);
}

.sp-container.colorPickerContainer .sp-palette .sp-thumb-el {
  border-radius: 0;
  border: 1px solid black;
}
.sp-container.colorPickerContainer .sp-palette .sp-thumb-inner {
  border-radius: 0;
}
.sp-container.colorPickerContainer .sp-color {
  border-radius: 0;
  border: 1px solid black;
}
.sp-container.colorPickerContainer .sp-sat {
  border-radius: 0;
}
.sp-container.colorPickerContainer .sp-val {
  border-radius: 0;
}

.sp-input {
  color: var(--main-text-color);
}

.sp-disabled .sp-dd {
  display: none;
}

.clearColorPicker {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}