$width-tab:80%;
$marginleft-tab:10%;
$marginright-tab:10%;
$display-tab:block;

$color-tab-body:#CFCFCF;
$height-tab-body: 100%;
$width-tab-body: 80%;
$display-tab-body:none;
$bgcolor-tab-body: #FFFFFF;
$height-tab-body: 500px;

$width-tab-left:20%;
$display-tab-left:block;

/*$bgcolor-child-tab: #212121;*/
$bgcolor-child-tab: #FFFFFF;
$width-child-tab: 100%;
$textalign-child-tab:center;
$fontsize-child-tab:16px;
$color-child-tab:#000000;
$color-child-tab-active:#FFFFFF;
$bgcolor-child-tab-active:#0072C6 ;
$display-child-tab:block;

$bgcolor-default-lang: #E0E0E0;
$color-default-lang: #000000;

$bgcolor-blank: #FFFFFF;
$color-blank: #FFFFFF;

$padleft:50px;
$padright:50px;
$fontsize:18px;
$marginbot:12px;


$bgcolor-tab-form: #FFFFFF;

@mixin tab-model($param-display,$param-width){
	display:$param-display;
	float:left;
	width: $param-width;
}

@mixin background-text-color($param-bgcolor,$param-color){
	background-color:$param-bgcolor;
	color:  $param-color;
}

.tab{
	@include tab-model($display-tab,$width-tab);
	height:inherit;
	margin-left:$marginleft-tab;
	margin-right:$marginright-tab;
	box-shadow:1px 1px 5px #000000;
}
.tab-left{
	@include tab-model($display-tab-left,$width-tab-left);
}

.tab-body{
	@include tab-model($display-tab-body,$width-tab-body);
	@include background-text-color($bgcolor-tab-body,$color-tab-body);
	border: 1px solid #D1CACA;
	height: $height-tab-body;
}

.child-tab{
	@include tab-model($display-child-tab,$width-tab-body);
	width: $width-child-tab;
	text-align: $textalign-child-tab;
	font-size: $fontsize-child-tab;
	cursor:pointer;
	border: 1px solid #D1CACA;
	

	@include background-text-color($bgcolor-child-tab,$color-child-tab);
}

.child-tab.active{
	@include background-text-color($bgcolor-child-tab-active,$color-child-tab-active);
	display:block !important;
}
.tab-body.active{
	@include background-text-color($bgcolor-tab-body,$color-default-lang);
	display:block !important;
}

.blank{
	@include background-text-color($bgcolor-blank,$color-blank);
	border: 0px solid white !important;
	cursor:default;
}
.center{
	text-align:center;
	padding-bottom:20px !important;
}

.tab-detail{
	padding-left:$padleft;
	padding-right:$padright;
	padding-top: 20px !important;
}

.tab-data{
	font-size: $fontsize;
	margin-bottom: $marginbot;
}

.tab-form{
	background-color: $bgcolor-tab-form;
	border-radius: 5px;
	padding-bottom: 20px !important;
}