/* label */

.label-rounded {
	border-radius: 50% !important;
	-webkit-border-radius: 50% !important;
	padding: 4px 6px;
}	

/* progress bars */

.progress-xs {
	height: 5px;
}

.progress-sm {
	height: 10px;
}

.progress-md {
	height: 20px;
}

.progress-lg {
	height: 25px;
}

.bg-transparent {
	background-color: transparent !important;
}

/* img */

.img-fullwidth {
	width: 100% !important;	
	height: 100% !important;
}

/* letter pacing */

.letter-spacing-1 {
	letter-spacing: 1px !important;
}
.letter-spacing-2 {
	letter-spacing: 2px !important;
}
.letter-spacing-3 {
	letter-spacing: 3px !important;
}
.letter-spacing-4 {
	letter-spacing: 4px !important;
}
.letter-spacing-5 {
	letter-spacing: 5px !important;
}

/* buttons */

.btn-icon-left > i {
	margin-right: 5px;
}
.btn-icon-right > i {
	margin-left: 5px;
}
.btn-white {
	background-color: #FFF;
}
.btn-light {
	background-color: rgba(0,0,0, 0.05);
}
.btn-dark {
	position: relative;
}	
.btn-dark:hover:after {
	content: "";
	color: #FFF;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255, 0.08) !important;
}
.btn-inline {
	position: relative;
}
.btn-inline >.btn {
	position: absolute;
	right: 0;
	top: 0;
	margin: 3px 2px 0 0;
}
.btn-inline > .btn > i {
	margin-right: 0;
	color: rgba(0,0,0, 0.5);
	font-size: 18px;
}

/* Reset */

.no-display {
	display: none !important;
}
.pull-none {
	float: none !important;
}
.no-float {
	float: none !important;
}
.no-border {
	border: 0 !important;
}
.no-border-top {
	border-top: 0 !important;
}
.no-border-bottom {
	border-bottom: 0 !important;
}
.no-border-left {
	border-left: 0 !important;
}
.no-border-right {
	border-right: 0 !important;
}
.no-shadow {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
}
.no-radius {
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
}
.no-padding {
	padding: 0 !important;
}
.no-padding-top {
	padding-top: 0 !important;
}
.no-padding-bottom {
	padding-bottom: 0 !important;
}
.no-padding-left {
	padding-left: 0 !important;
}
.no-padding-right {
	padding-right: 0 !important;
}
.no-margin { 
	margin: 0 !important;
}
.no-margin-top {
	margin-top: 0 !important;
}
.no-margin-bottom {
	margin-bottom: 0 !important;
}
.no-margin-left {
	margin-left: 0 !important;
}
.no-margin-right {
	margin-right: 0 !important;
}
.text-light {
	color: rgba(0,0,0, 0.5) !important;
}
.text-white {
	color: #FFF !important;
}
.vertical-middle {
	vertical-align: middle !important;
}
.italic {
	font-style: italic !important;
}
.normal{
	font-weight: normal !important;
}
.bold {
	font-weight: bold !important;
}
.padding-xs {
	padding: 5px !important;
}
.padding-sm {
	padding: 10px !important;
}
.padding-md {
	padding: 20px !important;
}
.padding-large {
	padding: 25px !important;
}
.xs-size { 
	font-size: 12px !important;
}
.sm-size { 
	font-size: 14px !important;
}
.md-size { 
	font-size: 16px !important;
}
.lg-size { 
	font-size: 18px !important;
}
.extra-lg-size {
	font-size: 80px !important;
}
.xs-width {
	width: 10% !important;
}
.sm-width {
	width: 25% !important;
}
.md-width {
	width: 50% !important;
}
.lg-width {
	width: 75% !important;
}
.fl-width {
	width: 100% !important;
}
.max-width-100 {
	max-width: 100% !important;
}

/* radius */

.border-radius-2 {
	border-radius: 2px!important;
	-webkit-border-radius: 2px!important;
}
.border-radius-3 {
	border-radius: 3px!important;
	-webkit-border-radius: 3px!important;
}
.border-radius-4 {
	border-radius: 4px!important;
	-webkit-border-radius: 4px!important;
}
.border-radius-5 {
	border-radius: 5px!important;
	-webkit-border-radius: 5px!important;
}
.border-radius-10 {
	border-radius: 10px!important;
	-webkit-border-radius: 10px!important;
}
.border-radius-15 {
	border-radius: 15px!important;
	-webkit-border-radius: 15px!important;
}
.border-radius-20 {
	border-radius: 20px!important;
	-webkit-border-radius: 20px!important;
}
.border-radius-25 {
	border-radius: 25px!important;
	-webkit-border-radius: 25px!important;
}
.border-radius-30 {
	border-radius: 30px!important;
	-webkit-border-radius: 30px!important;
}

/* border */

.border-1 {
	border-width: 1px !important;
	border-style: solid;
}
.border-2 {
	border-width: 2px !important;
	border-style: solid;
}
.border-3 {
	border-width: 3px !important;
	border-style: solid;
}

.border-left-1 {
	border-left: 1px solid transparent;
}
.border-left-2 {
	border-left: 2px solid transparent;
}
.border-left-3 {
	border-left: 3px solid transparent;
}

.border-right-1 {
	border-right: 1px solid transparent;
}
.border-right-2 {
	border-right: 2px solid transparent;
}
.border-right-3 {
	border-right: 3px solid transparent;
}

.border-bottom-1 {
	border-bottom: 1px solid transparent;
}
.border-bottom-2 {
	border-bottom: 2px solid transparent;
}
.border-bottom-3 {
	border-bottom: 3px solid transparent;
}

.border-top-1 {
	border-top: 1px solid transparent;
}
.border-top-2 {
	border-top: 2px solid transparent;
}
.border-top-3 {
	border-top: 3px solid transparent;
}
.border-top-4 {
	border-top: 4px solid transparent;
}
.border-top-5 {
	border-top: 5px solid transparent;
}

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

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

/* --- margin --- */

.margin-auto {
	margin: 0 auto !important;
}

.margin-5 {
	margin: 5px !important;
}
.margin-10 {
	margin: 10px !important;
}
.margin-15 {
	margin: 15px !important;
}
.margin-20 {
	margin: 20px !important;
}
.margin-25 {
	margin: 25px !important;
}
.margin-30 {
	margin: 30px!important
}
.margin-35 {
	margin: 35px!important
}
.margin-40 {
	margin: 40px!important
}

/* top */

.margin-top-5 {
	margin-top: 5px !important;
}
.margin-top-10 {
	margin-top: 10px !important;
}
.margin-top-15 {
	margin-top: 15px !important;
}
.margin-top-20 {
	margin-top: 20px !important;
}
.margin-top-25 {
	margin-top: 25px !important;
}
.margin-top-30 {
	margin-top: 30px !important;
}
.margin-top-35 {
	margin-top: 35px !important;
}
.margin-top-40 {
	margin-top: 40px !important;
}

/* bottom */

.margin-bottom-5 {
	margin-bottom: 5px !important;
}
.margin-bottom-10 {
	margin-bottom: 10px !important;
}
.margin-bottom-15 {
	margin-bottom: 15px !important;
}
.margin-bottom-20 {
	margin-bottom: 20px !important;
}
.margin-bottom-25 {
	margin-bottom: 25px !important;
}
.margin-bottom-30 {
	margin-bottom: 30px !important;
}
.margin-bottom-35 {
	margin-bottom: 35px !important;
}
.margin-bottom-40 {
	margin-bottom: 40px !important;
}

/* left */

.margin-left-5 {
	margin-left: 5px !important;
}
.margin-left-10 {
	margin-left: 10px !important;
}
.margin-left-15 {
	margin-left: 15px !important;
}
.margin-left-20 {
	margin-left: 20px !important;
}
.margin-left-25 {
	margin-left: 25px !important;
}
.margin-left-30 {
	margin-left: 30px !important;
}
.margin-left-35 {
	margin-left: 35px !important;
}
.margin-left-40 {
	margin-left: 40px !important;
}

/* right */

.margin-right-5 {
	margin-right: 5px !important;
}
.margin-right-10 {
	margin-right: 10px !important;
}
.margin-right-15 {
	margin-right: 15px !important;
}
.margin-right-20 {
	margin-right: 20px !important;
}
.margin-right-25 {
	margin-right: 25px !important;
}
.margin-right-30 {
	margin-right: 30px !important;
}
.margin-right-35 {
	margin-right: 35px !important;
}
.margin-right-40 {
	margin-right: 40px !important;
}

/* --- padding --- */

.padding-5 {
	padding: 5px !important;
}
.padding-10 {
	padding: 10px !important;
}
.padding-15 {
	padding: 15px !important;
}
.padding-20 {
	padding: 20px !important;
}
.padding-25 {
	padding: 25px !important;
}
.padding-30 {
	padding: 30px !important;
}
.padding-40 {
	padding: 40px !important;
}
.padding-5-10 {
	padding: 5px 10px !important;
}
.padding-5-15 {
	padding: 5px 15px !important;
}
.padding-5-20 {
	padding: 5px 20px !important;
}
.padding-10-15 {
	padding: 10px 15px !important;
}
.padding-10-20 {
	padding: 10px 20px !important;
}
.padding-15-20 {
	padding: 15px 20px !important;
}

/* top */

.padding-top-5 {
	padding-top: 5px !important;
}
.padding-top-10 {
	padding-top: 10px !important;
}
.padding-top-15 {
	padding-top: 15px !important;
}
.padding-top-20 {
	padding-top: 20px !important;
}
.padding-top-25 {
	padding-top: 25px !important;
}
.padding-top-30 {
	padding-top: 30px !important;
}
.padding-top-35 {
	padding-top: 35px !important;
}
.padding-top-40 {
	padding-top: 40px !important;
}

/* bottom */

.padding-bottom-5 {
	padding-bottom: 5px !important;
}
.padding-bottom-10 {
	padding-bottom: 10px !important;
}
.padding-bottom-15 {
	padding-bottom: 15px !important;
}
.padding-bottom-20 {
	padding-bottom: 20px !important;
}
.padding-bottom-25 {
	padding-bottom: 25px !important;
}
.padding-bottom-30 {
	padding-bottom: 30px !important;
}
.padding-bottom-35 {
	padding-bottom: 35px !important;
}
.padding-bottom-40 {
	padding-bottom: 40px !important;
}

/* left */

.padding-left-5 {
	padding-left: 5px !important;
}
.padding-left-10 {
	padding-left: 10px !important;
}
.padding-left-15 {
	padding-left: 15px !important;
}
.padding-left-20 {
	padding-left: 20px !important;
}
.padding-left-25 {
	padding-left: 25px !important;
}
.padding-left-30 {
	padding-left: 30px !important;
}
.padding-left-35 {
	padding-left: 35px !important;
}
.padding-left-40 {
	padding-left: 40px !important;
}

/* right */

.padding-right-5 {
	padding-right: 5px !important;
}
.padding-right-10 {
	padding-right: 10px !important;
}
.padding-right-15 {
	padding-right: 15px !important;
}
.padding-right-20 {
	padding-right: 20px !important;
}
.padding-right-25 {
	padding-right: 25px !important;
}
.padding-right-30 {
	padding-right: 30px !important;
}
.padding-right-35 {
	padding-right: 35px !important;
}
.padding-right-40 {
	padding-right: 40px !important;
}

/* height */

.height-auto {
	height: auto !important;
}
.height-full {
	height: 100% !important;
}
.height-5 {
	height: 5px !important;
}
.height-10 {
	height: 10px !important;
}
.height-15 {
	height: 15px !important;
}
.height-20 {
	height: 20px !important;
}
.height-25 {
	height: 25px !important;
}
.height-30 {
	height: 30px !important;
}
.height-35 {
	height: 35px !important;
}
.height-40 {
	height: 40px !important;
}
.height-45 {
	height: 45px !important;
}
.height-50 {
	height: 55px !important;
}
.height-60 {
	height: 60px !important;
}
.height-65 {
	height: 65px !important;
}
.height-70 {
	height: 70px !important;
}
.height-75 {
	height: 75px !important;
}
.height-80 {
	height: 80px !important;
}
.height-85 {
	height: 85px !important;
}
.height-90 {
	height: 70px !important;
}
.height-95 {
	height: 95px !important;
}
.height-100 {
	height: 70px !important;
}
.height-110 {
	height: 110px !important;
}
.height-120 {
	height: 120px !important;
}
.height-130 {
	height: 130px !important;
}
.height-140 {
	height: 140px !important;
}
.height-150 {
	height: 150px !important;
}
.height-160 {
	height: 160px !important;
}
.height-170 {
	height: 170px !important;
}
.height-180 {
	height: 180px !important;
}
.height-190 {
	height: 190px !important;
}
.height-200 {
	height: 200px !important;
}
.height-210 {
	height: 210px !important;
}
.height-220 {
	height: 220px !important;
}
.height-230 {
	height: 230px !important;
}
.height-240 {
	height: 240px !important;
}
.height-250 {
	height: 250px !important;
}
.height-260 {
	height: 260px !important;
}
.height-270 {
	height: 270px !important;
}
.height-280 {
	height: 280px !important;
}
.height-290 {
	height: 290px !important;
}
.height-300 {
	height: 300px !important;
}
.height-310 {
	height: 310px !important;
}
.height-320 {
	height: 320px !important;
}
.height-330 {
	height: 330px !important;
}
.height-340 {
	height: 340px !important;
}
.height-350 {
	height: 350px !important;
}
.height-360 {
	height: 360px !important;
}
.height-370 {
	height: 370px !important;
}
.height-380 {
	height: 380px !important;
}
.height-390 {
	height: 390px !important;
}
.height-400 {
	height: 400px !important;
}
.height-410 {
	height: 410px !important;
}
.height-420 {
	height: 420px !important;
}
.height-430 {
	height: 430px !important;
}
.height-440 {
	height: 440px !important;
}
.height-450 {
	height: 450px !important;
}
.height-460 {
	height: 460px !important;
}
.height-470 {
	height: 470px !important;
}
.height-480 {
	height: 480px !important;
}
.height-490 {
	height: 490px !important;
}
.height-500 {
	height: 500px !important;
}

/* font sizes */

.font-size-10 {
	font-size: 10px !important;
}
.font-size-11 {
	font-size: 11px !important;
}
.font-size-12 {
	font-size: 12px !important;
}
.font-size-14 {
	font-size: 14px !important;
}
.font-size-16 {
	font-size: 16px !important;
}
.font-size-18 {
	font-size: 18px !important;
}
.font-size-20 {
	font-size: 20px !important;
}
.font-size-22 {
	font-size: 22px !important;
}
.font-size-24 {
	font-size: 24px !important;
}
.font-size-26 {
	font-size: 26px !important;
}
.font-size-28 {
	font-size: 28px !important;
}
.font-size-30 {
	font-size: 30px !important;
}
.font-size-32 {
	font-size: 32px !important;
}
.font-size-34 {
	font-size: 34px !important;
}
.font-size-36 {
	font-size: 36px !important;
}
.font-size-38 {
	font-size: 38px !important;
}
.font-size-40 {
	font-size: 40px !important;
}
.font-size-42 {
	font-size: 42px !important;
}
.font-size-44 {
	font-size: 44px !important;
}
.font-size-46 {
	font-size: 46px !important;
}
.font-size-48 {
	font-size: 48px !important;
}
.font-size-50 {
	font-size: 50px !important;
}
.font-size-60 {
	font-size: 60px !important;
}
.font-size-70 {
	font-size: 70px !important;
}
.font-size-80 {
	font-size: 80px !important;
}

/* line height */

.line-height-10 {
	line-height: 10px !important;
}
.line-height-11 {
	line-height: 11px !important;
}
.line-height-12 {
	line-height: 12px !important;
}
.line-height-13 {
	line-height: 13px !important;
}
.line-height-14 {
	line-height: 14px !important;
}
.line-height-15 {
	line-height: 15px !important;
}
.line-height-16 {
	line-height: 16px !important;
}
.line-height-17 {
	line-height: 17px !important;
}
.line-height-18 {
	line-height: 18px !important;
}
.line-height-19 {
	line-height: 19px !important;
}
.line-height-20 {
	line-height: 20px !important;
}

/* font weight */

.font-weight-300 {
	font-weight: 300 !important;
}
.font-weight-400 {
	font-weight: 400 !important;
}
.font-weight-500 {
	font-weight: 500 !important;
}
.font-weight-600 {
	font-weight: 600 !important;
}
.font-weight-700 {
	font-weight: 700 !important;
}

/* vertical alignment */

.vertical-middle {
	vertical-align: middle !important;
}

.vertical-top {
	vertical-align: top !important;
}

.vertical-bottom {
	vertical-align: bottom !important;
}

/* display */

.display-table {
	display: table !important;
}
.display-table-cell { 
	display: table-cell !important;
}
.display-inline-block {
	display: inline-block !important;
}
.display-block {
	display: block !important;
}
.overflow-hidden {
	overflow: hidden !important;
}

/* position */

.absolute {
	position: absolute;
}
.relative {
	position: relative;
}
.fixed {
	position: fixed;
}
.position-bottom {
	bottom: 0;
}
.position-top {
	top: 0;
}
.position-right { 
	right: 0;
	left: auto;
}
.position-left { 
	left: 0;
	right: auto;
}

/* pre-defined colors */

.bg-grey-50 { 
	background-color: #fafafa !important;
}
.border-grey-50 { 
	border-color: #fafafa !important; 
}
.color-grey-100 { 
	color: #f5f5f5 !important; 
}
.bg-grey-100 { 
	background-color: #f5f5f5 !important; 
}
.border-grey-100 { 
	border-color: #f5f5f5 !important; 
}
.color-grey-200 { 
	color: #eeeeee !important; 
}
.bg-grey-200 { 
	background-color: #eeeeee !important; 
}
.border-grey-200 { 
	border-color: #eeeeee !important; 
}
.color-grey-300 {
	color: #e0e0e0 !important; 
}
.bg-grey-300 { 
	background-color: #e0e0e0 !important; 
}
.border-grey-300 { 
	border-color: #e0e0e0 !important; 
}
.color-grey-400 { 
	color: #bdbdbd !important; 
}
.bg-grey-400 { 
	background-color: #bdbdbd !important; 
}
.border-grey-400 {
	border-color: #bdbdbd !important; 
}
.color-grey-500 { 
	color: #9e9e9e !important; 
}
.bg-grey-500 { 
	background-color: #9e9e9e !important; 
}
.border-grey-500 { 
	border-color: #9e9e9e !important; 
}
.color-grey-600 { 
	color: #757575 !important; 
}
.bg-grey-600 { 
	background-color: #757575 !important; 
}
.border-grey-600 { 
	border-color: #757575 !important; 
}
.color-grey-700 { 
	color: #616161 !important; 
}
.bg-grey-700 { 
	background-color: #616161 !important; 
}
.border-grey-700 { 
	border-color: #616161 !important; 
}
.color-grey-800 { 
	color: #424242 !important; 
}
.bg-grey-800 { 
	background-color: #424242 !important; 
}
.border-grey-800 { 
	border-color: #424242 !important; 
}
.color-grey-900 {
	color: #212121 !important; 
}
.bg-grey-900 { 
	background-color: #3b71b6 !important; 
}
.border-grey-900 { 
	border-color: #212121 !important; 
}
.color-white { 
	color: #ffffff !important; 
}
.bg-white { 
	background-color: #ffffff !important; 
}
.border-white {
	border-color: #ffffff !important; 
}
.color-black {
	color: #000000 !important; 
}
.bg-black { 
	background-color: #000000 !important; 
}
.border-black { 
	border-color: #000000 !important; 
}

/* media helpers */

@media (max-width: 1200px) {
	.no-padding-md-lg  {
		padding: 0 !important;
	}
	.no-margin-md-lg {
		margin: 0 !important;
	}
	.no-margin-top-md {
		margin-top: 0 !important;
	}
	.no-margin-bottom-md {
		margin-bottom: 0 !important;
	}
	.padding-md-lg-15 {
		padding: 15px !important;
	}
}
	
@media (min-width: 768px) and (max-width: 1025px) {
	.no-padding-sm-lg {
		padding: 0 !important;
	}
	.hidden-sm-lg {
		display: none !important;
	}
	.no-margin-sm-lg {
		margin: 0 !important;
	}
	.no-margin-top-sm-lg {
		margin-top: 0 !important;
	}
	.no-margin-bottom-sm-lg {
		margin-bottom: 0 !important;
	}
	.no-border-left-sm-lg {
		border-left: 0 !important;
	}
	.no-border-right-sm-lg {
		border-right: 0 !important;
	}
	.padding-right-sm-lg-15 {
		padding-right: 15px !important;
	}
	.margin-top-sm-lg-15 {
		margin-top: 15px !important;
	}
	.padding-sm-lg-15 {
		padding: 15px !important;
	}
}

@media (max-width: 767px) {	
	.no-padding-sm {
		padding: 0 !important;
	}
	.no-padding-top-sm {
		padding-top: 0 !important;
	}
	.no-padding-bottom-sm {
		padding-bottom: 0 !important;
	}
	.no-margin-sm {
		margin: 0 !important;
	}
	.no-margin-top-sm {
		margin-top: 0 !important;
	}
	.no-margin-bottom-sm {
		margin-bottom: 0 !important;
	}
	.margin-top-sm-15 {
		margin-top: 15px !important;
	}
	.margin-bottom-sm-15 {
		margin-top: 15px !important;
	}
	.padding-sm-15 {
		padding: 15px !important;
	}
	.padding-right-sm-15 {
		padding-right: 15px !important;
	}
	.full-width-sm {
		width: 100% !important;
	}
}

@media (max-width: 460px) {	
	.no-padding-xs {
		padding: 0 !important;
	}
	.no-padding-bottom-xs {
		padding-bottom: 0 !important;
	}
	.no-margin-xs {
		margin: 0 !important;
	}
	.no-margin-top-xs {
		margin-top: 0 !important;
	}
	.no-margin-bottom-xs {
		margin-bottom: 0 !important;
	}
	.margin-top-xs-15 {
		margin-top: 15px !important;
	}
	.margin-bottom-xs-15 {
		margin-bottom: 15px !important;
	}
	.padding-xs-15 {
		padding: 15px !important;
	}
	.full-width-xs {
		width: 100% !important;
	}
	.no-radius-xs {
		border-radius: 0 !important;
		-webkit-border-radius: 0 !important;
	}
}