body {
	background: #F5F5F5 ;
	height: 100% ;
}

a {
	color: #000 ;
}

a:hover {
	color: #555 ;
	text-decoration: none ;
}

.header {
	padding: 10px ;
	background: #FFF ;
	margin-bottom: 30px ;
}

.header .title span {
	font-weight: bold ;
	font-size: 26px ;
	line-height: 1 ;
	vertical-align: bottom ;
}

.header span {
	font-size: 30px ;
	line-height: 1 ;
	vertical-align: middle ;
}

.header img {
	max-height: 26px ;
	width: auto ;
	vertical-align: middle ;
	margin-left: 3px ;
}

.main {
	background: #F5F5F5 ;
	margin-bottom: 30px ;
}

.white-col {
	background: #FFF ;
	border-radius: 5px ;
	padding: 15px ;
	overflow: hidden ;
}

.white-col h4 {
	font-weight: bold ;
	font-size: 20px ;
}

.assets-col {
	margin-bottom: 50px ;
}

.white-col .v-center{
	font-size: 15px ;
}

.v-center {
	vertical-align: top;
	display: flex ;
}

.amount {
	clear: both ;
}

.amount img {
	max-width: 28px ;
	height: auto ;
	margin-right: 7px ;
}

.usdt {
	display: flex ;
	font-size: 20px ;
	font-weight: bold ;
	float: left ;
	margin-top: 10px ;
}

.balance {
	float: right ;
	font-weight: bold ;
	font-size: 30px ;
}

.balance span {
	font-weight: normal ;
	font-size: 18px ;
}

.btns,
.both {
	clear: both ;
}

.btn {
	
}

.btn-text {
	background: #000 ;
	color: #FFF ;
	padding: 10px 0 ;
	display: flex ;
	justify-content: center ;
	border-radius: 5px ;
}

.even {
	justify-content: space-evenly ;
}

.even span {
	border: 1px solid #CCC ;
	padding: 10px ;
	border-radius: 50% ;
}

.icons {
	text-align: center ;
	font-size: 12px ;
}

.no-data {
	text-align: center ;
	padding: 50px 0 40px ;
}

.in-detail {
	display: flex;
  flex-wrap: wrap;
	justify-content: space-around ;
	border-bottom: 1px dotted #CCC ;
	margin: auto ;

}

.in-detail span {
	vertical-align: bottom;
}

.in-detail ul {
	list-style: none ;
}

ul.detail {
	border-bottom: 1px dotted #CCC ;
}

.in-detail ul li {
	float: left ;
	
}

.in-detail span.a2 {
	
}

.in-detail span.a3 {
	float: right ;
}

.wide-70 {
	max-width: 70% ;
}

.pad-50 {
	padding-top: 50px ;
	padding-bottom: 50px ;
}

.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

.footer {
	margin-top: 100px ;
	bottom: 0 ;
	width: 100% ;
}

.footer p {
	text-align: center ;
	font-size: 12px ;
}

.login-col {
	height: 70vh ;
	display: flex ;
}

.flex-container {
	  justify-content: center;
  align-items: center;
}

.login-box {
	padding: 20px 30px 15px;
	background: #FFF ;
	border: 1px solid #CCC ;
	border-radius: 15px ;
}

.log-title {
	font-weight: bold ;
	font-size: 24px ;
	margin-bottom: 30px ;
}

a.login-btn,
a.login-btn2 {
	display: block ;
	text-align: center ;
	background: #3990C2 ;
	color: #FFF ;
	padding: 7px 0 ;
	margin-bottom: 15px ;
	border: 1px solid #3990C2 ;
}

a.login-btn2 {
	background: #FFF ;
	color: #3990C2 ;
}


@media (max-width: 767px) {
	.header .title span {
		font-size: 20px ;
	}
	
	.header span {
	font-size: 24px ;
}
	
	.header img,
	.sm-none {
		display: none ;
	}
	
	.balance {
	float: right ;
	font-size: 24px ;
}
	.balance span {
		display: none ;
	}
	
	.btn-text {
		font-size: 0.9rem ;
	}
	
	.wide-70 {
	max-width: 100% ;
}
}