/*HELPERS*/
/*1 Position, Size, Margins and Padding*/
.cla-asd{
	clear: both;
}
.clear{
	clear: both;
}
.float-left{
	float: left;
}

.float-right{
	float: right;
}

.absolute{
	position: absolute;
}
.fixed{
	position: fixed;
}
.relative{
	position: relative;
}
.underline{
	text-decoration: underline ;
}
.hover-underline:hover{
	text-decoration: underline ;
}
.dashed{
	border: 1px dashed #C1C1C1;
}
.to-left{
	left: 0;
}

.to-right{
	right: 0;
}

.to-top{
	top: 0;
}
.to-bottom{
	bottom: 0;
}
.to-middle{
	top:50%;
}
.no-margin{
	margin: 0;
}

.no-padding{
	padding: 0;
}
.m-md{
	margin: 20px;
}
.m-lg{
	margin: 40px;
}
.m-sm{
	margin: 10px;
}
.mt-md{
	margin-top: 20px;
}
.mt-lg{
	margin-top: 40px;
}
.mt-sm{
	margin-top: 10px;
}
.ml-md{
	margin-left: 20px;
}
.ml-lg{
	margin-left: 40px;
}

.ml-sm{
	margin-left: 10px;
}
.mr-md{
	margin-right: 20px;
}
.mr-lg{
	margin-right: 40px;
}
.mr-sm{
	margin-right: 10px;
}


.mb-md{
	margin-bottom: 20px;
}
.mb-lg{
	margin-bottom: 40px;
}
.mb-sm{
	margin-bottom: 10px;
}

.p-md{
	padding: 20px;
}
.p-lg{
	padding: 40px;
}
.p-sm{
	padding: 10px;
}


.pt-md{
	padding-top: 20px;
}
.pt-lg{
	padding-top: 40px;
}
.pt-sm{
	padding-top: 10px;
}


.pl-md{
	padding-left: 20px;
}
.pl-lg{
	padding-left: 40px;
}
.pl-sm{
	padding-left: 10px;
}

.pr-md{
	padding-right: 20px;
}
.pr-lg{
	padding-right: 40px;
}
.pr-sm{
	padding-right: 10px;
}


.pb-md{
	padding-bottom: 20px;
}
.pb-lg{
	padding-bottom: 40px;
}
.pb-sm{
	padding-bottom: 10px;
}


.inline-block{
	display: inline-block;
}
.full-height{
	height: 100%;
}

.full-width{
	width: 100%;
}
.full-size{
	height: 100%;
	width: 100%;
}
.hidden{
	display: none !important;
}

.red-text{
			
}
.white-text{
			
}
.red-text{
			
}

/*2 Styles*/

.alpha-1{
	opacity: 0.7;
}
.alpha-2{
	opacity: 0.5;
}
.alpha-3{
	opacity: 0.3;
}

.alpha-4{
	opacity: 0.1;
}
.text-xl{
	font-size: 2.5em;
}

.text-lg{
	font-size: 2em;
}

.text-lg{
	font-size: 2em;
}
.text-sm{
	font-size: 12px !important;
}
.text-md{
	font-size: 14px !important;
}
.text-italic{
	font-style: italic;
}
.lg-text{	
	font-size: 1.5em;
}
.md-text{
	font-size: 1em;
}
.sm-text{
	font-size: 0.5em;
}
.text-bold{
  font-weight: 900;
}
.text-thin{
  font-weight: 100;
}
.text-lighten{
  font-weight:300;
}
.text-ultralighten{
  font-weight:100;
}
.text-center{
	text-align: center;
}
.text-right{
	text-align: right;
}
.text-left{
	text-align: left;
}
.text-white{
	color: white !important;
}
.capitalize{
	text-transform: capitalize;
}
.uppercase{
	text-transform: uppercase;
}
.lowercase{
	text-transform: lowercase;
}

.hover-underline:hover{
	text-decoration: underline;
}

.pointer{
	cursor: pointer;
}

/*Hacks*/
.wrapt{
    display: table; 
}
.wrapr{
	display: table-row;
}
.wrapc{   
   
    display: table-cell;
    vertical-align: middle;
}
.table{
	display: table;
}
.cell{
	float: none !important;
	display: table-cell;
}

.vertical-align-middle{
	vertical-align:middle ;
}
.wrapc.bottom, .wrapc-bottom{    
    vertical-align: bottom;
     display: table-cell;
}
.circle-block{
		-webkit-border-radius: 50%;
	-moz-border-radius:    50%;
	border-radius:         50%;

	-moz-background-clip:    padding;
	-webkit-background-clip: padding-box;
	background-clip:         padding-box;
}
.hidden-action{
  cursor: pointer !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  opacity: 0 !important;
  cursor:pointer;
}

/*3. Icons*/
.icon-md{
	height: 16px;
	width: 16px;
}

.icon-sm{
	height: 24px;
	width: 24px;
}


hr.gray{
	border-color: #999999;
}

hr.silver{
	border-color: #D2CFCF;
}
.vertical-align{
	vertical-align: middle;
}
/** CSS TABLE HACKS **/
.table tbody>tr>td.vert-align{
    vertical-align: middle;
}

.wrap-flex{
	display: table;
    width: 100%;
    table-layout: fixed;
}
.wrap-flex2{
	display: table;
    width: 100%;
    
}
.flex{	
	float: none !important;
	display: table-cell;   
    vertical-align: top;
}
.flex.vertical-align-middle{
	vertical-align: middle;
}

.blocks-justify{
	vertical-align: middle;
	padding: 0;
	margin: 0;	
	width: 100%;	
	text-align: justify;
	font-size: 0.1px;
}
.blocks-justify > *{
	vertical-align: middle;
	font-size: auto !important;
	display: inline-block !important;
}
.blocks-justify:after{
	content: '';
	display: inline-block;
	width: 100%;
}
.separator{
	border-right: 1px dashed rgb(112, 112, 112);
}

.hidden-hack{
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	opacity: 0 !important;
}