
        .cc-highlight {
            color:#03A9F4!important;
        }
        .cc-highlight-bk {
            background-color:#03A9F4!important;
        }
        .cc-highlight-fill {
            fill:#03A9F4!important;
        }


        

.pc pc-main-side-nav .pc-main-nav .nav-body .category-list .nav-item.selected {
    background-color: unset;
    height: 64px;
    font-size: 18px;
    font-weight: 600;
}

.pc pc-main-side-nav .pc-main-nav .nav-body .category-list .nav-item .label {
    display: flex;
    align-items: center;
}

.pc pc-main-side-nav .pc-main-nav .nav-body .category-list .nav-item {
    color: #fff;
    
}

.pc pc-main-side-nav .pc-main-nav .nav-body .category-list .item-container .category-item {
    margin:8px;
}

.pc pc-main-side-nav .pc-main-nav .nav-body .category-list .item-container .category-item:nth-child(1) .nav-item {
    background:linear-gradient(180deg, #3491FF 0%, #4BADF3 100%);
}
.pc pc-main-side-nav .pc-main-nav .nav-body .category-list .item-container .category-item:nth-child(2) .nav-item {
    background: linear-gradient(180deg, #4BADF3 0%, #30A6CB 100%);
}
.pc pc-main-side-nav .pc-main-nav .nav-body .category-list .item-container .category-item:nth-child(3) .nav-item {
    background: linear-gradient(180deg, #61ACE3 0%, #30A6CB 100%);
}
.pc pc-main-side-nav .pc-main-nav .nav-body .category-list .item-container .category-item:nth-child(4) .nav-item {
    background: linear-gradient(180deg, #30A6CB 0%, #2DB7C9 100%);
}
.pc pc-main-side-nav .pc-main-nav .nav-body .category-list .item-container .category-item:nth-child(5) .nav-item {
    background: linear-gradient(180deg, #2CB5C8 0%, #31C7D0 100%);
}
.pc pc-main-side-nav .pc-main-nav .nav-body .category-list .item-container .category-item:nth-child(6) .nav-item {
   background: linear-gradient(180deg, #31C7D0 0%, #4EC8B1 100%);
}
.pc pc-main-side-nav .pc-main-nav .nav-body .category-list .item-container .category-item:nth-child(7) .nav-item {
    background: linear-gradient(180deg, #50CAB4 0%, #3ABA98 100%);
}
.pc pc-main-side-nav .pc-main-nav .nav-body .category-list .item-container .category-item:nth-child(8) .nav-item {
    background: linear-gradient(180deg, #3EBC9A 0%, #1CA683 100%);
}
.pc pc-main-side-nav .pc-main-nav .nav-body .category-list .item-container .category-item:nth-child(9) .nav-item {
    background: linear-gradient(180deg, #1CA385 0%, #1BBC74 100%);
}
.pc pc-main-side-nav .pc-main-nav .nav-body .category-list .item-container .category-item .nav-item {
    background: linear-gradient(180deg, #1CA385 0%, #1BBC74 100%);
}

.new-portal pc-main-side-nav .pc-main-nav .nav-body .category-content[id="c_9910"] {
    background-color: #D8ECFE;
}

.new-portal pc-main-side-nav .pc-main-nav .nav-body .category-content[id="c_10759"] {
    background-color: #E2F3FA;
}

.new-portal pc-main-side-nav .pc-main-nav .nav-body .category-content[id="c_10761"] {
    background-color: #E1F2F8;
}

.new-portal pc-main-side-nav .pc-main-nav .nav-body .category-content[id="c_10763"] {
    background-color: #DCF3F7;
}

.new-portal pc-main-side-nav .pc-main-nav .nav-body .category-content[id="c_10765"] {
    background-color: #D0F1F4;
}

.new-portal pc-main-side-nav .pc-main-nav .nav-body .category-content[id="c_10767"] {
    background-color: #DCF5F3;
}

.new-portal pc-main-side-nav .pc-main-nav .nav-body .category-content[id="c_10769"] {
    background-color: #D2F0E9;
}

.new-portal pc-main-side-nav .pc-main-nav .nav-body .category-content[id="c_10771"] {
    background-color: #D6F5ED;
}

.new-portal pc-main-side-nav .pc-main-nav .nav-body .category-content[id="c_9901"] {
    background-color: #E2F3FA;
}

.new-portal pc-main-side-nav .pc-main-nav .nav-body .category-content[id="c_9902"] {
    background-color: #E1F2F8;
}

.new-portal pc-main-side-nav .pc-main-nav .nav-body .category-content[id="c_9903"] {
    background-color: #DCF3F7;
}

.new-portal pc-main-side-nav .pc-main-nav .nav-body .category-content[id="c_9904"] {
    background-color: #D0F1F4;
}

.new-portal pc-main-side-nav .pc-main-nav .nav-body .category-content[id="c_9905"] {
    background-color: #DCF5F3;
}

.new-portal pc-main-side-nav .pc-main-nav .nav-body .category-content[id="c_9906"] {
    background-color: #D2F0E9;
}

.new-portal pc-main-side-nav .pc-main-nav .nav-body .category-content[id="c_9908"] {
    background-color: #D6F5ED;
}

.new-portal pc-main-side-nav .pc-main-nav .nav-body .category-content[id="c_9909"] {
    background-color: #DBFAEE;
}

.new-portal pc-main-side-nav .pc-main-nav .nav-body .category-content[id="c_9911"] {
    background-color: #DBFAEE;
}

.new-portal pc-main-side-nav .pc-main-nav .nav-body .category-content[id="c_10755"] {
    background-color: #DBFAEE;
}

.new-portal pc-main-side-nav .pc-main-nav .nav-body .category-content[id="c_9912"] {
    background-color: #DBFAEE;
}

.new-portal pc-main-side-nav .pc-main-nav .nav-body .category-content[id="c_10757"] {
    background-color: #DBFAEE;
}

.hc-list-homepage {
    margin-bottom: 16px;
}

.hc-list-homepage .row {
    min-height: 42px;
}

.hc-list-homepage .row-container .row {
    padding: 4px 16px !important;
}

.hc-list-homepage .custom-content>div>div:nth-child(odd):not(.compared-info) {
    flex: 1 1 78%;
    flex-flow: nowrap;
}
home-widget-common-container .spring-green .home-widget-body .hc-list-homepage .custom-content>div>div>div, 
home-widget-common-container .violet .home-widget-body .hc-list-homepage .custom-content>div>div>div {
    line-height: 18px;
}

home-widget-common-container .home-widget .home-widget-header .tabs .menu_right .operate-label:hover {
    background: none;
}

home-widget-common-container .spring-green .home-widget-header {
    background-image: url('/document/loadsourceimage?index=auto_aedbe42801e545808487523a79c36a2b');
    background-size: cover;
}

home-widget-common-container .violet .home-widget-header {
    background-image: url('/document/loadsourceimage?index=auto_112f9f58e94b47718b8943025f36cc21');
    background-size: cover;
}

home-widget-common-container .violet .home-widget-header .tabs .menu_left,
home-widget-common-container .spring-green .home-widget-header .tabs .menu_left,
home-widget-common-container .violet .home-widget-header .tabs .menu_right,
home-widget-common-container .spring-green .home-widget-header .tabs .menu_right {
    color: #000;
}

home-widget-common-container .spring-green .home-widget-header .tabs>div:nth-child(2), 
home-widget-common-container .violet .home-widget-header .tabs>div:nth-child(2) {
    flex-grow: unset;
    margin-right: 16px;
}

home-widget-common-container .home-widget .home-widget-header .tabs .menu_left:hover {
    color: #000;
}

/*移动端首页人员卡片个性化配置*/
.mobile .home-page .plugin-flow .hc-show-plugins {
    margin-top: 36px;
}

.mobile .home-page .plugin-flow .hc-show-plugins hcm-board .board-component-datasouce-view {
    height: auto !important;
}

home-widget-emp-card-mobile .home-widget-emp-card-info-mobile hc-list-new .list-content,
home-widget-emp-card-mobile .home-widget-emp-card-info-mobile hc-list-new .hc-list,
home-widget-emp-card-mobile .home-widget-emp-card-info-mobile hc-list-new .hc-list .row-container .row {
    background: unset;
}
.hc-show-plugins hcm-board .hc-board-container .hc-board-component-container hc-board-component:has(home-widget-emp-card) home-widget-emp-card hc-list-new {
    box-shadow: unset;
    padding-bottom: 0;
}

home-widget-emp-card-mobile .home-widget-emp-card-info-mobile hc-list-new .hc-list .row-container .row {
    padding: 16px 0 0 0;
}

home-widget-emp-card-mobile .home-widget-emp-card-info-mobile hc-list-new .hc-list {
    box-shadow: unset;
}

home-widget-emp-card-mobile .home-widget-emp-card-info-mobile hc-list-new .hc-list .custom-content>div>div>div.space-bottom-4 {
    line-height: 24px; 
}

home-widget-emp-card-mobile .home-widget-emp-card-info-mobile hc-list-new .hc-list .custom-content>div>div>div.space-bottom-1 {
    line-height: 14px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    max-width: 160px;
}

home-widget-emp-card-mobile .home-widget-emp-card-info-mobile hc-list-new .hc-list .custom-content>div .text-ellipsis {
    width: auto;
    max-width: 160px;
}

home-widget-emp-card-mobile .home-widget-emp-card-info-mobile hc-list-new .hc-list .row-container .row .photo.circle img {
    max-width: 100px;
}
home-widget-emp-card-mobile .home-widget-emp-card-info-mobile hc-list-new .hc-list .row-container .row .row-content {
    margin-top: auto;
}
.hc-show-plugins .plugins .home-widget-emp-card hc-list-new {
    box-shadow: unset;
}
home-widget-emp-card-mobile .home-widget-emp-card-info-mobile hc-list-new .hc-list .row .photo.circle img {
    border: 2px solid #FFFFFF;
}

.home-widget-emp-card-info-mobile .emp-card-sign .text {
    display: none;
}

.home-widget-emp-card-info-mobile .emp-card-sign .icon {
    display: none;
}

home-widget-emp-card-mobile .home-widget-emp-card-info-mobile hc-list-new .hc-list .custom-content>div>div>div {
    padding: 0;
}

hcm-board .hc-board-container .hc-board-group>.content >.hc-board-component-container:nth-child(2) hc-board-component {
    margin: 0;
}

hcm-board .hc-board-container .hc-board-group>.content >.hc-board-component-container:nth-child(2) hc-board-component datasouce-view {
    box-shadow: none;
}

hcm-board .hc-board-container .hc-board-group>.content >.hc-board-component-container:nth-child(2) hc-board-component datasouce-view .home-widget {
    background: unset;
    padding: 0;
}

hcm-board .hc-board-container .hc-board-group>.content >.hc-board-component-container:nth-child(2) hc-board-component datasouce-view .home-widget hc-view .hc-form.hc-view {
    background: unset;
}
/*移动端首页背景颜色*/



.home-page.new-index {
    background: #F4FFFA
}

/*移动端首页常用应用样式修复*/
.hc-board-component-container.board-component-hc-board-my-favorite-app {
    height: auto !important;
}
.hc-board-component-container.board-component-hc-board-my-favorite-app hc-board-my-favorite-app {
    background: #fff;
}
hcm-board .hc-board-container .hc-board-component-container.board-component-hc-board-my-favorite-app .hc-board-component-title {
    border-bottom: none;
}
.board-my-favorite-app .app-list {
    padding: 0;
}

/*公告改背景颜色*/


.home-page hc-announce .announce-container {
    color: #FC9F1E;
}

.home-page hc-announce .announce-container .content .flex-left .announce .icon {
    color: #FC9F1E;
    font-size: 18px;
}

.home-page home-widget-announce .home-widget {
    background: #FFF7E1
}


/*隐藏备案号*/
.beian{
 display:none;
}
 
#login-third-party{
    display:none;
}
/*移动端人员信息卡片高度*/
hcm-board .hc-board-component-container datasouce-view .home-widget {
     min-height: 20px;
}

/*首页人力看板主题颜色*/
hcm-board .hc-board-container .hc-board-component-container hc-board-component .hc-board-component-title {
    color:#1d1f20;
    font-weight: 700;
    
}
.home-widget .home-widget-header{
    color:#1d1f20;
    font-size: 17px;
    font-weight: 700;
}
/*在线反馈显示服务通道*/
.pc-main-frame .header-banner .operate-add-popup .contact {
    display: block;
}
/*登录首页显示服务通道*/
.customer-service {
     display: flex;
}
/*隐藏帮助项超链接*/
.pc-main-frame .header-banner>nav .icon-hcm-question {
    display: none;
}
hc-dialog .hc-dialog-window header .icon-hcm-question {
    display: none;
}
/*修改首页待办、预警字体颜色为白色*/
home-widget-common-container .violet .home-widget-header .tabs .menu_left, home-widget-common-container .spring-green .home-widget-header .tabs .menu_left, home-widget-common-container .violet .home-widget-header .tabs .menu_right, home-widget-common-container .spring-green .home-widget-header .tabs .menu_right{
    color: #fff;

}

/*隐藏绩效考核阶段打分详情及阶段得分*/
hc-stage-card .hc-stage-card #stage-nav li .executor-info{display: none !important;}

/*edit_table text-area组件只读状态滚动设置*/
.hc-editable-table .resizable-table .fix-content .row-cell .hc-form-field.read-only hc-text-area.hc-form-control textarea {
    opacity: 0;
}
.hc-editable-table .resizable-table .fix-content .row-cell .hc-form-field.read-only hc-text-area.hc-form-control textarea + div {
    display: block !important;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
    z-index: 1;
    pointer-events: auto;
    white-space: pre-line;
}

/*人员画像-人员信息卡片滑动*/
hcm-board .hc-board-container .hc-board-component-container hc-board-component .hc-board-component{overflow:auto}

/*360测评民主投票候选人卡片头像居左上角*/
.naire-candidate-item .vote-info .vote-obj-photo {
    margin: 12px 12px 0 0;
}
.naire-candidate-item .vote-info {
    align-items: start;}