html, body {font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;width:100%;height:100%;overflow:hidden;}
.loading {display:flex;width:100%;height:100%;background:url(../img/loading.gif) no-repeat center;}
.login, .login-form-body, .known, .ws-space {background-color:var(--kui-bgcolor);color:var(--kui-color);}
.known, .ws-space, .ws-chart .ant-card, .ws-func .ant-card {border-radius:5px;}
.kui-logo {background:url(../img/logo1.png) no-repeat left var(--kui-bgcolor);}
:root[theme=dark] .kui-logo {background:url(../img/logo.png) no-repeat left var(--kui-bgcolor);}

/*Login*/
.login {position:absolute;left:0;right:0;top:0;bottom:0;overflow:auto;}
.login-head {display:flex;justify-content:space-between;padding:20px 200px;font-size:1.2rem;}
.login-logo {display:flex;}
.login-logo .kui-logo {width:230px;}
.login-logo img {width:180px;height:50px;}
.login-logo div, .login-head ul {margin:0;padding:0;padding-top:13px;}
.login-body {
    background:linear-gradient(135deg, #6da0f5, #c0e9fc);height:800px;padding:0 200px;display:grid;grid-template-columns:auto 430px;
    background:white;align-items:center;height:70%;grid-template-columns:60% 40%;padding:0 200px 0 200px;
}
.login-left {
    padding:60px 100px;width:100%;height:90%;
    background-position:center;background-size:contain;background-image:url(../img/loginleft.png);background-repeat:no-repeat;
}
.login-left ul {padding:40px 10px 10px 50px;display:flex;}
.login-left ul li {margin-right:33px;}
.login-left ul li:first-child {list-style:none;}
.login-left {color:#fff;font-size:1.5rem;font-weight:bold;}
.login-left img {width:350px;}
.login-form {padding:70px 0 50px 50px;}
.login-form h1 {font-size:1.2rem;margin-top:1rem;margin-bottom:1rem;}
.login-form .ant-input-affix-wrapper > .ant-input:not(textarea) {padding-left:10px;}
.login-form-body {position:relative;border-radius:5px;padding:20px 30px;height:370px;box-shadow:0 0 10px 3px rgba(0,0,0,.3);}
.login-copyright {text-align:center;width:100%;font-size:1rem;margin-top:30px;}
.login-copyright span {margin:0 5px;}

.login .ant-tabs-nav {margin-bottom:24px;}
.login .ant-tabs-tab {font-size:14px;padding:12px 0;}
.login .ant-input-affix-wrapper {font-size:14px;}
.login .ant-form-item {font-size:14px;margin-bottom:24px;}
.login .ant-form-item-control-input {min-height:32px;}
.login .ant-btn {font-size:14px;padding:4px 10px;height:32px;}

@media screen and (max-width:1280px) {
    .login-head {padding:20px 100px;}
    .login-body {padding:0 100px;}
    .login-left {padding:40px;}
}
@media screen and (max-width:1024px) {
    .login-head {padding:20px 100px;}
    .login-body {padding:0 100px;}
    .login-left {padding:40px;}
}
@media screen and (max-width:912px) {
    .login-head {padding:20px 50px;}
    .login-body {padding:0 10px;}
    .login-left {padding:40px 0;}
    .login-form {padding-left:10px;padding-right:20px;}
}
@media screen and (max-width:768px) {
    .login-head {padding:20px 50px;}
    .login-body {padding:0 10px;grid-template-columns:300px auto;}
    .login-left {padding:40px 0;}
    .login-form {padding-left:10px;padding-right:20px;}
    .login {top:50%;margin-top:-260px;}
    .login-head {padding:0;flex-direction:column;}
    .login-logo {padding:20px;flex-direction:column;}
    .login-logo div {padding-left:10px;}
    .login-body {padding:20px 30px;grid-template-columns:100%;height:auto;}
    .login-left, .login-head ul {display:none;}
    .login-form {padding-left:0;padding:0;}
    .login-copyright {margin-top:20px;}
}
@media screen and (max-width:574px) {
    .login {top:50%;margin-top:-260px;}
    .login-head {padding:0;flex-direction:column;}
    .login-logo {padding:20px;flex-direction:column;}
    .login-logo div {padding-left:10px;}
    .login-body {padding:20px 30px;grid-template-columns:100%;height:auto;}
    .login-left, .login-head ul {display:none;}
    .login-form {padding-left:0;padding:0;}
    .login-copyright {margin-top:20px;}
}

/*BaseData*/
.form-company {padding:0 50px 20px 0;}
.form-company button {margin-right:10px;}

@media screen and (max-width:768px) {
    .form-company {padding:0 10px 20px 10px;}
}

/*BizApply*/
.apply-form {position:relative;}
.apply-form canvas {position:absolute;top:-68px;right:0;width:180px;height:40px;}

/*Dark*/
:root[theme=dark] .login-body, :root[theme=dark] .count li {background:linear-gradient(135deg, rgb(45, 46, 46), rgb(40, 41, 41));}

/*Page*/
.he-show {display:block;}
.he-hide {display:none;}
.he-grid {display:grid;grid-gap:10px;}
.he-box {background:var(--kui-bgcolor);border-radius:5px;}
.he-space {display:flex;justify-content:space-between;align-items:center;}
.he-summ {display:inline-block;padding:0 5px;}
.he-summ > span {font-weight:bold;}
.he-row {display:grid;grid-template-columns:repeat(auto-fit, minmax(0%, 1fr));}
.he-field {display:inline-block;margin-right:40px;}
.he-field > label {font-weight:bold;}
.he-toolbar {display:flex;padding:6px 10px;}
.he-toolbar .ant-btn {margin-right:5px;}
.he-toolbar button.orange {background:#ff6a00;color:#fff;}
.he-toolbar button.green {background:#00C922;color:#fff;}
.he-toolbar button.white {background:#fff;color:rgba(0,0,0,.3)}
.he-toolbar button.orange[disabled],
.he-toolbar button.green[disabled],
.he-toolbar button.white[disabled] {
    background:#f5f5f5;color:rgba(0, 0, 0, 0.25);
}
.he-avatar {width:60px;}
.he-avatar img {width:100%;height:100%;}
.he-info {display:flex;flex-wrap:wrap;padding:10px;}
.he-info .he-field {flex-grow:1;width:14.5%;margin-bottom:10px;}
.he-card .ant-card-body {padding:0;}
.ant-spin-nested-loading.he-button > div > .ant-spin-sm.ant-spin-show-text .ant-spin-dot {margin-top:-8px;margin-left:-12px;}
.btn-AI {position:absolute;top:10px;right:10px;width:48px;height:48px;border-radius:50%;padding:0;}
.he-form-reg .ant-form-item {padding-left:10px;}
.he-form-reg .ant-form-item-label {width:fit-content;text-align:left;}
.he-transfer-action > div, .he-transfer-action > button {margin-bottom:2px;}

/*PageTree*/
/*Orgation*/
.kui-org {display:flex;}
.kui-org-form {width:100%;padding-right:20px;}
.kui-org-select {width:300px;padding-right:20px;padding-bottom:20px;}
.kui-org-module {
    width: 300px;
    height: 700px;
    overflow: auto;
}
.kui-org-tree {width:260px;height:400px;overflow:auto;}
.kui-itemgroup-tree {width:320px;height:600px;overflow:auto;}

.tree-width{height:580px;width:260px; overflow:auto;padding:5px;}

/*App*/
.he-app {position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;padding:20px;}
.he-app-exam {background-color:#f1f1f1;}
.he-app-departs {display:flex;flex-wrap:wrap;justify-content:flex-start;}
.he-app-departs .item {
    width:42vw;height:120px;margin-right:5vw;margin-bottom:5vw;
    background-color:#fff;border-radius:10px;padding:15px;text-align:center;
}
.he-app-departs .item:nth-of-type(2n) {margin-right:0;}
.he-app-departs .item > .anticon {
    font-size:2rem;width:60px;height:60px;border-radius:50%;padding-top:12px;margin-bottom:10px;
    background-color:#f2bebe;color:#ff6a00;
}
.he-app-departs .item > .name {display:block;font-weight:bold;}

.he-app-exam-form .ant-flex {margin-top:20px;gap:10px;}

.he-app-exam-info {padding:10px 0 60px 0;}
.he-app-exam-info .info, .he-app-exam-info .results {padding:0 20px;}
.he-app-exam-info .line {background-color:#f1f1f1;height:10px;}
.he-app-exam-info .results .name {font-weight:bold;}
.he-app-exam-info .buttons {position:fixed;bottom:0;left:0;right:0;padding:10px;gap:10px;background-color:#fff;}
.he-app-exam-info .ant-input-suffix {width:30px;height:30px;position:absolute;top:0;right:0;justify-content:center;}

.he-app-exam-abnormal .ant-modal-body {padding:20px;}
.he-app-exam-abnormal .ant-form-item-label {font-weight:bold;}
.he-app-abnormals {display:flex;flex-wrap:wrap;}
.he-app-abnormals > span {padding:2px 10px;}

.he-app-pendingjob {padding: 10px 0 60px 0;}