/* Element Chalk Variables */
@import  "coco-variables.scss";
// @import "compass/css3";


.el-dialog{
	border-radius: 8px;
}
.el-dialog__header{ }
.el-dialog__body{
	overflow: hidden; flex: 1 1 auto; position: relative; display: flex; flex-direction: column; padding: 20px;
}
.el-dialog__footer{ }

.center>.el-dialog{ 
	margin-top:0!important; position:absolute; left: 50%; top:50%; transform:translateY(-50%) translateX(-50%);
	min-height: 200px; max-height: 80%; display: flex; flex-direction: column;
}







/* element隐藏滚动控件 scroll */
.scrollbar-box{
	.el-scrollbar{ height: 100%;}
	.el-scrollbar__wrap{ overflow-x: hidden; }
}

.el-scrollbar{
	&.is-padding .el-scrollbar__view{ padding-left: 20px; padding-right: 20px;}
}
.el-scrollbar--fit{
	flex: 1 1 auto; display: flex; flex-direction: column;
	.el-scrollbar__wrap{ flex: 1 1 auto;}
}
.el-scrollbar__bar{
	&.is-vertical:hover{ width: 10px; transition: all .2s linear; -webkit-transition: all .2s linear;}
	&.is-horizontal:hover{ height: 10px; transition: all .2s linear; -webkit-transition: all .2s linear;}
}




// perfect
.ps.is-padding .ps-body{ padding-left: 20px; padding-right: 20px;}