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


/* 此处样式更新于2020-7-31 */

/* 下面这一句是需要的,但通常在其他地方已经定义了 */
/* html,body,#app{ height: 100%; margin: 0; padding: 0;} */


.co-scrollbar-x,.co-scrollbar-y{
	position: absolute; background: rgba(0,0,0,0); z-index: 5; transition: all 0.1s; display: none;
	&>.thumb:hover{ background:rgba(0,0,0,0.5);}
	&>.thumb:active{ background:rgba(0,0,0,0.5);}
}
.co-scrollbar-x{ left:0; bottom:0; width: 100%; height: 6px;
	&>.thumb{ height:100%}
	&:hover,&:active{ height: 10px}
}
.co-scrollbar-y{ bottom:0; right:0; height: 100%; width: 6px;
	&>.thumb{ width:100%}
	&:hover,&:active{ width: 10px}
}
.el-table{
	.thumb{background:rgba(0,0,0,0); position: relative; border-radius: 10px; transition: background 0.3s;}
	&:hover .thumb{ background:rgba(0,0,0,0.2);}
	&:active .thumb{ background:rgba(0,0,0,0.2); }
	/*表头右边的空白*/
	td.gutter,th.gutter{ display: none;}
	/* 左右侧固定列,让固定列的投影在滚动到最左或最右时隐藏 */
	.is-scrolling-left ~ .el-table__fixed, 
	.is-scrolling-none ~ .el-table__fixed, 
	.is-scrolling-none ~ .el-table__fixed-right,
	.is-scrolling-right ~ .el-table__fixed-right { -webkit-box-shadow: none; box-shadow: none}
}

/* 在必要时显示 */
.el-table--scrollable-x .co-scrollbar-x{ display: block;}
.el-table--scrollable-y .co-scrollbar-y{ display: block;}
/* 目前算法中必须要执行 */
.el-table__body-wrapper{ overflow: scroll!important}
/* 删除footer下会不正常 */
.wrap_bodyWrapper{ overflow: hidden }
/* 带有footer时显示不完整 */
.el-table__fixed-body-wrapper{ bottom: 0!important;}
.el-table__fixed-footer-wrapper{ display: none;}
.el-table__fixed-right::before, .el-table__fixed::before{ display: none;}
.el-table__footer-wrapper{ z-index: 5; position: relative;}





/* old version 0.2 */
	/* html,body,#app{ height: 100%; margin: 0; padding: 0;} */
	/* .el-table__body-wrapper{ overflow: scroll!important}/* 目前算法中必须要执行 *s/
	.co-scrollbar-x,.co-scrollbar-y{ position: absolute; background: rgba(0,0,0,0); z-index: 5; transition: all 0.1s}
	.co-scrollbar-x{ left:0; bottom:0; width: 100%; height: 6px}
	.co-scrollbar-y{ bottom:0; right:0; height: 100%; width: 6px}
	.el-table .thumb{ background:rgba(0,0,0,0); position: relative; border-radius: 10px; transition: background 0.3s;}
	.co-scrollbar-x>.thumb{ height:100%}
	.co-scrollbar-y>.thumb{ width:100%}
	.el-table:hover .thumb{ background:rgba(0,0,0,0.2);}
	.co-scrollbar-x>.thumb:hover,.co-scrollbar-y>.thumb:hover{ background:rgba(0,0,0,0.5);}
	.el-table:active .thumb{ background:rgba(0,0,0,0.2); }
	.co-scrollbar-x>.thumb:active,.co-scrollbar-y>.thumb:active{ background:rgba(0,0,0,0.5);}
	.wrap_bodyWrapper{ overflow: hidden }/* 删除footer下会不正常 *s/
	.el-table td.gutter, .el-table th.gutter{ display: none;}/*表头右边的空白*s/
	/* 滚动条是否需要显示2.0 *s/
	.co-scrollbar-x,.co-scrollbar-y{ display: none;}
	.el-table--scrollable-x .co-scrollbar-x{ display: block;}
	.el-table--scrollable-y .co-scrollbar-y{ display: block;}
	/* 左右侧固定列,让固定列的投影在滚动到最左或最右时隐藏 *s/
	.el-table .is-scrolling-left ~ .el-table__fixed, 
	.el-table .is-scrolling-none ~ .el-table__fixed, 
	.el-table .is-scrolling-none ~ .el-table__fixed-right,
	.el-table .is-scrolling-right ~ .el-table__fixed-right { -webkit-box-shadow: none; box-shadow: none}
	/* 操作时变粗 *s/
	.co-scrollbar-y:hover,.co-scrollbar-y:active{ width: 10px}
	.co-scrollbar-x:hover,.co-scrollbar-x:active{ height: 10px}
	/* 带有footer时显示不完整 *s/
	.el-table__fixed-body-wrapper{ bottom: 0!important;}
	.el-table__fixed-footer-wrapper{ display: none;}
	.el-table__fixed-right::before, .el-table__fixed::before{ display: none;}
	.el-table__footer-wrapper{ z-index: 5; position: relative;} */



/* old version 0.1 */
	  /* html,body,#app{ margin: 0; padding: 0; height: 100%;}
	  .el-table__body-wrapper{ overflow: scroll!important;}
	  .co-scrollbar-x,.co-scrollbar-y{ position: absolute; background: rgba(0,0,0,0); z-index: 5}
	  .co-scrollbar-x{ left:0; bottom:0; width: 100%; height: 6px}
	  .co-scrollbar-y{ bottom:0; right:0; height: 100%; width: 6px}
	  .el-table .thumb{ background:rgba(0,0,0,0); position: relative; border-radius: 10px; transition: background 0.3s;}
	  .co-scrollbar-x>.thumb{ height:100%;}
	  .co-scrollbar-y>.thumb{ width:100%;}
	  .el-table:hover .thumb{ background:rgba(0,0,0,0.2);}
	  .co-scrollbar-x>.thumb:hover,.co-scrollbar-y>.thumb:hover{ background:rgba(0,0,0,0.5);}
	  .el-table:active .thumb{ background:rgba(0,0,0,0.2); }
	  .co-scrollbar-x>.thumb:active,.co-scrollbar-y>.thumb:active{ background:rgba(0,0,0,0.5);}
	  .co-scrollbar-x.disabled{ display: none;}
	  .co-scrollbar-y.disabled{ display: none;}
	  .wrap_bodyWrapper{ overflow: hidden }
	  .el-table__body-wrapper{ width: auto;}
	  .el-table__fixed-right{ right:0!important; }
	  .el-table__fixed-body-wrapper{ }
	  .el-table td.gutter, .el-table th.gutter{ display: none;}
	  .el-table .is-scrolling-left ~ .el-table__fixed, 
	  .el-table .is-scrolling-none ~ .el-table__fixed, 
	  .el-table .is-scrolling-none ~ .el-table__fixed-right,
	  .el-table .is-scrolling-right ~ .el-table__fixed-right {
	  	-webkit-box-shadow: none; box-shadow: none
	  }
	  .el-table .is-scrolling-left ~ .el-table__fixed, 
	  .el-table .is-scrolling-none ~ .el-table__fixed, 
	  .el-table .is-scrolling-none ~ .el-table__fixed-right, 
	  .el-table .is-scrolling-right ~ .el-table__fixed-right {
	  	-webkit-box-shadow: none; box-shadow: none
	  }
	  .el-table--scrollable-x.el-table--scrollable-y .el-table__fixed-right{ bottom:15px} */