.flex{
	display: flex;
	flex-direction: row;
}
.flex-1{
	flex: 1;
}
.flex-dir-row{
	flex-direction: row;
}
.flex-dir-column{
	flex-direction:column;
}
.flex-x-center{
	justify-content: center;
	text-align: center;
	}
.flex-x-between{
	justify-content:space-between;
	
}
.flex-y-center{
	align-items: center;
}

.p-0{
	padding: 3px;
}
.p-1{
	padding: 10px;
}
.p-2{
	padding: 20px;
}
.pl-1{
	padding-left: 10px;
}
.pl-2{
	padding-right: 10px;
}
.px-1{
	padding-left: 10px;
	padding-right: 10px;
}
.px-2{
	padding-left: 20px;
	padding-right: 20px;
}
.py-1{
	padding-top: 10px;
	padding-bottom: 10px;
}

.m-1{
	margin: 10px;
}
.m-2{
	margin: 20px;
}


.mt-1{ margin-top: 10px;}

.color-white{
	color: #ffffff !important;
}
.col-red{ color: #ff0000;}
.font-14{ font-size: 14px;}
.font-13{ font-size: 13px;}

.btn-m{
	background-color: #0066CC;
	color: #ffffff;
	border-radius: 10px;
	display: inline-block;
	font-size: 14px;
	
}
.b-b{ border-bottom: solid 1px #cccccc;}
.align-center{ text-align: center;}
.align-left{ text-align: left !important;}

/**/
.market-nav{ width: 100%; border-bottom: solid 1px #cccccc; background-color: #efefef;;}
.market-nav .active{ background-color: #c0eaff; color: #ffffff;}

.w-s{white-space: nowrap;}