.m0, .margin-zero { margin: 0; }
.mt0, .margin-top-zero { margin-top: 0; }
.mr0, .margin-right-zero { margin-right: 0; }
.mb0, .margin-bottom-zero { margin-bottom: 0; }
.ml0, .margin-left-zero { margin-top: 0; }

.tl, .text-left { text-align: left; }
.tr, .text-right { text-align: right; }
.tc, .text-center { text-align: center; }
.tj, .text-justify { text-align: justify; }

.fl, .float-left { float: left; }
.fr, .float-right { float: right; }
.bc, .block-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.cf, .clearfix {
	&:before,
	&:after {
	    content: " ";
	    display: table;
	}
	&:after {
	    clear: both;
	}
}

.dn, .hide, .display-none { display: none !important; }
.db, .display-block { display: block; }
.di, .display-inline { display: inline; }
.dib, .display-inline-block { display: inline-block; }

.sta, .static, .position-static { position: static; }
.rel, .relative, .position-relative { position: relative; }
.abs, .absolute, .position-absolute { position: absolute; }
.fix, .fixed, .position-fixed { position: fixed; }
.pt, .position-top { top: 0; }
.pm, .position-middle { top: 50%; @include transform(translateY(-50%)); } 
.pb, .position-bottom { bottom: 0; }
.pr, .position-right { right: 0; }
.pc, .position-center { left: 50%; @include transform(translateX(-50%)); } 
.pl, .position-left { left: 0; }
.pcm, .pmc, .position-center-middle { @extend .pc, .pm; }
.pf, .position-full { top: 0; right: 0; bottom: 0; left: 0 }

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none;   /* Chrome/Safari/Opera */
	-khtml-user-select: none;    /* Konqueror */
	-moz-user-select: none;      /* Firefox */
	-ms-user-select: none;       /* Internet Explorer/Edge */
	user-select: none;           /* Non-prefixed version, currently
                                  not supported by any browser */
}