body{
width:100%;margin:0px;backgroundk:linear-gradient(to right top,#11AF0F, #3BBC8B);
backgroundk:#fefcfc;background-image: linear-gradient(to right, #8a0d55 , #FF76C3);
}
.help_input{display:none;}
.main_home_div
{
float:left;width:100%;height:70px;backgroundk:#FF76C3;background-image: linear-gradient(to right, #8a0d55 , #FF76C3);
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;position:fixed;	
}
.main_home_div_position{float:left;width:100%;height:70px;}
.back_btn
{
float:left;width:50px;height:50px;margin-top:10px;margin-left:1%;	
}
.main_home_title
{
float:left;width:57%;height:50px;line-height:50px;margin-left:20px;margin-top:10px;font-size:1.3em;font-weight:bold;text-alignk:center;
backgroundk:red;color:#fff;	
}
.user_name
{
float:right;height:50px;line-height:50px;font-weight:bold;	
}
.down_arrow_btn
{
float:right;width:45px;height:50px;margin-top:10px;margin-right:2%;cursor:pointer;		
}
.more_option_div
{
right:0px;width:200px;top:70px;heightk:280px;background:#800953;position:fixed;border-radius:0 0 10px 10px;borderk:1px solid #ededed;display:none;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;	
}
.more_option_btn
{
float:left;width:70%;height:50px;margin-left:15%;margin-top:10px;margin-bottom:5px;border-radius:10px;cursor:pointer;font-size:1em;background:#fff;border:0px;outline:none;
cursor:pointer;font-weight:bold;	
}
.more_option_btn:hover{background:#d8fcee;}

.main_content_div
{
float:left;width:98%;heightk:300px;margin-left:1%;margin-top:20px;display:flex;justify-contentk:space-around;justify-content: space-between;
flex-flow: row wrap;
}
.action_btn
{
float:left;width:30%;height:50px;background:#fff;border-radius:10px;border:0px;outline:none;cursor:pointer;font-weight:bold;	
}



.airtime_topup_title
{
float:left;width:100%;height:70px;line-height:70px;text-align:center;font-size:1.5em;font-weight:bold;	
}
.airtime_topup_div
{
float:left;width:70%;heightk:300px;margin-top:20px;margin-left:15%;background:#ededed;border:2px solid #1be8ad;border-radius:20px;display:none;	
}
.sub_airtime_card
{
float:left;width:44%;height:220px;margin-left:4%;margin-bottom:20px;background:#fff;border-radius:20px;	
}
.recharge_network_lebal
{
float:left;width:96%;height:100px;margin-left:2%;margin-top:10px;backgroundk:#ededed;display:flex;justify-content:center;align-items:center;	
}
.airtel_img
{
float:left;width:90%;height:120px;	
}
.airtime_amt
{
float:left;width:100%;height:40px;line-height:40px;margin-top:-20px;margin-bottom:0px;text-align:center;font-weight:bold;color:green;font-size:1.2em;
backgroundk:pink;
}
.point_amt
{
float:left;width:90%;height:25px;line-height:25px;margin-bottom:8px;text-align:center;color:#505252;font-size:0.8em;backgroundk:#000;	
}
.airtime_buy_btn
{
float:left;width:50%;height:40px;margin-left:25%;background:red;color:#fff;border:0px;outline:none;border-radius:20px;font-weight:bold;font-size:0.9em;
cursor:pointer;	
}
.airtime_buy_btn:hover{background:orange;}

.airtime_recharge_input_span
{
float:left;width:96%;heightk:300px;margin-left:2%;margin-bottom:30px;background:#ccc;border:1px solid #ccc;border-radius:20px;display:none;	
}
.recharge_no_input_lebal
{
float:left;width:90%;height:25px;line-height:25px;margin-left:5%;margin-top:30px;font-weight:bold;font-size:0.9em;	
}
.recharge_no_input
{
float:left;width:96%;height:45px;line-height:45px;margin-left:2%;margin-bottom:15px;text-align:center;border:1px solid #ccc;border-radius:10px;outline:none;
font-size:1.1em;	
}
.airtime_input_amt
{
float:left;width:100%;height:40px;line-height:40px;margin-bottom:15px;text-align:center;font-weight:bold;backgroundk:orange;font-size:1.1em;	
}
.airtime_buy_btn2
{
float:left;width:40%;height:40px;margin-left:6.6%;margin-bottom:20px;background:#37c140;color:#fff;border:0px;outline:none;border-radius:20px;font-weight:bold;font-size:0.9em;
cursor:pointer;	
}
.topup_erorr
{
float:left;width:100%;heightk:30px;line-height:30px;text-align:center;displayk:none;
}
.airtime_comfirm
{
float:left;width:90%;height:180px;margin-left:5%;margin-bottom:30px;border-radius:20px;background:#1fd2f6;display:none;	
}
.failed_erorr
{
float:left;width:96%;line-height:30px;margin-top:20px;margin-left:2%;text-align:center;color:red;font-weight:bold;	
}
.shell_ok_btn
{
float:left;width:30%;height:50px;margin-left:35%;margin-top:20px;border-radius:10px;cursor:pointer;color:#fff;background:#981831;font-weight:bold;	
}
.confirm_btn
{
float:left;width:30%;height:50px;margin-left:13.3%;margin-top:20px;border-radius:10px;cursor:pointer;color:#fff;background:#981831;font-weight:bold;	
}
.confirm_shell_div
{
float:left;width:100%;height:100%;position:fixed;display:flex;justify-content:center;align-items:center;display:none;	
background-color: rgba(105, 0, 0, 0.4);		
}
.sub_confirm_shell_div
{
float:left;width:70%;height:200px;background:#fff;	
}

.withdrawal_div
{
float:left;width:96%;heightk:300px;margin-top:20px;margin-left:1.5%;background:#fff;border:2px solid #1be8ad;border-radius:20px;display:none;	
}
.withdrawal_title
{
float:left;width:100%;height:50px;line-height:50px;text-align:center;font-size:1.5em;font-weight:bold;
}

.available_bal_lebal
{
float:left;width:90%;height:40px;line-height:40px;margin-left:3%;font-size:1.2em;font-weight:bold;	
}
.available_bal_icon_span
{
float:left;width:90%;height:30px;margin-left:3%;backgroundk:red;	
}
.available_bal_out
{
float:left;width:80%;line-height:30px;margin-left:8%;margin-bottom:20px;color:green;backgroundk:red;font-weight:bold;font-size:2em;	
}
.available_bal_ugx
{
float:left;width:90%;height:40px;line-height:40px;margin-left:3%;font-size:1em;font-weight:bold;color:#505252;	
}
.final_withdraw_span
{
float:left;width:90%;margin-left:3%;	
}
.final_withdraw_lebal
{
float:left;width:90%;height:30px;line-height:35px;margin-left:2%;font-size:1em;font-weight:bold;color:orange;	
}
.final_withdraw_input
{
float:left;width:100%;height:40px;line-height:40px;font-size:1em;border:1px solid #ccc;outline:none;border-radius:10px;text-align:center;	
}
.withdrawal_error
{
float:left;width:100%;height:30px;line-height:30px;margin-top:10px;text-align:center;	
}
.withdrawal_btn
{
float:left;width:40%;height:40px;margin-left:30%;margin-top:20px;margin-bottom:20px;background:#5efb74;border:2px solid #02da20;border-radius:20px;color:#a70469;
cursor:pointer;font-weight:bold;	
}
.withdrawal_btn:hover{background:#a5eeaf;color:#fff;}
.withdrawal_btn:active{color:#039217;}



.transaction_div
{
float:left;width:98%;heightk:500px;margin-top:20px;margin-bottom:20px;margin-left:0.5%;background:#ededed;overflow:auto;border:2px solid #1b7ee8;border-radius:10px;	
}
.transaction_title
{
float:left;width:90%;height:50px;line-height:50px;margin-left:5%;color:green;font-size:1.2em;font-weight:bold;	
}
.trans_history_lebal_span
{
float:left;min-width:800px;width:98%;height:40px;margin-left:1%;backgroundk:#ededed;display:flex;justify-content:space-between;	
}
.transaction_lebal
{
float:left;width:16%;height:40px;line-height:40px;background:#ccc;font-weight:bold;font-size:1.1em;text-align:center;		
}
.trans_history_output_span
{
float:left;min-width:800px;width:98%;height:40px;margin-left:1%;margin-bottom:1px;backgroundk:green;display:flex;justify-content:space-between;	
}
.transaction_output
{
float:left;width:16%;height:40px;line-height:40px;background:#fff;font-weightk:bold;font-size:1em;text-align:center;	
}





@media screen and (max-width: 900px) 
{
.main_content_div
{
float:left;width:96%;margin-left:2%;
}

.airtime_topup_div
{
float:left;width:96%;heightk:300px;margin-top:20px;margin-left:1.6%;background:#ededed;border:2px solid #1be8ad;border-radius:20px;display:none;	
}
	
}