*{font-family: "微软雅黑"; }
::-webkit-scrollbar{width:8px;height:10px;background-color: #303bcc;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 0px rgba(0,0,0,0.3);background-color:#f5f5f5;}
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 0px rgba(0,0,0,.3);background-color: rgba(28,72,154,0.3);}

.menu_container{background-color:white;color: #666; }
.nav-item{padding-left: 20px; min-height: 35px; cursor: pointer; padding-top: 10px; position: relative;}
/*V2 STYLE*/
.content-container .tab-title .tab-this .tab-name{color:#1B56BE; font-weight: normal;}
.content-container .tab-title .tab-this .tab-active{background-color:#1B56BE!important;display:inline-block;width:8px;height:8px;border-radius:8px;margin-right:5px;}
.tab-title{background-color: #fcfcfc;}
.tab-prev{background-color: transparent !important;}
.tab-title{box-shadow: 5px 0 5px #ccc;}
.fa-icon-angle-left:before,.fa-icon-angle-right:before{color: #666;}


/*菜单样式表*/
.sys-menu{background-color:white;color: #666; padding: 20px 10px 10px 10px; overflow: auto;}
.sys-menu .sys-menu-item-1 > .menu-title{width: 100%;height: 42px; padding: 10px;position: relative; cursor: pointer; }
.sys-menu .sys-menu-item-1.open > .menu-title{border: 1px solid #1B56BE; background-color: #1B56BE; color: white;border-radius: 6px; box-shadow: 0px 5px 5px  rgba(27,86,190,0.1);}
.sys-menu .sys-menu-item-1.hassub  > .menu-title:after{content: "\f105";font-family: 'FontAwesome';font-size: 1rem;display: inline-block;position: absolute;right: 20px;
top: 12px;transform: rotate(90deg); transition: -webkit-transform 0.2s ease-in-out; }
.sys-menu .sys-menu-item-1.hassub.open > .menu-title:after{transform: rotate(0deg);}
.sys-menu .sys-menu-item-1 .menu-body{background-color: #F5F5F5;padding: 5px;display: none;}
.sys-menu .sys-menu-item-1.hassub.open  > .menu-body{display:block;}
.sys-menu .sys-menu-item-2  > .menu-title{ cursor: pointer; width: 98%;height: 42px; margin: 0 auto; position: relative; border: 0px; border-radius: 6px; overflow: hidden; padding: 10px;}
.sys-menu .sys-menu-item-2.open  > .menu-title{color: #1B56BE;background-color: rgba(27,86,190,0.15);}
.sys-menu .sys-menu-item-2.open  > .menu-title:before{content: ' ';border-right: 3px solid rgba(27,86,190, 1);position: absolute; left: -7px; top: 20%;width: 10px;height: 60%; border-radius: 5px; }
.sys-menu .sys-menu-item-2.hassub.open  > .menu-body{display:block;}
.sys-menu .sys-menu-item-2  > .menu-body{padding-top: 5px; display: none;}
.sys-menu .sys-menu-item-2.hassub  > .menu-title:after{content: "\f105";font-family: 'FontAwesome';font-size: 1rem;display: inline-block;position: absolute;right: 20px;
top: 12px;transform: rotate(90deg); transition: -webkit-transform 0.2s ease-in-out; }
.sys-menu .sys-menu-item-2.hassub.open > .menu-title:after{transform: rotate(0deg);}
.sys-menu .sys-menu-item-3{position: relative;}
.sys-menu .sys-menu-item-3  > .menu-title{ cursor: pointer; width: 88%;height: 42px; margin: 0px 0px 5px 18px;position: relative; border: 0px; border-radius: 6px; box-shadow: none; padding: 10px;}
.sys-menu .sys-menu-item-3.open  > .menu-title{background-color: rgba(27,86,190,0.15); color: #1B56BE;}
.sys-menu .sys-menu-item-2.open .sys-menu-item-3:before{content: '';position: absolute;top: -15px;left: 12px;bottom: 20%;width: 40px;border-left: 1px dashed #ccc;z-index: 1;}
.sys-menu .sys-menu-item-2.open .sys-menu-item-3:last-child:before{bottom: 50%;}
.sys-menu .sys-menu-item-2.open .sys-menu-item-3:after{content: '';position: absolute;top: -15px;left: 14px;bottom: 50%;width: 10px;border-bottom: 1px dashed #ccc;z-index: 1;}
.menu-title{white-space: nowrap;}

.fun-btn{display: inline-block; text-align: center; padding: 5px; background-color: rgba(255,255,255,0.15); width: 32px; height: 32px; margin: 3px; border-radius: 50%; cursor: pointer; vertical-align:text-top;position: relative;z-index: 9999;}
.top-name-div{display: inline-block; text-align: center; padding: 3px; height: 32px; margin: 3px; margin-top:0px;line-height: 32px; cursor: pointer; vertical-align:text-top; font-size: 16px; color: white;position: relative;}
.top-name-div .emp-nav-child,.fun-btn .emp-nav-child{display: none;z-index: 9999;}
.fun-btn:hover{background-color: rgba(255,255,255,0.5); }
.top-name-div:hover .emp-nav-child,.fun-btn:hover .emp-nav-child{display:block; width: 160px; position: absolute; top: 30px; left: -60px;  border-radius: 10px; overflow: hidden;}
.top-name-div .emp-nav-child .cnav,.fun-btn .emp-nav-child .cnav{ height: 44px; line-height: 44px; cursor: pointer; padding-left: 20px;white-space: nowrap;  padding-right: 20px;}
.top-name-div .emp-nav-child .cnav:hover,.fun-btn .emp-nav-child .cnav:hover{background-color: #1B56BE; color: #fff;}
.top-name-div .emp-nav-child .cnav.curr,.fun-btn .emp-nav-child .cnav.curr{background-color: #1B56BE; color: #fff;}

.main-fun-btn{ background-size: cover; padding: 15px; margin-left: 10px; height: 70px; width: 100%; cursor: pointer;box-shadow: 0px 4px 8px 0px rgba(28,72,154,0.18); border-radius: 10px;}
.main-fun-btn:hover{ box-shadow: 0px 4px 8px 10px rgba(28,72,154,0.1); animation: bounce 0.5s ease-in-out;}

.count-badge{min-width: 16px;height: 16px;background: white; border-radius: 50%; padding: 0 4px; font-size: 0.7em; color: #1B56BE;vertical-align: middle;line-height: 15px;margin: 0 0 2px 10px;    position: absolute;top: -5px;right: -5px;}

.main-stat .stat-div{margin-left: 20px;height: 86px; background-position: right; background-repeat: no-repeat; background-size: cover; border-radius: 8px; overflow: hidden; color: white;}
.main-stat .stat-div:first-child{margin-left: 0px;}
.main-stat .stat-1{background-image: url('/common/images/hr/count-bg-1.png'); }
.main-stat .stat-2{background-image: url('/common/images/hr/count-bg-2.png'); }
.main-stat .stat-3{background-image: url('/common/images/hr/count-bg-3.png'); }
.main-stat .stat-4{background-image: url('/common/images/hr/count-bg-4.png'); }
.stat-div .design-iconfont{width: 34px;}
.main-stat *{color: #fff;}

.trans-btn{background-color: rgba(255,255,255,0.1); border-radius: 5px; padding: 5px; text-align: center;}
/**
 * svg样式
 */
.design-iconfont{width: 14px; }
.design-iconfont .maincolor{fill:#1B56BE}
.design-iconfont .whitecolor{fill:#fff}
.design-iconfont .warncolor{fill:#FF9C1D}

/*页面布局*/
.left-grid{min-width: 200px;box-shadow: -2px -10px 10px #ccc; margin-right: 3px;}
.cpage{background-color: #F5F7FA; border:10px solid #F5F7FA; min-width: 1024px;}
.ele-container{background: #fff; border:1px solid #fff; border-radius: 8px; box-shadow: 0 0 5px #ccc;}
.grid-2 .ele-container{margin-left: 20px;}
.grid-2 .ele-container:first-child{margin-left: 0px;}
.ele-container .ele-title{height: 50px; border-bottom: 2px solid #F5F7FA; font-size: 18px; font-weight: 700; padding: 15px; position: relative; color: #333;}
.ele-container .ele-title.vline{ padding-left: 30px;}
.ele-container .ele-title.vline:after{content: '';position: absolute;left: 10px;width: 20px;border-left: 3px solid #1B56BE;height: 18px;top: 18px;}
.ele-container .ele-content{padding: 10px;}
.ele-container .ele-title.dot{ padding: 10px 40px !important;}
.ele-container .ele-title.dot:after{content: ''; display: block; width: 19px; height: 16px; position: absolute;left: 10px; top: 15px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19px' height='16px' viewBox='0 0 19 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'  class='design-iconfont'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg fill='%231B56BE' transform='translate(0.000000, 0.000000)' class='mainColor'%3E%3Cpolygon points='4.92006424 0 10.9200642 0 18.8994949 8 10.9200642 16 4.92006424 16 12.8994949 8'%3E%3C/polygon%3E%3Crect opacity='0.5' transform='translate(3.535534, 8.000000) rotate(-315.000000) translate(-3.535534, -8.000000) ' x='1.03553391' y='5.5' width='5' height='5'%3E%3C/rect%3E %3C/g%3E%3C/g%3E%3C/svg%3E");}
.ele-container .sub-ele-title{padding: 10px 20px; position: relative;}
.ele-container .sub-ele-title:after{content: '';position: absolute;left: 5px;width: 20px;border-left: 2px solid #1B56BE;height: 16px;top: 12px;}

.ele-container .ele-body{padding: 10px;}
.ele-column{border-radius: 10px;border: 1px solid #ebebeb; overflow: hidden;}
.ele-column .ele-title{font-size: 17px; font-weight: 700; padding: 10px; height: 44px; color: #1B56BE;background-color: rgba(26, 86, 191, 0.05);border-bottom: 1px solid #ebebeb;}

.sub-nav{font-size: 17px;}
.page-title{ font-size: 17px; font-family: "微软雅黑"; padding: 5px 15px 7px 15px; border-bottom: 3px solid #ffffff; display: inline; margin-left: 0px !important; cursor: pointer; font-weight: normal;}
.page-title.active,.page-title:hover{border-bottom: 3px solid #1A56BF; font-weight: bold;color: #1A56BF; font-weight: 700;}

.btn-child{background-color: #fff; box-shadow: 0 0 5px #ccc; border-radius: 6px; margin-top: 8px !important; padding: 0px !important; border:1px solid #fff}
.btn-child li,.btn-menu li{margin: 0px;position:static;background: #fff; border-bottom:rgba(27,86,190,0.2) dashed 1px;padding:3px; cursor: pointer; color: #333; font-size: 14px; line-height: 30px;}
.btn-child li:hover,.btn-menu li:hover{color: #1B56BE; background: #fff;}
.btn-child li:last-child,.btn-menu li:last-child{border: 0px;}

.sub-left-menu{height: 30px; width: 100%; line-height: 18px; padding: 5px 15px 5px 10px; color: #333; position: relative;border-radius: 6px;overflow: hidden;}
.sub-left-menu.active{background-color: rgba(27,86,190,0.2); overflow: hidden; color: #1B56BE;}
.sub-left-menu.active:before{content: '';position: absolute;border-right: 2px solid rgba(27, 86, 190, 1);position: absolute; left: -8px; top: 20%;width: 10px; height: 60%;    border-radius: 5px;}
.sub-left-menu.active:after{content: ''; display: block; width: 14px; height: 14px; position: absolute;right: 10px; top: calc(50% - 7px); background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14' class='design-iconfont'%3E%3Cpath d='M6.00788666,1.83385639 L6.71499344,2.54096318 L2.97213919,6.28285639 L12.8106602,6.28360386 L12.8106602,7.28360386 L2.97213919,7.28285639 L6.71499344,11.0262445 L6.00788666,11.7333513 L1.05813919,6.78360386 L6.00788666,1.83385639 Z' fill='%231A56BF' transform='matrix(-1 0 0 1 13.8688 0)' fill-rule='evenodd' class='mainColor'/%3E%3C/svg%3E");}


.header-col-btn{padding: 5px 10px; border: 1px solid #1B56BE; background-color: #1B56BE; border-radius: 5px; cursor:move; margin: 5px; color: #ffffff;}
.header-col-frozenbtn{padding: 5px 10px; border: 1px solid #cccccc; background-color: #efefef; border-radius: 5px; cursor:pointer; margin: 5px; color: #666666;}
.header-col-btn.disabled{cursor: pointer; background-color: #efefef; border: 1px solid #cccccc;color: #666666;}
.header-col-btn.active{opacity:0.5; border: 1px solid #1B56BE;}
.header-col-btn div{background-color: #1B56BE;}


/**
 * 自定义表单配色
 */
.div-center{margin: 0 auto;}

.selform-grid-col .fix-col{border: 1px solid #e5e5e5; background-color: rgba(27, 86, 190, 0.05);}
.selform-grid-col .auto-col{border: 1px solid #e5e5e5; }
.selform-grid-col .auto-col.isshow{border: 1px solid #e5e5e5;  padding-top: 10px !important;}
.rightPanel{padding: 0px;}
.rightPanel > div:nth-child(1){background-color: rgba(27, 86, 190, 0.06) !important; height: 56px !important; border-bottom: 1px solid rgba(27, 86, 190, 0.2); line-height: 35px; }
.rightPanel > div:nth-child(1) .fa-icon-remove{font-size: 18px; font-weight: 100;}
.rightPanel > div:nth-child(1) .page-title{border:0px; padding: 0px; position: relative;}
.rightPanel > div:nth-child(1):not(:has(div))::before,.rightPanel > div:nth-child(1) .page-title:before{content: ''; display: block; width: 19px; height: 16px; position: absolute;left: -30px; top: 4px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19px' height='16px' viewBox='0 0 19 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'  class='design-iconfont'%3E%3Cg stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg fill='%231B56BE' transform='translate(0.000000, 0.000000)' class='mainColor'%3E%3Cpolygon points='4.92006424 0 10.9200642 0 18.8994949 8 10.9200642 16 4.92006424 16 12.8994949 8'%3E%3C/polygon%3E%3Crect opacity='0.5' transform='translate(3.535534, 8.000000) rotate(-315.000000) translate(-3.535534, -8.000000) ' x='1.03553391' y='5.5' width='5' height='5'%3E%3C/rect%3E %3C/g%3E%3C/g%3E%3C/svg%3E");}
.rightPanel > div:nth-child(1):not(:has(div)){padding-left: 40px; font-size: 18px; font-weight: 700;}
.rightPanel > div:nth-child(1):not(:has(div))::before{left: 10px; top: 20px;}
.rightPanel > div{padding: 10px;}
.rightPanel .page-title{color: #333333; font-weight: bold;}

/*弹出窗样式*/
table.ui_border{border-radius: 6px; border:1px solid #efefef; overflow: hidden; box-shadow: 0 0 5px #999; min-width: 400px !important;}
table.ui_border .ui_title_bar{background-color: #1B56BE; color: white; height: 40px; padding-top: 7px; padding-left: 20px; border-top-left-radius: 6px; border-top-right-radius: 6px;}
table.ui_border .ui_title_bar *{color: white; font-size: 17px; font-weight: 600; font-family: "微软雅黑";}
table.ui_border .ui_l{display: none;}
table.ui_border .ui_r{display: none;}
table.ui_border .ui_main{min-width: 400px !important;}

/*个人信息*/
.empinfo-link{cursor: pointer; margin-top: 7px; border-radius: 6px; background-color: #fff; padding: 9px 0px 9px 15px; width:140px; position: relative;}
.empinfo-link .right-arrow{display: none; position: absolute; right: 10px; top: 12px;}
.empinfo-link.active{background-color: #1B56BE; color: white;}
.empinfo-link.active .right-arrow{display: block;}
.info-avatar{border: 2px solid #fff; box-shadow: 0 5px 5px #eee;}
.emp-flag{border: #ccc 1px solid; border-radius: 20px;  margin: 0px 10px 5px 0px; padding: 2px 15px; white-space: nowrap; display: inline-block;}
.tab-spantitle.active{border: 0px; border-radius: 5px; background-color: rgba(27, 86, 190, 0.1); border-bottom: 2px solid #1B56BE; border-break: 20%;}
.tab-spantitle.active:after {position: absolute;bottom: -3px;left: 50%; margin-top: -5px; border: 3px solid; border-color:  #1B56BE transparent transparent  #1B56BE; -webkit-transform: rotate(45deg);  transform: translateX(-50%) rotate(45deg); content: '';}
.tab-spantitle {padding: 8px 15px; position: relative;}

/*通用图片背景*/
.bg-img-right-top{position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-position: top right; background-repeat: no-repeat;z-index: 0;}

.datagrid-row-selected,.datagrid-row-selected td {background:rgba(27, 86, 190, 0.1); color: #1B56BE;}

.progressbar-text{background-color: rgba(27, 86, 190, 0.1);}
.progressbar-value,.progressbar-value .progressbar-text {background:linear-gradient(270deg, #1a56bf66 0%, #1A56BF 80%); color: #fff;}

.meta-div {margin-left: 10px; border: 2px solid #efefef; border-radius: 6px; margin-top: 10px; color: #444;}
.meta-div:first-child{margin-left: 0px;}
.meta-div .meta-tag{background-color: #1B56BE; color: white;width: 42px; height: 42px; line-height: 42px; text-align: center; border-radius: 5px;font-size: 16px;}
.meta-div .meta-desc{height: 46px; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; padding: 10px 0px; color: #999;}

.flex-div{display: flex;justify-content: space-between; width: 100%; text-align: center;}
.flex-div .flex-item{text-align: center; width: 33%; border-left: 1px solid #efefef;}
.flex-div > .flex-item:first-child {border-left: 0}

.tabs .tabs-selected .tabs-title{color: #1B56BE !important;}

/*卡片*/
.card-div {border: 2px solid #efefef; border-radius: 6px; margin-top: 15px; }
.card-div .card-header{height: 40px;line-height: 40px;padding: 0px 5px;background-color: #DFE7F6;color: #333333}
.card-div .card-header.active{height: 40px;line-height: 40px;padding: 0px 5px;background-color: #1B56BE;color: #fff;}
.card-div .card-content{height: 40px;line-height: 40px;}
.card-div .card-desc{height: 46px; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis; padding: 10px 0px; color: #999;}
.card-div .card-icon{background-color: #1B56BE; color: white;width: 48px; height: 48px; line-height: 48px; text-align: center; border-radius: 15px;font-size: 16px;}
.card-div .card-footer{height: 47px;background-color: #DFE7F6;line-height: 47px}
.card-div .card-num-o{background-color: #1A56BF; color: white;width: 22px; height: 22px; line-height: 22px; text-align: center; border-radius: 22px;font-size: 14px; margin: 0px 10px;display: inline-block;}
.card-div .card-footer .dotted-line{width: 50px;height: 1px;border: 1px dashed #999999;display: inline-flex;align-items: center;justify-content: center;line-height: normal;vertical-align: middle;margin: 0px 5px;}