[required] {
  &:after {
    content: ' *';
    color: @error-color;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.col {
  flex: 1 0 0%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.CodeMirror {
  font-family: inherit;
}

svg.commonSvgStyle {
  color: #999999;
  &:hover {
    color: @primary-color;
  }
}
.hover-style {
  color: rgba(0, 0, 0, 0.45);
  &:hover {
    background-color: rgba(0, 0, 0, 0.06);
    color: rgba(0, 0, 0, 0.65);
    svg {
      color: rgba(0, 0, 0, 0.65);
    }
  }
}

.click-style {
  background: rgba(82, 191, 99, 0.1) !important;
  border: 0 !important;
  color: @primary-color !important;
  .hover-style {
    color: @primary-color !important;
    border: 0 !important;
    background: rgba(82, 191, 99, 0.1) !important;
  }
  svg {
    color: @primary-color !important;
  }
}

.ant-btn > i {
  display: inline-flex;
  align-items: center;
}
