﻿
/*============================================*/
/*-- TABS TYPE 1 --------------------------*/
.nav-tabs {
	border: 0;	
}
	.nav-tabs .nav-item {
		margin-right: 6px;
		border-bottom: 0px solid #f00 !important;
	}
	.nav-tabs .nav-item:last-child {
		margin-right: 0;
	}
	.nav-tabs .nav-item a.nav-link {
		height: 57px;
		line-height: 57px;
		background-color: #fff;
		font-weight: 700;
		border-radius: 0;
		border-top: 1px solid #666666;
		border-left: 1px solid #666666;
		border-right: 1px solid #666666;
		border-bottom:none;
		color: #333;
		text-align: left;
		text-decoration: none;
		padding: 0 0 0 23px;
	}
		.nav-tabs .nav-item a.nav-link.lightingTab {
			min-width: 237px;
			padding: 0 0 0 80px;
			margin: 0;
			background-repeat: no-repeat;
			background-position: left 8px top 16px;
			background-position-x: 8px;
			background-position-y: 8px;
		}
		.nav-tabs .nav-item a.nav-link.lightingTab.tLights {
			background-image: url(tabLight.png);
		}
		.nav-tabs .nav-item a.nav-link.lightingTab.tLights.active {
			background-image: url(tabLightBlu.png);
		}
		.nav-tabs .nav-item a.nav-link.lightingTab.tCables {
			background-image: url(tabCables.png);
		}
			.nav-tabs .nav-item a.nav-link.lightingTab.tCables.active {
				background-image: url(tabCablesBlu.png);
			}
		.nav-tabs .nav-item a.nav-link.lightingTab.tBrackets {
			background-image: url(tabBrackets.png);
		}
			.nav-tabs .nav-item a.nav-link.lightingTab.tBrackets.active {
				background-image: url(tabBracketsBlu.png);
			}
		.nav-tabs .nav-item a.nav-link.active {
			background-color: #fff;
			color: #00ccff;
			text-align: left;
		}

/* LIGHTING TABS */

.nav-tabs.lighting-tabs {
	width:70%;
}


.tab-content {
	border-top: 1px solid #6a656b;
	margin-top:0;
}




/*==================================================*/
/*
	RESPONSIVE TABS
*/
/*==================================================*/
@media (max-width: 1100px) {

	/* LIGHTING TABS */

	.nav-tabs.lighting-tabs {
		width: 80%;
	}

}



@media (max-width: 805px) {

	/* LIGHTING TABS */

	.nav-tabs .nav-item {
		width: 31.33333%;
		margin-right: 2%;
	}
		.nav-tabs .nav-item a.nav-link.lightingTab {
			min-width: 99.5%;
			width: 99.5%;
			padding: 0 0 0 80px;
			background-position: left 8px top 6px;
			background-position-x: 8px;
			background-position-y: 6px;
		}

}





/**********************************************/
/*Medium devices (tablets, 768px and up) 
	.col-md-
*/
@media (min-width: 970px) {
}


@media (max-width: 991.98px) {

	/* LIGHTING TABS */
		
	.nav-tabs.lighting-tabs {
		width: 100%;
	}
}



@media (max-width: 575px) {

	/* LIGHTING TABS */
	.nav-tabs .nav-item {
		padding-right:0 !important;
	}
		.nav-tabs .nav-item a.nav-link.lightingTab {
			height: 40px;
			line-height: 40px;
			padding: 0 5px;
			text-align: center;
			margin: 0;
			border-right: 1px solid #fff;
		}
			.nav-tabs .nav-item a.nav-link.lightingTab:last-child {
				/*border-right: 0px solid #fff;*/
			}
			.nav-tabs .nav-item a.nav-link.lightingTab.tLights,
			.nav-tabs .nav-item a.nav-link.lightingTab.tCables,
			.nav-tabs .nav-item a.nav-link.lightingTab.tBrackets,
			.nav-tabs .nav-item a.nav-link.lightingTab.tLights.active,
			.nav-tabs .nav-item a.nav-link.lightingTab.tCables.active,
			.nav-tabs .nav-item a.nav-link.lightingTab.tBrackets.active {
				background-image: none;
			}
	.tab-content {
		border-top: 0px solid #6a656b;
		border-bottom: 1px solid #333;
	}


}

