@charset "utf-8";
/* CSS Document */



#actionStatus{
	position: fixed;
	display: none;
	top: 0px;
	left: 25%;
	background-color: var(--primary);
	padding: 5px;
	color: #fff;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;

	font-size: 0.9em;
	z-index: 10000000000;
}



.oneColumnCenter{
	float: left;
	width: 80%;
	margin-left: 10%;
	clear:both;
	padding: 2%;
}

.twoColumn{
	float: left;
	width: 44%;
	margin-left: 2%;
	padding:2%;
}

.twoColumnCenter{
	float: left;
	width: 30%;
	margin-left: 15%;
}

.twoColumnCenter:nth-child(2){
	margin-left: 10%;
}
 
.threeColumn{
	float: left;
	width: 30%;
	margin-left: 2%;
}




.spnKycStatus{
	color: #1babf3; 
	font-size:0.7em;
}


.spnBtn{
	color: #f9f896;
	background-image: linear-gradient(transparent, transparent, transparent);
	border: 2px #f9f896 solid;
	padding: 10px;
	border-radius: 6px;
	margin-left: 5px;
	cursor: pointer;

}



.spnBtn:hover{
	color: #333;
	background-image: linear-gradient(#fdfdde, #f9f896, #fdfdde);
}

.spnBtn-no-border{
	color: #1babf3; 
	padding: 10px;
	cursor: pointer;

}
.spnBtn-no-border:hover{
	color: #f9f896; 

}


.btnSubmit{
	color: #fc02fa;
	background-color: #fff ; // transparent !important;
	border: 1px #fc02fa solid;
	padding: 2px;
	border-radius: 6px;
	margin-left: 5px;
	cursor: pointer;
	width: 96%;
	font-size: 0.8em;
}

.btnSubmit:hover{
	color: #fff;
	/*background-image: linear-gradient(#fdfdde, #f9f896, #fdfdde);*/
	background-color: #fc02fa;
	border: 1px #fc02fa solid;
}


.lblInfo-small{
	color: #f9f896;
	font-size: 0.7em;
}


@media only screen and (max-width: 750px){

	.oneColumnCenter{
		width: 92%;
		margin-left: 2%;
	}

	.twoColumn{
		width: 92%;
		margin-left: 2%;
		margin-top: 30px;
		
	}

	.twoColumnCenter{
		width: 96%;
		margin-left: 2%;
	}

	.threeColumn{
		width: 96%;
		margin-left: 2%;
	}

	
}