/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017-11-29, 14:25:39
    Author     : Administrator
*/
.search_margin_bottom{ margin-bottom: 7px;}
.align_left{    text-align: left !important}
.align_center{  text-align: center}
.align_right{   text-align: right !important}
.float_right{   float: right}
.float_left{    float: left}
.fl{    float: left}
.float_clear{   clear: both}
.padding_v_3px{ padding-top: 3px; padding-bottom: 3px;}
.padding_v_search{padding-top: 4px;padding-bottom: 5px;}
.padding-label{padding: 3px 0px !important;}
#bottomButton{position: fixed; bottom: 0; right: 15px; background-color: rgba(0, 0, 0, 0.2)}
#topButton{position: fixed; top: 0; right: 15px; background-color: rgba(0, 0, 0, 0.2)}
.padding_bottom{ padding: 8px 12px;}
.padding_b_search{ padding-bottom: 5px}
 .nopadding{ padding-left: 0px; padding-right: 0px;}
.nopadding-left{ padding-left: 0px  }
.nopadding-right{ padding-left: 0px }
.nopadding-both{ padding-left: 0px; padding-right: 0px;}
.white-underline{ color: white !important; text-decoration: underline}
.paddingboth-10{ padding-left: 10px; padding-right: 10px}
.noborder{  border:0px }
.assginbtn{  width: 95%;  text-align: left;  margin: 2px }
.detailpadding{  padding-left: 5px;    padding-right: 10px; }  
.sortarrows{ display:none } 
.show{  display: block}

 em.tag{ color: red; vertical-align: middle; padding-top: 2px;}
.box-two{ margin-top: 6px; display: none}
.box-shawn {
    box-shadow: 1px 1px 1px #f1f1f1!important;
    border-radius: 2px!important;
}

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #000; opacity:1; 
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #000;opacity:1;
}

input:-ms-input-placeholder{
    color: #000;opacity:1;
}

input::-webkit-input-placeholder{
    color: #000;opacity:1;
}
.form-item  .input-group .caret {
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-left: 2px;
    position: absolute;
    right: 5px;
    top: 13px;
    vertical-align: middle;
    border-top: 4px solid;
    z-index: 99999;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

.no_bottbom_border{ border-bottom:0px !important;}
.no_top_border{ border-top: 0px !important}
.no_radius{border-radius: 0px  !important }


.no-padding{ padding: 0px; }
.no-padding-top{ padding-top: 0px; }
.no-padding-right{ padding-right: 0px; }
.no-padding-bottom{ padding-bottom:  0px; }

.font14{ font-size: 14px}
.mw100per{ width: 100% !important;}
.max50per{ max-width: 45% !important;}
.mw50px{ width: 50px !important ;}
.mw100px{ width: 100px !important ;}
.mw120px{ width: 120px !important;}
.mw150px{ width: 150px !important;}
.mw100{ width: 100px !important;}
.mw150{ width: 150px !important;}
.no_margin{margin: 0px;}
.no_margin_b{ margin-left: 0px !important;; margin-right: 0px !important;}

.no_margin_bottom{ margin-bottom: 0px; }
.no_margin_bottom .form-group{ margin-bottom: 0px !important;} 
.no_margin_bottom .hr-line-dashed{ margin: 10px auto !important;}
.mb5px{ margin-bottom: 5px; }
.mb5{ margin-bottom: 5px !important ; }
.mb10{ margin-bottom: 10px !important ; }
.mb15{ margin-bottom: 15px;}
.mt20{ margin-top: 20px}

.task-detail dt , .task-detail dd{ margin-bottom: 5px;}

.text-primary{ color:#1ab394; }
.text-white{ color:white; }
.white{ color:white; }
.bg-white{background-color: white}
.title-primary{border-left: 3px solid #1ab394; padding-left: 5px !important; }
.pagination-left{ float:left; padding-right: 0px; }
.pagination-right{ float:right; margin-top: 0px; text-align: right;padding-right: 0px; }
.pagination{ margin: 0px !important;}

.pagination>li>.pageanlyse{
    position:relative;float:left;padding:4px 12px;border: 1px solid #DDD; border-radius: 0px 4px 4px 0px; margin-right: -4px
}

.footerpagination .pagination>li:last-child>a, footerpagination .pagination>li:last-child>span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.table-stripes>tbody>tr:nth-child(even) {
    background-color: #f9f9f9 !important;
}
.table-stripes>tbody>tr:nth-child(odd) {
    background-color: white !important;
}
.table-stripes>tbody>tr:hover{
    background-color: #f3f3f4 !important;    
}
.chooseModal .modal-header{  padding: 0px; text-align: left;}
.chooseModal .modal-dialog{
        margin: 80px  auto!important;
}
.chooseModal .modal-header .modal-title{
    background: #fafafa;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f4f4f4');
    border-top: 1px solid #f5f5f5;
    height: 32px;
    line-height: 32px;
    color: #505050;
    font-size: 14px;
    font-weight: 700;
    background: -webkit-gradient(linear,0 0,0 100%,from(#fcfcfc),to(#f4f4f4));
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    border-radius: 2px 2px 0 0;
    padding-left: 10px; 
    
}
.chooseModal .modal-header  .close{
    margin-right: 15px;
    margin-top: 5px;
    font-size: 25px;
     
}
.chooseModal  .modal-footer{
    padding: 4px 19px;
    text-align: right;
    white-space: nowrap;
    border-top: 1px solid #ececec;
    border-radius: 0 0 2px 2px;
    background: #fcfcfc;
    background: -moz-linear-gradient(top,#fcfcfc,#f4f4f4);
    background: -webkit-gradient(linear,0 0,0 100%,from(#fcfcfc),to(#f4f4f4));
    background: -o-linear-gradient(top,#fcfcfc,#f4f4f4);
    background: -ms-linear-gradient(top,#fcfcfc 0,#f4f4f4 100%);
    background: linear-gradient(top,#fcfcfc,#f4f4f4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f4f4f4');

}
.chooseModal .btn{ border-radius:0px }
.chooseModal #citySel{ position: relative}
.chooseModal .treeDemo{ width: 238px;}
.chooseModal #menuContent{display:none; position: absolute; z-index: 999999}
.chooseModal .menuContent{display:none; position: absolute; z-index: 999999}

.chooseModal ul.ztree {margin-top: 10px;border: 1px solid #617775;background: #f0f6e4;width:240px;height:360px;overflow-y:scroll;overflow-x:auto;}
.chooseModal ul.log {border: 1px solid #617775;background: #f0f6e4;width:300px;height:170px;overflow: hidden;}
.chooseModal ul.log.small {height:45px;}
.chooseModal ul.log li {color: #666666;list-style: none;padding-left: 10px;}
.chooseModal ul.log li.dark {background-color: #E3E3E3;}
.ztree-dropdown .input-group{ position: relative }
.ztree-dropdown .menuContent   { display:none; position: absolute; z-index: 999999 }
.ztree-dropdown .treeCate  ul.ztree { border: 1px solid #617775;background: #f0f6e4; margin-top:0;}
.ztree-dropdown  .dropdown-menu{padding-top: 0px; max-height: 375px; max-width: 800px; overflow: auto; width: auto; transition: 0.3s; left: -462px; right: auto; min-width: 495px; padding-right: 0px;}
/* ruler */
.chooseModal div.ruler {height:20px; width:220px; background-color:#f0f6e4;border: 1px solid #333; margin-bottom: 5px; cursor: pointer}
.chooseModal div.ruler div.cursor {height:20px; width:30px; background-color:#3C6E31; color:white; text-align: right; padding-right: 5px; cursor: pointer}

#menuTree{background: #af0000;}

#pager_list table tr td{border-bottom:0px !important}
/*公共右下角样式修改*/
.own-style{ overflow: scroll}
.own-style .ibox{ margin-bottom: 0px}
.own-style .no_padding_right{ padding-right: 0px !important;}
.own-style .wrapper-content{ padding-bottom: 0px;}
.own-style .ibox-title{ padding: 6px 15px 7px}
.own-style .ibox-title h5{margin: 8px 0 7px; width: auto}
.own-style .sizeclass{ min-width: 50px; }


.own-style .ui-jqdialog{ left: calc(50% - 200px) !important;}
.own-style .ui-jqdialog .ui-jqgrid-htable  table thead tr th{ min-width: 50px !important;}
.own-style  .layui-layer-page .layui-layer-content{ overflow:visible}
.own-style  .layui-layer-btn { padding:0px  10px  10px  10px !important;  height: 32px;}
.own-style  .layui-layer-btn  a{margin: 3px 5px 0;height: 26px;line-height: 26px;}
.own-style  .menuContent{width: 100%; background-color: white}

#table_list .span-icon {
    background-image: url(../img/bgcon.png)/*{iconsContent}; */;
    display: inline-block;
    margin: 0 5px;
    cursor: pointer; 
    width: 16px;
    height: 16px; 
}

#table_list .span-icon-trash{
   background-position: -64px -16px;
}

#table_list .span-icon-edit {
    background-position: -112px -16px;
}
.jqcate table tr th:first-child{
    text-align: center
}  

.menu-category-tab {  float: left;   border-left: 1px solid #cfcfcf;  zoom: 1;  list-style: none;
    display: inline-block;   margin-top: 0;   position: relative;    padding: 0;
}
.menu-category-tab li {
    display: list-item; 
    float: left;
    padding: 0 16px;
    height: 28px;
    border: 1px solid #cfcfcf;
    border-left: none;
    background-color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    color: #555;
    cursor: pointer;
}
.menu-category-tab li.cur {
    background-color: #eaeaea;
    font-weight: 700;
    box-shadow: inset 0 0 3px rgba(0,0,0,.15);
}
.modal-normal { width: 450px}
.modal-normal .modal-body{ background-color: white}
.project-people .team-add {
    text-align: center;
}
.project-people img{
     width: 40px ;
    height: 40px;    
}
.project-people .team-add  .o {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    color: #d9d7d3;
    border: solid 1px #d9d7d3;
    border-radius: 50%;
    display: inline-block;
    font-size: 18px!important;
}


.project-people .team-add  .o:hover {
    border: solid 1px #ff3333; 
    color: #ff3333;
}
#team-lists{
    display: none;
    position:relative !important;
    right:auto !important;
    width: 280px
}
#team-lists .layui-layer-page .layui-layer-content{
       width: 280px !important;; 
}
#team-lists .xxim_chatlist li.active{background-color:#F2F4F8}
.pointer{ cursor: pointer}

.own-layui{    font: 14px/1.333 tahoma,arial,\5b8b\4f53,sans-serif; }
.own-layui .layui-layer-title {
    cursor: move;  
    color: #505050;
    font-size: 14px;
    font-weight: 700;
    height: 32px;
    line-height: 32px;
    background: -webkit-gradient(linear,0 0,0 100%,from(#fcfcfc),to(#f4f4f4));
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    border-radius: 2px 2px 0 0;
    padding-left: 10px;
}
.own-layui .layui-layer-setwin{ right: 10px;    top: 10px;}

.own-layui .layui-layer-btn{
    padding: 4px 8px;
    text-align: right;
    white-space: nowrap;
    border-top: 1px solid #ececec;
    border-radius: 0 0 2px 2px;
    background: #fcfcfc;
    background: -moz-linear-gradient(top,#fcfcfc,#f4f4f4);
    background: -webkit-gradient(linear,0 0,0 100%,from(#fcfcfc),to(#f4f4f4));
    background: -o-linear-gradient(top,#fcfcfc,#f4f4f4);
    background: -ms-linear-gradient(top,#fcfcfc 0,#f4f4f4 100%);
    background: linear-gradient(top,#fcfcfc,#f4f4f4);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f4f4f4');
}

.own-layui .layui-layer-content{  padding: 20px 20px 20px 10px;  }
.own-layui .lay_label{ width: 70px;  float: left;    display: inline; margin-right: 10px;   font: 14px/1.333 tahoma,arial,\5b8b\4f53,sans-serif; line-height: 28px;  }
.own-layui .lay_input{ width: calc(100% - 90px) !important; float: left;  }

.own-layui .layui-layer-btn .highlight{  background-color: #449513; color: #fff;}
.customer_table_wrapper { }
.own_ztree{}
.own_ztree .own_ztree_text{ border-right: 0px;}
.ztree-dropdown .ztree-cate-id { background-color: white}
.ztree-dropdown .ztree-cate-name { background-color: white}
.own_ztree button{  border-radius:  0px;}
.own_ztree button:hover{ border-radius: 0px;}
.own_ztree button:active{ border-radius: 0px;}
.own_ztree button:focus{ border-radius: 0px;}
.label-success {  background-color: #78cd51;}

.dropdown-menu {
    padding-top: 0px;overflow: auto; min-width: auto; transition: 0.3s; left: 0px; top:34px;
    background: #fff;
    /*border: 1px solid #aaa;*/
    box-shadow: 0 1px 3px rgba(0,0,0,.15);
    z-index: 99999999;
    padding-right: 0px; postion:absolute; display:none
}
.dropdown-menu  li{ 
    width: 100% !important;   
    padding: 2px 5px;
    line-height: 22px;
    cursor: default;
    overflow: hidden;
    margin:0px !important;  
}
.dropdown-menu  li.on{
    background-color: #eee ;
}

.project_left_menu{ padding-left: 5px; padding-right: 0px;}

.avatar-face {
    display: inline-block;
    position: relative;
    zoom: 1;
}
.avatar-text {
    width: 40px;
    height: 40px;
    line-height: 40px!important;
    font-size: 15px;
}
.avatar-face .avatar-text {
    text-align: center;
    overflow: hidden;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    background: #64b1ca;
    border: solid 1px #64b1ca;
    border-radius: 50%;
    color: #fff;
    text-shadow: transparent 0 0 0;
}
.avatar-face .avatar-more {
    text-align: center;
    overflow: hidden;
    display: inline-block;
    zoom: 1;
    vertical-align: middle;
    border-radius: 50%;
    text-shadow: transparent 0 0 0;
    width: 40px;
    height: 40px;
    line-height: 40px!important;
    font-size: 22px;
}

.allproject{ width: 120px; display: inline; }
.mod-choose-input{ position: relative}
.mod-choose-input .ui-icon-ellipsis{
    background: url(../img/editcoin.gif) 55% 55% no-repeat #FFF;
}
.mod-choose-input .ui-icon-ellipsis, .ui-icon-triangle-1-s {
    border: none;
    right: 2px;
    top: 50%;
    width: 16px;
    height: 16px;
    margin-top: -8px;
    cursor: pointer;
    overflow: hidden;
    position: absolute;
}	
input.form-control:hover{ border: 1px solid #BaBaBa  }

.choose-dropdown  { 
    position: absolute; top:34px; left: 0px; z-index: 1000
}
.customer-btn button{background-color: #fd7a46; border: 1px solid #fd7a46; font-size: 12px; font-weight: 500; color: white ;}
.customer-btn button:hover{ background-color: #ff4a01; border: 1px solid #ff4a01;font-size: 12px; font-weight: 500 ;color: white; }
.customer-btn .dropdown-menu{ top: 27px; width: 96px; z-index: 99999999 !important;}
.customer-btn .dropdown-menu>li{ padding: 0px;}
.customer-btn .dropdown-menu>li>a{ margin: 0px;}

.box-one .form-group{ float: left; margin-left: 4px;}
.label-padding { padding: 7px 0 0 0;}
.project-list{ padding-bottom: 40px}


.dashlist a {
    font-size: 14px;
}
.fixfooter{
    position: fixed !important; bottom: 0px; background-color: #e7eaec; padding-top: 10px;    padding-left: 20px; padding-right: 30px; margin-left: 15px; margin-right: 40px; z-index: 9999
}