/* ./src/index.css */
@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --el-color-primary: #2dc7aa !important;
  --el-color-primary-light-3: #2dc7af !important;
  --el-color-primary-light-5: #2fd8ac !important;
  --el-color-primary-light-7: #2fd8ac !important;
  --el-color-primary-light-8: #bbffef !important;
  --el-color-primary-light-9: #ecf9f6 !important;
  --el-color-primary-dark-2: #24ad93 !important;
  --searchbgColor: '#f6f7f8' !important;
  --el-border-radius-round: 999px !important;
  --el-border-radius-base: 10px !important;
}

html {
  font-size: 16px !important;
}

body {
  background: #f6f7f8;
}

.user-shadow {
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar {
  width: 8px; /* 纵向滚动条*/
  height: 8px; /* 横向滚动条 */
  background-color: #fff;
}

/*定义滚动条轨道 内阴影*/
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0);
  background-color: #fff;
}

/*定义滑块 内阴影*/
::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0);
  background-color: #d5d5d5;
}

.el-input.is-disabled .el-input__inner {
  color: #606266 !important;
}

.theAuthDialog {
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  margin: auto !important;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.theAuthDialog .el-dialog__header {
  display: none !important;
}

.theAuthDialog .el-dialog__footer {
  display: none !important;
}

.el-overlay .el-overlay-dialog .el-dialog.theAuthDialog .el-dialog__body {
  padding: 0 !important;
  max-height: 100% !important;
  overflow: hidden;
}
