/*header*/
#header{}
#header .mo_nav{position: absolute; right:5px;}
#header .navbar-top-links>li>a {
    color: #fff;
    padding: 0 12px;
    line-height: 60px;
    min-height: 60px;
}

#header .message-center a {
    border-bottom: 1px solid rgba(120,130,140,.13);
    display: block;
    padding: 15px 20px;
    font-size: 13px;
}


#header .mailbox {
    width: 267px;
    overflow: auto;
    padding-bottom: 0;
}

#header .a-exit {
    font-size: 14px;
   padding-top: 20px; 
}
#header .a-exit  a{
    color: #f0f0f0;
}


#footer{margin-top: 30px; font-size: 12px;} 
#footer .f_nav span{ margin: 15px;} 
/*宏观产量*/
#capacity {} 
#capacity .allcapacitypool {height: 350px;} 
#capacity .factorypool{ 
    border:1px solid #e0e0e0;
/*	background-image:url("http://space.ports-intl.com/Ports/cpax/project/athena/background/factory-fw1.jpg");*/
    height: 280px;
    padding: 15px;
    margin-bottom: 30px;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.1);
    overflow: auto;
} 


/*首页大纲*/
#home_main{}
#home_main .myinfo{}
#home_main .myinfo h4{line-height: 16px; font-size: 15px;}
#home_main .notify{position: absolute; top:35px; left:50%; margin-left: 10px; }

#home_main .home_remind_list{} 
#home_main .home_remind_list .circle-sm {
    width: 32px;
    padding-top: 3px;
    height: 32px;
    font-size: 14px!important;
}

#home_main .home_remind_list code { padding: 2px 4px;
    font-size: 80%;
    color: #c7254e;
    background-color: #f9f2f4;
    border-radius: 4px;

}

#home_main .home_remind_list code.note {  padding: 2px 4px;
    font-size: 80%;
    color: #333;
    background-color: #e2eaff;
    border-radius: 4px;

}

#home_main .home_key_list { font-size: 13px; } 
#home_main .home_key_list .key_list_info{padding-left: 30px; color: #fff;}
#home_main .home_key_list .key_list_info span.warn {background-color: #fff; color: #1e88e5; border-radius: 2px; padding: 0px 4px; margin-right: 10px;}



#home_main .home_station_list {} 


#home_main .home_order_search .todo-list li{padding: 0px 0px 0px 0px; }
#home_main .home_order_list {} 

#home_main .sales-report {
    
     margin: 12px -15px; 
  
}

#home_main  .comment-center { margin: 0 -15px }

#home_main .moplan{}
#home_main .moplan .table>tbody>tr>td { padding: 8px !important; }
#home_main code {
    padding: 2px 4px;
    font-size: 90%;
    color: #0e6911;
    background-color: #fcf8e3;
    border-radius: 4px;
}



#home_main ul.expense-box {
    margin-top:15px;
    margin-bottom:15px;
    padding: 0;
}

/*设置中心*/
#setting {}
#setting .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 6px 6px;
}
#setting .table>thead>tr>th {padding: 15px 6px; font-weight: bold;}





/*任务单*/
#task{}
#task .tasksetting{}
#task .tasksetting .img_sample{ margin-bottom: 15px; border:1px solid #e0e0e0; }
#task .tasksetting label {margin-top: 15px;}
#task .input-group {margin-bottom: 11px;}
#task .input-group-btn{}

#task ul.wallet-list li {
    list-style: none;
    display: block;
    font-size: 14px; 
    padding: 20px;
    border-top: 1px solid rgba(120,130,140,.13);
}

#task .manage-users .content-wrap label{margin-bottom: 20px;}
#macroplan .orderitem{background: #fff;
    border: 1px solid rgba(120,130,140,.13);
    padding: 5px 10px;
    height: auto;
    font-weight: 600;
    border-radius: 0; margin-bottom: 2px;}



  .originalTaskLine{background-color:#dcdcdc;  color:#000;  border-top: 2px solid #e6e6e6; border-bottom: 2px solid #a0a0a0; border-right: 2px solid #a0a0a0;  border-left: 2px solid #e6e6e6; margin-bottom: 5px; padding:3px; padding-left: 5px;}
      .BuleTaskLine{background-color:#1e88e5;  color:#fff;  border-width: 2px; border-style:solid; border-color: #69cbfd #0f5ad5 #0f5ad5 #69cbfd; margin-bottom: 5px; padding:3px; padding-left: 5px; }
      .GreenTaskLine{background-color:#4caf50;  color:#fff;  border-width: 2px; border-style:solid; border-color: #9bf59e #225524 #225524 #9bf59e; margin-bottom: 5px; padding:3px; padding-left: 5px; }
      .RedTaskLine{background-color:#f44336;  color:#fff;  border-width: 2px; border-style:solid; border-color: #fe8c7a #810302 #810302 #fe8c7a; margin-bottom: 5px; padding:3px; padding-left: 5px; }
      .YellowTaskLine{background-color:#f08f01;  color:#fff;  border-width: 2px; border-style:solid; border-color: #ffd494 #965900 #965900 #ffd494; margin-bottom: 5px; padding:3px; padding-left: 5px; }
      .BlackTaskLine{background-color:#4c5667;  color:#fff;  border-width: 2px; border-style:solid; border-color: #8495b2 #07101f #07101f #8495b2; margin-bottom: 5px; padding:3px; padding-left: 5px; }
      .SearchTask{ border-width: 4px; border-style:dashed; border-color:#f08f01; }


      #TaskZone{padding-left:100px;position:relative; overflow:scroll;}
      #TaskZone .TaskHeader{width: 100%; display: flex; padding: 0px; }
      #TaskZone .TaskDate{background-color:#1e88e5; height: 50px; width:40px; color:#fff; text-align: center; padding-top:3px; border-right:1px solid #1774df; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); z-index: 100; overflow: hidden;}
      #TaskZone .TaskDate .mon{font-size: 10px;color: #e0e0e0;}
      #TaskZone .TaskDate .day{font-size: 16px; font-weight: bold;}
      #TaskZone .TaskDateToday{background-color:#88d6f9; color: #000;} /*今日背景色*/
      #TaskZone .TaskDateToday .mon{color: #000;} /*今日文字颜色*/
      
      #TaskZone .GroupTeam{position:absolute; top:0px; height: 50px; left: 0px;  border-top:0px solid #d6d6d6;  border-bottom:0px solid #d6d6d6;  border-right:1px solid #999; }
      #TaskZone .GroupTeam_Header{background-color:#106dbf;  height: 50px; box-shadow: 0 1px 4px 0 rgba(0,0,0,.3); z-index: 1201;  color: #fff; font-size: 20px; padding-left: 15px; padding-top: 5px; line-height: 30px;}
      #TaskZone .GroupTeam_ID{height: 50px; width:100px;  border-top:0px solid #d6d6d6;   border-bottom: 1px solid #d6d6d6;  border-right:1px solid #d6d6d6; padding-left: 15px; padding-top: 5px; font-size: 14px; font-weight: bold;}
      #TaskZone .efficient{ background-color: #d6f0d7; color: #044206;  }
      #TaskZone .TaskBody{width: 100%; display: flex; padding: 0px; position: relative; overflow: hidden;}
      #TaskZone .TimeBox{background-color:#fff; height: 50px; width:40px; color:#000; text-align: center; padding-top:3px; border-right:1px solid #d6d6d6; position: relative; border-bottom:1px solid #d6d6d6; flex-shrink：0；}
      #TaskZone .BG_Suggest{background-color:#deeaff; } /*系统排版日底色*/
      #TaskZone.BG_RestDay{background-color:#f0f0f0; } /*休息日底色*/
      #TaskZone .TimeBox .OverTime{position: absolute; right: 3px; bottom: 1px; font-size: 9px; color: #f97168; font-weight: bold;} /*加班文字提醒*/






/*产前看板*/
#ppsample{}
#ppsample .ppslist{}


#ppsample .pps_list_item{
    display: block;
    height: 30px;
    margin: 5px 0;
    padding: 5px 10px 5px 10px;
    color: #333;
    text-decoration: none;
    border: 1px solid #ccc;
    background: #fafafa;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}


#ppsample .qr_step{
   padding-right: 5px; width: 20px;
   }

#ppsample .pps_line{color:#fff; margin-bottom: 5px; padding:2px; padding-left: 5px; font-size:12px;  }
#ppsample .pps_line button{ float: right; color: #000; padding: 0 6px; margin-top: -2px; }
#ppsample .pps_grayline{background-color:#cac1b8;  border-width: 1px; border-style:solid; border-color: #a9a39c #a9a39c #a9a39c #a9a39c; }

#ppsample .pps_greenline{background-color:#4caf50;   border-width: 1px; border-style:solid; border-color: #9bf59e #225524 #225524 #9bf59e; }
#ppsample .pps_yellowline{background-color:#ec7b01;  border-width: 1px; border-style:solid; border-color: #ffd494 #965900 #965900 #ffd494; }
#ppsample .pps_redline{background-color:#f44336;  border-width: 1px; border-style:solid; border-color: #fe8c7a #810302 #810302 #fe8c7a; }
#ppsample .pps_blackline{background-color:#4c5667;   border-width: 1px; border-style:solid; border-color: #8495b2 #07101f #07101f #8495b2;  }
#ppsample .active { animation: progress-bar-stripes 0.8s linear infinite; }

#ppsample .status{
    font-size: 14px;
    font-weight: bold;
}


#ppsample .cd-horizontal-timeline {
    margin: 1.5em auto;
}

#ppsample .tasklineschedule { background: url(http://space.ports-intl.com/Ports/cpax/project/athena/pps/bg-schedule2.jpg); width: 660px; height: 150px; margin:10px auto; position: relative;}
#ppsample .tasklineschedule .note1{ position: absolute; color:#fff; left: 173px; top:30px; font-size: 12px; display: none; }
#ppsample .tasklineschedule .note2{ position: absolute; color:#fff; width: 190px; height: 20px; left: 214px; top:35px; font-size: 12px; text-align: center; line-height: 20px; }
/*#ppsample .tasklineschedule .jiedian img{ display: block; position: relative; z-index: 1; }*/
/*#ppsample .tasklineschedule .jiedian { position: relative; display: inline-block; width: 100px; height: 36px; z-index: 9999; background: url(http://space.ports-intl.com/Ports/cpax/project/athena/background/taskline-2.jpg);}
#ppsample .tasklineschedule .jiedian .wenzi { position: absolute; z-index: 9999; width: 80px; height: 40px; background: #01c2c7; top: -40px; left: 50%;  border-radius: 10px;  }
#ppsample .tasklineschedule .notf {background: url(http://space.ports-intl.com/Ports/cpax/project/athena/background/taskline-1.jpg);}
#ppsample .tasklineschedule .wenzinotf{ background-color: #dfdfdf!important; }*/

#ppsample  .table>thead>tr>th { font-weight: 600; }
#ppsample .detail .node{
    width: 170px;
    height: 30px;
    margin: 5px 3px;
    padding: 5px 10px 5px 10px;
    color: #333;
    display: block;
    background: #fafafa;
    border: 1px solid #ccc;
    
    
}

#ppsample .panel {
    border-radius: 0;
    margin-bottom: 10px;
    border: solid 1px #f0f0f0;
    box-shadow: 0 1px 4px 0 #e0e0e0;
}


#ppsample .badge {
    font-size:11px;
    -webkit-transform:scale(0.8);
    display: inline-block;
    min-width: 10px;
    padding: 3px 5px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 0px;}

/*gpo order*/
#order {}
#order .searchresult{ padding: 15px; }

/*Pages*/



#pages .col-lg-12 .white-box .Mob_Row_Padd_M .row .detail{
    width: 80%;
    margin-left: 20px;
             
}
#pages .col-lg-12 .white-box .Mob_Row_Padd_M .row .col-xs-2 .showdel{
    margin-left: 150px;
    margin-top:5px;
             
}
/*裁片列表*/
#cuttingtask{  }
#cuttingtask .cuttingpiecelist{}
#cuttingtask .cuttingpiecelist .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 5px 5px;
}

/*用户控制中心*/
#account{  }
@media (max-width: 480px){
#account .new-login-register .new-login-box {
    margin: 10% auto 0;
    width: 300px;
}
}
#account .new-login-register .lg-info-panel {
    background: url(http://space.ports-intl.com/Ports/cpax/project/athena/background/login-register.jpg) center center/cover no-repeat!important;
    width: 500px;
    height: 100%;
    position: fixed;
}


.idprofile{ text-align: center;padding: 25px;}
.idprofile .idimg{ width: 80px;border-radius: 8px; border: none;}
ul.wallet-list li {
    list-style: none;
    display: block;
    font-size: 16px;
    padding: 18px;
    border-top: 1px solid rgba(120,130,140,.13);
}

.jobitem{ margin-bottom: 40px; margin-left: 25px; }

.jobitem .btn{ margin-top: 10px; }

 .scanbar{ height: 100px; margin-top: 15px; margin-left: -15px; margin-right: -15px; border-top: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0; background: url(http://space.ports-intl.com/Ports/cpax/project/athena/pps/bg-scannode.png) right center no-repeat #f0f0f0 !important; }
 .pathtpl{ height: 100px; margin-top: 15px; margin-left: -15px; margin-right: -15px; border-top: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0; background: url(http://space.ports-intl.com/Ports/cpax/project/athena/pps/bg-pathtpl.png) right center no-repeat #f0f0f0 !important; }
 .scanbar2{ height: 100px; margin-top: 15px; margin-left: -15px; margin-right: -15px; border-top: solid 1px #e0e0e0; border-bottom: solid 1px #e0e0e0; background: url(/Public/images/bg-scannode2.png) right center no-repeat #f0f0f0 !important; }

#account .nodecontent{ min-height: 100px; padding-top: 15px; }

#account .pathtpl-content{ min-height: 100px; padding-top: 15px; }



/*通用设置修改*/
#page-wrapper {
    min-height: 680px;

}
h4.page-title{ font-size: 15px; font-weight: bold;}

b { font-weight: 600 }
.bg-grey { background-color: #666; color: #fff;}
.white-box {padding: 15px; margin-bottom: 20px;}
.white-box .box-title {
    margin: 0 0 12px;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 16px;
}
h3 {
    line-height: 25px;
    font-size: 19px;
}

th {
     color: #000;
}
tbody {
     color: #000;
}

.top-left-part {
    width: 250px;
    float: left;
    border-right: 1px solid rgba(0,0,0,.08);
}


.checkbox label::before {
    border: 1px solid #666;
}
 

 /*数据报表*/
#report{}
#report .datetype .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 5px 5px;
}


 /*pps条*/

 @-webkit-keyframes progress-bar-stripes {
      from  { background-position: 40px 0; }
      to    { background-position: 0 0; }
    }
    .progress-bar-striped .active {
      animation: progress-bar-stripes 0.8s linear infinite;
    }
    .mytooltip { position: relative; z-index: 9999 }
    .tooltip-item::after { content: ''; position: absolute; width: 360px; height: 20px; bottom: 100%; left: 50%; pointer-events: none; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
    .mytooltip:hover .tooltip-item::after { pointer-events: auto }
    .tooltip-content { position: absolute; z-index: 9999; width: 360px; left: 50%; margin: 0 0 20px -180px; bottom: 100%; text-align: left; font-size: 12px; line-height: 30px; box-shadow: -5px -5px 15px rgba(48, 54, 61, .2); background: #2f323e; opacity: 0; cursor: default; pointer-events: none }
    .tooltip-effect-2 .tooltip-content { -webkit-transform-origin: 50% calc(110%); transform-origin: 50% calc(110%); -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); -webkit-transition: opacity .2s, -webkit-transform .2s; transition: opacity .2s, transform .2s; box-shadow: 0px 0px 10px #888888; }
    .mytooltip:hover .tooltip-content { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0) }
    .tooltip.tooltip-effect-2:hover .tooltip-content { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg) }
    .tooltip-content::after { content: ''; top: 100%; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: #2a3035 transparent transparent; border-width: 10px; margin-left: -10px }
    .tooltip-content img { position: relative; height: 120px; display: block; float: left; margin-right: 1em; padding: 5px;}
    .tooltip-text { font-size: 12px; line-height: 18px; display: block; padding: 1.31em 1.21em 1.21em 0; color: #fff; }

/*任务条*/
.originalTaskLine{background-color:#dcdcdc;  color:#000;  border-top: 1px solid #e6e6e6; border-bottom: 2px solid #a0a0a0; border-right: 2px solid #a0a0a0;  border-left: 2px solid #e6e6e6; margin-bottom: 5px; padding:3px; padding-left: 5px;}
.BuleTaskLine{background-color:#1e88e5;  color:#fff;  border-width: 1px; border-style:solid; border-color: #69cbfd #0f5ad5 #0f5ad5 #69cbfd; margin-bottom: 5px; padding:3px; padding-left: 5px; }
.GreenTaskLine{background-color:#4caf50;  color:#fff;  border-width: 1px; border-style:solid; border-color: #9bf59e #225524 #225524 #9bf59e; margin-bottom: 5px; padding:3px; padding-left: 5px; }
.RedTaskLine{background-color:#f44336;  color:#fff;  border-width: 1px; border-style:solid; border-color: #fe8c7a #810302 #810302 #fe8c7a; margin-bottom: 5px; padding:3px; padding-left: 5px; }
.YellowTaskLine{background-color:#f08f01;  color:#fff;  border-width: 1px; border-style:solid; border-color: #ffd494 #965900 #965900 #ffd494; margin-bottom: 5px; padding:3px; padding-left: 5px; }
.BlackTaskLine{background-color:#4c5667;  color:#fff;  border-width: 1px; border-style:solid; border-color: #8495b2 #07101f #07101f #8495b2; margin-bottom: 5px; padding:3px; padding-left: 5px; }
.SearchTask{ border-width: 4px; border-style:dashed; border-color:#f08f01; }

/*蓝色边框input*/
.has-info .form-control {
    border-bottom: 1px solid #1e88e5;
}
.has-info .form-control {
    border-color: #1e88e5;
    box-shadow: none!important;
}


/*用来定制的空白位置*/
.fa-white { width: 12px; height: 14px;  }


/*滚动图*/
.gposchedule_roll { width:100%; height:100%; position:relative; overflow:hidden; margin-bottom: 10px; }
.gposchedule_roll .swiper-container { height:100%; width:100%; }
.gposchedule_roll .swiper-container .swiper-slide { text-align: center; }
.gposchedule_roll .swiper-container .swiper-slide img { display: inline-block; }
.gposchedule_roll .swiper-prev { position:absolute; z-index:900; left:0; top:50%; margin-top:-40px; width:40px; height:80px; }
.gposchedule_roll .swiper-next { position:absolute; z-index:900; right:0; top:50%; margin-top:-40px; width:40px; height:80px; }
.gposchedule_roll .pagination { position:absolute; z-index:900; left:0; text-align:center; bottom:0px;  width:100%; margin:10px 0; }
.gposchedule_roll .swiper-pagination-bullet { display:inline-block; width:8px; height:8px; border-radius:8px; background:#999; margin:0 4px; cursor:pointer; opacity:1; }
.gposchedule_roll .swiper-pagination-bullet-active { background: #000000 !important; }
.gposchedule_roll .gudinghref { position:absolute; z-index:900; width:65px; height:28px; left:0; bottom:25px; }
.gposchedule_roll .gudinghref a { display:block; width:100%; height:100%; }    

/*
.style_pic_roll { width:100%; height:auto; position:relative; overflow:hidden; margin-bottom: 10px; }
.style_pic_roll .swiper-container { width:100%; height:auto; }
.style_pic_roll .swiper-container .swiper-slide { text-align: center; }
.style_pic_roll .swiper-container .swiper-slide img { display: inline-block; max-height: 100%; }
.style_pic_roll .swiper-prev { position:absolute; z-index:900; left:0; top:50%; margin-top:-40px; width:40px; height:80px; background:url(http://space.ports-intl.com/Ports/Ports-intl/website/img/label18/ico/left-b.svg) no-repeat left center; background-size:30px auto; }
.style_pic_roll .swiper-next { position:absolute; z-index:900; right:0; top:50%; margin-top:-40px; width:40px; height:80px; background:url(http://space.ports-intl.com/Ports/Ports-intl/website/img/label18/ico/right-b.svg) no-repeat right center; background-size:30px auto; }
.style_pic_roll .pagination { position:absolute; z-index:900; left:0; text-align:center; bottom:0px;  width:100%; margin:10px 0; }
.style_pic_roll .swiper-pagination-bullet { display:inline-block; width:8px; height:8px; border-radius:8px; background:#999; margin:0 4px; cursor:pointer; opacity:1; }
.style_pic_roll .swiper-pagination-bullet-active { background: #000000 !important; }
.style_pic_roll .gudinghref { position:absolute; z-index:900; width:65px; height:28px; left:0; bottom:25px; }
.style_pic_roll .gudinghref a { display:block; width:100%; height:100%; }*/



.el-table__body-wrapper.is-scrolling-left~.el-table__fixed, .el-table__body-wrapper.is-scrolling-none~.el-table__fixed, .el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right, .el-table__body-wrapper.is-scrolling-right~.el-table__fixed-right { box-shadow: 0 0 10px rgba(0,0,0,.12) !important; }