@import './_home.scss';
@import './_layout.scss';
@import './_scroll.scss';

//authority.vue css
.stsyem-post{
    font-size: 14px;
}
.stsyem-post .tit{
    padding-left: 20px;
    height: 48px;
    line-height: 48px;
}
.stsyem-post .item{
    border-top: 1px solid #ddd;
    padding-left: 20px;
}
.stsyem-post .item p i{
        font-size: 16px;
        color: #333 !important;
}
.stsyem-post .item p{
    height: 14px;
    line-height: 14px;
    padding: 10px 10px 10px 0;
    color: #888; 
    cursor: pointer
}
.stsyem-post .item p:hover{
    color: #00C1DE
}
.stsyem-post .item p.active{
    color: #00C1DE
}
.authority-tab .el-tabs__item{
    height: 50px;
    line-height: 50px;
}


//dict.vue css
.contain-aside .dict-menu p.slide-title{
  text-align: left;
  padding-left: 25px;
  color:#000
}
.dict-menu li{
  height: 35px;
  line-height: 35px;
  font-size: 14px;
  padding-left: 25px;
  cursor: pointer
}
.dict-menu li.active{
  background: #f2f2f2
}
//label-tp.vue css
.label-template{
  border-radius: 10px;
  border: 1px solid #ddd;
  width: 290px;
  height: 152px;
  margin: 0 20px 20px 0;
  float: left;
  p{
    line-height: 20px;
    color: #888
  }
  .text{
    padding: 15px 10px 0 20px;
    height:60px;
    span{
      color:#151515
    }
  }
  .code{
    padding: 20px 20px 8px 20px;
    height: 46px;
  }
}
.label-template-col{
  .code{
    padding: 15px;
    height: 120px;
    width: 120px;
    float: left
  }
  .text{
    width:130px;
    float: right;
    padding: 15px  5px 0 0;
    height:120px;
    span{
      display: block
    }
  }
  &:after{
    content: '';
    overflow: hidden;
    clear: both
  }
  
}
// process-setting css
.process-step p{
         position: relative;
         margin-bottom: 23px
}
.process-step p:last-child:before{
        display: none
}
.process-step p span{
    margin-bottom: 0;
    width: auto;
    min-width: auto;
}
.process-step p:before{ 
    content: '';
    width: 1px;
    height: 23px;
    background: #ddd;
    position: absolute;
    left: 40px;
    top: 42px;
}
.process-step p.process-add:before{
    top: 26px;
}
.process-step p.process-add{
    font-size: 26px;
    color: #0099cc;
    height: 26px;
    line-height: 26px;
    padding-left: 27px;
}
.process-step2>span{
    margin-right:50px;
    margin-bottom:30px;
}
.process-step2 .process-add{
    position: relative;
    top: 6px;
    display: inline-block;
    
}
.process-step2 .process-add span{
    font-size: 26px;
    color: #0099cc;
}

.process-step2>span:before{ 
    content: '';
    width: 28px;
    height: 1px;
    background: #ddd;
    position: absolute;
    right: -39px;
    top: 21px;
}
.process-step2 b{
    position: absolute;
    right: -44px;
    top: 15px;
    color: #ddd
}


    //task.vue css
    .stsyem-post .tit{
        padding-left: 20px;
        height: 48px;
        line-height: 48px;
    }
    .stsyem-post .item{
        border-top: 1px solid #ddd;
        padding-left: 20px;
    }
	.stsyem-post .item p i{
		font-size: 16px;
		color: #333 !important;
	}
    .stsyem-post .item p{
        height: 14px;
        line-height: 14px;
				padding: 10px 10px 10px 0;
        color: #888; 
        cursor: pointer
    }
    .stsyem-post .item p i{
        display: none
    }
    .stsyem-post .item p:hover{
        color: #00C1DE;

    }
    .stsyem-post .item p:hover i{
        display: inline-block
    }
	.authority-tab .el-tabs__item{
		height: 50px;
		line-height: 50px;
	}
	.task-department{
		font-size: 14px;
		height: 36px;
		line-height: 36px;
		background: #ebebeb;
		display: inline-block;
		padding: 0 20px;
		position: relative;
		margin: 0 10px 10px 0;
		border-radius: 3px;
	}
	.wm-collapse{
		.wm-collapse-head{
			height: 32px;
			line-height: 32px;
			padding-left:20px;
			position: relative;
			&>i{
				position: absolute;
				left: 0px;
				top: 7px;
				font-size: 16px;
				cursor: pointer
			}
		}
		.wm-collapse-head.s2{
			padding-left:40px;
			&>i{
				position: absolute;
				left: 20px;
				top: 7px;
				font-size: 16px;
				cursor: pointer
			}
		}
		.wm-collapse-body{
			padding-left:40px;
			max-height:2500px;
			transition: max-height 0.5s;
		}
		.wm-collapse-body-slide{
			max-height: 0px;
			transition: height 0.5s;
			overflow: hidden
		}
		.el-form-item{
			margin-bottom: 0
		}
		
	}


//预览页
.index-yl-list .index-yl-item{
	height: 42px;
	line-height: 42px;
	padding-left:30px;
	border-bottom:1px solid #ebebeb;
	font-size: 13px
}
.index-yl-list .index-yl-item:first-child{
	background:#ebebeb
}
.index-yl-list .index-yl-item .omp-b{
	font-size: 18px;
	color: #0099CC;
}

.index-yl-date.el-date-editor--daterange.el-input__inner{
	width: 260px
}
.index-yl-date .el-date-editor .el-range-input{
	width:35%
}
.index-yl-date2{
	position: absolute;
	top:70px;
	right:150px;
	z-index: 8
}


.printTable{
	font-size: 13px;
	border-spacing: 0;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd
}

.printTable td{
	border-left:1px solid #ddd;
	border-top:1px solid #ddd
}


.omp-index-img-item{
	background: #F2F2F2;
	height: 113px;
	text-align: center;
	padding-top: 40px;
	box-sizing: border-box;
	line-height: 28px;
}
.omp-add-btn{
	background: #0099CC;
	color: #fff;
	width: 44px;
	height: 28px;
	line-height: 28px !important;
	text-align: center;
	cursor: pointer;
	margin-right: 10px;
	position: relative;
	top: 2px;
}


.stsyem-post .tit{
    padding-left: 20px;
    height: 48px;
    line-height: 48px;
}
.stsyem-post .item{
    border-top: 1px solid #ddd;
    padding-left: 20px;
}
    .stsyem-post .item p i{
            font-size: 16px;
            color: #333 !important;
    }
.stsyem-post .item p{
    height: 14px;
    line-height: 14px;
            padding: 10px 10px 10px 0;
    color: #888; 
    cursor: pointer
}
.stsyem-post .item p:hover{
    color: #00C1DE
}
.authority-tab .el-tabs__item{
    height: 50px;
    line-height: 50px;
}
// 隐藏上传组件的上传按钮
.upload-hide-add {
    .el-upload--picture-card,
    .el-upload {
      display: none !important;
    }
  }