/* Form controls and generic rounded inputs. */

.el-form--inline .el-form-item__label {
  width: 68px;
}

.el-form--inline .el-select {
  width: 240px;
}

.el-form--inline .el-input {
  width: 240px;
}

.el-form--inline .el-date-editor {
  width: 308px;
}

.el-input__wrapper,
.el-textarea__inner,
.el-select__wrapper,
.el-date-editor,
.el-range-editor,
.el-input-number,
.el-input-number__decrease,
.el-input-number__increase {
  border-radius: var(--app-radius-md);
  transition: box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.el-input__wrapper.is-focus,
.el-textarea__inner:focus,
.el-select__wrapper.is-focus,
.el-date-editor.is-focus,
.el-range-editor.is-focus {
  box-shadow: 0 0 0 2px var(--el-color-primary-light-8);
}

.el-button {
  border-radius: var(--app-radius-md);
  transition: box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease;
}

.el-button:not(.is-text):not(.is-link):hover {
  box-shadow: var(--app-shadow-sm);
}

.el-tag {
  border-radius: var(--app-radius-md);
}

.el-radio-button__inner,
.el-checkbox-button__inner {
  border-radius: 10px !important;
  box-shadow: none !important;
}

.el-radio-button:first-child .el-radio-button__inner,
.el-checkbox-button:first-child .el-checkbox-button__inner,
.el-radio-button:last-child .el-radio-button__inner,
.el-checkbox-button:last-child .el-checkbox-button__inner {
  border-radius: 10px !important;
}