/*form_table 2列、form_table 2列带报价  start*/
.form_table2_wrap{
	margin: 0 auto;	
	font-size: 13px;
    border-collapse: collapse;
    line-height: 1.5em;
}
.form_table2_wrap input{padding: 2px 0;vertical-align: middle;box-sizing: border-box;}


.form_table2 th:first-child{
	border-left:none;
}
/*form th宽度控制*/
.form_table2 .th1{width: 100px;}
.form_table2 .th2{width: 100px;}
.form_table2 .td1{width: 30%;}
.form_table2 .td2{width: 30%;}
.form_table2 .content1{width: 30%;}
.form_table2 .content2{width: 30%;}
.form_table2 .title{width: 100px;}

.form_table2 td p{
	text-indent: 0;
	
   	margin: 0 3px;
}
.form_table2 td p.file_name{margin:0px;}
/*form_table 2列、 form_table 2列带报价 end*/

/*form_table 3列、form_table 3列带报价 start*/
.form_table3_wrap{
    margin: 0 auto; 
    font-size: 13px;
    border-collapse: collapse;
    line-height: 1.5em;
}
.form_table3_wrap input{padding: 2px;vertical-align: middle;}

.form_table3 th:first-child{
    border-left:none;
}
.form_table3 .th1{width: 100px;}
.form_table3 .th2{width: 100px;}
.form_table3 .th3{width: 100px;}
.form_table3 .td1{width: 18%;}
.form_table3 .td2{width: 25%;}
.form_table3 .td3{width: 20%;}
.form_table3 .content1{width: 18%;}
.form_table3 .content2{width: 25%;}
.form_table3 .content3{width: 20%;}
.form_table3 .title{width: 100px;}
.form_table3 td p{
    text-indent: 0;
    margin: 0 3px;
    display: block;
}
/*form_table 3列、form_table 3列带报价 end*/



/*流程步骤 start*/
.flow_wrap .form_table1 .th1{width: 20%}
.flow_wrap .form_table1 .td1{width: 20%}
.flow_wrap .form_table1 .td2{width: 40%;    border-left: 1px #BDD3E7 solid;}
/*流程步骤 end*/

/*任务优先级 带radio按钮 start*/
.task_wrap th{
	width: 25%;
}
.task_wrap p{
	border-top: 1px #bdd3e7 solid;
	line-height: 25px;
}
.task_wrap p:first-child{border-top:none;}
.task_wrap p input{
	margin-right: 5px;
}
/*任务优先级 带radio按钮 end*/

/*顶部按钮 start*/
.submitbtn_div4
{
    text-align: right;
    padding: 1px;
    border: none;
    border-bottom: 1px #76bdf9 solid;
    background: #C6DAEB;
    height: 26px;
    line-height: 26px
}
.btn-2 {
    text-align: center;
    width: auto;
    line-height: 24px;
    padding: 0 20px;
    color: #fff!important;
    background: #4ba2ec;
    border: 0;
    cursor: pointer;
    border-radius: 5px;
    font-size: 12px;
    margin: 1px 3px 1px 0;
    display: inline-block;
   
}
/*顶部按钮 end*/





/*首页登录 start*/

.header_logo{
    background:url(../img/bg_system.png) center top no-repeat;
    background-size: auto auto; 
    height: 250px;
}
.login_input{
    width: 555px;
    height: 195px;
    margin: 0 auto;
    background: url(../img/bg_signIn.png) no-repeat;
    padding-bottom: 20px;
 }
.input_img{
    width: 140px;
    height: 173px;
    background: url(../img/pic_signIn.png) no-repeat;
    margin-top: 18px;
    margin-left:5px ; 
}
.input_con{
    height: 100%;
    margin-top: 30px;

}
.login-box{
    width: 376px; 
    margin-left: 5px;
    position: relative;
}
.login-box span {
    display: block;
    width: 52px;
    height: 27px;
    float: left;
    margin-right: 2px;
    margin-top: 10px;
}
.sendCode{
    position: absolute;
    top: -5px;
    right: 0px;
    white-space: nowrap;
    line-height: 28px;
}
.sendCode2.sendCode {top:5px;}

.signin-form {
    display: block;
    width: 300px;
    height: 32px;
    padding: 3px 12px 3px 0px;
    font-size: 14px;
    line-height: 32px;
    color: #555;
    float: left;
    border: none;
    background: transparent;
}

.btn-signin:hover {
    color: #5581c2;
    background-color: #0f3d81;
    border-color: #07316e;
}
.login-footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    line-height: 30px;
    text-align: center;
    line-height: 30px;
    background: #0a4d85;
    color:#fff;
}
.login-footer p{text-align: center;}

/*首页登录 end*/

.form_module_title1 a{color: #0A6FC5;margin-left: 10px;}
/*活页卡标题类型1 end */

/*活页卡标题类型2 start */
.form_module_title2{
    background: url(../img/bg_tit.png);
    height: 32px;
    line-height: 32px;
    border-bottom: 1px solid #95bfe1;
    color: #333;
    border-top:1px solid #61aef0;
}
.form_module_title2 a{color: #0A6FC5;margin-left: 10px;}
/*活页卡标题类型2 end */

/*修改密码 start*/
.ywz_zhuce_xiaoxiaobao{float: left; width: 226px;}
.ywz_zhuce_kuangzi{float: left;width: 226px;height: 38px;color: #171717;}
     /*框*/
.ywz_zhuce_huixian{float: left; background: #d6d3d3; width: 62px;height: 4px;margin-top: 5px;  _margin-top: 0px; margin-left: 5px; _height: 2px;font-size: 0px;}
.ywz_zhuce_hongxianwenzi { float: left;width: 62px; margin-left: 5px;text-align: center;color: #b0adad; font-size: 12px;}
.ywz_zhuce_yongyu1 {float: left; color: #C00;font-size: 12px; padding-left: 10px; margin-top: 10px;_padding-left: 0px;}
     /*后面的文字*/
.ywz_zhuce_hongxian{float: left; background: #ff3300;width: 62px;height: 4px; margin-top: 5px; margin-left: 5px; _margin-top: 0px; _height: 2px; font-size: 0px; }
.ywz_zhuce_hongxian3{float: left; background: #060;width: 62px;height: 4px; margin-top: 5px; margin-left: 5px; _margin-top: 0px; _height: 2px; font-size: 0px; }
/*修改密码 end*/

/*Geeli菜单 start*/
.topNav-menu-2{font-size: 14px;
    width: 100%;
    background: #2c7fc5;
    height: 38px;
    z-index: 110;
}
.topNav-menu-2 ul li{
    float: left;
    line-height: 38px;
}
.topNav-menu-2 ul li a{
    color: #fff;
    padding: 0 15px
}
.topNav-menu-2 ul .menuItemSelect{
    background-color: #0a5a9d;
}
.topNav-menu-2 ul .menuItemSelect a:hover{
    color: #faf102!important;
}
.menu-vertical-line{color: #fff}
.topNav-2 .submenu{
    display: none;
    width: 100%;
    background: #0a5a9d;
    height: 35px;
    border-bottom: 2px #f79b2e solid;
    line-height: 35px;
    color: fff;
    z-index: 999;
    }
.topNav-2 .submenu:after{
    display: block;
    content: "";
    clear: both;
}
.topNav-2 .submenu ul{text-align: center;    position: relative;}
.topNav-2 .submenu li{
    display: inline-block;
    padding: 0 10px;
}
.topNav-2 .submenu li a{
    color: #fff
}
.topNav-2 .submenu li:hover { 
    background: url(img/bg_menuHover.png) center bottom no-repeat;
    height: 35px;
}
/*二级菜单左右按钮 start*/
.topNav-2 .goLeft_2{display: block;width: 19px;height: 19px;position: absolute;top: 30%;left: 0;z-index: 100;background:url('../img/btn_left6.png') no-repeat #0a5a9d;}
.topNav-2 .goRight_2{display: block;width: 19px;height: 19px;position: absolute;top: 30%;right: 0 ;z-index: 100;background:url('../img/btn_right6.png') no-repeat #0a5a9d; }
/*二级菜单左右按钮 end*/
/*Geeli菜单 end*/

/*more_btn_box start*/
.more_btn_absolute
{
    position:relative; 
    height:30px;   
}
.more_btn_box{
    position: absolute;
    height: 30px;
    z-index: 999;
    padding:1px 42px 1px 1px;
    overflow: hidden;
    background: #E3EEF8;
}
.more_btn_box a{
    float: left;
    margin: 3px;
}
.more_btn_box div{
    float: left;
    margin: 3px;
}
.more_btn_box input{
    float: left;
     margin: 3px;
}
.Btn-Hide{
    position: absolute;
    right: 0;
    top:10px;
    padding-right: 15px;
    cursor: pointer;
    background: url(./img/sort_desc.png) no-repeat right -5px;
}

/*more_btn_box end*/

/*批量操作组合 start*/
.batch_wrap{
    
     display:block;
     z-index:99999;
}
.batch_btn{
   
}
.dataTables_scroll{position: relative;z-index:1;}
.batch_btn_box{
    position: absolute;
    background: url(img/bg_batch.png) top repeat-x #b3d7f6;
   /* left: 0px;
            top: 23px;
*/
    padding: 5px;
    z-index: 55555;
    border: 1px solid #76bdf9;
    max-width: 520px;
    display: none;
    padding-right:15px;
}
.batch_btn_box a{float: left;}
.batch_btn_box input{ margin: 3px;}
.batch_btn_box div{float: left;}
.batch_btn_box .closeBtn{
    position: absolute;
    background: url(./img/btn_close3.png) no-repeat right  0px;
    width: 16px;
    height: 12px;
    top: 2px;
    right: 2px;
    z-index: 55556;
}
/*批量操作组合 end*/

/*样车信息start*/
.sample_car_box{
    width: 100%;
    height: 100%;
}
.sample_car_box .fl{
    width: 50%;
    height:100%;
    box-sizing: border-box;
}
.sample_car_box .fl p{
    height: 31px;
    line-height: 31px;
    padding-left: 12px;
     font-size: 18px;
    border-bottom:1px #bdd3e7 solid; 
    font-weight: normal;
    font-family: STXihei, "Microsoft YaHei";
font-family: STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑";
}
.sample_car_box .fl span{
    font-weight: 700;
    font-size: 18px;
    font-family: STXihei, "Microsoft YaHei";
font-family: STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑";
}
.sample_car_box .fr{
    width: 50%;
    height:100%;
    border-left:2px #61aef0 solid;
    box-sizing: border-box;
    background: #E3EEF8;
    text-align: center;
}
.sample_car_box .fr p{
    color: #086EC5;
    font-weight: bold;
    line-height: 31px;
    height: 31px;
     font-size: 18px;
     font-family: STXihei, "Microsoft YaHei";
font-family: STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑";
}
.sample_car_qrcode{
    width: auto;
    margin: 0 auto;
    margin-top: 31px;
}
/*样车信息end*/

/*单文件上传样式美化 start*/
    .upload_btn{
        position: relative;
        width: auto;
        display: inline-block;
    }
   
    .upload_btn .choose_btn{
        display: inline-block;
        padding-right: 5px;
        padding: 2px;
    }
    .upload_btn .choose_file_name{
        background: #fff;
        display: inline-block;
        padding-right: 8px;
        border-left: none;
        padding: 2px 15px 2px 5px;
    }
    .upload_btn::after{
        display: block;
        content: '';
        clear: both;
    }
   .upload_fileWrap .upload_btn .error{
        float: right;
        padding-left:16px;
    }
    .upload_fileWrap .upload_disabled .choose_btn
    {
        border:1px solid #a5a5a5;
        background-color:#e2e2e2;
        color:#999999;
        }
        .upload_fileWrap .upload_disabled .choose_file_name
        {
            border:1px solid #a5a5a5;
            border-left:none;
            background-color:#e2e2e2;
            color:transparent;
            }
    .upload_fileWrap{display:inline-block;    line-height: 20px;display: -webkit-inline-flex;
    margin:0px 5px;float:left;overflow: hidden;}
/*单文件上传样式美化 end*/


.icon_warring_1
{
    display:inline-block;
    height:14px;
    width:14px;
    background:url("/Content/themes/public/website/img/icon_warning.png") no-repeat center center;
    }
/*    
#wrapper
{
    height:100%;
    }
#content_wrapper
{
 height:100%;
    }
.tab-container
{
 height:100%;    
    }
.tabs-container,.tab-container
{
 height:100%;    
    }
.pannel-container
{
  height:100%;     
    }
.ui-tabs-panel
{
   height:100%; 
    }
#viewerPlaceHolder
{
    min-height:768px;
}*/

   .TitleInfos1{
    height:30px;
    line-height:30px;
    background:#60B0F1;
    color:#fff;
    text-indent:15px;
    }
   .TitleInfos2{
        width: 100%;
    height: 32px;
    line-height: 32px;
    text-align: center;
    background:#1263A7;

    color:#fff;
    font-weight:bold;
    }
    .charge_content {
        width:98%;
        margin:10px auto;
        overflow:hidden;
        border-radius:10px;
        border:1px solid #7DBEF3;
        border-bottom:none;
    }
.charge_table {
    width:100%;
}
    .charge_table th {
    padding:8px 4px;
    text-align:right;
    color:#333;
    font-weight:bold;
    border-left:1px solid #BED4E8;
    background:#D0E6F7;
    }
.charge_table td{
    border-left:1px solid #BED4E8;
      padding:8px;
      background:#D0E6F7;
}
    .charge_table tr {
    border-bottom:1px solid #BED4E8;
    }
    .charge_table tr td:first-child {
     border-left:none;
    }
    .charge_table tr th:first-child {
  /*/  text-align:center;*/
    }
.blue_text_label {
color:#1470BB;
}
.charge_table input[type='text']{
    width: 80px;
}
.cny_content{
    width: 50%;
    float: left;
}
.exchange_content{
    width: 50%;
    float: right;
    display: inline-block;
    text-align: right;
    display:none;
}

.inshowbtn{
    width: 14px;
    height: 14px;
    background: url("/Content/themes/public/website/img/icon_downicon.png") no-repeat;
    background-size: 14px 14px;
}
.must_table_box{
    min-width:400px;
    position: absolute;
    right: 0px;
    top: 31px;
}
.must_sp_table
{
    height:100% !important;
    border:1px solid #87b8e2;
    border-top:none;
    }
.must_table_box th{
    background: #C3E3FE;
    border-bottom: 1px solid #4BA2EC;
    width: 25%;
    color:#333;
    font-weight:bold;
    text-align:center;
    font-weight:bold;
    white-space:nowrap;
    padding:10px 6px;
}
.must_table_box td{
    background: #F0EEEE;
    width: 75%;
    border-bottom: 1px #4BA2EC solid;
    padding-left: 10px;
    color:#333;
    word-break:break-all;
    /*text-indent:60px;*/
    padding:6px;
    word-wrap:break-word;
    text-align:left;
    line-height: 20px;
}
table{
    border-collapse: collapse;
    width: 100%;
    /* height: 100%; */
}
.redstarticon{
    display: block;
    width: 20px;
    height: 20px;
    background: url("/Content/themes/public/website/img/icon_points.png") no-repeat;
    background-size: 20px 20px;
    margin: 0 auto;
}
.redwarring{
    display: block;
    width: 20px;
    height: 20px;
    background: url("/Content/themes/public/website/img/icon_attention.png") no-repeat;
    background-size: 20px 20px;
    margin: 0 auto;
}
.contract_matters{
    width: 110px;
    cursor: pointer;
}
.contract_matters{
    margin: 0 100px;
}
.mattericon{
    width: 40px;
    height: 40px;
    background: url("/Content/themes/public/website/img/shouldthing.png") no-repeat;
    background-size: 40px 40px;
}
.redtext{
    color: red;
}
.mattersbox{
    position: relative;
    z-index:10000;
}
.grey_bg_div.active{
    background:#F0EEEE;
    border: 1px solid #4BA2EC;
    border-bottom: none;
    height:31px;
}
.matter_td1{
    position: relative;

}
.matter_td2{
    position: relative;
}
.matter_tips{
    display: block;
    height: 20px;
    background: url('/Content/themes/public/website/img/icon_tips.png')no-repeat;
}
/*.matter_td1:after{
    width: 39px;
    height: 16px;
    content: "";
   
    position: absolute;
    top: 10px;
    left: 10px;
}
.matter_td2:after{
    width: 39px;
    height: 16px;
    content: "";
    display: block;
    background: url('/Content/themes/public/website/img/icon_tips.png')no-repeat;
    position: absolute;
    top: 10px;
    left: 10px;
}*/
a.breaka{
    white-space: normal !important;
}
.mattersbox{
        background: #2C7FC5;
    }
.icon_stepp {
    background: url('/Content/themes/public/website/img/icon_more1.png') no-repeat #3eb3d5;
    background-position: center center;
    display: inline-block;
   
     height: 23px;
    width: 34px;
    border-radius: 5px;
    vertical-align: middle;
    position: relative;
    top: 0px;
}
.icon_steppp{
    background: url('/Content/themes/public/website/img/icon_steppp.png') no-repeat;
    background-position: left center;
    padding-left: 16px;
    display: inline-block;
 
}
.icon_stepp_two{
    background: url('/Content/themes/public/website/img/icon_stepp_white.png') no-repeat;
    background-position: left center;
    padding-left: 16px;
    display: inline-block;
 
}
.gray_bg{
    display:inline-block;
    position:relative;
    
    padding:0px 4px;
}
.gray_bg.active{
    background:#F0EEEE;
    border:1px solid #4BA2EC;
    border-bottom:none;
}
.hide_select{
    width:100px;
    height:auto;
    position:absolute;
    background:#F0EEEE;
    z-index:10000;
     border:1px solid #4BA2EC;
     right:-1px;
     border-top:none;
     display:none;
}
.icon_export_1{
    background:url(/Content/themes/public/website/img/icon_export.png)no-repeat;
    background-position:5px center;
    padding:2px 4px 2px 30px;
    color:#333;
    display:inline-block;
}
.icon_person_1{
    background:url(/Content/themes/public/website/img/icon_person.png)no-repeat;
    background-position:5px center;
    padding:2px 4px 2px 30px;
    color:#333;
    display:inline-block;
}
.icon_form_1{
    background:url(/Content/themes/public/website/img/icon_form.png)no-repeat;
    background-position:5px center;
    padding:2px 4px 2px 30px;
    color:#333;
    display:inline-block;
}
.icon_icon_stepp_1{
     background:url(/Content/themes/public/website/img/icon_stepp.png)no-repeat;
    background-position:5px center;
    padding:2px 4px 2px 30px;
    color:#333;
    display:inline-block;
}
.hide_select li{
    height:25px;
    line-height:20px;
    cursor:pointer;
    text-align:left;
}
.charge_content td{
    background:#e3eef8 !important;
}
.charge_content th{
    background:#e3eef8 !important;
}
.icon_upload1{
    display:inline-block;
    height:24px;
    width:24px;
    background:url("/Content/themes/public/website/img/upload1.png") no-repeat;
    background-size:100% 100%;
    margin:2px 4px;
}
.icon_download1{
    display:inline-block;
    height:24px;
    width:24px;
    background:url("/Content/themes/public/website/img/download.png") no-repeat;
    background-size:100% 100%;
    margin:2px 4px;
}
.icon_arrowdown{
    display:inline-block;
    height:24px;
    width:24px;
    background:url("/Content/themes/public/website/img/arrowdown.png") no-repeat;
    background-size:100% 100%;
    margin:2px 4px;
}
.icon_arrowup{
    display:inline-block;
    height:24px;
    width:24px;
    background:url("/Content/themes/public/website/img/arrowup.png") no-repeat;
    background-size:100% 100%;
    margin:2px 4px;
}
.org_hover{
    color:#5592dd;
    cursor:pointer;
}
.org_hover:hover{
    color:#ff8547;

}
    .info_table table td{
        text-align:center;
        border: 1px #61aef0  solid;
        padding:4px 6px;
        background:#e3eef8;
    }
    .info_table table .blue_text{
        color:#0361b1;
    }
     .info_table table tr:nth-of-type(1) td{
        font-weight:bold;
        color:#fff;
        background: #2C7FC5;
    }
.showinfo_btn{
    color:#fff;
    background:url(/Content/themes/public/website/img/icon_approve.png)no-repeat #FF6600;
    background-position:5px center;
    height:23px;
    cursor: pointer;
    line-height: 23px;
    padding: 0px 20px;
    margin:4px;
    border-radius:5px;
    position:relative;
    top:2px;
}
.icon_collect{
    display:inline-block;
    height:20px;
    width:20px;
    background:url("/Content/themes/public/website/img/icon_collection2.png") no-repeat;
    background-size:100% 100%;
    margin:2px 4px;
}
.icon_collects{
    display:inline-block;
    height:17px;
    width:17px;
    background:url("/Content/themes/public/website/img/icon_collection2_s.png") no-repeat;
    background-size:100% 100%;
    margin:2px 4px;
}
.icon_check{
    display:inline-block;
    height: 12px;
    width: 15px;
    background:url("/Content/themes/public/website/img/icon_finish3.png") no-repeat;
    background-size:100% 100%;
    margin:2px 4px;
}
.icon_cancel2{
    display:inline-block;
    height: 12px;
    width: 14px;
    background:url("/Content/themes/public/website/img/icon_cancel2.png") no-repeat;
    background-size:100% 100%;
    margin:2px 4px;
}
.icon_collection3{
    display:inline-block;
    height: 12px;
    width: 14px;
    background:url("/Content/themes/public/website/img/icon_collection3.png") no-repeat;
    background-size:100% 100%;
    margin:2px 4px;
}
/*自定义表格样式，效果见食品系统的未完工监控的任务一览表*/
.table_one_style thead th{
    background: #72CAE4;
    color: #fff;
    font-weight: normal;
    border-right: 1px solid #fff;
    text-align: center;
}
.table_one_style thead th:nth-last-child(1) {border-right: none;}
.table_one_style tbody tr{height:60px;border-bottom: 1px solid #fff;}
.table_one_style tbody tr:nth-child(n){background-color:#E6F6FB;}
.table_one_style tbody tr:nth-child(2n){background-color:#D6EDF4;}

.btn_blue_bg{
    background:url("img/btn_blue.png") no-repeat;
    background-size:100% 100%;
    color: #fff;
    text-align: center;
}
.btn_grey_bg{
    background:url("img/btn_gray.png") no-repeat;
    background-size:100% 100%;
    color: #2D618D;
    text-align: center;
}
.icon_details{
    display:inline-block;
    height:17px;
    width:20px;
    background:url(img/icon_details.png) no-repeat;
    background-size:100% 100%;
    vertical-align: middle;
    margin-right:2px;
}
.icon_details_s{
    display:inline-block;
    height:17px;
    width:20px;
    background:url(img/icon_details_s.png) no-repeat;
    background-size:100% 100%;
    vertical-align: middle;
     margin-right:4px;
}
.icon_Scheduling{
    display:inline-block;
    height:17px;
    width:20px;
    background:url(img/icon_Scheduling.png) no-repeat;
    background-size:100% 100%;
    vertical-align: middle;
     margin-right:4px;
}
.icon_scheduling_s{
    display:inline-block;
    height:17px;
    width:20px;
    background:url(img/icon_scheduling_s.png) no-repeat;
    background-size:100% 100%;
    vertical-align: middle;
     margin-right:4px;
}
.btn_seach3{
    display:inline-block;
    height:18px;
    width:18px;
    background:url(img/btn_seach3.png) no-repeat;
    background-size:100% 100%;
    vertical-align: middle;
     margin-right:4px;
}
.btn_arrowdown_white{
    display:inline-block;
    height:12px;
    width:12px;
    background:url(img/btn_arrowdown_white.png) no-repeat;
    background-size:100% 100%;
    vertical-align: middle;
     margin-right:4px;
}
/*上传图片时的默认图片样式*/
.defaul_img_wrap{
    display: inline-block;
    border: 1px solid #87B8E2;
    width: 52px;
}
.defaul_img_wrap img{
    width: 100%;
    border-bottom: 1px solid #87B8E2;
    display: block;
}
/*删除按钮带背景图*/
 .img_btn_del2{
     vertical-align: middle;
    width:25px;
    height:18px;
    background:url("img/btn_del2.png") no-repeat;
    background-size:100% 100%;
    display: inline-block;
    border-right: 1px solid #87B8E2;
 }
 /*下载按钮带背景图*/
  .img_btn_down2{
     vertical-align: middle;
    width:25px;
    height:18px;
    background:url("img/btn_down9.png") no-repeat;
    background-size:100% 100%;
    display: inline-block;
 }

/*任务完成进度条*/
.task_progress{
    display: flex;
    margin: 1% 2%;
}
.tp_container{
    flex:1;
    display: inline-block;
    color: #fff;
    margin-right:2%;
    text-align: center;
}
.tp_container:nth-of-type(3){flex:0.5;margin-right:0;}
.tp_one_left{width:100%!important;}
 .tp_title{
    background-color: #2C7FC5;
    padding: 1% 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
 }
 .tp_left,.tp_right{
     width:50%;
     display:inline-block; 

 }
 .tp_name{
    background-color: #4CC0DD;
    padding: 1%;
 }
.tp_num{
    color: #2C7FC5;
    font-size: 18px;
}
.tp_finishnum {
    position: relative;
    background: url("/Content/themes/public/website/img/icon_bg1.png");
    height: 60px;
    border: 1px solid #87ABCA;
    display: inline-block;
    width: 100%;
    line-height: 60px;
    box-sizing: border-box;
}
.tp_finishnum:after {
    position: absolute;
    content: "";
    border-color: #4CC0DD transparent transparent transparent;
    border-width: 10px;
    border-style: solid;
    top: -1px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}
.sec1 {
        color: #05467D;
        font-weight: bold;
        font-size: 20px;
    }

.sec2 {
    color: #FF0000;
    font-size: 16px;
    cursor: pointer;
}

.tp_num {
    height: 80%;
    color: #2C7FC5;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}

.tp_percent {
    height: 20%;
    background-color: #CFDAE4;
    position: relative;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #87ABCA;
    box-sizing: border-box;
}
.tp_bar {
    position: absolute;
    height: 100%;
    top: 0;
    width: 10%;
    border-right: 1px solid #87ABCA;
    box-sizing: border-box;
    background-color: #33C9AB;
}
.tp_per_num {
    color: #666;
}
/* form_table_style1 表单table样式增强 */
.form_table_style1{
    border: 1px solid #6CAADB;
}
.form_table_style1 th:first-child {
    border-bottom: 2px solid #6BACE2;
    border-left: 1px solid #6CAADB;
}

.form_table_style1 tr.fts_theEnd {
    border-bottom: 2px solid #6BACE2;
}

.form_table_style1 .td_center_bolder {
    background: #D6E7F7;
    color: #3870AB;
    text-align: right;
    padding-right: 10px;
}

.form_table_style1 td {
    border-left: 1px solid #BDD3E7;
}

.customListWrapper{display:none!important;opacity:0;}

.arrow_right{
    display:inline-block;
    height:22px;
    width:22px;
    background:url(img/arrow_right.png) no-repeat;
    background-size:100% 100%;
    vertical-align: middle;
    margin-right:4px;
}
.icon_notsubmitted{
    display:inline-block;
    height:25px;
    width:36px;
    background:url(img/icon_notsubmitted.png) no-repeat;
    background-size:100% 100%;
    vertical-align: middle;
    margin-right:4px;
}
.icon_Submitted{
    display:inline-block;
    height:25px;
    width:36px;
    background:url(img/icon_Submitted.png) no-repeat;
    background-size:100% 100%;
    vertical-align: middle;
    margin-right:4px;
}
.icon_personal8{
    display:inline-block;
    height:25px;
    width:21px;
    background:url(img/icon_personal8.png) no-repeat;
    background-size:100% 100%;
    vertical-align: middle;
}
.returnTrans{
    display:inline-block;
    height:18px;
    width:18px;
    background:url(img/return.png) no-repeat;
    background-size:100% 100%;
    vertical-align: middle;
}
.btn_open2{
    display:inline-block;
    height:18px;
    width:18px;
    background:url(img/btn_open2.png) no-repeat;
    background-size:100% 100%;
    vertical-align: middle;
}
.btn_packup{
    display:inline-block;
    height:18px;
    width:18px;
    background:url(img/btn_packup.png) no-repeat;
    background-size:100% 100%;
    vertical-align: middle;
}
.icon_clock1{
    display:inline-block;
    height:21px;
    width:20px;
    background:url(img/icon_clock1.png) no-repeat;
    background-size:100% 100%;
    vertical-align: middle;
}
.icon_clock3{
    display:inline-block;
    height:18px;
    width:18px;
    background:url(img/icon_clock3.png) no-repeat;
    background-size:100% 100%;
    vertical-align: middle;
}
.icon_warning2
{
    display:inline-block;
    height:13px;
    width:13px;
    background:url("/Content/themes/public/website/img/icon_warning2.png") no-repeat center center;
}
/* 限制有些td固定宽度，但内容过长 */
.td_mousehover{
    position: fixed;
    width: 350px;
    min-height: 100px;
    background:#c3e2fb;
    border-radius: 5px;
    padding: 15px;
    line-height: 20px;
    cursor: pointer;
    z-index: 2;
    border:1px solid #7fb5e1;
}

.bg_gradients{
    background:url(img/bg_gradients.png) repeat-x;
}
.bg_gradients2{
    background:url(img/bg_gradients2.png) repeat-x;
}
/*带渐变背景色的全部步骤样式 start*/
.step_wrap1{
    height:69px;
    padding: 0 10%;
    text-align: center
}
.step_wrap1 .pg_border:nth-of-type(1){margin-left:0;}
.step_wrap1 .pg_border{
    background: #51B1E6;
    display: inline-block;
    margin-top: 8px;
    border-radius: 7px; 
    margin-left: 46px;
    position: relative;
    color: #fff;
}
    .step_wrap1 .pg_border .pg_border_cont{
    display: inline-block;
    margin: 2px;
    height: 42px;
    line-height: 42px;
    background: #51B1E6;
    border-radius: 7px;
    padding: 0 14px;
    }
.step_wrap1 .pg_border .stepNum{
    background: #fff;
    color: #51B1E6;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    display: inline-block;
    margin-right: 8px;
}
.step_wrap1 .pg_border:after{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -37px;
    display: block;
    clear: both;
    width: 16px;
    height: 16px;
    background: url("img/arrow_double.png") no-repeat;
    content: "";
}
/*还未完成的步骤在pg_border后加类名pg_border_noStart*/
.step_wrap1 .pg_border:nth-last-of-type(1):after{display:none;} 
.step_wrap1 .pg_border_noStart{    border: 1px solid #98C4E4;}
.step_wrap1 .pg_border_noStart,.step_wrap1 .pg_border_noStart .pg_border_cont{background: #DBE3EC;color: #333;}
.step_wrap1 .pg_border_noStart .stepNum{background: #8FB7D1;color: #fff;}  
/*正在进行的步骤在pg_border后加类名pg_border_ing*/  
.step_wrap1 .pg_border_ing{border:2px solid #FFCC00;background: #fff;}
.step_wrap1 .pg_border_ing .pg_border_cont{border: 1px solid #94CBF8;}
/*带渐变背景色的全部步骤样式 end*/

/*table样式*/
.data_table1 thead tr th {background:#D0E6F7;color:#333;border: 1px solid #fff;    text-align:center;padding:0 4px;}
.data_table1 tbody td{ line-height: 26px;background: #F2F2F2;border: 1px solid #fff;text-align:center;padding: 1px 4px;}

/*重写tooltipster的一些样式*/
.tooltip{cursor:pointer;}
.tooltipster-sidetip.tooltipster-shadow .tooltipster-content{padding: 6px;}
.tooltipster-sidetip.tooltipster-shadow .tooltipster-box{box-shadow: 0 0 10px 2px rgba(0,0,0,.1);}

/*固定列*/
table.dataTable.no-footer.DTFC_Cloned {
    margin-left: 1px !important;
}

.hoverColor {
    background: #f7f2d0 !important;
}

table.dataTable tr.odd.row_selected td {
    background-color: #a0d7f4 !important;
}

table.dataTable tr.even.row_selected td {
    background-color: #a0d7f4 !important;
}