// 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;
}

.last-p-mb-0 {
	&:last-child {
		margin-bottom: 0;
	}
}

@each $color, $value in $colors {
	.border-#{$color} {
		border-color: $value !important;
	}
}

.box-shadow {
	box-shadow: 0 2px 3px rgba(black, .3);
}