.m0 { margin:0; }
.mb0 { margin-bottom:0;  }
.mt0 { margin-top:0;  }
////////// margin
.mtxs { margin-top:6px; }
.mtsm { margin-top:12px; }
.mtmd { margin-top:18px; }
.mtlg { margin-top:24px; }
.mtxlg { margin-top:36px; }
.mtxxlg { margin-top:42px; }
.mt_0 { margin-top:0; }

.mrxs { margin-right:6px; }
.mrsm { margin-right:12px; }
.mrmd { margin-right:18px; }
.mrlg { margin-right:24px; }
.mrxlg { margin-right:36px; }
.mr_0 { margin-right:0; }

.mlxs { margin-left:6px; }
.mlsm { margin-left:12px; }
.mlmd { margin-left:18px; }
.mllg { margin-left:24px; }
.mlxlg { margin-left:36px; }
.ml_0 { margin-left:0; }

.mbxs { margin-bottom:6px; }
.mbsm { margin-bottom:12px; }
.mbmd { margin-bottom:18px; }
.mblg { margin-bottom:24px; }
.mbxlg { margin-bottom:36px; }
.mb_0 { margin-bottom:0; }

///////// padding
.ptxs { padding-top:6px; }
.ptsm { padding-top:12px; }
.ptmd { padding-top:18px; }
.ptlg { padding-top:24px; }
.ptxlg { padding-top:36px; }

.prxs { padding-right:6px; }
.prsm { padding-right:12px; }
.prmd { padding-right:18px; }
.prlg { padding-right:24px; }
.prxlg { padding-right:36px; }

.plxs { padding-left:6px; }
.plsm { padding-left:12px; }
.plmd { padding-left:18px; }
.pllg { padding-left:24px; }
.plxlg { padding-left:36px; }

.pbxs { padding-bottom:6px; }
.pbsm { padding-bottom:12px; }
.pbmd { padding-bottom:18px; }
.pblg { padding-bottom:24px; }
.pbxlg { padding-bottom:36px; }


/// border
.b-all {
	border:1px solid $borderColor;
}

// align
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-upper {
	text-transform: uppercase;
}
.text-captial {
	text-transform: capitalize;
}

////// text
.text-darkblue {
	color:$darkBlue;
}
.text-white {
	color:#FFFFFF;
}
.text-invalid {
	color:$invalidColor;
}
.text-muted {
	color:$mutedColor;
}

////// bg
// .bg-yellow {
// 	background-color: $yellowColor;
// 	color:#FFF;
// }
.bg-cornflower-blue {
	background-color: $cornflowerBlue;
	color:#FFF;
}
// .bg-lightgreen {
// 	background-color: $lightgreen;
// 	color:#FFF;
// }
.bg-white {
	background-color: #FFFFFF;
}
.bg-dark-blue {
	background-color: $darkBlue;
	color:#FFF;
}
.bg-orange {
	background-color: $orange;
}
.bg-cornflower-blue {
	background-color: $cornflowerBlue;
}

////
.b-all-darkblue {
	border:1px solid $darkBlue;
}

///// radius
.radius-12 {
	@include border-radius(12px);
}
.radius-22 {
	@include border-radius(22px);
}
.radius-50 {
	@include border-radius(50%);
}

/// float
.fr {
	float: right;
}
.fl {
	float:left;
}
.f-none {
	float:none;
}

////// commons
.common-shadow {
	@include box-shadow(0 0 12px rgba(0, 0, 0, 0.08), 0 0 6px rgba(0, 0, 0, 0.08));
}

.common-radius {
	@include border-radius(22px);
}

.common-pad {
	padding:24px;
}