@charset "UTF-8";
:root {
  --tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif; }

body {
  font-family: Source Han Sans CN, Source Han Sans CN;
  font-size: 14px;
  font-weight: 400; }

/*
@author:Darren
@version:1.0
@date:2024-5-13
@description:自定义各类css样式或覆盖默认样式
 */
/* 定义弹出警告型的提示框，做下右边只一个按钮 */
.alert-box-cus {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 70vh;
  pointer-events: auto;
  background-color: #FFF;
  background-clip: padding-box;
  outline: 0;
  border-radius: 16px 16px 0px 0px; }

.alert-box-header-cus {
  align-items: center;
  min-height: 3.5rem;
  background: #FA9D3B;
  padding: 0 3.5rem 0 1.5rem;
  border-radius: 16px 16px 0px 0px;
  display: flex;
  flex-shrink: 0;
  border-bottom: 1px solid #fa9d3b;
  justify-content: space-between;
  color: #fff; }

.alert-box-lbtn-cus {
  width: 7rem !important;
  background: linear-gradient(90deg, #F6DC89 0%, #FA9D3B 100%);
  border-radius: 38px 38px 38px 38px;
  color: #fff;
  cursor: pointer; }

.alert-box-footer-cus {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--tblr-modal-padding) - var(--tblr-modal-footer-gap) * .5);
  background-color: var(--tblr-modal-footer-bg);
  border-top: var(--tblr-modal-footer-bg);
  border-bottom-right-radius: var(--tblr-modal-inner-border-radius);
  border-bottom-left-radius: var(--tblr-modal-inner-border-radius); }

/*弹出form框样式：新建任务对象*/
.modal-header-cus {
  display: flex;
  background: #1778FD;
  padding: var(--tblr-modal-header-padding);
  border-top-left-radius: var(--tblr-modal-inner-border-radius);
  border-top-right-radius: var(--tblr-modal-inner-border-radius);
  padding: 0.5rem 1.5rem; }

.modal-title-cus {
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  line-height: 0px;
  text-align: left;
  font-style: normal;
  text-transform: none; }

.btn-close-cus {
  background: #FFFFFF;
  border-radius: 38px 38px 38px 38px;
  border: 1px solid #1778FD;
  color: #1778FD; }

.btn-submit-cus {
  background: linear-gradient(90deg, #10AEFF 0%, #1778FD 100%);
  border-radius: 38px 38px 38px 38px;
  color: #FFFFFF; }

.modal-footer-cus {
  padding-top: .75rem;
  padding-bottom: .75rem;
  background: #FFF;
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--tblr-modal-padding) - var(--tblr-modal-footer-gap) * .5);
  border-bottom-right-radius: var(--tblr-modal-inner-border-radius);
  border-bottom-left-radius: var(--tblr-modal-inner-border-radius); }

/* 定义删除弹出的提示框 */
.modal-delete-box-cus {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 80vh;
  min-width: 320px;
  pointer-events: auto;
  background-color: #FFF;
  background-clip: padding-box;
  outline: 0;
  border-radius: 16px; }

.modal-delete-header-cus {
  align-items: center;
  min-height: 3.5rem;
  background: #FA5151;
  /*      padding: 0 3.5rem 0 1.5rem;*/
  padding: 0.5rem 1.5rem;
  border-radius: 12px 12px 0px 0px;
  display: flex;
  flex-shrink: 0;
  border-bottom: 1px solid #fa9d3b;
  justify-content: space-between;
  color: #fff; }

.modal-delete-lbtn-cus {
  /*      width: 7rem !important;*/
  background: #FFFFFF;
  border-radius: 38px 38px 38px 38px;
  border: 1px solid #FA5151;
  color: #FA5151; }

.modal-delete-rbtn-cus {
  /*      width: 7rem !important;*/
  background: linear-gradient(90deg, #F7B7B7 0%, #FA5151 100%);
  border-radius: 38px 38px 38px 38px;
  cursor: pointer;
  color: #FFFFFF; }

.modal-delete-footer-cus {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--tblr-modal-padding) - var(--tblr-modal-footer-gap) * .5);
  background-color: var(--tblr-modal-footer-bg);
  border-top: var(--tblr-modal-footer-bg);
  border-bottom-right-radius: var(--tblr-modal-inner-border-radius);
  border-bottom-left-radius: var(--tblr-modal-inner-border-radius); }

/* 定义提示弹出的提示框 */
.modal-prompt-box-cus {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 60vh;
  pointer-events: auto;
  background-color: #FFF;
  background-clip: padding-box;
  outline: 0;
  border-radius: 16px; }

.modal-prompt-header-cus {
  align-items: center;
  min-height: 3.5rem;
  background: #FA9D3B;
  /*      padding: 0 3.5rem 0 1.5rem;*/
  padding: 0.5rem 1.5rem;
  border-radius: 12px 12px 0px 0px;
  display: flex;
  flex-shrink: 0;
  border-bottom: 1px solid #fa9d3b;
  justify-content: space-between;
  color: #fff; }

.modal-prompt-rbtn-cus {
  /*      width: 7rem !important;*/
  background: #fff;
  border-radius: 38px 38px 38px 38px;
  cursor: pointer;
  color: #FA9D3B;
  border: 1px solid #FA9D3B;
  padding: 0.4rem 1.6rem !important; }

.modal-prompt-rbtn-cus:hover {
  background: linear-gradient(90deg, #F6DC89 0%, #FA9D3B 100%) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: 0px 4px 14px #fa9d3ba6; }

.modal-prompt-footer-cus {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--tblr-modal-padding) - var(--tblr-modal-footer-gap) * .5);
  background-color: var(--tblr-modal-footer-bg);
  border-top: var(--tblr-modal-footer-bg);
  border-bottom-right-radius: var(--tblr-modal-inner-border-radius);
  border-bottom-left-radius: var(--tblr-modal-inner-border-radius); }

/*按钮样式*/
.button-style {
  color: inherit;
  padding: 0;
  font: inherit;
  cursor: pointer;
  outline: inherit;
  border: none;
  background: none; }

/*中英文切换按钮*/
.zn-btn {
  color: #1778FD;
  --tblr-btn-hover-bg: #F5F9FC;
  --tblr-btn-bg: none;
  box-shadow: none; }

/*中英文切换按钮下拉样式*/
.dropdown-style {
  min-width: 11rem;
  display: flex;
  align-items: center;
  margin: 0;
  line-height: 1.4285714286; }

.dropdown-style {
  display: block;
  width: 100%;
  padding: var(--tblr-dropdown-item-padding-y) var(--tblr-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--tblr-dropdown-link-color);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--tblr-dropdown-item-border-radius, 0); }

.dropdown-style:hover {
  color: #1778fd;
  text-decoration: none;
  background-color: #cee7ff; }

/*蓝色渐变大按钮*/
.def-submit-btn-xl {
  width: 100%;
  height: 3vw;
  min-height: 50px;
  max-height: 60px;
  background: linear-gradient(90deg, #10AEFF 0%, #1778FD 100%);
  border-radius: 38px 38px 38px 38px;
  color: #FFFFFF; }

.def-submit-btn-xl:hover {
  box-shadow: 0 4px 14px rgba(23, 123, 254, 0.5); }

/*绿色渐变中按钮*/
.def-reset-btn {
  width: 10vw;
  height: 3vw;
  max-height: 60px;
  background: linear-gradient(90deg, #1DE24B 0%, #2EB95B 100%);
  border-radius: 38px 38px 38px 38px;
  color: #FFFFFF; }

.def-reset-btn:hover {
  box-shadow: 0 4px 14px rgba(23, 123, 254, 0.5); }

/*蓝色渐变中按钮*/
.def-submit-btn {
  width: 10vw;
  height: 3vw;
  line-height: 3vw;
  max-height: 60px;
  background: linear-gradient(90deg, #10AEFF 0%, #1778FD 100%);
  border-radius: 38px 38px 38px 38px;
  color: #FFFFFF; }

.def-submit-btn:hover {
  box-shadow: 0 4px 14px rgba(23, 123, 254, 0.5); }

/*蓝色渐变小按钮，弹框提交专用*/
.def-little-btn {
  padding: 0.4rem 1.6rem !important;
  max-height: 60px;
  background: linear-gradient(90deg, #10AEFF 0%, #1778FD 100%);
  border-radius: 1.2rem;
  color: #FFFFFF;
  border: none; }

.def-little-btn:hover {
  box-shadow: 0 4px 14px rgba(23, 123, 254, 0.5); }

/*白色小按钮，弹框取消专用*/
.def-little-btn-2 {
  padding: 0.4rem 1.6rem !important;
  max-height: 60px;
  background: #FFF;
  border-radius: 1.2rem;
  color: #1778FD;
  border: #1778FD solid 1px;
  margin-right: auto !important; }

.def-little-btn-2:hover {
  box-shadow: 0 4px 14px rgba(23, 123, 254, 0.5);
  background: linear-gradient(90deg, #10AEFF 0%, #1778FD 100%);
  color: #FFFFFF;
  border: none; }

/*红色渐变小按钮，删除弹框确认专用*/
.def-del-btn {
  padding: 0.4rem 1.6rem !important;
  max-height: 60px;
  background: linear-gradient(90deg, #F7B7B7 0%, #FA5151 100%);
  border-radius: 1.2rem;
  color: #FFFFFF;
  border: none; }

.def-del-btn:hover {
  box-shadow: 0px 4px 14px #ff5d5d73; }

/*红色小按钮，删除弹框取消专用*/
.def-del-btn-2 {
  padding: 0.4rem 1.6rem !important;
  max-height: 60px;
  background: #FFF;
  border-radius: 1.2rem;
  color: #FA5151;
  border: #FA5151 solid 1px; }

.def-del-btn-2:hover {
  box-shadow: 0px 4px 14px #ff5d5d73;
  background: linear-gradient(90deg, #F7B7B7 0%, #FA5151 100%);
  color: #FFFFFF;
  border: none; }

/* 注销按钮*/
.def-logoff-btn {
  width: 10vw;
  height: 2.6vw;
  line-height: 2.6vw;
  max-height: 60px;
  background: linear-gradient(90deg, #10AEFF 0%, #1778FD 100%);
  border-radius: 1.3vw;
  color: #FFFFFF; }

/* 蓝色禁用按钮*/
.def-logoff-btn:hover {
  box-shadow: 0 4px 14px rgba(23, 123, 254, 0.5); }

.btn:disabled {
  opacity: 50% !important;
  background: linear-gradient(239deg, #1778FD 0%, #2E9FFF 100%) !important; }

/*a标签样式*/
.astyle {
  color: #1778FD; }

.astyle:hover {
  text-decoration: underline; }

/*浮动样式*/
.float-r {
  float: right; }

.float-l {
  float: left; }

/*margin和padding样式*/
.margin-t-40 {
  margin-top: 40px; }

.margin-b-20 {
  margin-bottom: 20px; }

.margin-b-16 {
  margin-bottom: 16px; }

.margin-b-32 {
  margin-bottom: 32px; }

.margin-b-10 {
  margin-bottom: 10px; }

.margin-l-3vw {
  margin-left: 3vw; }

.pading-b-10 {
  padding-bottom: 10px; }

.margin-tb-25r {
  margin: 2.5rem 0; }

/*字体样式*/
.font-20px-1778FD {
  color: #1778FD;
  font-weight: bold;
  font-size: 20px; }

.font-24px-181818 {
  color: #181818;
  font-weight: bold;
  font-size: 24px; }

.font-1rem {
  font-size: 1rem !important; }

.font-12rem {
  font-size: 1.2rem !important; }

.font-08rem {
  font-size: 0.8rem !important;
  color: #7B7B7B !important; }

/*表格图标样式*/
.border-icons-tab2 {
  padding: 0.3rem !important;
  border-radius: 100% !important;
  background-color: #1778FD !important;
  color: #FFFFFF !important;
  border: solid 0px !important;
  --tblr-btn-padding-x: 0.5rem;
  --tblr-btn-padding-y: 0.4rem; }

/*蓝色渐变色*/
.color {
  background: linear-gradient(239deg, #1778FD 0%, #2E9FFF 100%) !important; }

/*人员管理标签切换*/
.label-p {
  padding: 0.5rem 0.5rem;
  background-color: #E7F1FF !important;
  border-radius: 4px 4px 4px 4px;
  color: #1778FD;
  text-align: center;
  font-size: 0.8rem !important; }

.label-p.active {
  background: linear-gradient(239deg, #1778FD 0%, #2E9FFF 100%) !important;
  color: #ffffff !important; }

/*组织管理大标签切换样式*/
.label-org-decoration {
  border-radius: 1vw;
  background-color: #FFF;
  color: #1778FD;
  border: #1778FD solid 1px;
  width: 4vw;
  height: 4vw;
  line-height: 4vw;
  text-align: center; }

.label-org-decoration:hover {
  background: linear-gradient(239deg, #1778FD 0%, #2E9FFF 100%);
  color: #fff !important;
  border: none; }

.label-org-decoration:active {
  background: linear-gradient(239deg, #1778FD 0%, #2E9FFF 100%);
  color: #fff;
  border: none; }

.label-org-decoration-active {
  background: linear-gradient(239deg, #1778FD 0%, #2E9FFF 100%) !important;
  color: #fff !important;
  border: none; }

.label-org-t {
  color: #181818;
  margin-top: 1vw;
  font-size: 1vw; }

/*定义9类状态各自的颜色*/
.draft {
  color: #17A2B8; }

.schedule {
  color: #FA9D3B; }

.approval {
  color: #FA5151; }

.reject {
  color: #6467F0; }

.pending {
  color: #07C160; }

.reject {
  color: #FF0000; }

.inprogress {
  color: #1778FD; }

.finished {
  color: #AE3EC9; }

.signature {
  color: #0054B7; }

.cancel {
  color: #181818; }

.draft-div {
  background: #DDF1F5;
  border-radius: 4px 4px 4px 4px;
  width: auto;
  text-align: center; }

.schedule-div {
  background: #FDF3E8;
  border-radius: 4px 4px 4px 4px;
  width: auto;
  text-align: center; }

.approval-div {
  background: #FBEBEB;
  border-radius: 4px 4px 4px 4px;
  width: auto;
  text-align: center; }

.reject-div {
  background: #ECEDFF;
  border-radius: 4px 4px 4px 4px;
  width: auto;
  text-align: center; }

.pending-div {
  background: #EAF7EC;
  border-radius: 4px 4px 4px 4px;
  width: auto;
  text-align: center; }

.reject-div {
  background: #FFF2E6;
  border-radius: 4px 4px 4px 4px;
  width: auto;
  text-align: center; }

.inprogress-div {
  background: #E7F1FF;
  border-radius: 4px 4px 4px 4px;
  width: auto;
  text-align: center; }

.finished-div {
  background: #F9E1FF;
  border-radius: 4px 4px 4px 4px;
  width: auto;
  text-align: center; }

.signature-div {
  background: #CBE3FF;
  border-radius: 4px 4px 4px 4px;
  width: auto;
  text-align: center; }

.cancel-div {
  background: #F2F2F2;
  border-radius: 4px 4px 4px 4px;
  width: auto;
  text-align: center; }

/*表单内容超出加号样式*/
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before {
  top: 50%;
  left: 5px;
  height: 1rem !important;
  width: 1rem !important;
  margin-top: -9px;
  display: block;
  position: absolute;
  color: white;
  border: none !important;
  border-radius: 1rem !important;
  box-shadow: none !important;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 1rem !important;
  content: "+";
  background-color: #07C160 !important;
  font-weight: 600 !important; }

/*组织管理标签样式自适应*/
@media (max-width: 768px) {
  .label-org-decoration {
    width: 5vw;
    height: 5vw;
    line-height: 5vw; }

  .icon-tab {
    width: 3vw !important;
    height: 3vw !important; }

  .label-org-t {
    margin-top: 0.5vw;
    font-size: 1.5vw; }

  .def-logoff-btn {
    line-height: 5vw; } }
@media (max-width: 430px) {
  .label-org-decoration {
    width: 8vw;
    height: 8vw;
    line-height: 8vw; }

  .icon-tab {
    width: 4vw !important;
    height: 4vw !important; }

  .label-org-t {
    margin-top: 0.5vw;
    font-size: 2vw; }

  .def-logoff-btn {
    line-height: 10vw !important; } }
/*工单管理样式调整*/
.top-20 {
  top: -20px !important; }

.modal-header {
  background: #1778FD !important;
  color: white !important; }

.mt-form .state-error em {
  display: block;
  margin-top: 6px;
  padding: 0 1px;
  font-style: normal;
  font-size: 11px;
  line-height: 15px;
  color: #D56161; }

.spinner-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.1);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center; }

.spinner-border {
  color: #1778FD;
  height: 40px;
  width: 40px;
  border-style: dashed; }

.spinner-text {
  color: #1778FD;
  position: relative;
  top: 40px; }

.form-control.is-invalid {
  background-image: none; }

/* 自定义样式 */
body {
  font-family: 'Source Han Sans CN, Source Han Sans CN';
  background-color: #F5F9FC;
  min-width: 360px; }

.btn.show {
  background-color: #F5F9FC; }

.header-right img {
  height: 30px;
  margin-left: 10px; }

.banner-description {
  font-weight: 400;
  font-size: 24px;
  color: #1778FD;
  line-height: 0;
  text-align: center;
  font-style: normal;
  text-transform: none;
  height: 36px; }

/* 添加红色字体样式 */
.required-field::placeholder {
  color: red !important; }

.required-field {
  color: red !important; }

img.enlarge {
  transition: transform 0.5s ease;
  /* 平滑放大效果 */
  cursor: zoom-in;
  /* 鼠标悬停时显示放大镜图标 */
  width: 220px;
  /* 初始宽度，根据实际情况调整 */
  height: auto;
  /* 高度自适应 */ }

.logo-title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; }

.margin-b-16 {
  position: relative; }
  .margin-b-16 .form-label.required {
    position: absolute;
    top: 35%;
    z-index: 10; }
    .margin-b-16 .form-label.required.validate-fix {
      top: 20%; }
    .margin-b-16 .form-label.required .validate-fix {
      height: 40px; }

.plugin-center .alart-center {
  position: fixed;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  /* 确保它显示在其他元素的上方 */
  width: 300px;
  max-width: 80%;
  /* 根据需要调整宽度 */
  padding: 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  /* 可选：添加阴影 */
  background-color: #FFFFFF; }
.plugin-center .alart-center.fade.show {
  opacity: 1;
  transition: opacity 0.9s linear; }
.plugin-center .alart-center.fade {
  opacity: 0;
  transition: opacity 0.9s linear; }
.plugin-center .align-self-center {
  position: fixed;
  top: 40%;
  left: 60%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  /* 确保它显示在其他元素的上方 */ }

.margin-b-32 .validate-fix {
  height: 40px; }

/* 点击后图片保持放大状态 */
img.enlarged {
  transform: scale(1.5) translateX(30%) translateY(15%);
  transition: transform 0.5s ease;
  /* 平滑缩小效果 */
  cursor: zoom-out !important;
  z-index: 999999;
  position: sticky; }

@media (max-width: 1200px) {
  .banner-description {
    font-size: 18px; } }
@media (max-width: 1000px) {
  #carousel-container {
    display: none !important; } }
.logo {
  margin-bottom: 2vw; }

/*蓝色渐变中按钮*/
.def-submit-btn {
  width: 10vw;
  height: 3vw;
  max-height: 60px;
  background: linear-gradient(90deg, #10AEFF 0%, #1778FD 100%);
  border-radius: 38px 38px 38px 38px;
  color: #FFFFFF;
  min-width: 120px;
  min-height: 30px; }

/*绿色渐变中按钮*/
.def-wechat-btn {
  width: 12vw;
  height: 3vw;
  max-height: 60px;
  background: linear-gradient(90deg, #1DE24B 0%, #2EB95B 100%);
  border-radius: 38px 38px 38px 38px;
  color: #FFFFFF;
  min-width: 120px;
  min-height: 30px; }

.def-wechat-btn:hover {
  box-shadow: 0 4px 14px rgba(29, 226, 75, 0.5); }

.def-submit-btn {
  width: 11vw; }

@media screen and (min-width: 1900px) {
  .def-wechat-btn {
    width: 9vw;
    height: 10vw;
    max-height: 60px; }

  .def-submit-btn {
    width: 9vw; }

  .margin-b-32 .validate-fix {
    height: 40px; } }
@media screen and (min-width: 2500px) {
  .def-wechat-btn {
    width: 6vw;
    height: 10vw;
    max-height: 60px; }

  .def-submit-btn {
    width: 6vw;
    line-height: 0; }

  .margin-b-32 .validate-fix {
    height: 40px; } }

/*# sourceMappingURL=login.css.map */