/*--------------------开始 布局样式 开始---------------------------------*/
.hh-continer-mainoperationseparate {height: 60px !important;padding:0 10px 0 !important;}
.hh-continer-mainoperationseparateoperation{height:30px;}
.hh-continer-mainoperationseparatesearch { height:30px; padding:3px 0 !important;text-align: left;border-top:1px solid #eee;}
.hh-continer-mainoperation { height: 30px;text-align: right;padding:3px 10px 0 ;}
.hh-continer-operation {background-color: #efeaea; height: 30px !important; line-height:30px; text-align: center; vertical-align: middle; }
.hh-container-lefttree {width:250px;border-right: 1px solid #eee;}
.hh-container { margin: 0 auto; position: relative; width: 100%;height: 100%}
.hh-container-body { margin: 0px;  position: absolute;overflow:hidden;}
.hh-container-left { margin: 0px;position: absolute;}
.hh-container-right {margin: 0px;position: absolute;}
.hh-container-top { margin: 0px; position: absolute; width: 100%;border-bottom: 1px solid #eee;}
.hh-container-bottom {margin: 0px;position: absolute;width: 100%;}



/*--------------------结束 布局样式 结束---------------------------------*/

/*--------------------开始 表单样式 开始---------------------------------*/
.hh-continer-mainoperationseparatesearch .layui-form-label,.hh-continer-mainoperation .layui-form-label{padding:1px 5px;}
.hh-continer-mainoperationseparatesearch input.layui-input,
.hh-continer-mainoperation input.layui-input{height:22px;}
.layui-form-mid{padding:1px 10px !important;}
.layui-form {padding:10px;}
input.layui-input {
    height: 28px;
    /*line-height: 28px;*/
    /*background-color: #fff5ff*/
}
.layui-form-item{margin-bottom:5px;}
.layui-form.layui-form-pane .layui-row{margin-bottom:5px;}
.layui-form.layui-form-pane .layui-row .layui-form-item{margin-bottom:5px;} /*margin-bottom:0px;*/
.layui-form-pane .layui-form-label{height:28px; line-height:11px;}
.layui-btn-xs {padding: 0 10px; margin-left: 3px !important;}
.layui-btn-container .layui-btn{margin-bottom:0;}
.layui-form.layui-form-pane .layui-row >div{padding-left:0px;}   /*padding-left:10px;*/
.layui-form.layui-form-pane .layui-row >div:first-child{padding-left:0;}
.icon-search, .icon-date1 {
    color: #009688;
    position: absolute;
    top: 6px;
    right: 16px;
    cursor: pointer;
}/*i*/
.layui-form-item .layui-input-block select{width:100%; height:28px; border:1px solid #e6e6e6;}
.layui-inline .layui-input-block .hhselect{width:150px; height:22px;border:1px solid #e6e6e6;}

/*input-icon*/
.input-icon-search,.input-icon-dateicon,.input-icon-triangle
{ background: url('../../images/input-icon.png')no-repeat; background-size: 22px;}
.input-icon-search{background-position:right -56px;}
.input-icon-dateicon{background-position:right 2px;}
.input-icon-triangle{background-position:right -114px;}
/*弹出框头部*/
.layui-layer-title{height:30px !important; line-height:30px !important;}
.layui-layer-setwin{top:7px !important;}

/*--------------------结束 表单样式 结束---------------------------------*/

/*--------------------开始 Grid样式 开始---------------------------------*/
.layui-layout-left > h4{line-height:30px; margin: 0;}
.layui-layout-right{line-height:27px;}  /*line-height:30px;*/
.hhdefaulttablecontiner { margin: 0 auto; padding: 0px 0px 0px 0px;font-size: 12px;}
.hhdefaulttablecontiner table { border-collapse: collapse;}
.hhdefaulttablecontiner .hhdefaulttable {border: 0px;margin: 3px;padding: 0px;} /*margin: 0px;*/
.hhdefaulttablecontiner .hhdefaulttable thead tr td {padding: 0px;height: 28px;}
.hhdefaulttablecontiner .hhdefaulttable thead table tr td {
    border: 1px solid #e8e8e8;border-bottom: none;text-align: center;
    white-space: nowrap;text-overflow: ellipsis;overflow: hidden; height: 30px;   background-color: #f2f2f2;    color: #555;    line-height: 28px;}
.hhdefaulttablecontiner .hhdefaulttable tbody table tr td { 
    border: 1px solid #e8e8e8;height: 30px;color: #555; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.hhdefaulttablecontiner .hhdefaulttable tbody table tr td label { color: #555;  float: left;  height: 20px; margin-top: 0px; margin-bottom: 0px;font-weight: normal;}
.hhdefaulttablecontiner .hhdefaulttable tbody table tr td .inputcheck { float: left;}
.hhdefaulttablecontiner .hhdefaulttable .hhcolscontent td {padding: 0px 5px;}
.hhdefaulttablecontiner .hhdefaulttable tfoot tr td { padding: 0px; height: 20px;}
.hhdefaulttablecontiner .hhdefaulttable tfoot table tr td { border: 1px solid #e8e8e8;  white-space: nowrap;text-overflow: ellipsis;overflow: hidden;height: 20px;}
.rowgridmousemove {background-color: #fafafa;}
.rowgridselected {background-color: #f2f2f2;}
.tdfix {background-color: #f2f2f2;}
.hhcolscontent table tr.lightyellow{background-color: lightyellow; font-weight:bold;}
/*鼠标滑过*/
.popup-button { padding: 0;background: none;}
.popup-button .layui-nav-more {border-style: none;}
.popup-button .layui-nav-item a { color: #333; line-height:38px; }
.popup-button .layui-nav-item a:hover {  color: #009688; }
.popup-button .layui-nav-item .layui-nav-child { top: 38px;left:initial;right:0; }
.layui-nav-child {padding: 0;}
.title {margin: 10px; border-left:4px solid #009688;padding-left:10px;}
/*鼠标滑过头部按钮*/
.nav {position: relative;text-align: center; width: 50px;}
.nav:hover .nav-child{ display: block; border-top: 2px solid #009688;}
.nav-child {position: absolute;top: 30px;right: 0px;display: none;text-align: center;width: 100px;
    height: auto;box-shadow: 0px 4px 5px #eee;border: 1px solid #eee;z-index: 9999;  background: #fff; }
.nav-child ul li:hover { background: #eee; }
/*鼠标滑过表格设置*/
.hhdefaulttablecontiner .hhdefaulttable thead table tr td:hover .nav-child{ display: block; border-top:none;}  
.hhdefaulttablecontiner .hhdefaulttable thead table tr td .nav-child{top: 30px;left: 0px;border-radius:10px;width: 80px;}   
/*font-icon*/
.icon-prev{font-size:12px;float:right; margin-right:0 !important;color: #bbb;}
.icon-tags-r {padding:0 10px; color: #06c3b1;     vertical-align: middle;   font-size: 22px; }
.icon-add,.icon-delete,.icon-save,.icon-return{color:#009688;}
.layui-btn-group .layui-btn-primary:first-child,.layui-btn-primary{border:none;}
.icon-square{color:#f7a64d; margin-right:10px;vertical-align: middle;font-size: 12px;}
.icon-gridsetting {color: #bbb;}
 /*--------------------结束 Grid样式 结束---------------------------------*/


/*--------------------开始 验证样式 开始---------------------------------*/

.control-verify-required {
    /*background: url('../../images/input-icon.png') no-repeat 97% -53px , url('../../images/input-icon.png') no-repeat right -82px ;
    background-color:#fff5ff;
    background-size: 22px;*/
    /*background: url('../../style/images/gth.png')#fff5ff no-repeat right 5px center !important;*/
    background: url('../../style/images/gth.png')#fff no-repeat right 5px center !important;
    background-size: 5px 7px !important;
}
/*--------------------结束 验证样式 结束---------------------------------*/



/*--------------------开始 树相关样式 开始---------------------------------*/
.hh-container-lefttree .layui-card-header{background:#FBFBFB;}
.hh-container-lefttree .layui-input-block.input-block{margin:5px; min-height: initial;}
.hh-container-lefttree input.layui-input{border:none;}
.hh-container-lefttree .layui-card-header i{margin-right:10px;}
.ztree{/*height:84.5vh;*/height:89vh; overflow:auto;}
/*900*/
@media (max-width:1680px) {
	.ztree{/*height:80vh;*/height:88vh; overflow:auto;}
}
/*768*/
@media (max-width:1366px) {
	.ztree{/*height:72vh;*/ height: 80vh;overflow:auto;}
}

@media (max-width:220px) {
	.ztree{height:55vh; overflow:auto;}
}


.layui-input-block.input-block{ margin: 0 5px;}
.layui-input-block .layui-icon-search {position:absolute; right:10px; top:8px; }

/*--------------------结束 树相关样式 结束---------------------------------*/



/*--------------------开始 上传控件 开始---------------------------------*/
.file-panel {
    position: relative;
    display: inline-block;
    background-color: #f7f7f7;
    padding: 0px;
}

    .file-panel .file-icon {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        line-height: 25px;
        width: 100%;
        background-color: rgba(0,0,0,0.4);
    }

    .file-panel:hover .file-icon {
        display: block;
        text-align: right;
    }

    .file-panel .file-icon span {
        color: #fff;
        margin-right: 5px;
        font-size: 12px;
    }

        .file-panel .file-icon span:hover {
            color: #FFB800;
        }

.layui-anim {
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
/*--------------------结束 上传控件 结束---------------------------------*/
/*--------------------开始 加载 开始---------------------------------*/
.mask, .mask-nav {
    width: 100%;
    overflow: hidden;
    height: fill-available;
    height: -webkit-fill-available;
    position: absolute;
    z-index: 99999;
    background-size: 60px 24px;
    background-color: gainsboro;
    border: none;
    background: url('../../scripts/plugins/layui-v2.3.0/layui/css/modules/layer/default/loading-0.gif')#f0faf9 no-repeat center center;
}
.masking,.mask-nav {
    width: 100%;
    overflow: hidden;
    height: fill-available;
    height: -webkit-fill-available;
    position: absolute;
    z-index: 99999;    
    background-size: 60px 24px;
    background: url('../../scripts/plugins/layui-v2.3.0/layui/css/modules/layer/default/loading-0.gif')#f0faf9 no-repeat center center;
}

/*--------------------结束 加载 结束---------------------------------*/

/*--------------------开始 滚动条样式 开始---------------------------------*/
    /*谷歌-滚动条样式*/
.ztree::-webkit-scrollbar { /*滚动条整体样式*/
        width: 6px; /*高宽分别对应横竖滚动条的尺寸*/
        height: 6px;}

.ztree::-webkit-scrollbar-thumb{ /*滚动条里面小方块*/
        border-radius: 100px;
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: rgba(0,0,0,0.3);}

.ztree::-webkit-scrollbar-track{ /*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 0;
        background: rgba(0,0,0,0.2);}


/*--------------------结束 滚动条样式 结束---------------------------------*/

/*--------------------开始 滚动条样式 开始---------------------------------*/
.hhtablepage .hh-laypage{
    float: left;
}
.hhtablepage .hh-laypage .hh-this {
    background-color: #3396FB;
    border-radius: 4px;
    color: #fff;
}
.layui-laypage a:hover {
    color: #3396FB;
}
.layui-laypage-count i {
    font-size: 15px;
}

/*页码*/
.hhtablepage .layui-laypage a, .hhtablepage .layui-laypage span {
    vertical-align: initial;
    padding: 0 10px;
    height: 23px;
    line-height: 24px;
    margin: 0 -10px 5px 0;
    background-color: #fff;
    color: #333;
    font-size: 12px;
    border: none;
}
.hhtablepage .layui-laypage a {
    border: none;
}
.hhtablepage .layui-laypage input {
    border-radius: 5px;
    vertical-align: initial;
}
.hhtablepage input.layui-input {
    height: 24px;
    line-height: 24px;
}
.hhtablepage .layui-laypage-skip i, .layui-laypage-count i {
    font-size: 12px;
}
.hhtablepage .layui-laypage .layui-laypage-skip {
    color: #333;
}

/*-- 自适应拖拽  --*/
.hh-container-top {
    float:left; 
    height: 35px;
}
.hh-container-body {
    /*margin-top:3px;*/
}
/*搜索栏*/
.layui-form-label {
    width: auto;
    /*max-width: 80px;*/
}
.hh-continer-mainoperationseparatesearch .arrowicon {
    width: 178px;
}
/*下拉框*/
.layui-form-select dl {
    position: absolute;
    left: 0;
    top: 23px;
    padding: 0px 0;
    z-index: 900;
}
.layui-form-select dl dd.layui-this {
    background-color: #3396fb;
}
.layui-form-selected .layui-edge {
    margin-top: -8px;
}
/*我的工作任务-进度管理进程条*/
.vertical ul li {
    background: url(../../images/vertical.png)no-repeat 194px -57px;
    background-size: 30px;
}
.vertical .month {
    font-size: 13px;
}
.vertical ul li p.month-content {
    font-size: 13px;
}
/*任务延期单*/
.hh-container-body {
    margin-top: initial !important;
}
.hh-container-top {
    height: 30px;
}

/*上下结构tab页面头部*/
.layui-tab {
     margin: 0 0;
}
.layui-tab-title {
    height: 35px;
}
.layui-tab-title li {
    line-height: 34px !important;
}
.layui-tab-title .layui-this:after {
    height: 35px;
}
/*弹出框-左侧数结构*/
.layui-card-header {
    height: 35px;
    line-height: 35px;
}
    /*--------------------结束 加载 结束---------------------------------*/

/*--------------------结束 流程板块-新建工作 结束---------------------------------*/
.new-process {
    float:left;
    width: 100%;
    padding: 5px 10px;
}
.new-process .layui-col-xs3{
    float:left;
    padding:15px 10px 0px 5px;
}
.process-classification2 {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin-bottom: 6px;
}
.flowtable {
    float: left;
    width: 100%;
}
.flowtitle {
    font-size:15px;
    font-weight:bold;
    color:#444;
    border-bottom:3px solid #bbd7e2;
    line-height: 30px;
}
.flow-zk{
    float:right;
    font-size:12px;
    color:#999;
    font-weight:normal;
}
.flow-zk:hover{ 
    color:#3396fb;
    cursor:pointer;
} 
.flowtable-name {
    height:32px;
    line-height:30px;
    color:#5c5c5c;
    border-left:2px solid #3396fb;
    background: #fafafa;
    font-size:12px;
    padding:0 10px;
    position:relative;
    padding-right: 95px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /*border-top:1px solid #e6e6e6;
    border-right:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;*/
}
.flowtable-icon{
    line-height:30px;
    color:#fff;
    position:absolute;
    right:25px;
}
.flowtable-icon2{
    line-height:30px;
    color:#fff;
    position:absolute;
    right:70px;
}
.flowtable-name:hover{
    color:#fff;
    border-left:2px solid #2cde8c;
    background: #3396fb;
    cursor:pointer;
}

/*--------------------结束 流程板块-新建工作 结束---------------------------------*/

/*--------------------开始 快捷入口操作 开始---------------------------------*/
.bg-green {
    background-color: #18c39b;
}
.bg-blue {
    background-color: #4cbdff;
}
.bg-orange {
    background-color: #ffca67;
}
.bg-red {
    background-color: #ff7b6e;
}
.bg-pink {
    background-color: #ff95e8;
}
.bg-violet {
    background-color: #98b0f5;
}

/*--------------------结束 快捷入口操作 结束---------------------------------*/