/* Override rules for creating custom page layouts on the fly. */
.text-left {

	text-align: left !important;

}

.text-center {

	text-align: center !important;

}

.text-right {

	text-align: right !important;

}

.text-justify {

	text-align: justify;
	border: 1px dotted black;

}

.centered {

	margin: 0px auto !important;
	
} /* When overriding centering of an element must already have a predefined width, otherwise this rule may fail! */

.float-left {

	float: left !important;
	
}

.float-right {

	float: right !important;

}

.clear-float {

	clear: both !important;
	
}

.clickable {

	cursor: pointer !important;

}

.padded {

	padding: 10px !important;

} /* Adds default of 10px on each side, overrides default padding from browser or other css! */

.outlined {

	border: 1px solid #000 !important;
	
}

.hidden {

	display: none !important;
	
}

.has-margin {

	margin: 10px !important;

}