// generic hiding class
.hidden {
	display: none !important;
}

// fadeout styles for hiding flash messages
.fadeout {
	transition: opacity .5s ease-in-out;
	opacity: 1;

	&.fade {
		opacity: 0;
	}
}

@media (max-width:767px){
	.mobile-only {
		display: none;
	}
}

.border-dashed {
	border-style: dashed !important;
}

.border-dotted {
	border-style: dotted !important;
}