/* Set white background */
.hb-white{
	position:relative;
	background:#FFFFFF;
}

/* Set white background */
.hb-gray{
	background:#F2F2F2;
}

/* Set dark background */
.hb-dark{
	background:#424242;
	color:#FFFFFF;
}

/* Reset padding */
.hb-no-padding{
	padding:0px;
}

/* Reset padding */
.hb-20px-padding-bottom{
	padding-bottom:20px;
}

/* Reset padding */
.hb-3px0px-padding{
	padding:3px 0px;
}

/* Reset padding */
.hb-no-padding-top{
	padding-top:0px;
}

/* Reset margins */
.hb-no-margin{
	margin:0px;
}

/* Reset margins */
.hb-no-margin-left{
	margin-left:0px;
}

/* Reset margins */
.hb-margin-auto{
	margin:auto;
}

/* Set a big margin */
.hb-big-margin{
	margin:10px 200px;
}

/* Set a big margin */
.hb-big-margin-top{
	margin-top:100px;
}

/* Set a small margin */
.hb-small-margin{
	margin:10px;
}
/* Set a text in center */
.hb-center-text{
	text-align:center;
}

/* Set white writing */
.hb-white-writing{
	color:#FFFFFF;
}

/* Set small padding */
.hb-small{
	padding:20px 0px;
}

/* Set width */
.hb-700px-width{
	width:700px;
	margin:0px auto 10px;
}

/* Set width */
.hb-422px-width{
	width:422px;
	margin:0px auto 10px;
}

/* Set width */
.hb-560px-width{
	width:560px;
	margin:0px auto 10px;
}
@media(max-width:768px){
	.hb-700px-width{
		width:auto;
		margin:0px 15px 10px;
	}
	.hb-422px-width{
		width:auto;
		margin:0px 15px 10px;
	}
	.hb-560px-width{
		width:auto;
		margin:0px 15px 10px;
	}
}

/* Set a class that helps hidden elements when needed */
.hidden{
	display:none;
}

/* Set a class that helps hidden elements when needed */
.hb-float-right{
	width:405px !important;
}
@media(max-width:768px){
	.hb-float-right{
		width:208px !important;
	}
}
@media(max-width:767px){
	.hb-float-right{
		margin-top:5px;
		width:100% !important;
	}
}
/* Set a class that helps hidden elements when needed */
.hb-position-left{
	left:330px;
}
.hb-mt-0px{
	margin-top:0px;
}
.hb-width-40{
	width:43%;
}
.hb-width-60{
	width:57%;
}
@media(max-width:768px){
	.hb-width-40{
		width:100%;
	}
	.hb-width-60{
		width:100%;
	}
}

.hb-mobile-none{
	display:none;
}
@media(max-width:767px){
	.hb-mobile-none{
		display:block;
	}
	.hb-tr-relative{
		position:relative;
	}
	.hb-on-off-mobile{
		position:absolute;
		z-index:9;
		left:10px;
		width:60px !important;
		background:#F8F8F8;
	}
	th.hb-on-off-mobile{
		background:#14aedd;
	}
	.hb-on-off-mobile .hb-on-off{
		float:none;
		clear:both;
		margin:auto;
	}
}