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%;max-height:82vh;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;	
}

.tran_option_span
{
right:1%;width:100px;height:100px;background:#fff;position:absolute;border-radius:10px;border:1px solid #000;display:none;
}
.tran_option_btn
{
width:100%;height:30px;margin-bottom:5px;background:transparent;cursor:pointer;font-weight:bold;border:0px;outline:none;	
}
.shell_detail_div
{
float:left;width:100%;height:100%;background:green;display:flex;justify-content:center;align-items:center;position:fixed;display:none;
background-color: rgba(117, 0, 0, 0.4);		
}
.sub_trans_detail_div
{
width:90%;background:#fff;border-radius:10px;background:#F5F2F2;display:none;	
}
.trans_details_title_cover
{
float:left;width:100%;background:#fff;border-radius:10px 10px 0 0;	
}
.trans_details_title
{
float:left;width:98%;height:50px;line-height:50px;margin-left:1%;margin-top:5px;margin-bottom:10px;font-size:1.3em;font-weight:bold;background:#fff;	
}
.closeTrans_details_btn
{
float:right;width:40px;height:40px;margin-top:8px;margin-bottom:10px;cursor:pointer;border-radius:50%;background:red;color:#fff;border:0px;outline:none;	
}

.transDetailsLebal
{
float:left;width:50%;height:50px;line-height:50px;background:#F5F2F2;text-align:center;border-bottom:1px solid #ccc;border-left:1px solid #ccc;
border-rightk:1px solid #ccc;	
}
.transDetailsOutput
{
float:right;width:49%;height:50px;line-height:50px;margin-bottomk:5px;background:#F5F2F2;text-align:center;border-bottom:1px solid #ccc;border-rightk:1px solid #ccc;
border-right:1px solid #ccc;		
}

.wizTransDiv
{
float:left;width:70%;background:#fff;border-radius:20px;display:none;	
}
.wizTransCancelTitle
{
float:left;width:100%;height:100px;line-height:100px;margin-bottom:20px;text-align:center;font-weight:bold;font-size:1.3em;	
}
.transCancel_wizBtn
{
float:left;width:25%;height:40px;margin-left:16.6%;margin-bottom:20px;border:0px;outline:none;cursor:pointer;border-radius:10px;background:#8CE5FF;font-size:1.1em;	
}



@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;	
}
	
}