.datetime-custome-outer{
    display:inline;
}
.daterange-outer{
    float: left;
    width: 100%;
}
.dateorrange{
    float: left;
}
.datetime-default, .datetime-custome {
    display: inline-block;
}
.btn-one-datetime{
    margin-left: 10px;
    margin-top: 4px;
}
.btn-one-datetime{
    margin-left: 10px;
    vertical-align: -webkit-baseline-middle;
}
.btn-custome-datetime{
    margin-left: 10px;
    vertical-align: text-bottom;
}
.dateorrange .input-datetime{
    width: 90px!important;
}
.dateorrange .week-range{
    font-size: 16px;
}
.htextarea{
    resize: none;
    margin-bottom: 0;
    border-radius: 0;
    padding-bottom: 20px;
    padding-top: 7px;
    font-size: 16px;
}
.textarea-tip{
    position: absolute;
    bottom: -20px;
    right: 0px;
    color: #999999;
}
.textarea-outer{
    position: relative;
    float: left;
    margin-bottom: 10px;
}

.submit-files-outer .remove-file{
    cursor: pointer;
    color: red;
    text-decoration: underline;
}

.file-tr td{
    border-bottom:1px solid #ccc;
}
/*************************************** multifiles start **********************************************/
.multifiles-normal-input{
    width: 70%;
    padding-left: 2%!important;
    padding-right: 5%!important;
    margin: 0;
}
.multifiles-mtitle{
    display: block;
    float: left;
    height: 20px;
    margin-top: 7px;
    color: #666666;
    font-size: 16px;

    width: 18%;
    margin-left: 2%;
}
.file-modal .file-input-outer{

}
.file-modal .errorfont{
    padding-left: 2%;
}
.file-modal .file-intro-outer{

}
.file-modal .htextarea{
    width:73%!important;
    padding-left: 2%!important;
    padding-right: 2%!important;
}
.file-modal .input-filename{
    width: 52%;
    margin-right: 0;
    float: left;
    padding-left: 2%;
    padding-right: 5%;
}
.file-modal .manage-btns-outer{
    width:20%;
    float: left;
}
.file-modal .remove-submitted-file{
    margin-top: 7px;
    margin-left: 5px;
}
.file-modal .textarea-outer{
    width:100%!important;
    float: none!important;
}
.file-modal .textarea-tip{
    right: 5%!important;
}

.object-icon img{
    width:50px;
    height: 50px;
}
.objects-content-tr.active{
    background-color: #F0F8FF; 
}
/*************************************** multifiles end **********************************************/

/*************************************** reportprint start **********************************************/
.vertical-checkbox-outer{
    clear:both;
}
.row-sign-outer{
    text-align: right;
}
.row-sign-title{
    line-height: 30px;
    vertical-align: bottom;
    font-size: 18px;
}
.row-sign-underline{
    display: inline-block;
    width: 200px;
    border-bottom: 1px solid #000000;
    vertical-align: bottom;
}
.report-table{
    table-layout: fixed;
}
.report-table td,.report-table th{
    word-break: break-all;
}
.report-table th:nth-child(2){
    width:200px;
}
/*************************************** reportprint end **********************************************/

/*************************************** files show start *********************************************/
.show-file .name{
    float: left;
    margin-left: 0;
    color: #000;
    font-size: 16px;
    margin-top: 7px;
    display: inline-block;
    word-break: break-all;
    max-width: 80%;
}
.show-file .download{
    float: right;
}
.show-file .download a{
    text-decoration:underline;
    cursor: pointer;
    margin-top: 7px;
    display: inline-block;
}
.show-file .desc{
    clear: both;
    float: left;
    width: 100%;
    font-size: 14px;
    color: #999999;
    margin-top: 5px;
    word-break: break-all;
}
/*************************************** files show end   *********************************************/

/*************************************** search staff start  **********************************************/
.staffs-table .staff-content-tr{
    cursor: pointer;
}
.staffs-table .staff-content-tr.active{
    background-color: #3894ff;
}
.staffs-table .staff-content-tr.active td{
    color:#ffffff;
}
/*************************************** search staff end    **********************************************/
/*************************************** fixed-title-table  start  **********************************************/
.fixed-title-table-outer{
    width:100%;
    float: left;
}
.fixed-title-table-outer.offset-left{
    width:95%;
    margin-left: 5%;
}
.fixed-title-table-outer .fixed-title-tr{
    width:100%;
    background-color: #E1EEFF;
    float: left;
}
.fixed-title-table-outer .fixed-title-tr .fixed-title-tr-td{
    float: left;
    word-break: break-all;
    min-height: 20px;
}
.fixed-title-table-outer .fixed-content-outer{
    width: 100%;
    float: left;
    overflow-y: auto;
}
.fixed-title-table-outer .fixed-content-outer .fixed-content-tr{
    width:100%;
    float: left;
}
.fixed-title-table-outer .fixed-content-outer .fixed-content-tr .fixed-content-tr-td{
    float: left;
    word-break: break-all;
    min-height: 20px;
}
.fixed-title-table-outer.large .fixed-title-tr,.fixed-title-table-outer.large .fixed-content-outer .fixed-content-tr{
    width:90%;
    padding:0 5%;
}
.fixed-title-table-outer.large .fixed-title-tr .fixed-title-tr-td{
    padding: 10px 0;
    font-size: 16px;
    font-weight: bold;
}
.fixed-title-table-outer.large .fixed-content-outer .fixed-content-tr-td{
    padding: 10px 0;
    font-size: 14px;
}

.fixed-title-table-outer.normal .fixed-title-tr,.fixed-title-table-outer.normal .fixed-content-outer .fixed-content-tr{
    width:90%;
    padding:0 5%;
}
.fixed-title-table-outer.normal .fixed-content-outer .fixed-content-tr:hover{
    background:#F0F8FF;
}
.fixed-title-table-outer.normal .fixed-title-tr .fixed-title-tr-td{
    padding: 10px 0;
    font-size: 14px;
    font-weight: bold;
}
.fixed-title-table-outer.normal .fixed-content-outer .fixed-content-tr-td{
    padding: 10px 0;
    font-size: 14px;
}
.fixed-title-table-outer.tile .fixed-title-tr{
    width:90%;
    padding:0 5%;
    border-bottom: 0;
}
.fixed-title-table-outer.tile .fixed-content-outer .fixed-content-tr{
    width:90%;
    padding:0 5%;
    border-bottom: 1px dashed rgba(128, 128, 128, 0.25);
}
.fixed-title-table-outer.tile.justify .fixed-title-tr,.fixed-title-table-outer.tile-sm.justify .fixed-title-tr{
    width:96%;
    padding:0 2%;
    border-bottom: 0;
}
.fixed-title-table-outer.tile.justify .fixed-content-outer .fixed-content-tr,.fixed-title-table-outer.tile-sm.justify .fixed-content-outer .fixed-content-tr{
    width:96%;
    padding:0 2%;
    border-bottom: 1px dashed rgba(128, 128, 128, 0.25);
}
.fixed-title-table-outer.tile .fixed-content-outer .fixed-content-tr:not(.active):hover{
    background:#F0F8FF;
}
.fixed-title-table-outer.tile .fixed-title-tr .fixed-title-tr-td{
    padding: 10px 0;
    font-size: 14px;    
    color:#666666;
}
.fixed-title-table-outer.tile .fixed-content-outer .fixed-content-tr-td{
    padding: 10px 0;
    font-size: 14px;    
    color:#333333;
}
.fixed-title-table-outer.tile .fixed-content-outer .fixed-content-tr.active{
    background-color: #d1e3fa;
}
.fixed-title-table-outer.tile .fixed-content-outer .fixed-content-tr-td .hradio-outer{
    margin-top: 0;
    margin-bottom: 0;
}
.fixed-title-table-outer.tile .fixed-content-outer .fixed-content-tr-td .hradio-outer .hradio-icon{
    margin-left: 0;
}
.fixed-title-table-outer.tile .fixed-content-outer .fixed-content-tr-td .hradio-outer .hradio-text{
    font-size: 14px;
}

.fixed-title-table-outer.tile-sm .fixed-title-tr{
    width:90%;
    padding:0 5%;
    border-bottom: 0;
}
.fixed-title-table-outer.tile-sm .fixed-content-outer .fixed-content-tr{
    width:90%;
    padding:0 5%;
    border-bottom: 1px dashed rgba(128, 128, 128, 0.25);
}
.fixed-title-table-outer.tile-sm .fixed-content-outer .fixed-content-tr:not(.active):hover{
    background:#F0F8FF;
}
.fixed-title-table-outer.tile-sm .fixed-title-tr .fixed-title-tr-td{
    padding: 5px 0;
    font-size: 14px;    
    color:#666666;
}
.fixed-title-table-outer.tile-sm .fixed-content-outer .fixed-content-tr-td{
    padding: 5px 0;
    font-size: 14px;    
    color:#333333;
}
.fixed-title-table-outer.tile-sm .fixed-content-outer .fixed-content-tr.active{
    background-color: #d1e3fa;
}
.fixed-title-table-outer.tile-sm .fixed-content-outer .fixed-content-tr-td button{
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
    height: 20px;
}
.fixed-title-table-outer.tile-sm .fixed-content-outer .fixed-content-tr-td .hradio-outer{
    margin-top: 0;
    margin-bottom: 0;
}
.fixed-title-table-outer.tile-sm .fixed-content-outer .fixed-content-tr-td .hradio-outer .hradio-icon{
    margin-left: 0;
}
.fixed-title-table-outer.tile-sm .fixed-content-outer .fixed-content-tr-td .hradio-outer .hradio-text{
    font-size: 14px;
}


.fixed-title-table-outer.tile-smst .fixed-title-tr{
    width:90%;
    padding:0 5%;
    border-bottom: 0;
}
.fixed-title-table-outer.tile-smst .fixed-content-outer .fixed-content-tr{
    width:90%;
    padding:0 5%;
    border-bottom: 1px dashed rgba(128, 128, 128, 0.25);
}
.fixed-title-table-outer.tile-smst .fixed-content-outer .fixed-content-tr:not(.active):hover{
    background:#F0F8FF;
}
.fixed-title-table-outer.tile-smst .fixed-title-tr .fixed-title-tr-td{
    padding: 5px 0;
    font-size: 12px;    
    color:#666666;
}
.fixed-title-table-outer.tile-smst .fixed-content-outer .fixed-content-tr-td{
    padding: 5px 0;
    font-size: 10px;    
    color:#333333;
}
.fixed-title-table-outer.tile-smst .fixed-content-outer .fixed-content-tr.active{
    background-color: #d1e3fa;
}
.fixed-title-table-outer.tile-smst .fixed-content-outer .fixed-content-tr-td button{
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-top: 0;
    height: 20px;
}
.fixed-title-table-outer.tile-smst .fixed-content-outer .fixed-content-tr-td .hradio-outer{
    margin-top: 0;
    margin-bottom: 0;
}
.fixed-title-table-outer.tile-smst .fixed-content-outer .fixed-content-tr-td .hradio-outer .hradio-icon{
    margin-left: 0;
}
.fixed-title-table-outer.tile-smst .fixed-content-outer .fixed-content-tr-td .hradio-outer .hradio-text{
    font-size: 10px;
}
/*************************************** fixed-title-table end    **********************************************/
/*************************************** addminus start ********************************************/
.addminus-unit {
    float: left;
    margin-left: 5px;
}
.addminus-unit span {
    line-height: 34px;
    height: 34px;
}
.addminus-outer{
    float: left;
}
.addminus-title{
    float: left;
    height: 20px;
    margin-top: 7px;
    font-size: 16px;
    color: #666666;
    margin-right: 10px;
}
.addminus-widget-outer{
    float: left;
}
/*************************************** addminus end *********************************************/
/************************************** confirm start *****************************************/
.hbackdrop{
        height: 0;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1055;
        background-color: #000000;
    }
    .hfade{
        opacity: 0;
        -webkit-transition: opacity 0.15s linear;
        -moz-transition: opacity 0.15s linear;
        -o-transition: opacity 0.15s linear;
        transition: opacity 0.15s linear;
    }
    .hfade.in{
        opacity: 1;
    }
    .hbackdrop.hfade.in{
        opacity: 0.5;
    }
    .hmodal{
        position: fixed;
        top: 20%;
        left: 50%;
        z-index: 1060;
        width: 560px;
        margin-left: -280px;
        background-color: #ffffff;
        border: 1px solid #999;
        border: 1px solid rgba(0, 0, 0, 0.3);
        outline: none;
        -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
        -webkit-background-clip: padding-box;
        -moz-background-clip: padding-box;
        background-clip: padding-box;
    }
    .hmodal-header{
        padding: 15px 15px;
        border-bottom: 1px solid #eee;
    }
    .hmodal-header button.close{
        margin-top: 10px;
        float: right;
        background: transparent;
        border: 0;
        opacity: 0.2;
        cursor: pointer;
        font-size: 20px;
        color: #000000;
        font-weight: bold;
        text-shadow: 0 1px 0#ffffff;
    }
    .hmodal-header h4{
        padding-left: 10px;
    }
    .hmodal-body{

        position: relative;
        max-height: 400px;
        padding: 15px;
        overflow-y: auto;

    }
    .hmodal-body .content-text{
        padding: 10px 10px;
        word-break: break-all;
    }
    .hmodal-body .warning-icon{
        height: 40px;
        margin-right: 10px;
        vertical-align: top;
    }
     .hmodal-body .alert-text{
        line-height: 40px;
        display: inline-block;
        width: 460px;
    }
    .hmodal-footer{
        margin-bottom: 0;
        text-align: right;
        background-color: #ffffff;
        border-top: 1px solid #ddd;
        padding:15px;
    }
    .hmodal-footer:before, .hmodal-footer:after {
    display: table;
    line-height: 0;
    content: "";
}
    .hmodal-footer:after {
        clear: both;
    }
    .hmodal-footer button{
        margin-right: 20px;
    }
    .alert-text{
        line-height: 40px;
    }
    
    @media screen and (max-width: 560px) {
        
        .hmodal{
            width: 95%;
            margin-left: -47.5%;
        }
        .hmodal-header{
            padding: 5px 5px;
        }
        .hmodal-header button.close{
            margin-top: 5px;
            font-size: 16px;
        }
        .hmodal-header h4{
            padding-left: 5px;
        }
        .hmodal-body{
            position: relative;
            max-height: 200px;
            padding: 5px;
            overflow-y: auto;
        }
        .hmodal-body .content-text{
            padding: 5px 5px;
            word-break: break-all;
        }
        .hmodal-body .warning-icon{
            height: 20px;
            margin-right: 5px;
        }
         .hmodal-body .alert-text{
            line-height: 20px;
            width: 90%;
        }
        .hmodal-footer{

            padding:5px;
        }
        .hmodal-footer button{
            margin-right: 20px;
        }
        .alert-text{
            line-height: 20px;
        }
    }
    /************************************** confirm end *****************************************/
    
     /************************************** paging start *****************************************/
     .paging-outer{
         text-align: center;
     }
     
     /************************************** paging end *****************************************/
     
     /************************************** submit multifiles with modal start*********************************/
     .hmodal.multifiles-modal{
         top:15%;
     }
     /************************************** submit multifiles with modal end*********************************/
     
     /************************************** searchinput and button start **************************************/
     .input-normal-search + .modal-search-btn{
            margin: 0;
            height: 34px;
            border-bottom-left-radius: 4px!important;
            border-top-left-radius: 4px!important;
            float: right;
     }
     /************************************** searchinput and button end **************************************/

     /************************************** searchstaff start ******************************************/
     .search-staff-widget{
         top:10%;
     }
     .search-staff-widget .search-outer{
        width: 100%;
        float: left;
     }
     .search-staff-widget .search-outer .input-append{
        margin-top:10px; 
        float:left
     }
     .search-staff-widget .search-outer .input-append .input-search{
        width: 365px;
     }
     .search-staff-widget .search-outer .edit-a{
        float: left;
        margin-top: 10px;
        line-height: 34px;
        margin-left: 10px;
        cursor: pointer;
        max-width: 80px;
     }
     .search-staff-widget .staff-selected{
        color:#227547;
     }
     .team-staffs {
        width: 100%;
        float: left;
        margin-left: 10px;
    }
    .team-staffs .team-staffs-list {
        float: left;
        width: 90%;
        /*max-height: 600px;*/
    }
    .team-staffs .add-outer {
        float: right;
        margin-right: 20px;
    }
    .add-outer .add-mark {
        height: 50px;
        line-height: 45px;
        width: 50px;
        overflow: hidden;
        border: 2px dashed #fbb450;
        text-align: center;
        font-size: 40px;
        color: #fbb450;
        cursor: pointer;
        float: left;
    }
    .team-staffs-list .staff-div {
    float: left;
    width: 60px;
    margin-right: 25px;
    margin-bottom: 10px;
}
#section-staff-widget img.boss-icon{
    float: left;
}
.staff-div .delete-one {
    width: 20px;
    height: 20px;
    position: relative;
    right: -29px;
    top: -6px;
    background: url(../../img/icons/wechat/missions/icon_delete.png);
    background-size: 100% 100%;
    border-radius: 12px;
    z-index: 999;
    cursor: pointer;
}
.staff-div .staff-name-outer {
    text-align: center;
}
.staff-div .staff-name-outer span {
    float: left;
    width: 100%;
}
.staff-div .staff-icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    vertical-align: top;
}
     /************************************** searchstaff end *******************************************/
     
     /************************************* common search widget start ********************************/
     .common-search-widget .search-outer {
        width: 100%;
        float: left;
    }
    .common-search-widget .search-outer .input-append {
        margin-top: 10px;
        float: left;
    }
    .common-search-widget .fixed-content-tr{
        cursor: pointer;
    }
    .common-search-widget .search-outer .input-append .input-search {
        width: 365px;
    }
    .search-outer .input-search + .add-on {/*通用*/
        padding-top: 6px;
        padding-bottom: 6px;
        height: 20px;
        border-radius: 0 !important;
        background-color: #ffffff;
        border-left: 0;
    }
    .search-outer .input-search {/*通用*/
        border-right: 0 !important;
        background: #fff !important;
        cursor: pointer !important;
        margin-right: 0px;
        float: left;
    }
    .search-outer .right-search-btn {/*通用*/
        margin: 0;
        border-bottom-left-radius: 4px!important;
        border-top-left-radius: 4px!important;
        float: right;
        margin-left: 10px!important;
        margin-top: 4px;
    }
    .search-outer .edit-a{/*通用*/
        float: left;
        margin-top: 10px;
        line-height: 34px;
        margin-left: 10px;
        cursor: pointer;
        max-width: 80px;
     }
     
     .search-outer.sm .input-search + .add-on {/*通用*/
        padding-top: 4px;
        padding-bottom: 4px;
        height: 20px;
        border-radius: 0 !important;
        background-color: #ffffff;
        border-left: 0;
    }
    .search-outer.sm .input-search {/*通用*/
        border-right: 0 !important;
        background: #fff !important;
        cursor: pointer !important;
        margin-right: 0px;
        float: left;
        font-size: 12px!important;
        padding: 2px 6px;
    }
    .search-outer.sm .right-search-btn {/*通用*/
        margin: 0;
        border-bottom-left-radius: 4px!important;
        border-top-left-radius: 4px!important;
        float: right;
        margin-left: 10px!important;
        margin-top: 2px;
        font-size: 12px;
    }
    .search-outer.sm .edit-a{/*通用*/
        float: left;
        margin-top: 10px;
        line-height: 34px;
        margin-left: 10px;
        cursor: pointer;
        max-width: 80px;
     }
    .common-search-widget .mCSB_outside + .mCSB_scrollTools {
        right: -13px;
    }
     /************************************* common search widget end **********************************/
     /************************************* common float checkboxs search widget start *************************************/
     
     /************************************* common float checkboxs search widget end *************************************/
     
     /************************************* section edit and add start *****************************************/
     .createsectionwidget,.editsectionwidget{
         width: 600px!important;
         margin-left: -300px!important;
     }
     .modal.createsectionwidget .sectionname-input,.modal.editsectionwidget .sectionname-input  {
        width: 498px!important;
        margin-right: 0;
    }
     /************************************* section edit and add end *****************************************/
     /************************************* section browse edit missions start *****************************************/

     /************************************* section browse edit missions start  *****************************************/
.mCSB_outside + .mCSB_scrollTools {
    right: -13px!important;
}
    /************************************** select2 start *****************************************/
    .select2-dropdown .staff-icon {
        width: 30px;
        height: 30px;
        margin-right: 15px;
    }