static/less/utility-classes.less
/*-----------------------------------------------------------------------------------*/
/* Utility Classes */
/*-----------------------------------------------------------------------------------*/
.color-default {
	color: @gray !important;
	&[class^="fa-"]:before, &[class*=" fa-"]:before {
		color: @gray;
	}
}
.color-gray {
	color: @gray !important;
	&[class^="fa-"]:before, &[class*=" fa-"]:before {
		color: @gray;
	}
}
.color-gray-light {
	color: @gray-light !important;
	&[class^="fa-"]:before, &[class*=" fa-"]:before {
		color: @gray-light;
	}
}
.color-gray-lighter {
	color: @gray-lighter !important;
	&[class^="fa-"]:before, &[class*=" fa-"]:before {
		color: @gray-lighter;
	}
}
.color-primary {
	color: @brand-primary !important;
	&[class^="fa-"]:before, &[class*=" fa-"]:before {
		color: @brand-primary;
	}
}
.color-red {
	color: @brand-red !important;
	&[class^="fa-"]:before, &[class*=" fa-"]:before {
		color: @brand-red;
	}
}
.color-blue {
	color: @brand-blue !important;
	&[class^="fa-"]:before, &[class*=" fa-"]:before {
		color: @brand-blue;
	}
}
.color-green {
	color: @brand-green !important;
	&[class^="fa-"]:before, &[class*=" fa-"]:before {
		color: @brand-green;
	}
}
.color-aqua {
	color: @brand-aqua !important;
	&[class^="fa-"]:before, &[class*=" fa-"]:before {
		color: @brand-aqua;
	}
}
.color-yellow {
	color: @brand-yellow !important;
	&[class^="fa-"]:before, &[class*=" fa-"]:before {
		color: @brand-yellow;
	}
}
.color-brown {
	color: @brand-brown !important;
	&[class^="fa-"]:before, &[class*=" fa-"]:before {
		color: @brand-brown;
	}
}
.color-violet {
	color: @brand-violet !important;
	&[class^="fa-"]:before, &[class*=" fa-"]:before {
		color: @brand-violet;
	}
}
.color-orange {
	color: @brand-orange !important;
	&[class^="fa-"]:before, &[class*=" fa-"]:before {
		color: @brand-orange;
	}
}

.padding-10 {padding: 10px;}
.padding-20 {padding: 20px;}
.padding-30 {padding: 30px;}
.padding-40 {padding: 40px;}
.padding-50 {padding: 50px;}
.padding-60 {padding: 60px;}

.margin-10 {margin: 10px;}
.margin-20 {margin: 20px;}
.margin-30 {margin: 30px;}
.margin-40 {margin: 40px;}
.margin-50 {margin: 50px;}
.margin-60 {margin: 60px;}

.padding-horiz-10 {padding-left: 10px; padding-right: 10px}
.padding-horiz-20 {padding-left: 20px; padding-right: 20px}
.padding-horiz-30 {padding-left: 30px; padding-right: 30px}
.padding-horiz-40 {padding-left: 40px; padding-right: 40px}
.padding-horiz-50 {padding-left: 50px; padding-right: 50px}
.padding-horiz-60 {padding-left: 60px; padding-right: 60px}

.padding-vert-10 {padding-top: 10px; padding-bottom: 10px}
.padding-vert-20 {padding-top: 20px; padding-bottom: 20px}
.padding-vert-30 {padding-top: 30px; padding-bottom: 30px}
.padding-vert-40 {padding-top: 40px; padding-bottom: 40px}
.padding-vert-50 {padding-top: 50px; padding-bottom: 50px}
.padding-vert-60 {padding-top: 60px; padding-bottom: 60px}

.margin-horiz-10 {margin-left: 10px; margin-right: 10px}
.margin-horiz-20 {margin-left: 20px; margin-right: 20px}
.margin-horiz-30 {margin-left: 30px; margin-right: 30px}
.margin-horiz-40 {margin-left: 40px; margin-right: 40px}
.margin-horiz-50 {margin-left: 50px; margin-right: 50px}
.margin-horiz-60 {margin-left: 60px; margin-right: 60px}

.margin-vert-10 {margin-top: 10px; margin-bottom: 10px}
.margin-vert-20 {margin-top: 20px; margin-bottom: 20px}
.margin-vert-30 {margin-top: 30px; margin-bottom: 30px}
.margin-vert-40 {margin-top: 40px; margin-bottom: 40px}
.margin-vert-50 {margin-top: 50px; margin-bottom: 50px}
.margin-vert-60 {margin-top: 60px; margin-bottom: 60px}

.no-padding {padding: 0 !important;}
.no-margin {margin: 0 !important;}
.margin-top-0 {margin-top: 0;}
.margin-top-5 {margin-top: 5px;}
.margin-top-10 {margin-top: 10px;}
.margin-top-15 {margin-top: 15px;}
.margin-top-20 {margin-top: 20px;}
.margin-top-30 {margin-top: 30px;}
.margin-top-40 {margin-top: 40px;}
.margin-top-50 {margin-top: 50px;}
.margin-top-60 {margin-top: 60px;}
.margin-bottom-0 {margin-bottom: 0;}
.margin-bottom-5 {margin-bottom: 5px;}
.margin-bottom-10 {margin-bottom: 10px;}
.margin-bottom-15 {margin-bottom: 15px;}
.margin-bottom-20 {margin-bottom: 20px;}
.margin-bottom-30 {margin-bottom: 30px;}
.margin-bottom-40 {margin-bottom: 40px;}
.margin-bottom-50 {margin-bottom: 50px;}
.margin-bottom-60 {margin-bottom: 60px;}

.padding-top-0 {padding-top: 0;}
.padding-top-5 {padding-top: 5px;}
.padding-top-10 {padding-top: 10px;}
.padding-top-15 {padding-top: 15px;}
.padding-top-20 {padding-top: 20px;}
.padding-top-30 {padding-top: 30px;}
.padding-top-40 {padding-top: 40px;}
.padding-top-50 {padding-top: 50px;}
.padding-top-60 {padding-top: 60px;}
.padding-bottom-0 {padding-bottom: 0;}
.padding-bottom-5 {padding-bottom: 5px;}
.padding-bottom-10 {padding-bottom: 10px;}
.padding-bottom-15 {padding-bottom: 15px;}
.padding-bottom-20 {padding-bottom: 20px;}
.padding-bottom-30 {padding-bottom: 30px;}
.padding-bottom-40 {padding-bottom: 40px;}
.padding-bottom-50 {padding-bottom: 50px;}
.padding-bottom-60 {padding-bottom: 60px;}

.row-no-margin {
	margin-left: -(@grid-gutter-width);
    margin-right: -(@grid-gutter-width);
}

/* Background Colors */
.background-white {background-color: #FFFFFF;}
.background-gray-darker {background-color: @gray-darker;}
.background-gray-dark {background-color: @gray-dark;}
.background-gray {background-color: @gray;}
.background-gray-light {background-color: @gray-light;}
.background-gray-lighter {background-color: @gray-lighter;}

/* Button Colors */
.btn {
	border-radius: 0px;
}
.btn-default {
    background-color: rgba(0, 0, 0, 0.043);
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.05) inset;
    margin: 0;
}
.btn-green { background-color: hsl(85, 41%, 37%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#759a40", endColorstr="#648537"); background-image: -khtml-gradient(linear, left top, left bottom, from(#759a40), to(#648537)); background-image: -moz-linear-gradient(top, #759a40, #648537); background-image: -ms-linear-gradient(top, #759a40, #648537); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #759a40), color-stop(100%, #648537)); background-image: -webkit-linear-gradient(top, #759a40, #648537); background-image: -o-linear-gradient(top, #759a40, #648537); background-image: linear-gradient(#759a40, #648537); border-color: #648537 #648537 hsl(85, 41%, 35.5%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09); -webkit-font-smoothing: antialiased; }
.btn-bronze { background-color: hsl(43, 41%, 37%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9a8140", endColorstr="#856f37"); background-image: -khtml-gradient(linear, left top, left bottom, from(#9a8140), to(#856f37)); background-image: -moz-linear-gradient(top, #9a8140, #856f37); background-image: -ms-linear-gradient(top, #9a8140, #856f37); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9a8140), color-stop(100%, #856f37)); background-image: -webkit-linear-gradient(top, #9a8140, #856f37); background-image: -o-linear-gradient(top, #9a8140, #856f37); background-image: linear-gradient(#9a8140, #856f37); border-color: #856f37 #856f37 hsl(43, 41%, 35.5%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09); -webkit-font-smoothing: antialiased; }
.btn-red { background-color: hsl(0, 41%, 37%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9a4040", endColorstr="#853737"); background-image: -khtml-gradient(linear, left top, left bottom, from(#9a4040), to(#853737)); background-image: -moz-linear-gradient(top, #9a4040, #853737); background-image: -ms-linear-gradient(top, #9a4040, #853737); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9a4040), color-stop(100%, #853737)); background-image: -webkit-linear-gradient(top, #9a4040, #853737); background-image: -o-linear-gradient(top, #9a4040, #853737); background-image: linear-gradient(#9a4040, #853737); border-color: #853737 #853737 hsl(0, 41%, 35.5%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09); -webkit-font-smoothing: antialiased; }
.btn-violet { background-color: hsl(297, 41%, 37%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#96409a", endColorstr="#813785"); background-image: -khtml-gradient(linear, left top, left bottom, from(#96409a), to(#813785)); background-image: -moz-linear-gradient(top, #96409a, #813785); background-image: -ms-linear-gradient(top, #96409a, #813785); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #96409a), color-stop(100%, #813785)); background-image: -webkit-linear-gradient(top, #96409a, #813785); background-image: -o-linear-gradient(top, #96409a, #813785); background-image: linear-gradient(#96409a, #813785); border-color: #813785 #813785 hsl(297, 41%, 35.5%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09); -webkit-font-smoothing: antialiased; }
.btn-blue { background-color: hsl(204, 41%, 37%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#40769a", endColorstr="#376685"); background-image: -khtml-gradient(linear, left top, left bottom, from(#40769a), to(#376685)); background-image: -moz-linear-gradient(top, #40769a, #376685); background-image: -ms-linear-gradient(top, #40769a, #376685); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #40769a), color-stop(100%, #376685)); background-image: -webkit-linear-gradient(top, #40769a, #376685); background-image: -o-linear-gradient(top, #40769a, #376685); background-image: linear-gradient(#40769a, #376685); border-color: #376685 #376685 hsl(204, 41%, 35.5%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09); -webkit-font-smoothing: antialiased; }
.btn-aqua { background-color: hsl(178, 41%, 37%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#409a97", endColorstr="#378582"); background-image: -khtml-gradient(linear, left top, left bottom, from(#409a97), to(#378582)); background-image: -moz-linear-gradient(top, #409a97, #378582); background-image: -ms-linear-gradient(top, #409a97, #378582); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #409a97), color-stop(100%, #378582)); background-image: -webkit-linear-gradient(top, #409a97, #378582); background-image: -o-linear-gradient(top, #409a97, #378582); background-image: linear-gradient(#409a97, #378582); border-color: #378582 #378582 hsl(178, 41%, 35.5%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.09); -webkit-font-smoothing: antialiased; }
