.input-label-container {
  margin-bottom: 6px;
}

.input-label-container .input-label {
  font-size: 14px;
}

.input-label-modal-Layout {
  font-size: 14px;
}

.input-description-container {
  margin-top: 4px;
}

.input-description-container .input-description {
  font-size: 12px;
  color: var(--text-color-secondary);
}

.input-switch-container .input-switch {
  width: 44px;
}

.input-switch-container .input-show-value-container {
  margin-left: 20px;
}

.input-switch-container .input-show-value-container .input-show-value {
  font-size: 14px;
}

.input-select-container .ant-select {
  width: 100%;
}

.input-reason-container .ant-select {
  width: 100%;
}

.input-reason-container .icon-comment svg {
  width: 18px;
  height: 18px;
  cursor: pointer;
}

.input-font-container .ant-col.active .ant-btn {
  color: var(--primary-color);
  border-color: var(--primary-color);
}

.input-border-container .ant-btn.active {
  color: var(--primary-color);
}

.input-border-content .ant-col .anticon svg {
  width: 1.6em;
  height: 1.6em;
}

.input-border-content .ant-col.active .ant-btn {
  color: var(--primary-color);
}

.input-border-content .anticon.anticon-pause {
  transform: rotate(90deg);
}

.ant-form-item.editable-field.reason.ant-form-item-has-error .ant-form-item-children-icon {
  right: 46px;
}

.input-icon {
  text-align: center;
  margin-top: 10px;
}

.input-icon .ant-row {
  padding-top: 4px;
  height: 160px;
  overflow-y: scroll;
  margin: 0px !important;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
}

.input-icon .ant-row .ant-col svg {
  cursor: pointer;
  margin-top: 4px;
}

.input-icon .ant-row .ant-col .icon {
  width: 36px;
  height: 36px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.input-icon .ant-row .ant-col .icon:hover svg {
  color: var(--primary-color);
}

.input-icon .ant-row .ant-col.active .icon {
  border: 2px solid var(--primary-color);
  border-radius: 5px;
}

.input-icon .ant-row .ant-col.active .icon svg {
  color: var(--primary-color);
}

.detail-related-one2one-input {
  position: relative;
}

.detail-related-one2one-input .tag {
  display: none;
  position: absolute;
  right: 70px;
  top: 50%;
  transform: translateY(-50%);
}

.detail-related-one2one-input .tag.force-show {
  display: inline-block;
}

.detail-related-one2one-input:hover .tag {
  display: inline-block;
}