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


.co-tabCard{
	$--border-color:rgba(50,60,80,0.2) !default;
	$--head-bgcolor:#F1F4F7 !default;

	border-radius: 4px; border-width: 0; background-color: $--head-bgcolor;
    
    // 投影
    &.is-never-shadow{ box-shadow: 0 5px 10px rgba(50,60,80,0.05);
        &>.el-card{ box-shadow: none;}
    }
	
    // 原生样式改造开始
	&>.el-tabs__header{
		background-color:transparent;
		border-bottom: none;
		border-radius: 4px 4px 0 0;
		.el-tabs__item{ 
			border-bottom: none; margin-top: 0; margin-left: 0!important;
			&::before{
				content:""; display: block; position: absolute; border-radius: 4px 4px 0 0; left:0; top:-1px;
				height: 3px; width: 100%; background-color:transparent;
				transition: all .3s cubic-bezier(.645,.045,.355,1);
			}
			&.is-active{
				border-radius: 4px 4px 0 0; box-shadow: 0 2px 6px rgba(50,60,80,0.2);
				border: 1px solid $--border-color;
				border-bottom: none;
				&::before{
					background-color: #1890FF;
				}
			}
		}
	}
	&>.el-tabs__content{
		border: 1px solid $--border-color;
		border-radius: 4px;
		background-color: #FFFFFF;
		overflow:visible;
		&>.el-tab-pane:first-child::before{
			content: ""; position: absolute; left:-1px; top:0px; width:1px; height:4px; background-color: #fff; border-left: 1px solid $--border-color;;
		}
		
    }
    // 原生样式改造结束
    

    &.absolute{ position: relative;
        &>.el-tabs__content,&>.el-card{ bottom: 0; left: 0; right: 0; }
        &>.el-tabs__content{ position: absolute;top: 39px; }
        &>.el-card{ position: absolute;top: 45px;}
    }

}

// .co-tabCardBox{ position: relative;
//     &::before{ content: ""; display: table;}
//     // &>.coTab.style2{ position: absolute; width: 100%;}
//     &>.coTab+.el-card{ 
//         position: absolute;
//         left: 0;
//         right: 0;
//         top: 45px;
//         bottom: 0;
//     }
// }