@import url("../libs/layui/css/layui.css");
@import url("../libs/toastr/toastr.min.css");
@import url("../fonts/iconfont/iconfont.css");
@import url("../libs/selectpage/selectpage.css");
:root,
.light {
  /* 默认主题色 */
  --lay-color-primary: #16baaa;
  --lay-color-accent: #16b777;
  --primary: #6366f1;
  --primary-hover: #4f46e5;
  --primary-light: #818cf8;
  --primary-bg: #eef2ff;
  --success: #10b981;
  --success-bg: #ecfdf5;
  --warning: #f59e0b;
  --warning-bg: #fffbeb;
  --danger: #ef4444;
  --danger-bg: #fef2f2;
  --info: #3b82f6;
  --info-bg: #eff6ff;

  --bg-page: #f8fafc;
  --bg-card: #ffffff;
  --bg-sidebar: #ffffff;
  --bg-navbar: #ffffff;

  --text-primary: #0f172a;
  --text-secondary: #475569;
  --text-muted: #94a3b8;
  --text-light: #cbd5e1;

  --border: #e2e8f0;
  --border-light: #f1f5f9;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.04);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.06), 0 4px 6px -4px rgba(0, 0, 0, 0.04);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.06), 0 8px 10px -6px rgba(0, 0, 0, 0.04);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;

  --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-fast: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.layui-btn{background-color: var(--lay-color-primary)}
.layui-btn-primary {
  border-color: #d2d2d2;
  background: 0 0;
  color: #5f5f5f
}

.layui-btn-primary:hover {
  border-color: #16baaa;
  color: #333
}

.layui-btn-normal {
  background-color: #1e9fff
}

.layui-btn-warm {
  background-color: #ffb800
}

.layui-btn-danger {
  background-color: #ff5722
}
/*公用类*/
.w50{width:50px!important;}
.w100{width:100px!important;}
.w200{width:200px!important;}
.w300{width:300px!important;}
.w400{width:400px!important;}
.w500{width:500px!important;}
.w600{width:600px!important;}

.text-danger {color: #d26a5c; }
.text-info {color: #70b9eb; }
.text-warning {color: #f3b760; }
.text-success {color: #46c37b; }
.text-primary {color: #5c90d2; }

.text-start {text-align: left !important;}
.text-end {text-align: right !important;}
.text-center {text-align: center !important; }

.float-start {float: left !important;}
.float-end {float: right !important;}
.float-none {float: none !important;}

.position-static {position: static !important;}
.position-relative {position: relative !important;}
.position-absolute {position: absolute !important;}
.position-fixed {position: fixed !important;}
.position-sticky {position: -webkit-sticky !important;position: sticky !important;}

.d-inline {display: inline !important;}
.d-inline-block {display: inline-block !important;}
.d-block {display: block !important;}
.d-none {display: none !important;}
.d-flex {display: flex !important;}
.d-inline-flex {display: inline-flex !important;}

.table_matched_talent{width: 100%;float: left;}
.table_matched_talent span{height: 24px;line-height: 24px;padding:5px 10px;width: 50px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;float: left;box-sizing: content-box;}
.table_matched_talent span:nth-child(1){display: inline-block;padding-left: 0;}
.table_matched_talent dt{font-weight: bolder;width: 100%;float: left;}
.table_matched_talent dd{width: 100%;float: left;}

.flex-fill {flex: 1 1 auto !important; }
.flex-row {flex-direction: row !important; }
.flex-column {flex-direction: column !important; }
.flex-row-reverse {flex-direction: row-reverse !important; }
.flex-column-reverse {flex-direction: column-reverse !important; }
.flex-grow-0 {flex-grow: 0 !important; }
.flex-grow-1 {flex-grow: 1 !important; }
.flex-shrink-0 {flex-shrink: 0 !important; }
.flex-shrink-1 {flex-shrink: 1 !important; }
.flex-wrap {flex-wrap: wrap !important; }
.flex-nowrap {flex-wrap: nowrap !important; }
.flex-wrap-reverse {flex-wrap: wrap-reverse !important; }
.justify-content-start {justify-content: flex-start !important; }
.justify-content-end {justify-content: flex-end !important; }
.justify-content-center {justify-content: center !important; }
.justify-content-between {justify-content: space-between !important; }
.justify-content-around {justify-content: space-around !important; }
.justify-content-evenly {justify-content: space-evenly !important; }
.align-items-start {align-items: flex-start !important; }
.align-items-end {align-items: flex-end !important; }
.align-items-center {align-items: center !important; }
.align-items-baseline {align-items: baseline !important; }
.align-items-stretch {align-items: stretch !important; }
.align-content-start {align-content: flex-start !important; }
.align-content-end {align-content: flex-end !important; }
.align-content-center {align-content: center !important; }
.align-content-between {align-content: space-between !important; }
.align-content-around {align-content: space-around !important; }
.align-content-stretch {align-content: stretch !important; }
.align-self-auto {align-self: auto !important; }
.align-self-start {align-self: flex-start !important; }
.align-self-end {align-self: flex-end !important; }
.align-self-center {align-self: center !important; }
.align-self-baseline {align-self: baseline !important; }
.align-self-stretch {align-self: stretch !important; }

.m-0 {margin: 0 !important; }
.m-1 {margin: 4px !important; }
.m-2 {margin: 8px !important; }
.m-3 {margin: 16px !important; }
.m-4 {margin: 24px !important; }
.m-5 {margin: 48px !important; }
.m-auto {margin: auto !important; }

.mx-0 {margin-right: 0 !important; margin-left: 0 !important; }
.mx-1 {margin-right: 4px !important; margin-left: 4px !important; }
.mx-2 {margin-right: 8px !important; margin-left: 8px !important; }
.mx-3 {margin-right: 16px !important; margin-left: 16px !important; }
.mx-4 {margin-right: 24px !important; margin-left: 24px !important; }
.mx-5 {margin-right: 48px !important; margin-left: 48px !important; }
.mx-auto {margin-right: auto !important; margin-left: auto !important; }

.my-0 {margin-top: 0 !important; margin-bottom: 0 !important; }
.my-1 {margin-top: 4px !important; margin-bottom: 4px !important; }
.my-2 {margin-top: 8px !important; margin-bottom: 8px !important; }
.my-3 {margin-top: 16px !important; margin-bottom: 16px !important; }
.my-4 {margin-top: 24px !important; margin-bottom: 24px !important; }
.my-5 {margin-top: 48px !important; margin-bottom: 48px !important; }
.my-auto {margin-top: auto !important; margin-bottom: auto !important; }

.mt-0 {margin-top: 0 !important; }
.mt-1 {margin-top: 4px !important; }
.mt-2 {margin-top: 8px !important; }
.mt-3 {margin-top: 16px !important; }
.mt-4 {margin-top: 24px !important; }
.mt-5 {margin-top: 48px !important; }
.mt-auto {margin-top: auto !important; }

.me-0 {margin-right: 0 !important; }
.me-1 {margin-right: 4px !important; }
.me-2 {margin-right: 8px !important; }
.me-3 {margin-right: 16px !important; }
.me-4 {margin-right: 24px !important; }
.me-5 {margin-right: 48px !important; }
.me-auto {margin-right: auto !important; }

.mb-0 {margin-bottom: 0 !important; }
.mb-1 {margin-bottom: 4px !important; }
.mb-2 {margin-bottom: 8px !important; }
.mb-3 {margin-bottom: 16px !important; }
.mb-4 {margin-bottom: 24px !important; }
.mb-5 {margin-bottom: 48px !important; }
.mb-auto {margin-bottom: auto !important; }

.ms-0 {margin-left: 0 !important; }
.ms-1 {margin-left: 4px !important; }
.ms-2 {margin-left: 8px !important; }
.ms-3 {margin-left: 16px !important; }
.ms-4 {margin-left: 24px !important; }
.ms-5 {margin-left: 48px !important; }
.ms-auto {margin-left: auto !important; }

.p-0 {padding: 0 !important; }
.p-1 {padding: 4px !important; }
.p-2 {padding: 8px !important; }
.p-3 {padding: 16px !important; }
.p-4 {padding: 24px !important; }
.p-5 {padding: 48px !important; }

.px-0 {padding-right: 0 !important; padding-left: 0 !important; }
.px-1 {padding-right: 4px !important; padding-left: 4px !important; }
.px-2 {padding-right: 8px !important; padding-left: 8px !important; }
.px-3 {padding-right: 16px !important; padding-left: 16px !important; }
.px-4 {padding-right: 24px !important; padding-left: 24px !important; }
.px-5 {padding-right: 48px !important; padding-left: 48px !important; }

.py-0 {padding-top: 0 !important; padding-bottom: 0 !important; }
.py-1 {padding-top: 4px !important; padding-bottom: 4px !important; }
.py-2 {padding-top: 8px !important; padding-bottom: 8px !important; }
.py-3 {padding-top: 16px !important; padding-bottom: 16px !important; }
.py-4 {padding-top: 24px !important; padding-bottom: 24px !important; }
.py-5 {padding-top: 48px !important; padding-bottom: 48px !important; }

.pt-0 {padding-top: 0 !important; }
.pt-1 {padding-top: 4px !important; }
.pt-2 {padding-top: 8px !important; }
.pt-3 {padding-top: 16px !important; }
.pt-4 {padding-top: 24px !important; }
.pt-5 {padding-top: 48px !important; }

.pe-0 {padding-right: 0 !important; }
.pe-1 {padding-right: 4px !important; }
.pe-2 {padding-right: 8px !important; }
.pe-3 {padding-right: 16px !important; }
.pe-4 {padding-right: 24px !important; }
.pe-5 {padding-right: 48px !important; }

.pb-0 {padding-bottom: 0 !important; }
.pb-1 {padding-bottom: 4px !important; }
.pb-2 {padding-bottom: 8px !important; }
.pb-3 {padding-bottom: 16px !important; }
.pb-4 {padding-bottom: 24px !important; }
.pb-5 {padding-bottom: 48px !important; }

.ps-0 {padding-left: 0 !important; }
.ps-1 {padding-left: 4px !important; }
.ps-2 {padding-left: 8px !important; }
.ps-3 {padding-left: 16px !important; }
.ps-4 {padding-left: 24px !important; }
.ps-5 {padding-left: 48px !important; }



::-webkit-scrollbar {
     width: 6px;
     height: 10px;
   }

::-webkit-scrollbar-track {
  width: 6px;
  background: var(--lay-color-primary);
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
}

::-webkit-scrollbar-thumb {
  background-color: var(--lay-color-accent);
  background-clip: padding-box;
  min-height: 28px;
  -webkit-border-radius: 2em;
  -moz-border-radius: 2em;
  border-radius: 2em;
  transition: background-color .3s;
  cursor: pointer;
}

::-webkit-scrollbar-thumb:hover {
  background-color: var(--lay-color-primary);
}

.layui-table td, .layui-table th{font-size: 12px}
.matched_talent_wrap{width: 100%;float: left;margin-bottom: 0px;border-bottom: dashed 1px #ccc;padding-bottom: 10px;background: #fafafa;padding-top: 10px;padding-left: 5px;}
.matched_talent_wrap:first-child{margin-top: 0;padding-top: 0;}
.matched_talent_wrap .w1{width: 100%;float: left;}
.matched_talent_wrap .w2{width: 100%;float: left;margin-top: 5px;}
.layui-btn-sm i {font-size: 14px !important;}
.matched_talent_wrap .layui-input-inline{width: 150px;}
:not(pre) > code {padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; }
.childrenBody {padding: 15px;background-color: #f1f4f6;box-sizing: border-box}
.childrenBody.is-dialog{background-color:#fff}
.is-dialog .layer-footer {display: none;}

.layui-btn-normal,.layui-btn-danger{background-color: var(--lay-color-accent)}

.panel_box a{display:block;overflow:hidden;background: #fff;border: 1px solid #eee;}
.panel_icon{ width:40%; line-height:85px; height:85px;}
.panel_icon i{ font-size:40px !important; color:#fff;}
.panel_word{ width:60%;}
.panel_word span{ font-size:25px; display:block;}

.layui-form-field-label{display: block; padding:3px 0px; font-weight: 400; line-height: 20px;position: relative;}
.layui-table-tool .yzn-btn-primary{color: #fff; background-color: #2c3e50; }
.layui-table-tool .layui-btn + .layui-btn {margin-left: 2px !important;}
.certificate_type_select{display: inline-block;float: left;}
.certificate_type_select select{margin-right: 10px;}
.yzn-bg-green {background: -moz-linear-gradient(top,#73D08D,#5FB878); background: -o-linear-gradient(top,#73D08D,#5FB878); background: -ms-linear-gradient(top,#73D08D,#5FB878); background: -webkit-linear-gradient(top,#73D08D,#5FB878); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#73D08D,endColorstr=#5FB878); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#73D08D,endColorstr=#5FB878)"; box-shadow: 0 3px 14px 2px #CFF8DB }
.yzn-bg-blue {background: -moz-linear-gradient(top,#65b8f5,#1898f7); background: -o-linear-gradient(top,#65b8f5,#1898f7); background: -ms-linear-gradient(top,#65b8f5,#1898f7); background: -webkit-linear-gradient(top,#65b8f5,#1898f7); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#30A1F5,endColorstr=#1E9FFF); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#30A1F5,endColorstr=#1E9FFF)"; box-shadow: 0 3px 14px 2px #CEE8FC }
.yzn-bg-red {background: -moz-linear-gradient(top,#F86738,#FF5722); background: -o-linear-gradient(top,#F86738,#FF5722); background: -ms-linear-gradient(top,#F86738,#FF5722); background: -webkit-linear-gradient(top,#F86738,#FF5722); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F86738,endColorstr=#FF5722); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#F86738,endColorstr=#FF5722)"; box-shadow: 0 3px 14px 2px #FFE4DB }
.yzn-bg-orange {background: -moz-linear-gradient(top,#ff8c67,#FF5722); background: -o-linear-gradient(top,#ff8c67,#FF5722); background: -ms-linear-gradient(top,#ff8c67,#FF5722); background: -webkit-linear-gradient(top,#ff8c67,#FF5722); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFC93B,endColorstr=#FFB800); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#FFC93B,endColorstr=#FFB800)"; box-shadow: 0 3px 14px 2px #FFD4E0 }
.yzn-bg-purple {background: -moz-linear-gradient(top,#CB5DEF,#9825D1); background: -o-linear-gradient(top,#CB5DEF,#9825D1); background: -ms-linear-gradient(top,#CB5DEF,#9825D1); background: -webkit-linear-gradient(top,#CB5DEF,#9825D1); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#CB5DEF,endColorstr=#9825D1); -ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0,startColorstr=#CB5DEF,endColorstr=#9825D1)"; box-shadow: 0 3px 14px 2px #F1D0FD }
.certificate_info_tr .layui-table{width: 100% !important}
.certificate_info_wrap{border:solid 1px #ccc;padding:5px 0 0 5px;margin-bottom: 5px;position: relative;width: 100%;float: left;}
.certificate_info_wrap .add_more,.certificate_info_wrap .del{position: absolute;top:40%;right: 5px;}
/**弹出层样式*/
.layui-layer-yzn .layui-layer-title {background: #2c3e50 !important; color: #fff !important; border-bottom: none; }
.layui-layer-yzn .layui-layer-setwin span{color:#fff;}
.layui-layer-yzn .layui-layer-setwin .layui-layer-max:after,.layui-layer-yzn .layui-layer-setwin .layui-layer-max:before {border: 1px solid #fff;background: #2c3e50}
.layui-layer-yzn .layui-layer-setwin .layui-layer-min:before {background-color: #fff;border-bottom: 1px solid #fff;}
.layui-layer-yzn.layui-layer-border {border: none !important; box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.3) !important; }
.layui-layer-yzn.layui-layer-iframe {overflow: visible; }
.layui-layer-yzn .layui-layer-moves {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.layui-layer-yzn .layui-layer-btn {text-align: center !important; padding: 10px 15px !important; background: #ecf0f1; overflow: hidden; }
.layui-layer-yzn .layui-layer-btn a {background-color: #95a5a6; border-color: #95a5a6; color: #fff !important; height: 31px; margin-top: 0; border: 1px solid transparent; }
.layui-layer-yzn .layui-layer-btn .layui-layer-btn0 {background-color: #1E9FFF; border-color: #1E9FFF; }
.layui-layer-yzn .layui-layer-footer {padding: 8px 20px; background-color: #ecf0f1; height: auto; text-align: inherit !important; }
.layui-layer-content {clear: both; }
.layui-layer-yzn-msg {min-width: 100px; }

.fieldlist dd {display: block;margin: 5px 0;}
.fieldlist dd input {display: inline-block;width: 300px;}
.fieldlist dd input:first-child {width: 110px;}
.fieldlist dd ins {width: 110px;display: inline-block;text-decoration: none;font-weight: bold;margin-right: 10px;line-height: 38px;}

/*alert*/
.alert {padding: 15px; margin-bottom: 17px; border: 1px solid transparent; border-radius: 3px;}
.alert h4 {font-weight: 600; }
.alert .icon {margin-right: 10px; }
.alert .close {color: #000; opacity: 0.2; filter: alpha(opacity=20); }
.alert .close:hover {opacity: 0.5; filter: alpha(opacity=50); }
.alert a {color: #fff; text-decoration: underline; }
.alert-success {border-color: #15a589; }
.alert-danger, .alert-error {border-color: #e43725; }
.alert-warning {border-color: #e08e0b; }
.alert-info {border-color: #258cd1; }
.alert-primary-light {background-color: #E2E5E8; border-color: #D0D4D8; color: #85878A; }
.alert-primary-light a {color: #787a7d; }
.alert-success-light {background-color: #dff0d8; border-color: #d1eac8; color: #468847; }
.alert-success-light a {color: #3d773e; }
.alert-danger-light, .alert-error-light {background-color: #f2dede; border-color: #ebcdcd; color: #b94a48; }
.alert-danger-light a, .alert-error-light a {color: #a74240; }
.alert-warning-light {background-color: #fcf8e3; border-color: #faf3cd; color: #c09853; }
.alert-warning-light a {color: #b78c43; }
.alert-info-light {background-color: #d9edf7; border-color: #c6e4f3; color: #3a87ad; }
.alert-info-light a {color: #34789a; }


.layui-laydate .layui-this, .layui-laydate .layui-this>div{background-color: var(--lay-color-primary) !important;color: white;}

.layui-form-mid.no-float{float: none !important;margin-left: 140px !important;padding-bottom: 0 !important;}
.layui-form-item-required:before {display: inline-block; margin-right: 4px; color: #f5222d; font-size: 14px; font-family: SimSun,sans-serif; line-height: 1; content: "*"; }

/*重置layui样式*/
.layui-btn-disabled, .layui-btn-disabled:active{pointer-events: none; }
.layui-badge-rim, .layui-border, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-input-split, .layui-panel, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-textarea {
    border-color: #dcdfe6;
}
.layui-table .layui-btn+.layui-btn {margin-left: 5px;}
.layui-form-label {width: 110px;}
.layui-input-block {margin-left: 140px;max-width:70%;}
.layui-table td, .layui-table th, .layui-table-col-set, .layui-table-fixed-r, .layui-table-grid-down, .layui-table-header, .layui-table-page, .layui-table-tips-main, .layui-table-tool, .layui-table-total, .layui-table-view, .layui-table[lay-skin=line], .layui-table[lay-skin=row] {border-color: #e6e6e6;}
.layui-elem-quote{background-color: #f2f2f2;}

/*树形图标*/
.layui-table-cell-expand-icon {border-radius: 2px;text-align: center;background-color: #fafafa;border: 1px solid #eee;flex-shrink: 0;padding: 2px;margin-right: 8px;font-size: 16px;}

/*tabs和card*/
.layui-tabs-panel .layui-tabs-header{padding: 15px !important;padding-bottom: 0 !important;background: #e8edf0;}
.layui-tabs-panel .layui-tabs-header .layui-this:after{display: none;}
.layui-tabs-panel .layui-tabs-header li{margin-right: 6px !important;color: #95a5a6;background-color: #d8e0e6;}
.layui-tabs-panel .layui-tabs-header li:hover {color: #7b8a8b;background-color: #c9d4dc;}
.layui-tabs-panel .layui-tabs-header li.layui-this{color: #7b8a8b;background-color: #ffffff;}
.layui-tabs-panel .layui-tabs-header:after, .layui-tabs-panel .layui-tabs-scroll:after{display: none;}
.layui-tabs-panel .layui-tabs-body{padding: 16px !important;}
.layui-tabs-panel .layui-tabs-scroll .layui-tabs-header{padding: 0 !important}
.layui-tabs-panel .layui-tabs-scroll .layui-tabs-header li{margin-left: 6px !important;margin-right: 0px !important;}
.layui-card-panel .layui-card-header{background:#e8edf0;border-bottom:none;padding-bottom: 0;}
.layui-card-panel .layui-card-body{padding: 16px;}

/*图片上传缩略图*/
.file-item.thumbnail .file-panel {position: absolute; width: 100%; height: 30px; line-height: 30px; left: 0; right: 0; top: -30px; background: rgba(0, 0, 0, 0.4); z-index: 3; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; }
.file-item.thumbnail:hover .file-panel {top: 0; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; }
.file-item.thumbnail { width: 100px; margin-right: 10px; text-align: center; display: block; margin-top: 15px; line-height: 100px;   display: inline-block;  }
.file-item.thumbnail a{background-color: #fff;overflow: hidden; display: block;margin-bottom:10px;height: 100px;border: 1px solid #ddd; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out;position: relative; padding: 5px;}
.file-item.thumbnail a img {cursor: zoom-in; max-height: 100%; max-width: 100%; display: inline-block; vertical-align: middle; }
.file-item.thumbnail .info {display: none; }
.file-item.thumbnail .file-panel i {font-size: 18px; color: #fff; width: 16px; height: 16px; line-height: 16px; z-index: 5; cursor: pointer; }
.file-item.thumbnail .file-panel i.move-picture {cursor: move; }

@media screen and (max-width: 768px) {
    .layui-form-label {width: auto;float: none;text-align: left;padding: 0 0 9px 0;}
    .layui-input-block {margin-left: 0;max-width:100%;}
    .layui-form-item .layui-input-inline {margin: 0 0 10px 0 !important;}
    .layui-form-item .layui-input-inline+.layui-form-mid {margin-left: 0 !important;}
    .layui-form-item .layui-form-mid.no-float {margin-left: 0 !important;}
}

#treeview .jstree-container-ul .jstree-node {display: block; clear: both; }
#treeview .jstree-leaf:not(:first-child) {float: left; background: none; margin-left: 0; min-width: 80px; clear: none; }
#treeview .jstree-leaf {float: left; margin-left: 0; padding-left: 24px; min-width: 80px; clear: none; color: #777; }
#treeview .jstree-leaf > .jstree-icon, #treeview .jstree-leaf .jstree-themeicon {display: none; }
#treeview .jstree-last {background-image: url("../img/32px.png"); background-position: -292px -4px; background-repeat: repeat-y; }
#treeview .jstree-children:before, #treeview .jstree-children:after {content: " "; display: table; }
#treeview .jstree-children:after {clear: both; }
#treeview .jstree-themeicon {display: none; }

.laydate-theme-lunar .hightlight i{color: var(--lay-color-primary) !important}

.step-box  {display: flex;}
.step-box .cirle {display: inline-block;border-radius: 50%;background: #fff;width: 15px;margin: 5px 10px 5px 18px;height: 15px;color: #1e9fff;line-height: 15px;text-align: center;}
.step-box .stepBar{width: 164px;height: 30px;background: #e3edf6;position: relative;line-height: 30px;margin: 0px 4px;color: var(--lay-color-primary);font-size: 12px}
.step-box .active-ba{background: var(--lay-color-primary);color: #fff}
.step-box .stepBar::before {content:" ";width: 0;height: 0;border: solid;border-color: transparent transparent transparent #e3edf6;border-top-width: 15px;border-right-width: 15px;border-bottom-width: 15px;border-left-width: 14px;position: absolute;right: -28px;top: 0px;z-index: 1;}
.step-box .active-ba::before{border-color: transparent transparent transparent var(--lay-color-primary);}
.step-box .stepBar::after{content:" ";width: 0;height: 0;border: solid;border-color: transparent transparent transparent #fff;border-top-width: 15px;border-right-width: 15px;border-bottom-width: 15px;border-left-width: 14px;position: absolute;left: 0px;top: 0px;}
.step-box fieldset {border: 0 !important}
.step-box fieldset legend{display: none}

.main_layout {max-width:100%;margin:0 auto;}
.main_layout .card {background:#fff;border-radius:8px;border:1px solid #e8e8e8;padding:20px;margin-bottom:16px;height: 180px}
.main_layout .card-title {font-size:16px;font-weight:600;color:#333;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;}
.main_layout .card-title .more {color: var(--lay-color-primary);font-size:14px;cursor:pointer;}
.main_layout .grid {display:grid;gap:16px;}
.main_layout .grid-top {grid-template-columns:1fr 2fr 1fr;}
.main_layout .grid-middle {grid-template-columns:1fr 2fr;}
.main_layout .grid-bottom {grid-template-columns:6fr 4fr 6fr;}
.main_layout .grid-bottom .card{height: auto}
.main_layout .employee-info {display:flex;align-items:center;gap:16px;}
.main_layout .avatar {width:80px;height:80px;border-radius:8px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:bold;}
.main_layout .employee-details {flex:1;}
.main_layout .employee-details p {margin-bottom:6px;font-size:14px;color:#666;}
.main_layout .employee-details .name {font-size:18px;font-weight:600;color:#333;}
.main_layout .performance-item {overflow: hidden}
.main_layout .performance-item:last-child {margin-bottom:0;}
.main_layout .performance-label {font-size:14px;color:#666;margin-bottom:8px;float: left;}
.main_layout .progress-wrapper {width: calc(100% - 250px);float: right;margin-top: 8px;}
.main_layout .layui-progress {flex:1;}
.main_layout .progress-percent {font-size:14px;color:#1890ff;font-weight:500;min-width:40px;}
.main_layout .highlight-red {color:#ff4d4f;font-weight:500;}
.main_layout .rank-info {font-size:13px;color:#666;margin-top:6px;}
.main_layout .attendance-tabs {display:flex;gap:8px;margin-bottom:16px;}
.main_layout .attendance-tab {padding:6px 16px;background:#e6f7ff;border-radius:16px;font-size:13px;color:var(--lay-color-primary);cursor:pointer;}
.main_layout .layui-this {background:var(--lay-color-primary) !important;color:#fff !important;}
.main_layout .layui-this a{color: #fff}
.main_layout .attendance-status {margin-bottom:12px;}
.main_layout .attendance-status p {font-size:14px;color:#666;margin-bottom:4px;width: 50%;float: left;}
.main_layout .attendance-status .missing {color:#ff4d4f;}
.main_layout .btn-outline {display:inline-block;padding:8px 20px;border:1px solid #d9d9d9;border-radius:4px;font-size:14px;color:#666;cursor:pointer;transition:all 0.3s;}
.main_layout .btn-outline:hover {border-color:#1890ff;color:#1890ff;}
.main_layout .calendar-header {display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;}
.main_layout .calendar-tab {padding:6px 14px;border-radius:4px;font-size:13px;color:#666;cursor:pointer;background:#f5f5f5;}
.main_layout .calendar-tab.active {background:#1890ff;color:#fff;}
.main_layout .calendar-tab.more {color:#999;}
.main_layout .calendar-display {text-align:center;padding:20px 0;}
.main_layout .calendar-month {font-size:14px;color:#999;margin-bottom:4px;}
.main_layout .calendar-day {font-size:48px;font-weight:bold;color:#333;line-height:1;}
.main_layout .calendar-weekday {font-size:14px;color:#999;margin-top:4px;}
.main_layout .notice-list {list-style:none;}
.main_layout .notice-list li {padding:10px 0;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;}
.main_layout .notice-list li:last-child {border-bottom:none;}
.main_layout .notice-list li:hover {color: var(--lay-color-primary);}
.main_layout .notice-arrow {color:#ccc;}
.main_layout .empty-text {text-align:center;color:#999;padding:20px 0;font-size:14px;}
.main_layout .rank-header {background:var(--lay-color-primary);color:#fff;padding:10px 16px;border-radius:4px 4px 0 0;font-size:14px;font-weight:500;margin:-20px -20px 16px -20px;}
.main_layout .rank-list {list-style:none;}
.main_layout .rank-list li {display:flex;align-items:center;padding:10px 0;border-bottom:1px solid #f5f5f5;}
.main_layout .rank-list li:last-child {border-bottom:none;}
.main_layout .rank-avatar {width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--lay-color-accent) 0%, var(--lay-color-primary) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;margin-right:12px;position:relative;}
.main_layout .rank-badge {position:absolute;top:-6px;left:-6px;width:18px;height:18px;}
.main_layout .rank-info {flex:1;}
.main_layout .rank-name {font-size:14px;color:#333;}
.main_layout .rank-dept {font-size:12px;color:#999;}
.main_layout .rank-value {font-size:14px;color:#ff4d4f;font-weight:500;}
.main_layout .filter-bar {display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;}
.main_layout .filter-tab {padding:6px 14px;border-radius:4px;font-size:13px;color:#666;cursor:pointer;background:#f5f5f5;}
.main_layout .filter-tab.active {background:#1890ff;color:#fff;}
.main_layout .data-table {width:100%;border-collapse:collapse;}
.main_layout .data-table th {background:#e6f7ff;padding:10px 12px;text-align:left;font-size:13px;font-weight:500;color:#333;border-bottom:1px solid #e8e8e8;}
.main_layout .data-table td {padding:10px 12px;font-size:13px;color:#666;border-bottom:1px solid #f0f0f0;}
.main_layout .data-table tr:hover {background:#fafafa;}

.show_projects {margin-top: 20px;}
.show_projects .layui-tab-brief .layui-tab-title li {margin-right:15px;}
.show_projects .layui-tab-brief .layui-tab-more {padding-right:20px;}
.show_projects .layui-tab-brief .layui-tab-title .layui-this {color:#1E9FFF;font-weight:bold;}
.show_projects .layui-form-label {width:120px;text-align:left;padding-left:15px;}
.show_projects .layui-input-block {margin-left:150px;width:calc(100% - 150px);}
.show_projects .layui-form-item {margin-bottom:15px;}
.show_projects .menu {float:right;}
.show_projects .layui-btn-group {margin-top:10px;}
.show_projects .info-section {border:1px solid #e6e6e6;padding:15px;margin-bottom:20px;}
.show_projects .section-title {font-size:16px;font-weight:bold;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e6e6e6;float:left;}
.show_projects .red-text {color:#FF5722;}
.show_projects .green-text {color:#009688;}
.show_projects .layui-btn-xs {margin-right:5px;}




#ID-laydate-cell-render .laydate-theme-lunar .layui-laydate-main {
  width: auto;
}
#ID-laydate-cell-render .layui-laydate, .layui-laydate-hint{width: 100%;box-shadow: none}
#ID-laydate-cell-render .layui-laydate-content table{width: 100%;}
#ID-laydate-cell-render .laydate-theme-lunar .date-cell-inner{width: 100% !important;}
#ID-laydate-cell-render .laydate-theme-lunar .date-cell-inner {
  padding: 6px;
  width: 44px;
  height: 40px;
  border-radius: 4px !important;
}
#ID-laydate-cell-render .laydate-theme-lunar .layui-this {
  border-radius: 4px !important;
}
#ID-laydate-cell-render .laydate-theme-lunar .date-cell-inner b {
  display: block;
  font-weight: 400;
  height: 16px;
  font-size: 14px;
}
#ID-laydate-cell-render .laydate-theme-lunar .date-cell-inner i {
  display: block;
  font-style: normal;
  font-size: 10px;
}
#ID-laydate-cell-render .laydate-theme-lunar .badge {
  position: absolute;
  right: 0px;
  top: 0px;
  background-color: #4e5877;
  color: #fff;
  font-size: 12px;
  line-height: 14px;
  padding: 1px 2px;
  border-radius: 4px;
  text-decoration: none;
  transform: scale(0.7);
}
#ID-laydate-cell-render .laydate-theme-lunar .holiday .badge {
  background-color: #eb3333 !important;
}
#ID-laydate-cell-render .laydate-theme-lunar .hightlight i {
  color: #1e9fff;
}
#ID-laydate-cell-render .laydate-theme-lunar .layui-this .hightlight i {
  color: #fff;
}
#ID-laydate-cell-render .laydate-theme-lunar .laydate-month-list > li {
  height: 50px !important;
  line-height: 50px !important;
  width: 24.2% !important;
  margin: 18px 1px !important;
}
#ID-laydate-cell-render .laydate-theme-lunar .laydate-year-list > li {
  height: 40px !important;
  line-height: normal !important;
  width: 31.3% !important;
  margin: 8px 2px !important;
}
#ID-laydate-cell-render .laydate-theme-lunar .preview-inner>*{
  display: inline-block;
  margin-right: 5px;
  position:relative;
  font-size: 12px;
}
#ID-laydate-cell-render .laydate-theme-lunar .preview-inner>.badge{
  margin-right: 0;
}
.main_expense li{width: 100%;float: left;}
.main_expense li span{float: left;margin-right: 10px;}



.report-container{background: #fff}
.report-container .report-header {float: right;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-light);}
.report-container .report-title {margin:0;font-size:18px;font-weight:700;color:var(--text-primary);}
.report-container .report-title i {color:var(--primary);margin-right:6px;}
.report-container .report-subtitle {margin:2px 0 0;font-size:13px;color:var(--text-muted);}
.report-container .month-selector {float: right;display: flex}
.report-container .month-selector select {margin-right:5px; padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--text-primary);background:var(--bg-card);cursor:pointer;outline:none;transition:var(--transition-fast);}
.report-container .month-selector select:focus {border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,0.1);}
.report-container .btn-query {width:36px;height:36px;border:none;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--lay-color-primary),var(--lay-color-accent));color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:var(--transition);}
.report-container .btn-query:hover {transform:translateY(-1px);box-shadow:0 2px 8px rgba(99,102,241,0.3);}
.report-container .stat-row {display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px;}
.report-container .report-stat-card {background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);padding:16px;display:flex;align-items:center;gap:12px;transition:var(--transition);}
.report-container .report-stat-card:hover {box-shadow:var(--shadow-md);transform:translateY(-2px);}
.report-container .rsc-icon {width:40px;height:40px;border-radius:10px;background:var(--primary-bg);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;}
.report-container .rsc-success .rsc-icon {background:var(--success-bg);color:var(--success);}
.report-container .rsc-danger .rsc-icon {background:var(--danger-bg);color:var(--danger);}
.report-container .rsc-warning .rsc-icon {background:var(--warning-bg);color:var(--warning);}
.report-container .rsc-info .rsc-icon {background:var(--info-bg);color:var(--info);}
.report-container .rsc-info {display:flex;}
.report-container .rsc-value {font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-0.5px;line-height:1.2;}
.report-container .rsc-label {font-size:12px;color:var(--text-muted);}
.report-container .data-card {background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:24px;}
.report-container .data-card-header {padding:14px 20px;border-bottom:1px solid var(--border-light);}
.report-container .data-card-title {font-size:14px;font-weight:600;color:var(--text-primary);}
.report-container .data-card-title i {color:var(--primary);margin-right:6px;}
.report-container .data-card-table {overflow-x:auto;}
.report-container .report-table {width:100%;border-collapse:collapse;}
.report-container .report-table th {background:var(--bg-page);padding:12px 16px;font-size:12px;font-weight:600;color:var(--text-muted);text-align:left;border-bottom:1px solid var(--border-light);}
.report-container .report-table td {padding:14px 16px;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--border-light);}
.report-container .report-table tbody tr:hover {background:var(--bg-page);}
.report-container .dept-name {font-weight:600;color:var(--text-primary) !important;}
.report-container .num-danger {color:var(--danger) !important;font-weight:600;}
.report-container .num-warning {color:var(--warning) !important;font-weight:600;}
.report-container .num-info {color:var(--info) !important;font-weight:600;}
.report-container .rate-bar {width:60px;height:6px;background:var(--bg-page);border-radius:3px;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:8px;}
.report-container .rate-fill {height:100%;border-radius:3px;transition:width 0.6s ease;}
.report-container .rate-text {font-weight:700;font-size:13px;vertical-align:middle;}
.report-container .chart-panel {background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:20px;}
.report-container .chart-header {padding:14px 20px;border-bottom:1px solid var(--border-light);}
.report-container .chart-title {font-size:14px;font-weight:600;color:var(--text-primary);}
.report-container .chart-title i {color:var(--success);margin-right:6px;}
.report-container .chart-body {padding:16px;}


.statistics #restPieChart{width: 400px;height: 300px}
.statistics .dept-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 14px; margin-bottom: 24px; }
.statistics .dept-card { background: var(--bg-card); border-radius: var(--radius-lg); border: 1px solid var(--border-light); box-shadow: var(--shadow-sm); padding: 16px; transition: var(--transition); }
.statistics .dept-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.statistics .dept-header { display: flex; align-items: center; gap: 10px; margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid var(--border-light); }
.statistics .dept-icon { width: 36px; height: 36px; border-radius: 10px; background: linear-gradient(135deg, var(--primary), var(--primary-hover)); display: flex; align-items: center; justify-content: center; color: #fff; font-size: 14px; flex-shrink: 0; }
.statistics .dept-header h3 { margin: 0; font-size: 14px; font-weight: 600; color: var(--text-primary); }
.statistics .dept-header span { font-size: 12px; color: var(--text-muted); }
.statistics .dept-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 12px; }
.statistics .stat-item { text-align: center; padding: 8px 4px; border-radius: var(--radius-sm); background: var(--bg-page); }
.statistics .stat-num { display: block; font-size: 18px; font-weight: 700; letter-spacing: -0.5px; }
.statistics .stat-text { font-size: 11px; color: var(--text-muted); }
.statistics .stat-total .stat-num { color: var(--info); }
.statistics .stat-pending .stat-num { color: var(--warning); }
.statistics .stat-approved .stat-num { color: var(--success); }
.statistics .dept-link { display: flex; align-items: center; justify-content: center; gap: 4px; font-size: 12px; color: var(--primary); text-decoration: none; padding: 6px 0; border-top: 1px solid var(--border-light); transition: var(--transition-fast); }
.statistics .dept-link:hover { color: var(--primary-hover); gap: 8px; }
.statistics .chart-row { margin-bottom: 20px; }
.statistics .chart-panel { background: var(--bg-card); border-radius: var(--radius-lg); border: 1px solid var(--border-light); box-shadow: var(--shadow-sm); overflow: hidden; }
.statistics .chart-header { display: flex; align-items: center; gap: 16px; padding: 14px 20px; border-bottom: 1px solid var(--border-light); }
.statistics .chart-title { font-size: 14px; font-weight: 600; color: var(--text-primary); }
.statistics .chart-title i { margin-right: 6px; }
.statistics .chart-body { padding: 16px; }
.statistics .chart-body-doughnut { max-height: 320px; }

.info-section .header {display:flex;align-items:center;margin-bottom:15px;}
.info-section .header h1 {font-size:20px;font-weight:600;color:#2c3e50;}
.info-section .header i {margin-right:10px;color:#3498db;font-size:24px;}
.info-section .info-card {background-color:#fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,0.07);overflow:hidden;margin-bottom:20px;}
.info-section .card-section {padding:0;border-bottom:1px solid #eee;}
.info-section .card-section:last-child {border-bottom:none;}
.info-section .section-title {background-color:#f8f9fa;padding:14px 20px;font-weight:600;font-size:15px;color:#2c3e50;display:flex;align-items:center;}
.info-section .section-title i {margin-right:8px;color:#3498db;font-size:16px;}
.info-section .section-content {padding:0;text-align: center}
.info-section .talent-header {display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 2fr;background-color:#f1f8ff;padding:12px 20px;font-weight:600;color:#2c3e50;border-bottom:1px solid #e1e8f0;font-size:13px;}
.info-section .talent-header2{grid-template-columns:3fr 1fr 1fr 1fr 1fr 2fr 1fr;}
.info-section .talent-row {display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 2fr;padding:16px 20px;align-items:center;transition:background-color 0.2s;font-size:13px;}
.info-section .talent-row2{grid-template-columns:3fr 1fr 1fr 1fr 1fr 2fr 1fr;}
.info-section .talent-row:hover {background-color:#f9fbfd;}
.info-section .talent-cell {padding:4px 0;color:#444;}
.info-section .talent-name {font-weight:600;color:#2c3e50;font-size:14px;}
.info-section .talent-name i {margin-right:6px;color:#3498db;font-size:14px;}
.info-section .amount {font-family:'Courier New',monospace;font-weight:600;}
.info-section .positive-amount {color:#27ae60;}
.info-section .negative-amount {color:#e74c3c;}
.info-section .date {color:#7f8c8d;}
.info-section .status {display:inline-block;padding:4px 10px;border-radius:16px;font-size:12px;font-weight:600;}
.info-section .status-completed {background-color:#e8f6f3;color:#27ae60;}
.info-section .buttons-container {display:flex;gap:8px;align-items: center; justify-content: center; }
.attachments_lists li{float: left;width: 80px;height: 80px;margin-right: 5px;border:solid 1px #ccc }
.attachments_lists li img{width: 100%;}

.layui-form-pane .layui-form-label{padding:8px 5px;text-align: right;}
.layui-form-pane .layui-form-label:after{content:":";}
.back-to-top {position: fixed;bottom: 40%;right: 20px;z-index: 1000;width: 40px;height: 40px;text-align: center;}
.back-to-top i{font-size: 40px;vertical-align: middle;}
.back-to-top button {background-color: #007bff;color: white;border: none;padding: 10px 20px;cursor: pointer;font-size: 16px;border-radius: 5px;}
.back-to-top button:hover {background-color: #0056b3;}

.news_con h1{text-align: center;font-size: 24px;font-weight: normal;line-height: 3;}
.news_con .con{font-size: 14px;line-height: 1.8;border:solid 1px #ccc;padding:14px}

.xm-label-block {background: var(--lay-color-primary) !important;}

ul.sp_element_box li.selected_tag{background: var(--lay-color-primary)}