:root {
  --theme-color: #D6336C;
  --theme-hover-color: #C41854;
  --theme-active-color: #AA043E;
  --theme-bg-color: rgba(228, 10, 131, 0.06);
  --menu-hover-color: #fff;
  --menu-hover-fontColor: #D6336C;
  --menu-icon-color: #666;
  --close-icon-color: #1A1477;
  --close-icon-error-color: #fff;
  --btn-border-color: #D6336C;
  --pagenation-theme-color: #D6336C;
  --sumenu-title-color: #1b1b1b;
  --sumenu-color: #131C29;
  --font-weight: 600;
  --white-to-theme: #D6336C;
  --submenu-scroll-color: #EBEDF0;
  --submenu-border-color: #EBEDF0;
  --second-theme-color: #4569FF;
  --warning-color: #ED9509;
  --warning-bg-color: rgba(251,159,1,0.1);
  --bg-color: #f5f7fa;
  --select-bg-color: #FFF7FC;
  --td-color-hover: #FFF7FC;
  --td-color-active: #E7EEFF;
  --thead-color: #909399;
  --success-color: #10BD77;
  --theme-light-color: #FFF7FC;
  --border-color: #d5dadc;
  --hover-primary-color: #2F52E5;
}

/* 清除自动填充的背景色、文字色 */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  /* 关键：设置背景色为透明或与页面背景一致 */
  -webkit-box-shadow: 0 0 0 30px #fff inset !important; 
  /* 清除文字色覆盖（可选） */
  -webkit-text-fill-color: #333 !important; 
}

/* 下拉框 */
/* .xiaofeixiang select option:checked {
  background-color: var(--second-theme-color) !important;
  color: #fff;
}
.xiaofeixiang select option:hover {
  background-color: var(--second-theme-color) !important;
  color: #fff;
}
.xiaofeixiang select option:visited {
  background-color: var(--second-theme-color) !important;
  color: #fff;
} */

.xiaofeixiang button:focus {
  box-shadow: none;
}

.xiaofeixiang .flex-between {
  display: flex !important;
  justify-content: space-between !important;  
}

.xiaofeixiang .move-away {
  position: absolute;
  left: -999999px;
}

/* 按钮 */
.xiaofeixiang .btn-info {
  background-color: var(--second-theme-color) !important;
  color: #fff !important;
}

.xiaofeixiang .btn-xfx-info {
  background-color: var(--theme-light-color) !important;
  color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
}

.xiaofeixiang .btn-xfx-primary {
  background-color: var(--second-theme-color);
  color: #fff;
  border-color: var(--second-theme-color);
}

.xiaofeixiang input:focus-visible {
  outline: none;  
  border: 1px solid var(--theme-color);
  box-shadow: none;         
}

.xiaofeixiang button {
  outline: none !important; 
}

.xiaofeixiang .btn.btn-link .icon { display: inline-block !important; }
.xiaofeixiang .btn.btn-link .glyphicon { display: inline-block !important; }

.xiaofeixiang .btn .icon { display: none !important; }  
.xiaofeixiang .btn .glyphicon { display: none !important; }

.xiaofeixiang .btn-primary:hover {
  background-color: var(--theme-hover-color) !important;
}

.xiaofeixiang .btn-warning {
  background-color: var(--warning-color) !important;
}
.xiaofeixiang .btn-warning:hover {
  background-color: #D58609 !important;
}

.xiaofeixiang .btn-primary:focus {
  background-color: var(--theme-color);
}

.xiaofeixiang .tab-nav-top li a {
  height: 30px;
  line-height: 30px;
  /* background-color: var(--sumenu-color); */
  background-image: transparent;
  color: #fff;
  border-radius: 4px;
  font-weight: 500 !important;
}

.xiaofeixiang .tab-nav-top li.active a {
  background-color: rgba(255,255,255,0.2) !important;
  color: #fff !important;
  font-weight: 600 !important;
}

.xiaofeixiang .top-nav-container { top: 10px; }

.xiaofeixiang .search-li {
  color: #B2B2B2;
  border: 1px solid #ddd;
  margin: 7px 0 7px 4px;
}

.xiaofeixiang .main-sidebar {
  box-shadow: 0 -4px 4px rgba(0, 0, 0, 0.1);
}

.xiaofeixiang .has-breadcrumb .breadcrumbs {
  background-color: #fff;
  left: 0px;
}

.xiaofeixiang .content-wrapper {
  background-color: var(--bg-color);
}

.xiaofeixiang .content {
  padding: 10px;
  margin: 10px;
  background-color: #fff;
}

.xiaofeixiang .content.iframe-content {
  padding: 0px;
  margin: 0px;
  background-color: var(--bg-color);
  height: calc(100vh - 50px);
  overflow: hidden;
}

.xiaofeixiang .bottom-btn-center {
  border: none;
  background-color: var(--bg-color);
}

.xiaofeixiang .left-side, .wrapper .main-sidebar.themeSidebar { padding-bottom: 0; }

.xiaofeixiang .sidebar-menu > li:hover > a { border-left: none !important; }

.xiaofeixiang ul .btn-danger , .xiaofeixiang ul li .btn-danger {
  background-color: #fff !important;
  border-color: #ddd  !important;
  color: #1D1D1D  !important;
}

.xiaofeixiang ul .btn-primary , .xiaofeixiang ul li .btn-primary {
  background-color: #FFF7FC !important;
  border-color: var(--theme-color)  !important;
  color: var(--theme-color)  !important;
}
.xiaofeixiang .btn-xfx-info:hover,
.xiaofeixiang ul .btn-primary:hover , 
.xiaofeixiang ul li .btn-primary:hover {
  background-color: var(--theme-color) !important;
  border-color: var(--theme-color)  !important;
  color: #fff  !important;  
}

.xiaofeixiang ul .btn-warning {                                                                                                               
  background-color: var(--theme-color) !important;
}

a { cursor: pointer; }

.xiaofeixiang .ztree a { color: var(--sumenu-color) !important; }
.xiaofeixiang .table:not(:has(.dropdown-menu)) a:not(.btn) { color: var(--second-theme-color); }

.xiaofeixiang a ,
.xiaofeixiang .normal-a a { color: #1D1D1D; }
.xiaofeixiang .btn-primary { color: #fff; background-color: var(--theme-color) !important; border-color: var(--theme-color) !important; }
.xiaofeixiang .color-primary { color: var(--theme-color); }

.xiaofeixiang .hc-table .btn-group .btn .icon { display: none !important; }  
.xiaofeixiang .table .btn-group .btn ,
.xiaofeixiang .hc-table .btn-group .btn { 
  border: none !important; 
  color: var(--second-theme-color) !important; 
  background-color: transparent !important;
}

/* hc-table */
.xiaofeixiang .hc-table .hc-table__header th {
  background-color: var(--bg-color);
}
.xiaofeixiang .table thead tr th ,
.xiaofeixiang .hc-table thead tr th .cell {
  color: var(--thead-color) !important;
  font-weight: 500 !important;
}
.xiaofeixiang .hc-table .empty-text {
  display: flex;
  flex-direction: column;
}
.xiaofeixiang .hc-table .empty-img {
  width: 60px;
  height: 60px;
}
.xiaofeixiang .hc-table .empty-innerText {
  color: var(--thead-color);
}
.xiaofeixiang .hc-table tbody td a {
  color: var(--second-theme-color) !important;
}
.xiaofeixiang .hc-table tbody td a:hover {
  color: var(--hover-primary-color) !important;
}


/* 复选框 单选框 */

.xiaofeixiang input[type="checkbox"] {
  appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
  border-radius: 3px;
  outline: none;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  vertical-align: text-bottom;  
}

.xiaofeixiang input[type="radio"] {
  width: 16px;
  height: 16px;
  position: relative;
  margin: 0;
  vertical-align: text-bottom;
  margin-right: 5px;
}

.xiaofeixiang .c-checkbox input[type="checkbox"] { position: absolute; }

.xiaofeixiang input[type="radio"]:hover,
.xiaofeixiang input[type="checkbox"]:hover {
  border-color: var(--theme-color);
}

.xiaofeixiang input[type="checkbox"]:checked:after {
  content: '';
  width: 16px;
  height: 16px;
  background: url('../img/app/checked.png') no-repeat center center;
  background-size: contain;
  display: inline-block;  
  position: absolute;
  top: -1px;
  left: -1px;
}

.xiaofeixiang input[type="checkbox"]:checked:disabled:after {
  content: '';
  width: 16px;
  height: 16px;
  background: url('../img/app/checked_disabled.png') no-repeat center center;
  background-size: contain;
  display: inline-block;  
  position: absolute;
  top: -1px;
  left: -1px;  
}

.xiaofeixiang input[type="radio"]:checked:after {
  content: '';
  width: 16px;
  height: 16px;
  background: url('../img/app/radioed.png') no-repeat center center; /* 加载图片，不重复，居中显示 */
  background-size: contain;
  display: inline-block;  
  position: absolute;
  top: 0px;
  left: 0px;
}

.xiaofeixiang input[type="radio"]:checked:disabled:after {
  content: '';
  width: 16px;
  height: 16px;
  background: url('../img/app/radio_disabled.png') no-repeat center center; /* 加载图片，不重复，居中显示 */
  background-size: contain;
  display: inline-block;  
  position: absolute;
  top: 0px;
  left: 0px;
}

.xiaofeixiang .c-checkbox:hover span, .xiaofeixiang .c-radio:hover span { 
  border-color: var(--theme-color); 
}

.xiaofeixiang .c-checkbox input[type=checkbox]:checked + span:after {
  content: '';
  width: 20px;
  height: 20px;
  background: url('../img/app/checked.png') no-repeat center center; /* 加载图片，不重复，居中显示 */
  background-size: contain;
  display: inline-block;  
  position: absolute;
  top: -1px;
  left: -1px;
}

.xiaofeixiang .c-checkbox input[type=checkbox]:checked:disabled + span:after {
  content: '';
  width: 20px;
  height: 20px;
  background: url('../img/app/checked_disabled.png') no-repeat center center; /* 加载图片，不重复，居中显示 */
  background-size: contain;
  display: inline-block;  
  position: absolute;
  top: -1px;
  left: -1px;
}

.xiaofeixiang .c-checkbox input[type=checkbox]:checked + span ,
.xiaofeixiang .c-radio input[type=radio]:checked + span {
  background-color: #fff;
  border-color: var(--theme-color);
}

.xiaofeixiang .c-radio input[type="radio"]:checked + span:after {
  content: '';
  width: 20px;
  height: 20px;
  background: url('../img/app/radioed.png') no-repeat center center; /* 加载图片，不重复，居中显示 */
  background-size: contain;
  display: inline-block;  
  position: absolute;
  top: -1px;
  left: -1px;
}

.xiaofeixiang .c-radio input[type="radio"]:checked:disabled + span:after {
  content: '';
  width: 20px;
  height: 20px;
  background: url('../img/app/radio_disabled.png') no-repeat center center; /* 加载图片，不重复，居中显示 */
  background-size: contain;
  display: inline-block;  
  position: absolute;
  top: -1px;
  left: -1px;
}

.xiaofeixiang .box-body .table .c-checkbox span {
  width: 16px;
  height: 16px;
  line-height: 16px;
  margin-right: 0px;
}

/* 问号图标 */
.xiaofeixiang .glyphicon-question-sign:before {
  content: '';
  width: 14px;
  height: 14px;
  background: url('../img/app/help.png') no-repeat center center; /* 加载图片，不重复，居中显示 */
  background-size: contain;
  display: inline-block; 
  vertical-align: sub;   
}

.xiaofeixiang .glyphicon.glyphicon-th-list { color: #666 !important; }

/* 所有的表格中 图标 */
.xiaofeixiang .table thead th { text-align: left !important; }
.xiaofeixiang .table > tbody > tr:hover > td, .xiaofeixiang .hc-table tr.hover-row > td {
  background-color: var(--td-color-hover) !important;
}

.xiaofeixiang table tbody tr td:last-child .btn:not(.glyphicon) {
  background-color: transparent !important;
  color: var(--second-theme-color) !important;
  text-decoration: none !important;
  border: none !important;
}

.xiaofeixiang .icon-li .glyphicon-info-sign::before , 
.xiaofeixiang div[data-type='table'] .glyphicon-info-sign::before {
  content: '';
  width: 100px;
  height: 100px;
  background: url('../img/app/empty.png') no-repeat center center; /* 加载图片，不重复，居中显示 */
  background-size: contain;
  display: inline-block;
}
.xiaofeixiang .alert-box li.title { font-size: 12px; }
.xiaofeixiang td .glyphicon-trash.glyphicon {
  background-color: #fff !important;
  border-color: #ddd !important;
  color: var(--theme-color) !important;
}
.xiaofeixiang td .glyphicon-plus.glyphicon {
  background-color: #fff !important;
  border-color: #ddd !important;
  color: var(--second-theme-color) !important;  
}

.xiaofeixiang .glyphicon.glyphicon-minus-sign {
  background-color: #fff !important;
  border-color: #ddd !important;
  color: var(--theme-color) !important;  
}

.xiaofeixiang td .glyphicon-plus.glyphicon:hover , 
.xiaofeixiang td .glyphicon-trash.glyphicon:hover {
  border-color: var(--theme-color) !important;

}

.xiaofeixiang .pagination > .active > a {
  background-color: var(--theme-light-color) !important;
  color: var(--theme-color);
}

/* 自定义列 */
/* .xiaofeixiang .table-col-setting .btn-warning {
  background-color: var(--second-theme-color) !important;
  border-color: #ddd  !important;
  color: #fff  !important;
} */

/* 报表调整 */
.xiaofeixiang .form-area {
  border: none !important;
  background: #fff;
  padding-left: 0px;
  margin-bottom: 0;
}
.xiaofeixiang .report-form-layout > li {
  margin: 0 0.5% 6px 0.5px !important;
}
.xiaofeixiang .form-area .toolbar {
  padding: 10px 6px;
  display: flex;
  justify-content: center;
  position: relative;
  background: var(--bg-color);
}
.xiaofeixiang .hover-a a:hover {
  color: var(--second-theme-color) !important;
}

.xiaofeixiang .date-range-join { background-color: #fff; }

.xiaofeixiang .report-header { align-items: center; }

.xiaofeixiang .report-header .title {
  font-size: 16px;
  font-weight: 600;
  padding: 10px 0 15px 10px;
  position: relative;
}
.xiaofeixiang .report-header .title::before {
  content: '';
  width: 4px;
  height: 15px;
  background-color: var(--theme-color);
  position: absolute;
  left: 0;
  top: 13px
}

.xiaofeixiang .ui-grid-render-container * {
  border-color: var(--border-color) !important;
}

.xiaofeixiang .ui-grid-header-cell-wrapper .ui-grid-header-cell-row {
  background-color: var(--bg-color) !important;
}
.xiaofeixiang .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
  background-color: var(--bg-color) !important;
}
.xiaofeixiang .ui-grid-footer-cell-row {
  background-color: var(--bg-color) !important;
}

/* 报表tabs */

.xiaofeixiang .report-template-box .nav-tabs {
  border-bottom: none !important;
  margin-bottom: 5px;
}
.xiaofeixiang .report-template-box .nav-tabs > li { 
  border-bottom: 1px solid #ddd; 
}
.xiaofeixiang .report-template-box .nav-tabs > li > a {
  color: var(--second-theme-color);
  margin: 0 !important;
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
  border-left: 1px solid #ddd !important;
  border-right: none !important;
  border-radius: 0 !important;
  padding: 5px 12px  !important;
  background: #F7F8FA !important;
}
.xiaofeixiang .report-template-box .nav-tabs > li:hover a {
  color: var(--theme-color) !important;
}
.xiaofeixiang .report-template-box .nav-tabs > li:first-child > a {
  border-radius: 4px 0 0 0 !important;
}
.xiaofeixiang .report-template-box .nav-tabs > li:last-child > a {
  border-right: 1px solid #ddd !important;
  border-radius: 0 4px 0 0 !important;
}
.xiaofeixiang .report-template-box .nav-tabs > li.active {
  border-bottom: none;
}
.xiaofeixiang .report-template-box .nav-tabs.report-tabs .active > a {
  background-color: #fff !important;
  color: var(--theme-color) !important;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: none !important;
}

.xiaofeixiang .report-template-box .nav-tab-box .arrow {
  padding: 6px 8px !important;
  border-radius: 2px !important;
}

/* 报表注释 */
.xiaofeixiang .report-template-box .remarks.warning {
  color: var(--warning-color);
  background-color: var(--warning-bg-color);
  border: 1px solid var(--warning-color);
  padding: 4px 10px;
  font-size: 11px;
  border-radius: 2px;
  margin: 10px 0;
}

/* 树 */
.xiaofeixiang .tree-icon.glyphicon.glyphicon-file::before { display: none !important; }
.xiaofeixiang .tree-dropdown .page-bottom-bar input[type=checkbox] {
  vertical-align: middle !important;
  margin-right: 4px !important;
}

/* 详情页 */
.xiaofeixiang .detail-hasFixedBottom {
  height: calc(100vh - 155px) !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;  
}
.xiaofeixiang .detail-hasFixedBottom.self-auto {
  overflow-y: auto;
}
.xiaofeixiang .detail-hasFixedBottom .bottom-btn-center { background-color: #fff; }

/* switch */
.xiaofeixiang .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  background-color: var(--theme-color) !important;
}
.xiaofeixiang .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  background-color: var(--second-theme-color) !important;
}
.xiaofeixiang .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
  background-color: var(--theme-color) !important;
}

/* 弹窗 */
.xiaofeixiang .sweet-alert .sa-confirm-button-container .confirm {
  background-color: var(--theme-color) !important;
}

/* 登录页 */

.xiaofeixiang .view-account {
  width: 900px;
  height: 600px;
  min-height: 600px;
  min-width: 900px;
  display: grid;
  grid-template-columns: 500px 1fr;
  /* gap: 15px; */
}

.xiaofeixiang .main-box {
  padding: 50px 60px 0 60px;
}

.xiaofeixiang .tag-like {
  text-align: center;
  background-color: var(--bg-color);
  position: relative;
}

.xiaofeixiang .tag-like > div:last-child {
  color: #666;
}

.xiaofeixiang .tag-like {
  cursor: pointer;
}

.xiaofeixiang .tag-like:hover {
  background-color: #FFF2FA !important;
}

.xiaofeixiang .tag-like.active {
  background-color: #FFF2FA !important;
}

.xiaofeixiang .tag-like.active > div:first-child {
  color: var(--theme-color);
}

.xiaofeixiang .tag-like.active::after {
  content: '';
  left: 0;
  right: 0;
  height: 3px;
  background-color: var(--theme-color);
  position: absolute;
  bottom: 0;
}

.xiaofeixiang .table-has-input input.form-control { min-width: 80px !important; }

.xiaofeixiang .flex-parent {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.xiaofeixiang .flex-normal {
  flex: 1;
  display: flex;
}

.xiaofeixiang .btn-group.tab-group .btn.btn-primary {
  background-color: var(--theme-light-color) !important;
  color: var(--theme-color) !important;
  border: 1px solid var(--theme-color) !important;
}

.xiaofeixiang .heightFull {
  height: calc(100vh - 110px);
  overflow-x: hidden;
}

/* form 表单 */
.xiaofeixiang .filterForm .form-group { margin-bottom: 4px !important; }

.xiaofeixiang .label-success {
  background-color: var(--theme-color) !important;
}

.xiaofeixiang .hover-theme:hover {
  color: var(--theme-color) !important;
  cursor: pointer;
}

.xiaofeixiang .hover-primary {
  color: var(--second-theme-color);
}

.xiaofeixiang .hover-primary:hover {
  color: var(--hover-primary-color) !important;
}


.xiaofeixiang:not(:has(.dropdown)) .btn-default:hover {
  background-color: var(--theme-light-color) !important;
  color: var(--theme-color) !important;
  border-color: var(--theme-color) !important;
}

.xiaofeixiang .table .blue-ball { color: #fff; }

.xiaofeixiang .bgTab li.active a { background-color: var(--select-bg-color); color: var(--theme-color); }

.xiaofeixiang .upload-url-view {
  display: inline-block;
  vertical-align: middle;
  max-width: 150px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.xiaofeixiang .form .dropdown.select-input .btn  {
  padding: 0px 12px !important;
  line-height: 32px !important;
} 

.xiaofeixiang a:not(.btn):hover  {
  color: var(--theme-color);
  text-decoration: none;
}

.xiaofeixiang .success-btn-like {
  background-color: var(--success-color) !important;
  color: #fff !important;
  padding: 2px 4px !important;
}