@tailwind base;
@tailwind components;
@tailwind utilities;

* {
  --bg-gray: #f8f8f8;
  --text-gray: #797d84;
  box-sizing: content-box;
}

.blue-button {
  cursor: pointer;
  min-width: 84px;
  height: 30px;
  border-radius: var(--sy-border-radius);
  border: 1px solid var(--sy-blue);
  font-size: 14px;
  font-weight: 500;
  color: var(--sy-blue);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.formlayout1 .el-form-item__label {
  width: 129px;
  line-height: 40px;
}
.formlayout1 .el-form-item__label::before {
  content: '' !important;
}
.formlayout1 .inputContainer {
  width: 610px;
}
.formlayout1 .el-form-item__content {
  width: 610px;
  margin-left: 20px !important;
}
.formlayout1 .el-input__inner {
  height: 40px;
  width: 610px;
}
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
.el-button.is-disabled,
.el-button.is-disabled:focus,
.el-button.is-disabled:hover {
  background-color: var(--el-button-disabled-bg-color);
  background-image: none;
  border-color: var(--el-button-disabled-border-color);
  color: var(--el-button-disabled-text-color);
  cursor: not-allowed;
}

.v-enter-active,
.v-leave-active {
  transition: opacity 0.2s ease;
}

.v-enter-from,
.v-leave-to {
  opacity: 0;
}
