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


// el-tabs
.coTab{
	.el-tabs__nav-wrap::after{ display: none;}
	.el-tabs__active-bar{ border-radius: 10px; height: 3px;}
	.el-tabs__item{ padding-left:15px; padding-right: 15px;}
	&.line .el-tabs__nav-wrap::after{ height: 1px; display: block;}
}

/* co-tabMin */
.coTab{ position: relative; z-index: 1;
	.el-tabs__header{ padding-left: 1px;
		&>a{ padding: 0 10px; color:$--color-text-secondary; line-height: 36px; font-size: 16px; display: inline-block;
			&:hover{ color:$--color-text-regular;}
		}
		&>a:nth-child(2){ padding-left: 0;}
		&>a.current{ position: relative; color:$--color-primary; font-weight: bold; box-sizing: border-box;
			// &::before{ content: ""; display: block; position: absolute; left: 50%; bottom:0px; width: 30px; height: 3px; background: #FF7300; margin-left: -15px; border-radius: 6px;}
		}

		.el-tabs__active-bar{ background-color: $--color-primary; width: 0; border-radius: 8px; transition: all .3s cubic-bezier(.645,.045,.355,1),-webkit-transform .3s cubic-bezier(.645,.045,.355,1);}
	}
	
	&.line>.el-tabs__header{ padding-left: 0px;
		&::after{ content: ""; background-color: RGBA(50,60,80,0.2); height: 1px; display: block; position: absolute;bottom: 0px;width: 100%;z-index: -1;}
	}
	
	&.compact{
		.el-tabs__header{
			&>a{ line-height: 1.2;}
			&>a.current{
				&::before{ bottom:-8px }
			}
			.el-tabs__active-bar{ bottom:-7px;}
		}
		&.line>.el-tabs__header{ 
			&::after{ bottom: -7px;}
		}
		// 表头不参与高度计算
		&.absolute{
			.el-tabs__header{ position:absolute; width:100%; z-index:1}
			.el-tabs__header+div{ padding-top:35px; box-sizing: border-box;}
		}
	}

	

	&.center{
		.el-tabs__header{ text-align:center }
	}
	
	



}


.coTab.style2{ background-color: #F1F4F7; line-height: 45px; height: 45px; border-radius: 4px 4px 0 0; font-size: 16px;
	.el-tabs__header{
		&>a{ display: inline-block; height: 47px;line-height: 45px; padding: 0 40px; text-decoration: none; color:$--color-text-secondary; font-weight: bold;}
		&>a:hover{ color:$--color-text-regular }
		&>a.current{ background-color: #FFF; border-radius: 4px 4px 0 0; position: relative; color:$--color-text-regular; font-weight: bold; 
			&::before{ background-color: #FFFFFF; bottom: -10px; height: 15px; border-radius: 0; }
			&::after{ background-color:$--color-primary; top:0; height: 3px; border-radius: 4px 4px 0 0}
			&::before,&::after{
				content: ""; display: block; position: absolute; left: 0;  width: 100%; z-index: 999;
				margin-left: 0; 
			}
		}
	}
	&.line .el-tabs__header{
		&>a.current{ border:1px solid RGB(50,60,80,0.2); }
		&::after{ display: none;}
	}
	
	&.is-never-shadow .el-tabs__header>a.current{ box-shadow: 0 0px 10px rgba(50,60,80,0.2);}
}

.coTab.style3{
	.el-tabs__header{
		&::after{ background-color: $--color-primary;}
		&>a:nth-child(2){ padding-left: 20px;}
		.el-tabs__active-bar{ display: none;}
		&>a{ display: inline-block; height: 40px;line-height: 40px; padding: 0 20px; text-decoration: none; color:$--color-text-secondary; font-weight: bold;}
		&>a.current{ background-color: $--color-primary; border-radius: 4px 4px 0 0; position: relative; color:#FFF; font-weight: bold;}
	}
}