/**
 主题颜色
 */
/*****



/********************************蓝色    开始************************************/
.color-b-c{
    border-color: #20A1FF !important;
}
.bg-b-c,
.title-boxLayoutTitle-show:after{
    background-color: #20A1FF;
}
/*基础背景色*/
.th-b-c{
    background-color: #deeeff;
    color: #409eff;
}
/*基础色 hover,active*/
.th-b-c-h:hover,.th-b-c-h:active{
    background-color: #deeeff;
    color: #409eff;
}
/*基础文字颜色 */
.th-t-c{
    color: #409eff;
}
/*字体*/
.thames-text:hover{
    color: #409eff;
}

.app-header-fixed .app-header{
    /*background: #409eff;*/
    background: #20A1FF;
    border-radius: 0;
    min-height: 60px;
}

/**
 单选框样式
 */
input[type="radio"] + label::before,
input[type="radio"] + span::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: .064rem solid #0075ff;
    margin-right: 4px;
    box-sizing: border-box;
    margin-bottom: 2px;
}
input[type="radio"]:checked + label::before,
input[type="radio"]:checked + span::before {
    background-color: #0075ff;
    background-clip: content-box;
    padding: 2px;
    box-sizing: border-box;
}
input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

/********************************结束    开始************************************/





/********************************青色    开始 009cb0************************************/
/*主色 #008698*/
/*字体 #15525a*/
/*背景色 #009cb0*/
/*按钮hover #08b6cc*/
/*列表hover rgba(0,156,176,0.2) !important*/
/*rgba(0,156,176,.2)*/
/*斑马纹 #FAFAFA*/

/*基础文字颜色 */
.jw-green .th-t-c,
.jw-green .fancyTable tbody tr td a,
.jw-green .search_radio label:hover span,
.jw-green .search_radio label:active span,
.jw-green .search_radio label:focus span,
.jw-green .search_radio label.lable-active span{
    color: #15525a;
}

/*基础上边框*/
.green-b-c{
    border-color: #009cb0 !important;
}

/*基础背景色*/
.jw-green .th-b-c,
    /*基础色 hover,active*/
.jw-green .th-b-c-h:hover,
.jw-green .th-b-c-h:focus,
.jw-green .th-b-c-h:active{
    background-color: rgba(0,156,176,0.2);
    color: #15525a;
}

/*头部*/
.jw-green.app-header-fixed .app-header {
    background: #009cb0;
    border-radius: 0;
}
.jw-green .dropdown-menu li.dli:hover,
.jw-green .action td,
.jw-green .table-list .fancyTable tbody tr td:hover,
.jw-green .table-list .fancyTable tbody tr:hover td {
    background: rgba(0,156,176,0.2) !important;
}
/*首页*/
.jw-green .mypanelTitle,
 /*绩效列表*/
.jw-green .performent-title,
.jw-green .next_turn,
.jw-green .twrapper .tpltable thead,
.jw-green .fancyTable thead tr th,
.jw-green .fancyTable thead tr td,
.jw-green .fancyTable tfoot tr th,
.jw-green .fancyTable tfoot tr td,
.jw-green .title-boxLayoutTitle-show:after{
    background-color: #009cb0;
}

.jw-green .table-list .fht-thead thead tr th:hover,
.jw-green .table-list thead.perfortablethaed tr th:hover {
    background: #009cb0 !important;
}

.jw-green .search_radio label:hover,
.jw-green .search_radio label:active,
.jw-green .search_radio label:focus,
.jw-green .search_radio label.lable-active {
    background-color: rgba(0,156,176,0.2);
}
.jw-green .littlekit {
    border-left: 5px solid #009cb0;
}
.jw-green .el-button--primary{
    background-color: #009cb0;
    border-color: #009cb0;
}
/* 按钮*/
.jw-green .el-button--primary:focus,
.jw-green .el-button--primary:hover {
    background: #08b6cc;
    border-color: #08b6cc;
}
.jw-green .el-button--primary.is-disabled,
.jw-green .el-button--primary.is-disabled:active,
.jw-green .el-button--primary.is-disabled:focus,
.jw-green .el-button--primary.is-disabled:hover {
    background-color: #58c0cd;
    border-color: #58c0cd;
}
.jw-green .el-button--primary.is-plain:focus,
.jw-green .el-button--primary.is-plain:hover {
    background: #008698;
    border-color: #008698;
    color: #fff;
}
.jw-green .el-button--primary.is-plain {
    color: #008698;
    background: #dcf4f7;
    border-color: #008698;
}



/**
 单选框颜色
 */
.jw-green input[type="radio"]:checked {
    border-color: #008698;
}

/**
 搜索栏
**/
.jw-green .nav>li>a:hover,
.jw-green .nav.bg-inherit>li>a:hover,
.jw-green .nav>li>a:focus,
.jw-green .nav.bg-inherit>li>a:focus,
.jw-green .nav>li.active>a,
.jw-green .nav.bg-inherit>li.active>a {
    background-color: rgba(0,156,176,0.2);
}

/*分页*/
.jw-green .pagination>.active>a,
.jw-green .pagination>.active>span,
.jw-green .pagination>.active>a:hover,
.jw-green .pagination>.active>span:hover,
.jw-green .pagination>.active>a:focus,
.jw-green .pagination>.active>span:focus {
    color: #fff;
    background-color: #009cb0;
    border-color: #009cb0;
}
.jw-green .pagination>li>a,
.jw-green .pagination>li>span{
    color: #009cb0;
}

.jw-green .list-item:hover,
.jw-green .performent-table th{
    border: 1px solid #009cb0 !important;
}

.jw-green .dbCommonCard .list-item:hover {
    background-color: #f6faff;
    border: 1px solid #009cb0;
    box-shadow: 3px 4px 0 0 rgba(0,156,176,0.37);
}

.jw-green .elearnNav ul li a.active,
.jw-green .elearnContent .elearnNav ul li a:hover{
    background: #009cb0;
    color: #fff;
}

.jw-green .btn-primary {
    background: #009cb0 !important;
    border-color: #009cb0;
}

.jw-green .btn-default:hover,
.jw-green .btn-default:focus,
.jw-green .btn-default:active {
    background-color: #009cb0 !important;
    border-color: #009cb0 !important;
    color: #009cb0 !important;
}

.jw-green .smallDS{
    background: #1d7884 !important;
}

/* 决策支持要深一号 */
.jw-green .smalli,
.jw-green .scrollDS,
.jw-green .support{
    background: #1d7884;
}
.jw-green .panel-title {
    background: #16a9bc;
}


/*绩效指定指标详情*/
.jw-green .setfor-body .performent-table tr.active,.jw-green .setfor-body .performent-table tr:hover td {
    background: rgba(162,216,224,0.73) !important;
}
.jw-green .setfor-body .performent-table tr td .spm-person .twrapper .table>tbody>tr:hover>td,
.jw-green .setfor-body .performent-table tr td .spm-person .twrapper .table>tbody>tr.active>td{
    background-color: rgba(162,216,224,0.73) !important;
}


/*loading*/
#loading-bar .bar {
    background: #064b7e;
}
#loading-bar-spinner .spinner-icon {
    border-top-color: #064b7e;
    border-left-color: #064b7e;
}

.jw-green  #loading-bar .bar {
    background: #15525a;
}
.jw-green  #loading-bar-spinner .spinner-icon {
    border-top-color: #15525a;
    border-left-color: #15525a;
}

/**
 单选框样式
 */
.jw-green input[type="radio"] + label::before,
.jw-green input[type="radio"] + span::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: .064rem solid #15525a;
    margin-right: 4px;
    box-sizing: border-box;
    margin-bottom: 2px;
}
.jw-green input[type="radio"]:checked + label::before,
.jw-green input[type="radio"]:checked + span::before {
    background-color: #15525a;
    background-clip: content-box;
    padding: 2px;
    box-sizing: border-box;
}

/*学习成长*/
.jw-green .thames-text:hover{
    color: #15525a;
}
.jw-green .lesson-list-item .active .allow-right,
.jw-green .lesson-list-item:hover .allow-right{
    border-left-color: #009cb0;
}
.jw-green .lesson-list-item .active,
.jw-green .lesson-list-item:hover a{
    color: #009cb0;
}

.jw-green .learn-paper{
    border: 1px solid #009cb0;
    background: #009cb0;
}
.jw-green .learn-paper:hover{
    border: 1px solid #15525a;
    background: #15525a;
}
/*未知*/
/*评论头像*/
.jw-green .reteLine,
.jw-green .comment-head{
    background:#009cb0;
}


/********************************青色  结束************************************/



/********************************紫丹红    开始 bc5680 rgba(188, 86, 128, 0.1);************************************/
/**
    主色：#bc5680
    字体：#994366
    背景: #bc5680
    副色：#f8eef2
 */


.red-b-c{
    border-color: #bc5680 !important;
}

.jw-red .th-b-c,/*基础背景色*/
.jw-red .th-b-c-h:hover,/*基础色 hover,active*/
.jw-red .th-b-c-h:active{
    background-color: rgba(188, 86, 128, 0.1);
    color: #bc5680;
}
/*基础文字颜色 */
.jw-red .th-t-c{
    color: #994366;
}

/*头部*/
.jw-red.app-header-fixed .app-header {
    background: #bc5680;
    border-radius: 0;
}
.jw-red .dropdown-menu li.dli:hover {
    background: rgba(188, 86, 128, 0.1) !important;
}

/**
 搜索栏
**/
.jw-red .nav>li>a:hover,
.jw-red .nav.bg-inherit>li>a:hover,
.jw-red .nav>li>a:focus,
.jw-red .nav.bg-inherit>li>a:focus,
.jw-red .nav>li.active>a,
.jw-red .nav.bg-inherit>li.active>a {
    background-color: rgb(248 238 242);
}

/*首页*/
.jw-red .mypanelTitle,
    /*绩效列表*/
.jw-red .performent-title,
.jw-red .next_turn,
.jw-red .twrapper .tpltable thead{
    background: #bc5680;
}
/*列表头部*/
.jw-red .fancyTable thead tr th,.jw-red  .fancyTable thead tr td,.jw-red  .fancyTable tfoot tr th,.jw-red  .fancyTable tfoot tr td{
    background-color: #bc5680;
}
.jw-red .table-list .fht-thead thead tr th:hover,
.jw-red .table-list thead.perfortablethaed tr th:hover {
    background: #bc5680 !important;
}

.jw-red .action td,
.jw-red .table-list .fancyTable tbody tr td:hover,
.jw-red  .table-list .fancyTable tbody tr:hover td {
    background: rgba(188, 86, 128, 0.1) !important;
}

.jw-red .search_radio label:hover,.jw-green  .search_radio label:active,.jw-red  .search_radio label:focus,.jw-red  .search_radio label.lable-active {
    background-color: rgba(188, 86, 128, 0.1);
}

.jw-red .pagination>li>a,
.jw-red .pagination>li>span,
.jw-red .fancyTable tbody tr td a,
.jw-red .search_radio label:hover span,
.jw-red .search_radio label:active span,
.jw-red .search_radio label:focus span,
.jw-red .search_radio label.lable-active span,
.jw-red .lesson-list-item .active,
.jw-red .lesson-list-item:hover a{
    color: #bc5680;
}
.jw-red  .littlekit {
    border-left: 5px solid #bc5680;
}

.jw-red .el-button--primary,
.jw-red .el-button--primary:focus,.jw-red .el-button--primary:hover,
.jw-red .el-button--primary.is-disabled,
.jw-red .el-button--primary.is-disabled:active,
.jw-red .el-button--primary.is-disabled:focus,
.jw-red .el-button--primary.is-disabled:hover {
    background-color: #bc5680;
    border-color: #bc5680;
}

.jw-red .el-button--primary.is-plain:focus,
.jw-red .el-button--primary.is-plain:hover {
    background: #bc5680;
    border-color: #bc5680;
    color: #fff;
}
.jw-red .el-button--primary.is-plain {
    color: #bc5680;
    background: #dcf4f7;
    border-color: #bc5680;
}
/*分页*/
.jw-red .pagination>.active>a,
.jw-red .pagination>.active>span,
.jw-red .pagination>.active>a:hover,
.jw-red .pagination>.active>span:hover,
.jw-red .pagination>.active>a:focus,
.jw-red .pagination>.active>span:focus,
.jw-red .el-button--primary.is-plain:focus,
.jw-red .el-button--primary.is-plain:hover{
    color: #fff;
    background-color: #bc5680;
    border-color: #bc5680;
}

.jw-red .list-item:hover {
    border: 1px solid #bc5680 !important;
}

.jw-red .dbCommonCard .list-item:hover {
    background-color: #f6faff;
    border: 1px solid #bc5680;
    box-shadow: 3px 4px 0 0 #994366;
}

.jw-red .elearnNav ul li a.active,
.jw-red .elearnContent .elearnNav ul li a:hover{
    background: #bc5680;
    color: #fff;
}

.jw-red .btn-primary {
    background: #bc5680 !important;
    border-color: #bc5680;
}
.jw-red .btn-default:hover,
.jw-red .btn-default:focus,
.jw-red .btn-default:active {
    background-color: #bc5680 !important;
    border-color: #994366 !important;
    color: #bc5680 !important;
}
.jw-red .smallDS{
    background: #bc5680 !important;
}

/* 决策支持深一号 */
.jw-red .smalli,
.jw-red .scrollDS,
.jw-red .support{
    background: #994366;
}
.jw-red .panel-title {
    background: #bc5680;
}


/*绩效指定指标详情*/
.jw-red .setfor-body .performent-table tr.active,.jw-red .setfor-body .performent-table tr:hover td {
    background: #f8eef2 !important;
}
.jw-red .setfor-body .performent-table tr td .spm-person .twrapper .table>tbody>tr:hover>td,
.jw-red .setfor-body .performent-table tr td .spm-person .twrapper .table>tbody>tr.active>td{
    background-color: #f8eef2 !important;
}

/*lodding 条*/
.jw-red  #loading-bar .bar {
    background: #994366;
}
.jw-red  #loading-bar-spinner .spinner-icon {
    border-top-color: #994366;
    border-left-color: #994366;
}

/*列表斑马色*/
.jw-red .fancyTable tbody tr.odd td {
    background-color: #f8eef2
}
/**
 单选框样式
 */
.jw-red input[type="radio"] + label::before,
.jw-red input[type="radio"] + span::before {
    content: " ";
    display: inline-block;
    vertical-align: middle;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: .064rem solid #994366;
    margin-right: 4px;
    box-sizing: border-box;
    margin-bottom: 2px;
}
.jw-red input[type="radio"]:checked + label::before,
.jw-red input[type="radio"]:checked + span::before {
    background-color: #994366;
    background-clip: content-box;
    padding: 2px;
    box-sizing: border-box;
}


/*学习成长*/
.jw-red .thames-text:hover{
    color: #994366;
}
.jw-red .lesson-list-item .active .allow-right,
.jw-red .lesson-list-item:hover .allow-right{
    border-left-color: #bc5680;
}


.jw-red .learn-paper{
    border: 1px solid #bc5680;
    background: #bc5680;
}
.jw-red .learn-paper:hover{
    border: 1px solid #994366;
    background: #994366;
}
/*未知*/
/*评论头像*/
.jw-red .reteLine,
.jw-red .comment-head{
    background:#bc5680;
}

/********************************紫丹红  结束************************************/