$base: #306dbb;
@forward "element-plus/theme-chalk/src/common/var.scss" with (
  $colors: (
    "white": #ffffff,
    "black": #000000,
    "primary": (
      "base": $base,
    ),
    "success": (
      "base": #248067,
    ),
    "warning": (
      "base": #fb8b05,
    ),
    "danger": (
      "base": #f04b22,
    ),
    "error": (
      "base": #ec2b24,
    ),
    "info": (
      "base": #909399,
    ),
  ),
  $switch: (
    "on-color": "#248067",
  ),
  $dialog: (
    "border-radius": "8px",
  )
);

@use "element-plus/theme-chalk/src/index.scss" as *;

.el-menu {
  border: none;
}
// .el-dialog__header{
//   background-color: $base;
//   color: #fff;
//   margin-right: 0;
//   border-radius: 7px;
//   border-bottom-left-radius: 0;
//   border-bottom-right-radius: 0;
//   .el-dialog__title{
//     color: #fff;
//   }
//   .el-dialog__headerbtn{
//     .el-dialog__close{
//       color: #fff;
//       font-size: 18px;
//     }
//   }
// }
.el-dialog__body {
  padding-bottom: 15px !important;
}

.el-table {
  th.el-table__cell {
    background-color: #f1f3f4;
    &:first-child {
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
    }
    &:last-child {
      border-top-right-radius: 6px;
      border-bottom-right-radius: 6px;
    }
  }
}
.el-table__header-wrapper tr th.el-table-fixed-column--right,
.el-table.is-scrolling-none th.el-table-fixed-column--right {
  background-color: #f1f3f4;
}

.el-descriptions {
  .el-descriptions__header {
    position: relative;
    background-color: #e8eef5;
    padding: 6px;
    margin-bottom: 10px;
    .el-descriptions__title {
      padding-left: 12px;
      &::after {
        content: "";
        width: 5px;
        position: absolute;
        left: 0px;
        top: 50%;
        transform: translateY(-50%);
        background-color: #15559a;
        border-radius: 8px;
        animation: menueLeftLine 0.45s ease;
        animation-fill-mode: forwards;
      }
    }
  }
}

.base-dialog {
  .el-dialog__header {
    padding-top: 10px !important;
    padding-bottom: 35px !important;
  }
}

button:focus,
button:focus-visible {
  outline: none;
}

.el-message-box__container {
  flex-direction: column;
  .el-message-box__status {
    svg {
      transform: scale(2.5);
    }
  }
}
.el-message-box__btns {
  justify-content: center;
  margin: 8px 0;
}

@keyframes menueLeftLine {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
