
/*********************************FLEX**********************************/
.flex {
	display:flex;
}

.flex-start {
	justify-content: flex-start;
}

.flex-between {
	justify-content: space-between;
}

.flex-around {
	justify-content: space-around;
}

.flex-center {
	justify-content: space-around;
}

.wrap {
	flex-wrap: wrap;
}


/*********************************PADDING**********************************/

/*Padding 5px*/
.p05px {
	padding: 5px;
}


/*Padding 10px*/
.p10px {
	padding: 10px;
}


/*Padding 20px*/
.p20px {
	padding: 20px;
}


/*********************************MARGIN**********************************/

/*// Margin 50px*/
.m50px {
	margin:50px;
}

/*Margin Left 50px*/
.ml50px {
	margin-left:50px;
}

.mr50px {
	margin-right:50px;
}

.mt50px {
	margin-top:50px;
}

.mb50px {
	margin-bottom:50px;
}

/*// Margin 50px*/
.m20px {
	margin:20px !important;
}

/*Margin Left 20px*/
.ml20px {
	margin-left:20px !important;
}

.mr20px {
	margin-right:20px !important;
}

.mt20px {
	margin-top:20px !important;
}

.mb20px {
	margin-bottom:20px !important;
}


/*********************************FLOAT**********************************/


.float-right {
	float:right;
}

.float-left {
	float:left;
}


/*********************************WIDTH**********************************/

.full-width-95 {
	width:95%;
}


.full-width {
	width:100%;
}

.min-width50px {
	min-width:50px;
}



/*********************************BORDER**********************************/
.border{
	border: 1px solid #afb8bd;
}


.border-bottom{
	border-bottom: 1px solid #afb8bd;
}


.border-top{
	border-top: 1px solid #afb8bd;
}

.border-collapse {
	border-collapse: collapse;
}



/*********************************ALIGN**********************************/

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}



/*********************************BUTTONS**********************************/


.arq-button {
	background-color: #90c9e8 ;
	color:white;
	padding:10px ;
	border-radius:3px ;
	/*font-weight: 700 ;*/
	font-size: 100% ;
	text-decoration: none ;
}

.arq-button:hover {
	background-color: #5aabd6 ;
	color:#000;
}


/*********************************MISC.**********************************/

.arq-notice {
	color:red;
}


.arq-center {
	display:block;
	margin:0px auto;
}



