@charset "utf-8";
/* > COMPONENT EXTENDERS CSS: START
***********************************************************************************************************************/
	/**************************************************************************************************************/
	/*
	********
	********
	********
	*/
	/* >> NOTES: START
	***************************************************************************************************************/

	/* TOC:
	-	COMPONENT EXTENDERS CSS
	-		- NOTES
	-		- TIGHT PANEL
			- GRID SIZES
	*/

	/*
		Extenders are specific versions of components.

		For example: We extend Bootstrap's "panel" component by creating a specific version of it.

		Bootstrap's component: .panel
		Our specific version: .e9-tight-panel

	*/

	/* NOTES: END
	***************************************************************************************************************/
	/*
	********
	********
	********
	*/
	/* >> TIGHT PANEL: START
	***************************************************************************************************************/

	/* # E9 Tight Panel */

	.e9-family-zone-bootstrap-skin .e9-tight-panel > .panel-heading,
	.e9-tight-panel > .panel-heading {
		padding: 10px;
		padding-left: 15px;
		padding-right: 15px;
	}


	.e9-family-zone-bootstrap-skin .e9-tight-panel > .panel-body,
	.e9-tight-panel > .panel-body {
		padding: 15px;
		padding-left: 15px;
		padding-right: 15px;
	}
		.e9-family-zone-bootstrap-skin .e9-tight-panel > .panel-body > hr,
		.e9-tight-panel > .panel-body > hr {
			margin-top: 15px;
			margin-bottom: 15px;
		}

		.e9-family-zone-bootstrap-skin .e9-tight-panel > .panel-body > hr + h3,
		.e9-tight-panel > .panel-body > hr + h3 {
			margin-top: 0px !important;
		}


	.e9-family-zone-bootstrap-skin .e9-tight-panel div[class|="col"],
	.e9-tight-panel div[class|="col"] {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}



	/* TIGHT PANEL: END
	***************************************************************************************************************/
	/*
	********
	********
	********
	*/
	/* >> GRID SIZES: START
	***************************************************************************************************************/



	.e9-family-zone-bootstrap-skin .row.e9-lean-grid {
		margin-right: -8px;
		margin-left: -8px;
	}


	.e9-family-zone-bootstrap-skin .e9-lean-grid > div[class|="col"],
	.e9-lean-grid > div[class|="col"] {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}




	/* GRID SIZES: END
	***************************************************************************************************************/

/* COMPONENT EXTENDERS CSS: END
***********************************************************************************************************************/