/* here you can put your own css to customize and override the theme */
/*
	
	UTILITY CLASSES!!!

*/
/* 
	Padding
*/
.with-padding {
	padding: 20px;
}

.with-mid-padding {
	padding: 10px;
}

.with-low-padding {
	padding: 5px;
}

.with-no-padding {
	padding: 0px !important;
}

.with-side-padding {
	padding-left: 20px;
	padding-right: 20px;
}

.with-mid-side-padding {
	padding-left: 10px;
	padding-right: 10px;
}

.with-low-side-padding {
	padding-left: 5px;
	padding-right: 5px;
}

.with-no-side-padding {
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.with-left-padding {
	padding-left: 20px;
}

.with-mid-left-padding {
	padding-left: 10px;
}

.with-low-left-padding {
	padding-left: 5px;
}

.with-no-left-padding {
	padding-left: 0px !important;
}

.with-right-padding {
	padding-right: 20px;
}

.with-mid-right-padding {
	padding-right: 10px;
}

.with-low-right-padding {
	padding-right: 5px;
}

.with-no-right-padding {
	padding-right: 0px !important;
}

.with-bottom-padding {
	padding-bottom: 20px;
}

.with-mid-bottom-padding {
	padding-bottom: 10px;
}

.with-low-bottom-padding {
	padding-bottom: 5px;
}

.with-no-bottom-padding {
	padding-bottom: 0px;
}

.with-top-padding {
	padding-top: 20px;
}

.with-mid-top-padding {
	padding-top: 10px;
}

.with-low-top-padding {
	padding-top: 5px;
}

.with-no-top-padding {
	padding-top: 0px;
}

/* 
	Alignment
*/
.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-top {
	vertical-align: top;
}

.align-middle {
	vertical-align: middle;
}

.align-bottom {
	vertical-align: bottom;
}

.align-right-important {
	text-align: right !important;
}

.align-left-important {
	text-align: left !important;
}

.align-center-important {
	text-align: center !important;
}

.float-right {
	float: right;
}

.float-left {
	float: left;
}

.float-clear {
	clear: both;
}

.float-clear-right {
	clear: right;
}

.float-clear-left {
	clear: left;
}

.no-side-margin {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.border-radius-fix-right {
	border-bottom-right-radius: 3px !important;
	border-top-right-radius: 3px !important;
}

.border-radius-fix-left {
	border-bottom-left-radius: 3px !important;
	border-top-left-radius: 3px !important;
}

.underline {
	text-decoration: underline;
}

.bold {
	font-weight: bold;
}

.no-wrap {
	white-space: nowrap !important;
	word-break: keep-all !important;
}

textarea.no-resize {
    resize: none;
}

.font-size-12 {
	font-size: 12px !important;
}

.mw-100 {
	min-width: 100px !important;
}

.mw-200 {
	min-width: 200px !important;
}

@media (max-width: 767px) {
	.mw-mobile-200 {
		min-width: 200px !important;
	}
}

.print-break {
	page-break-after: always;
}