body{
width:100%;heightk:100%;margin:0px;backgroundk:linear-gradient(to right top,#11AF0F, #3BBC8B);
background:#e1dfe0;
	}
.back_bnt
{
float:left;height:50px;width:50px;margin-left:10px;margin-top:20px;font-weight:bold;cursor:pointer;		
}	
.logout_btn
{
float:right;height:50px;width:50px;margin-right:10px;margin-top:20px;font-weight:bold;cursor:pointer;	
}
.user_main_name
{
float:right;widthk:90%;height:50px;line-height:70px;margin-right:2%;margin-bottom:30px;margin-top:20px;text-align:right;font-size:0.9em;
color:#8d24da;font-weight:bold;	
}

.main_content_div
{
float:left;width:100%;heightk:100%;

}
.main_title_name
{
float:left;width:100%;height:100px;line-height:100px;margin-top:50px;backgroundk:#FA7858;text-align:center;font-size:2.5em;color:#fff;
font-weight:bold;
}
.main_title_location
{
float:left;width:100%;height:60px;line-height:60px;backgroundk:#FA7858;text-align:center;font-size:1.5em;color:#fff;
font-weight:bold;
}
.main_title_contact
{
float:left;width:100%;height:60px;line-height:60px;backgroundk:#FA7858;text-align:center;font-size:1.5em;color:#fff;
font-weight:bold;
}

.main_dash
{
float:left;width:30%;height:60px;line-height:60px;margin-left:35%;margin-top:50px;backgroundk:#310FAF;text-align:center;font-size:1em;color:#000;
font-weight:bold;border-radius:20px;cursor:pointer;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.main_dash:hover{background:#7050E3;color:#fff;}


.wt_acc_details
{
float:left;width:96%;height:180px;margin-left:2%;backgroundk:#fff;border-radius:20px;borderk:1px solid #ccc;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;	
}
.wt_acc_details_lebal
{
float:left;width:90%;height:40px;line-height:40px;margin-left:5%;margin-top:5px;font-size:1.3em;font-weight:bold;
}
.wt_acc_details_output
{
float:left;width:90%;height:40px;line-height:40px;margin-left:5%;font-size:1em;font-weight:400;text-alignk:right;color:#000;font-weight:bold;		
}

.pay_water_input_div
{
float:left;width:96%;heightk:180px;margin-left:2%;margin-top:30px;border-radius:20px;borderk:1px solid #ccc;background:#7e004c;display:none;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;	
}
.payment_method_div_close_btn
{
float:right;width:20%;height:35px;margin-right:40%;margin-bottom:20px;border-radius:50%;background:#fff;color:red;cursor:pointer;border:0px;outline:none;font-size:1em;font-weight:400;
		
}
.payment_method_div_close_btn:hover{font-weight:bold;background:pink;}
.pay_water_input_title
{
float:left;width:90%;height:70px;line-height:70px;margin-left:5%;margin-top:5px;font-size:1.3em;font-weight:bold;color:#fff;text-align:center;	
}
.payment_method_img_span
{
float:left;width:96%;height:90px;margin-bottom:40px;margin-left:2%;margin-top:5px;background:#973476;border-radius:20px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.payment_method_img
{
float:left;height:70px;width:70px;margin-left:7px;margin-top:10px;cursor:pointer;border-radius:20%;	
}
.payment_method_lebal
{
float:left;width:50%;height:50px;line-height:40px;margin-left:2%;margin-top:20px;font-size:1.1em;font-weight:bold;color:#ccc;font-weight:bold;
backgroundk:pink;
}
.payment_method_btn
{
float:right;width:70px;height:50px;margin-right:7px;margin-top:20px;border:0px;outline:none;border-radius:15px;cursor:pointer;padding:10px;font-size:1em;border:1px solid #ccc;	
background:#50d092;color:#fff;font-weight:bold;
}




@media screen and (max-width: 600px)
{
.main_title_name
{
float:left;width:100%;height:60px;line-height:60px;margin-top:50px;backgroundk:#FA7858;text-align:center;font-size:1.5em;color:#fff;
font-weight:bold;
}
.main_title_location
{
float:left;width:100%;height:60px;line-height:60px;backgroundk:#FA7858;text-align:center;font-size:1.2em;color:#fff;
font-weight:bold;
}
.main_title_contact
{
float:left;width:100%;height:60px;line-height:60px;backgroundk:#FA7858;text-align:center;font-size:1.2em;color:#fff;
font-weight:bold;
}

.main_dash
{
float:left;width:60%;margin-left:20%;
}	
	
	
	
}