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

@layer utilities {
  .ellipsis1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline;
  }
  /* 统一背景边框 */
  .g-border {
    box-shadow: 0px 5px 13px 0px rgba(50, 49, 98, 0.18);
    border-radius: 6px;
  }
  /* @font-face {
    font-family: alibaba-r;
    src: url('../styles/fonts/Alibaba-PuHuiTi-Regular.ttf');
  }
  @font-face {
    font-family: alibaba-m;
    src: url('../styles/fonts/Alibaba-PuHuiTi-Medium.ttf');
  }
  @font-face {
    font-family: alibaba-h;
    src: url('../styles/fonts/Alibaba-PuHuiTi-Heavy.ttf');
  } */
  .must-icon::after {
    position: absolute;
    content: '*';
    color: red;
    top: 4px;
    left: -20px;
  }
  .btn {
    box-shadow: 0px 5px 16px 0px rgba(75, 74, 140, 0.11);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
}
html {
  background-color: #eef3f5;
  height: 100vh;
  font-family: alibaba-R;
  font-size: 100%;
  --el-menu-hover-bg-color: transparent;
  --el-color-primary: #2B4EB3 !important;
}
body {
  font-size: 18px;
  height: 100vh;
}
#app {
  height: 100%;
  font-family: alibaba-r;
}

/* 通用element */
.theme1 .el-button {
  font-size: 18px;
  height: 36px;
  padding: 0 21px;
}
.tableTopBtn .el-button {
  width: 86px;
  padding: 0;
}
.theme1 .el-button--primary {
  background-color: #2872ce;
  border-color: #2872ce;
}
.theme1 .el-button--info {
  background-color: #6fa0de;
  border-color: #6fa0de;
}
.theme1 .el-button--danger {
  background-color: #ce3f28;
  border-color: #ce3f28;
}
.theme1 .el-button + .el-button {
  margin-left: 9px;
}
.navbar .el-menu,
.theme1 .el-form-item__label {
  color: #4861ad;
  font-size: 16px;
  font-family: alibaba-r;
  height: 36px;
  line-height: 36px;
}
.theme1 .el-input__wrapper,
.theme1 .el-range-editor.el-input__wrapper {
  width: 260px;
  box-shadow: 0 0 0 1px #6b779e inset;
  height: 36px;
  line-height: 36px;
}
.addAuthform .el-input__wrapper,
.addAuthform .el-range-editor.el-input__wrapper {
  width: 240px;
}
.theme1 .el-tree-node__content > .el-tree-node__expand-icon {
  color: #2b4eb3;
  font-size: 14px;
  padding-left: 10px;
}
.theme1 .el-tree-node__content > .el-tree-node__expand-icon.is-leaf {
  color: transparent !important;
}
.theme1 .el-tree-node__label, .theme1 .tree-label {
  font-size: 16px;
  color: #0c2c6b;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.theme1 .el-tree-node__content {
  height: 48px;
}
.theme1 .el-tree-node__content:hover,
.theme1 .el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: #f4f4f4;
}
.theme1 .el-tree-node.is-current > .el-tree-node__content .el-tree-node__label {
  color: #2b4eb3;
}
.theme1 .el-pagination.is-background .btn-next,
.theme1 .el-pagination.is-background .btn-prev,
.theme1 .el-pagination.is-background .el-pager li {
  min-width: 30px;
  height: 30px;
  color: #2b4eb3;
  background-color: #f5f5f5;
  font-size: 16px;
}
.theme1 .el-pagination.is-background .el-pager li:not(.is-disabled).is-active {
  background-color: #2b4eb3;
}
.theme1 .el-pagination .el-select .el-input {
  width: 90px;
}
.theme1 .el-pagination__sizes {
  margin-left: 20px;
}
.theme1 .el-pagination.is-background .el-input__wrapper {
  box-shadow: none;
  background-color: #f5f5f5;
  padding: 1px 8px;
  height: 30px;
  line-height: 30px;
}
.theme1 .el-pagination .el-input__inner,
.theme1 .el-select .el-input .el-select__caret {
  color: #2b4eb3;
  font-size: 16px;
  margin-left: 0px;
}
.theme1 .el-pagination__jump {
  color: #2b4eb3;
  font-size: 16px;
}
.theme1 .el-dialog {
  border-radius: 15px;
}
.theme1 .el-dialog__header {
  border-bottom: 1px solid #dce3eb;
  margin-right: 0px;
  padding: 17px 16px 15px 60px;
  position: relative;
}
.theme1 .el-dialog__header::before {
  content: ' ';
  position: absolute;
  left: 22px;
  top: 19px;
  height: 24px;
  width: 24px;
  background: url(../assets/images/icons/hint.png);
  background-size: 100% 100%;
}
.theme1 .el-dialog__title {
  font-size: 20px;
  color: #2b4eb3;
  font-family: alibaba-m;
}
.theme1 .el-dialog__headerbtn .el-dialog__close svg {
  display: none;
}
.theme1 .el-dialog__headerbtn .el-dialog__close {
  height: 15px;
  width: 15px;
  background-image: url(../assets/images/icons/dialog-close.png);
  background-size: 100% 100%;
}

.theme1 .el-dimension {
  height: 15px;
  width: 15px;
  background-image: url(../assets/images/icons/dimension.png);
  background-size: 100% 100%;
}

.theme1 .el-titleIcon {
  height: 25px;
  width: 25px;
  padding-top: 21px;
  background-image: url(srcDev/assets/images/titleIcon.png);
  background-size: 100% 100%;
  display: inline-block;
  position: relative;
  top: 3px;
}

.theme1 .el-dimension-hasedit {
  height: 15px;
  width: 15px;
  min-width: 15px;
  background-image: url(../assets/images/icons/atlas.png);
  background-size: 100% 100%;
  position: relative;
  top: 5px;
  left: -4px;
}

.theme1 .el-dialog .cancel,
.theme1 .el-dialog .confirm {
  font-size: 16px;
  width: 100px;
  height: 38px;
  border-radius: 5px;
}
.theme1 .el-dialog .cancel {
  background: #ebeef1;
  color: #848faf;
}
.theme1 .el-dialog .confirm {
  background: #2b4eb3;
  color: #fff;
}
.theme1 .el-dialog__body {
  padding: 0;
}
.el-dropdown__popper .el-popper__arrow {
  display: none;
}
.el-dropdown__popper {
  background: transparent !important;
  border-width: 0 !important;
  box-shadow: none !important;
}
.el-dropdown__popper .el-scrollbar {
  left: -45px;
  background: #fff;
  box-shadow: var(--el-dropdown-menu-box-shadow);
  border: 1px solid var(--el-border-color-light);
}
.el-select-dropdown__item.selected {
  font-weight: 400!important;
}
/* 通用element-end */

.navbar .el-menu {
  background-color: transparent;
}
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 160px;
}
.el-menu-vertical-demo.el-menu--collapse {
  width: 60px;
  height: calc(100vh - 90px);
}
.text-cloumn {
  writing-mode: vertical-lr;
}
.navbar .el-menu-item {
  color: #fff;
  transition: none;
  height: 50px;
  margin: 15px 10px;
  font-size: 16px;
  font-family: alibaba-m;
  height: 50px;
  position: relative;
}
.navbar .el-menu-item:hover {
  background-color: transparent;
}
.el-menu--vertical:not(.el-menu--collapse):not(.el-menu--popup-container) .el-menu-item {
  padding: 0;
}
.navbar .el-menu-item.is-active,
.navbar .el-menu-item:hover {
  background-color: rgba(151, 178, 255, 0.48);
  color: #fff;
  border-radius: 25px;
}
.navbar .el-menu-item.menu-cloumn {
  width: 50px;
  height: 50px;
  margin: 0 5px;
  padding: 0px;
}
.navbar .el-menu-item.menu-cloumn .el-menu-tooltip__trigger {
  padding: 0;
  justify-content: center;
}
.navbar .el-menu-item.menu-cloumn .el-menu-tooltip__trigger div {
  margin-right: 0;
}
.navbar .el-menu {
  border-right: none;
}
.isActive {
  background-image: url('@/assets/images/btn-bg.png');
}
.isActive span {
  background: linear-gradient(to bottom, #fbfeff, #82d8fb);
  background-clip: text;
  color: transparent;
  display: inline-block;
  font-size: 18px;
  font-family: alibaba-m;
}
.skew-btns li::before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 1px;
  height: 16px;
  background-color: #d2d6e2;
  right: 0;
}
.skew-btns li::before + .isActive {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
}
.skew-btns li:last-child::before,
.skew-btns li.isActive::before,
.skew-btns li.isnear::before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  right: 0;
}
.skew-btns::before {
  content: '';
  position: absolute;
  top: 0;
  left: 9px;
  bottom: 0;
  right: 7px;
  transform: skewX(-20deg);
  border: 1px #2b4eb3 solid;
  box-sizing: box-border;
}

.colophonTable .el-table__row--striped {
  background-color: #f4f4f4 !important;
}
.colophonTable .el-table__inner-wrapper::before {
  display: none;
}

.icon-out {
  width: 20px;
  height: 20px;
  background-image: url('srcDev/assets/images/icons/icon-out.png');
  background-repeat: no-repeat;
}
.icon-in {
  width: 20px;
  height: 20px;
  background-image: url('srcDev/assets/images/icons/icon-in.png');
  background-repeat: no-repeat;
}
.form-index {
  transition: 0.3s;
}
.form-index .el-form {
  display: flex;
  flex-wrap: wrap;
}
.form-index .el-form-item {
  margin-bottom: 24px;
}
.form-active {
  height: 261px;
}
.editHeader .el-scrollbar {
  left: -35px;
  border-radius: 5px;
}
.editHeader .el-checkbox__label {
  color: #a4aabc;
  font-size: 16px;
  margin-left: 8px;
}
.editHeader .el-checkbox__inner {
  border-color: #2b4eb3;
  border-radius: 0;
}
.editHeader .el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #2b4eb3;
  border-color: #2b4eb3;
}
.editHeader .el-checkbox__input.is-checked + .el-checkbox__label {
  color: #2b4eb3;
}
.editHeader .el-checkbox__input.is-disabled + span.el-checkbox__label {
  color: #7883a5;
}
.editHeader .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner {
  background: #6b779e;
  border-color: #6b779e;
}
.editHeader .el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after {
  border-color: #fff;
}
.smallFont .el-form-item__label {
  font-size: 14px;
}
input::-moz-placeholder {
  margin-left: 11px !important;
}
input::-ms-input-placeholder {
  margin-left: 11px !important;
}
input::-webkit-input-placeholder {
  margin-left: 11px !important;
}