@import "./base.less";

#flowcontent{
    padding-top: 5px;
    position: relative;
}
.cost_btn{
    margin-left: 14px;
    margin-top: 14px;
}
    
.btn-zone-center {
    margin: 9px 0px !important;
    width:100%;
    padding-top:15px;
    text-align: center;
    
    button {
        margin-right: 65px;
    }
}

.form-control[readonly]{
    background:#fff;
    padding: 0;
    height: 28px;
    border-radius: 0;
}

.inputunderline{
  padding-top: 0px;
    padding-right: 2px;
    padding-bottom: 0px;
    padding-left: 2px;
    height: 30px;
    outline-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-color: rgb(186, 186, 186);
    border-bottom-style: dashed;
    border-bottom-width: 1px;
    border-left-style: none;
    background-position-x: 0px;
    background-position-y: 0px;
    border-bottom: dashed 1px #bababa;
    border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: rgb(186, 186, 186);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.showDetail{
  position: absolute;
    background: #fff;
    border: 1px solid #0DB3A6;
    padding: 6px;
    font-size: 12px;
    -webkit-border-radius: 2px;
    border-radius: -2px;
    z-index: 8029;
    max-width: 100%;
    min-width: 7%;
    left: 25px;
    top: 34px;
}


div.form_content {
    width:100%;
    span{
        
        word-wrap:break-word;
    }
    .trans{
        width: 100%;
        height: 80%;
        position: absolute;
        top: 0;
        background: transparent;
        z-index: 1;
    }
    
    .apply_control{
        width: 100%;
//      height: 50px;
        padding-top: 10px;
        display: flex;
        align-items: center;
        flex-direction: column;
        font-size: 13px !important;
        font-weight: normal !important;
        font-family: 'Arial Normal', 'Arial' !important;
        color: #999;
        .apply_control_number_input{
            position: absolute;
        }
    }
    .apply_control > label{
        width: 100%;
        span{
            color: #337ab7;
        }
    }
    .apply_control > .apply_control_input{
        width: 80% !important;
        word-wrap:break-word;
        word-break:break-all;
        border:1px solid #E0E0E0;
    }
    .apply_select{
        background-color: white;
        box-shadow: 0 1px 10px rgba(20, 20, 20, 0.5);
        border: 1px solid #ddd;
        position: absolute;
        z-index: 9999999999;
        width: 90%;
        height: auto;
        left:2%;
        top:65%;
        padding:0 10px;
        overflow: auto;
    }
    .apply_select > .apply_select_close > p{
        width: 90%;
        text-align: center;
        color: #333;
        margin-top: auto;
        font-size: 18px;
    }
    .apply_select_close{
        width: 100%;
        border-bottom: 1px dashed #ddd;
        height: 40px;
        line-height: 30px;
        display: flex;
        justify-content: space-between;
    }
    .apply_close{
        color: #337ab7;
        text-align: right;
        line-height: 30px;
        width: 10%;
        height: 30px;
    }
    .apply_close:hover{
        color: #333;
    }
    .apply_select_table{
        border-spacing: 0;
        width: 100%;
        border-collapse: collapse;
        table-layout: auto;
        border: 1px solid #ddd;
//      margin-top: 10px;
        td,th{
            border: 1px solid #ddd;
            text-align: center;
            height: 30px;
            line-height: 30px;
            color: #000000;
            font-weight: 300;
        }
        th{
            color: #758aa5;
        }
    }
    .apply_select_search{
        display: flex;
        justify-content: flex-end;
        height: 40px;
        line-height: 40px;
        align-items: center;
        input{
            border: 1px solid #ddd;
        }
        .apply_search_btn{
            margin-left: -30px !important;
        }
        .expend_search_style{
            width: 220px;
        }
    }
    .condition_search_footer{
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 5px 0;
        label{
            text-align: center;
            height: 20px;
            line-height: 20px;
        }
        .second .pagenumber {
            width: 20px !important;
            min-width: 20px !important;
            height: 20px;
        }
    }
    label  {
        font-weight: normal !important;
    }
    .nobill_red{
            color: red;
        }
    .cost_div{
//      display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .cost_div > div{
        width: 50%;
    }

    .errinfo{
        color: red;
        font-style: normal;
        font-size: 10px;
        display: inline-block;
        min-width: 200px;
    }
    .errinfo_point{
        color: red;
        font-style: normal;
        font-size: 10px;
        display: inline-block;
        min-width: 200px;
    }
    div.text > label,
    div.textarea > label,
    div.checkbox > label,
    div.radio > label,
    div.select > label
    {
        font-size: 13px !important;
        font-weight: normal !important;
        font-family: 'Arial Normal', 'Arial' !important;
        color: #999;
    }
    div.total > label{
        font-size: 13px !important;
        font-weight: normal !important;
        font-family: 'Arial Normal', 'Arial' !important;
        color: #999;
    }
    .row{
//      width:718px;
//      min-height: 400px;
        margin-bottom: 20px !important;
        position: relative;
//      overflow-x: hidden;
//      overflow-y: visible;
        input{
            display: block;
        }
        .tabstrip{
            display: flex;
            width: 600px;
            flex-wrap: nowrap;
            margin-top: -3px;
            position: relative;
            z-index: 999;
            ul{
                display: flex;
                justify-content: flex-start;
            }
            li{
//              width: 130px;
                height: 30px;
                overflow: hidden;
                text-align: center;
                border: 1px solid #ddd;
                border-top: 1px solid white;
                border-radius: 3px;
                background-color: #f9f9f9;
                color: #39beb5;
                margin-bottom: 4px;
                margin-right: 5px;
                cursor: pointer;
                span{
                    display: inline-block;
                    padding: 5px 10px;
                    overflow: hidden;
                }
            }
            .tabstrip_active{
                background-color: white;
            }
        }
        .tabstrip_temp{
                left:14.5%;
                z-index: 999 !important;
            }
        
        
        .null_form{
            min-height: 0 !important;
        }
        .disabled_time{
            background-color: rgb(235, 235, 228);
        }
        .abled_time{
            background-color: white;
        }
        .add_jour{
            min-height: 20px !important;
            margin-top: 5px;
            i{
                color: @default-color;
                cursor: pointer;
            }
        }
        .row_unedit{
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 100;
            background-color: rgba(255,255,255,0);
        }
        i{
            font-style: normal;
        }
        p{
            font-size: 12px;
            color:#bbb;
            line-height: 12px;
            padding-top: 5px;
        }
        
        h5{
            color: :#bbb;
        }
        
        > div{
            padding:0;
            min-height: 83px!important;
        }
        .cost_err{
            color: red; 
        }
        .activeops{
             color: red; 
        }
        .inactiveops{
             color: #fe8d00;
         }

        .cost_count{
            margin-top: 12px;
            display: flex;
            justify-content:flex-end ;
            height: 20px;
            min-height: 20px !important;
            a{
                height: 20px;
            }
        }
        .search_column{
            color:#333;
            margin-bottom: 10px;
            
            label{
                color: #999;
                font-weight: normal;
    }
      
            > input{
                width:215px;
            }
           
            button{
                height: 28px;  
                margin-left: 5px;  
            }   
            
            .completedorder{
                background-color: #fff;
                box-shadow: 0 1px 10px rgba(20, 20, 20, 0.5);
                border: 1px solid #ddd;
                position: absolute;
                z-index: 9999999999;
                min-height: 100px;
            }
             
            .selectul{
                    position: relative;
                    
                    .select-container{
                        line-height: 25px;
                    }
                    
                    .showul{
                       width:214px;
//                     height:60px;
                       max-height: 150px;
                       background:#fff; 
                       border:1px solid #ccc;
                       position: absolute;
                       z-index: 999999999;
                       overflow: auto;
                       color:#333;
                       padding-left:10px;
                        
                       li{
                           height:30px;
                           line-height: 30px;
                           
                           input{
                               width:15px;
                               height:15px;
                           }
                       } 
                    }
                    
                    .suffix{
                        top:0;
                    }
                }
        }
        
    }
      
           
    div
      input[type="text"], div.select select{
            display: inline-block;
        width:80% !important;
        max-width: 214px !important;
//      min-width: 214px !important;
        height:28px;
        line-height:25px;
        border: 1px solid #dfdfdf;
    }
    .total_label{
        padding-left: 0;
    }
    div.total{
        margin-top: 10px;
        display: flex;
        flex-direction: column;
    }
    
    div.total  input[type="text"]{
        width:214px !important;
        min-width: 214px !important;
        height:28px;
        line-height:25px;
        border: 1px solid #dfdfdf;
    }
    
    .checkbox {
        overflow:auto;
        input[type="checkbox"] {
            display:block;
            position:relative;
            margin:0px;
        }
        div {
            text-align: left;
        }
    }

    .radio {
        overflow:auto;
        input[type="radio"] {
            display:block;
            position:relative;
            margin:0px;
            //width:214px;
        }
        div {
            text-align: left;
        }
    }

    .checkbox_container {
        width:100px;
        height:100px;
        
        .cb_label {
            position: absolute;
            margin-top:-23px;
            margin-left:15px;
            padding-left:0px;
        }
    }

    .radio{
        > div {
            margin-top:0px !important;
        }
        .rd_container {
            position:relative;
            margin-top:0px !important;
            input {
                margin-left:1px;
                margin-top:2px;
            }
            .rd_label {
                position:absolute;
                margin-left:18px;
                padding-left:0px;
                bottom:0px;
                top:4px;
            }
        }
    }

    div.user_element {
        text-align: left;
        > span {
            margin-left: 6px;
            width: 100%;
        }
        span.user_name {
            border: 1px solid #ddd;
            padding: 2px 5px;
            width: auto;
            background:@default-color;
            color: #fff;
        }

        label {
        }

        a.btn_user_el_add_user {
            font-size:12px;
        }
        
    }

}  
 
.btn-zone {
    padding: 5px;
    text-align: center;
    display: block;
    width:718px;
    height: 30px;
    margin-bottom: 10px;
    position: absolute;
    z-index: 101;
    button {
        margin-right: 15px;
    }

}


.bill_create_pop {
    z-index: 9999;
    .audit_commit{
        position: absolute;
        width: 30%;
        height: 300px;
        margin-left: 35%;
        border-radius: 2%;
        background-color: #f3f7f7;
        overflow: hidden;
        box-shadow: 0 1px 10px rgba(20, 20, 20, 0.5);
        z-index: 99999;
        .audit_commit_header{
            width: 100%;
            height: 10%;
            display: flex;
            justify-content: center;
            color: white;
            align-items: center;
            background-color: #09b4ab;
        }
        .audit_commit_content{
            width: 100%;
            height: 70%;
//          p{
//              height: 20%;
//              line-height: 100%;
//              margin: 0;
//          }
            textarea{
                width: 100%;
                height: 100%;
            }
        }
        .audit_commit_btn{
            display: flex;
            height: 20%;
            justify-content: space-around;
            align-items: center;
            button{
                width: 16%;
                height: 60%;
                font-size: 15px
            }
        }
    }
    .paper_upload{
        position: absolute;
        right: 120px;
        top: 37px;
        z-index: 200;
    }
    .paper_iframe{
        position: fixed;
        width: 80%;
        min-height: 100%;
        background-color: #f3f7f7;
        top:0;
        left: 10%;
        overflow: auto;
        z-index: 99999;
        box-shadow:  0 1px 10px rgba(20, 20, 20, 0.5);
        .paper_iframe_nav{
            padding: 1% 5%;
            display: flex;
            justify-content: space-between;
            align-items: center;
            i{
                font-size: 20px;
            }
            span{
                display: inline-block;
                color: #39beb5;
                height: 100%;
                line-height: 100%;
            }
            .close {
                right:12px;
                top:12px;
                font-size:20px;
            }
        }
    }
    .pop_panel {
        margin-top:0px;
//      overflow: hidden;
        
        .search_column{
            color:#333;
            margin-bottom: 10px;
            
            label{
                color: #999;
                font-weight: normal;
            }
            
            > input{
                width:215px;
            }
             
            button{
                height: 28px;  
                margin-left: 5px;  
            }   
              
            .selectul{
                    position: relative;
                    
                    .select-container{
                        line-height: 25px;
                    }
                    
                    .showul{
                       width:214px;
//                     height:60px;
                       max-height: 150px;
                       background:#fff; 
                       border:1px solid #ccc;
                       position: absolute;
                       z-index: 999999999;
                       overflow: auto;
                       color:#333;
                       padding-left: 10px;
                        
                       li{
                           height:30px;
                           line-height: 30px;
                           
                           input{
                               width:15px;
                               height:15px;
                           }
                       } 
                    }
                    
                    .suffix{
                        top:0px;
                    }
                }
        }
    }
}
.people{
    margin-top:20px;
}
       
div.user_select_popup{
    .box-shadow(0 1px 10px rgba(20, 20, 20, 0.5));
    width:80%;
    height:400px;
    background:#fff;
      position:absolute;
      left: 15%;
    z-index:9999999999999999999999 !important;
    border:1px solid #ddd;
    padding-top:22px;
    div.btn_cls {
        border-bottom: 1px dashed #ddd;
        padding-left:4px;
        margin-top:-22px !important;
    }
    div.user_sel_form{
        width:100%;
        height:90% !important;
        .main_close{
            margin-left: 550px;
        }
        .user_sel_form_close{
            height: 30px;
            line-height: 30px;
            a{
                float: right;
            }
        }
        div.main{
            width:100%;
            min-height:100%;
            height:100%;
            float:left;
            padding-left:30%;
            padding-right:20%;
            div.center_area {
                width:100%; 
//              min-height:100%;
                height:90%;
                overflow:auto;
                padding-top: 26px;
                .area_title {
                    height: 25px;
                    margin: 0px 4px;
                    border-bottom:1px solid #ddd;
                    margin-top:-26px;
                    label {
                        font-size:12px;
                        padding:0px 2px;
                        color:#758aa5;
                        border-left: 2px solid #2f796e;
                    }
                    
                    span {
                        input {
                            margin-top:1px;
                            height:22px;
                            line-height: 22px;
                            min-height: 22px !important;
                            float:right;
                        }
                    }
                }

                .area_body { 
                    overflow:auto;
                    height:100%;
                    width:100%;
                    label.label_letter_group {
                        font-size:10px;
                        color: #2f796e;
                        margin-left:6px;
                    }
                    ul {
                        a.hr_gp_title, a.hr_name{
                            font-size:12px;
                            display: inline-block;
                            height: 20px;
                            text-align: center;
                            line-height: 20px;
                            border: 1px solid #eceff4;
                            background-color: #faf8fb;
                        }
                        a.hr_name_selected{
                            font-size:12px;
                            display: inline-block;
                            color: #81817f;
                            width: 45px;
                            height: 20px;
                            text-align: center;
                            line-height: 20px;
                            border: 1px solid #eceff4;
                            background-color:#f3f3f3;
                        }
                        .hr_name_addbtn{
                            width: 18px;
                            height: 20px;
                            border: none;
                            text-align: center;
                            border:1px solid #eceff4;
                            padding: 0;
                            background-color: #faf8fb;
                            color: #6a8eb0;
                        }
                        .hr_name_addbtn_selected{
                            width: 18px;
                            height: 20px;
                            border: none;
                            text-align: center;
                            border:1px solid #eceff4;
                            padding: 0;
                            background-color: #f3f3f3;
                            color: #81817f;
                        }
                        div{
                            height: 20px;
                            display: flex;
                            justify-content: flex-start;
                        }
                        list-style: none;
                        padding-left:15px;
                        li {
                            padding-left:15px;
                            display: flex;
                            justify-content: flex-start;
                        }
                    }
                }
            }
        }

        div.right{
            width:100%;
            min-height:100%;
            height:100%;
           div.right_area{
                width:100%; 
                min-height:100%;
                height:100%;
                overflow:auto;
                padding-top: 26px !important;
                .selected_personnel{
                        background-color:@default-color;
                    }
                .clear_selected_users{
                    margin-right: 5px;
                }
               .area_title {
                    height: 25px;
                    margin: 0px 4px;
                    line-height: 25px;
                    border-bottom:1px solid #ddd;
                    margin-top:-26px;
                    label {
                        font-size:12px;
                        padding:0px 2px;
                        color:white;
                        border-left: 2px solid #2f796e;
                    }
                    i{
                        color:white;
                    }
                    span {
                        input {
                            margin-top:1px;
                            height:22px;
                            line-height: 22px;
                            min-height: 22px !important;
                            float:right;
                        }
                    }
                }

                .area_body { 
                    overflow:auto;
                    height:100%;
                    width:100%;
                    label.label_letter_group {
                        font-size:10px;
                        color: #2f796e;
                        margin-left:6px;
                    }
                    .department_close{
//                      margin-left: 42px;
                        color: #637179;
                    }
                    ul {
                        width: 100%;
                        .gp_title{
                            width: 100%;
                            display: flex;
                            align-items: center;
                        }
                        a.hr_gp_title{
                            font-size:12px;
                            font-weight: bold;
                            color: #3e3f3f;
                            margin-left: 2%;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            width: 86%;
                            display: inline-block;
                            white-space: nowrap;
                        }
                        a.hr_name{
                            font-size:12px;
                            display: inline-block;
                            width: 45px;
                            height: 20px;
                            text-align: center;
                            line-height: 20px;
                            border: 1px solid #20b4aa;
                            background-color: #c1e4e7;
                            color: #666969;
                        }
                        .hr_name_addbtn{
                            width: 18px;
                            height: 20px;
                            border: none;
                            color: white;
                            text-align: center;
                            border:1px solid #20b4aa;
                            padding: 0;
                            background-color: #20b4aa;
                        }
                        .gp_title:hover{
                            background-color: #a7eff5;
                        }
                        list-style: none;
                        padding-left:0px;
                        li {
                            padding-left:15px;
                            margin-bottom: 5px;
                            div{
                                height: 20px;
                                display: flex;
                                justify-content: flex-start;
                            }
                        }
                    }
                }
           }
        }



        div.hr_tree {
            overflow:auto;
            height:100%;
        }
        div.left{
            margin-left:-100%;
            float:left;
            min-height:100%;
            width:30%;
            border-right:1px solid #ddd;
        }
        div.right{
            min-height:100%;
            width:20%;
            float:left;
            margin-left:-20%;
            border-left:1px solid #ddd;
        }
    }
}
//组织机构
div.org_select_popup{
    .box-shadow(0 1px 10px rgba(20, 20, 20, 0.5));
    width:300px;
//  height:320px;
    background:#fff;
      position:absolute;
      left: 15%;
    z-index:9999999999999999999999 !important;
    border:1px solid #ddd;
    padding-top:22px;
    padding-bottom: 25px;
    div.btn_cls {
        border-bottom: 1px dashed #ddd;
        padding-left:4px;
        margin-top:-22px !important;
    }
    div.org_sel_form{
        width:100%;
        height:90% !important;
        .main_close{
            margin-left: 250px;
        }
        .org_sel_form_close{
            height: 30px;
            line-height: 30px;
        }

        div.right{
            width:100%;
            min-height:100%;
            height:100%;
           div.right_area{
                width:100%; 
                min-height:100%;
                height:100%;
                overflow:auto;
                padding-top: 26px !important;
                .selected_personnel{
                        background-color:@default-color;
                    }
                .clear_selected_users{
                    margin-right: 5px;
                }
               .area_title {
                    height: 25px;
                    margin: 0px 4px;
                    line-height: 25px;
                    border-bottom:1px solid #ddd;
                    margin-top:-26px;
                    label {
                        font-size:12px;
                        padding:0px 2px;
                        color:white;
                        border-left: 2px solid #2f796e;
                    }
                    i{
                        color:white;
                    }
                    span {
                        input {
                            margin-top:1px;
                            height:22px;
                            line-height: 22px;
                            min-height: 22px !important;
                            float:right;
                        }
                    }
                }

                .area_body { 
                    overflow:hidden;
                    height:100%;
                    width:100%;
                    div.area_content{
                        display: flex;
                        justify-content: center;
                        margin-top: 10px;
                    }
                    ul {
                        a.hr_name{
                            font-size:12px;
                            display: inline-block;
                            width: 45px;
                            height: 20px;
                            text-align: center;
                            line-height: 20px;
                            border: 1px solid #20b4aa;
                            background-color: #c1e4e7;
                            color: #666969;
                        }
                        .hr_name_addbtn{
                            width: 18px;
                            height: 20px;
                            border: none;
                            color: white;
                            text-align: center;
                            border:1px solid #20b4aa;
                            padding: 0;
                            background-color: #20b4aa;
                        }
                        list-style: none;
                        padding-left:0px;
                         li {
                            padding-left:15px;
                            margin-bottom: 5px;
                            div{
                                height: 20px;
                                display: flex;
                                justify-content: flex-start;
                            }
                        }
                    }
                }
           }
        }



        div.hr_tree {
            overflow:auto;
            height:100%;
        }
        div.left{
//          margin-left:-100%;
            float:left;
            min-height:100%;
            width:160px;
            border-right:1px solid #ddd;
        }
        div.right{
            min-height:100%;
            width:105px;
            float:left;
//          margin-left:20px;
//          border-left:1px solid #ddd;
        }
    }
}

div.sub_form_s > div{
    height: 62px;
        margin-bottom: 8px;
}
div.sub_form_container {
    position:relative;
    width:100%;
    .jp_normal{
        color: black;
    }
    .jp_active{
        color:red;
    }
    i{
        font-style: normal;
    }
    div.sub_frm_tlbar{
        position:absolute;
        top:2px;
        right:-5px;
        z-index: 9999 !important;

        div.sfm_plus {
            float:left;
            padding:4px 4px;
        }

        div.sfm_plus i{
            color: #22bbb3 ;
        }
        

        div.sfm_minus {
            float:left;
            padding: 4px 4px;
        }   

        div.sfm_minus i{
            color: #f7d1cc;
        }
        
        div.sfm_cou{
            float:left;
            padding:4px 4px;
        }
    }
    
}

div.select3-element {
    position: relative;
    div.select-container {
//      width:80%;
        max-width: 214px !important;
//      min-width: 180px;
        min-height:28px;
        max-height: 30px;
        border: 1px solid #dfdfdf;
        padding-right:26px;
        overflow: hidden;
        
//      overflow-x: hidden;
        position:relative;
        div.suffix {
            float:left;
            min-height:26px;
            height:100%;
            width:26px;
//          min-width: 15px;
//          max-width: 26px;
            border-left: 1px solid #dfdfdf;
            text-align: center;
            color: @default-color;
            position:absolute;
            right:0px;
            top:0px;
            line-height:27px;
        }
        div.val-card {
            padding: 1px 5px;
             white-space:nowrap;
             text-overflow:ellipsis;
             -o-text-overflow:ellipsis;
             overflow: hidden;
            width: 100%;
            //颜色更改
            color: @default-color;
//          border:1px dashed #09B4AB;
            float:left;
            i {
                font-size:10px;
            }
        }
    }

    div.drop_down_sel {
        position: absolute !important;
        float: left !important; 
        z-index: 99999999 !important; 
        .box-shadow(0 2px 2px #d8f5f5);
        li.sel_query {
            margin-left:2px;
            position:relative;
            input {
                width:100%;
                padding-right: 24px;
                border: 1px solid #ddd !important;
            }
            i {
                position: absolute;
                top:10px;
                right:22px;
            }
        }
    }
}