body{margin:0px;background:#ededed;overflow:auto;}

.main_container
{
float:left;width:100%;height:auto;background:#ededed;

}
.home_div
{
float:left;width:100%;height:70px;margin-top:40px;backgroundk:red;
display:flex;align-items:center;border-bottom:1px solid #22E325;	
}
.bk_btn_icon
{
float:left;width:40px;height:40px;margin-left:10px;cursor:pointer;
}
.user_img
{
float:left;width:45px;height:45px;margin-left:15px;border-radius:100%;
}
.main_title
{
float:left;width:70%;height:40px;line-height:40px;text-align:center;font-size:1.5em;font-weight:bold;
display: block;font-family: Poppins-Bold;	
}


.sub_home_div
{
float:left;width:100%;height:90px;margin-topk:20px;background:#fff;
display:flex;align-items:center;justify-content:space-around;border-bottom:1px solid #FB5BBE;	
}
/*.user_name
{
width:60%;height:40px;line-height:40px;margin-left:5%;font-size:1.2em;backgroundk:red;	
}*/

.home_btn{
  padding: 12.5px 30px;
  border: 0;
  border-radius: 100px;
  background-color: #2ba8fb;
  color: #ffffff;
  font-weight: Bold;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  cursor:pointer;
  font-size:1em;
}

.home_btn:hover {
  background-color: #6fc5ff;
  box-shadow: 0 0 20px #6fc5ff50;
  transform: scale(1.1);
}

.home_btn:active {
  background-color: #3d94cf;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  box-shadow: none;
  transform: scale(0.98);
}

.main_vid_div
{
float:left;width:98%;height:auto;margin-left:1%;margin-bottom:20px;margin-top:20px;backgroundk:green;	
}
.sub_vid_div
{
float:left;width:94%;min-height:350px;margin-bottom:20px;margin-left:3%;background:#fff;border-radiusk:0 0 15px 15px;
box-shadowk: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.vid_title
{
float:left;width:100%;height:50px;line-height:50px;margin-bottom:15px;text-align:center;
font-size:1.2em;color:orange;backgroundk:#FB5BBE;border:10px;
font-weight:bold;border-radius:15px;font-family: Poppins-Bold;
box-shadowk: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	
}
.vid_cover
{
width:100%;min-height:350px;display:flex;align-items:center;justify-content:center;background:#272827;border-radiusk:15px 15px 0px 0px;

}
.vid_tag
{
float:left;max-width:100%;margin-leftk:2%;max-height:100%;max-heightk:100%;background:#000;border-radiusk:15px 15px 0px 0px;	
}
.vid_lebal_div
{
float:left;width:100%;height:70px;backgroundk:red;border-top:1px solid #ccc;
	
}
.play_btn
{
float:left;width:50px;height:50px;margin-left:43%;margin-top:10px;border-radius:100%;	
}
.user_tip
{
float:left;width:90%;height:80px;line-height:40px;margin-left:3%;margin-bottom:50px;background:#fff;border-radius:15px;text-align:center;font-size:1.2em;font-weight:700;
color:#068E39;padding:5px;	
}

.main_coin_div
{
float:left;width:94%;height:auto;margin-left:3%;margin-bottom:20px;margin-top:20px;background:#fff;border-radius:15px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;display:none;	
}
.coin_title
{
font-size: 14px;font-weight:700;line-height:20px;margin-left:5%;letter-spacing:.02em;text-transform:uppercase;color:#B50873;
}
.coin_amt
{
    font-size: 42px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -.02em;
margin-left:5%;margin-bottom:30px;	
}
.withdraw_btn
{
font-size: 1em;color:#269036;
font-weight: 700;
width:90%;line-height: 40px;
letter-spacing: -.02em;
margin-left:5%;margin-bottom:20px;border: none;
 border-radius: 20px;
 background: linear-gradient(32deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);
  transition: all 1.5s ease;cursor:pointer;
}
.withdraw_btn:hover {color: #ffffff;}
.amt_tips
{
float:left;width:90%;height:60px;line-height:60px;margin-left:5%;margin-bottom:20px;font-size:1.2em;color:#505252;border-bottom:1px solid #ccc;
font-weight:600;
}

.main_settings_div
{
float:left;display:none;	
}
.main_acc_div
{
float:left;width:94%;height:auto;margin-left:3%;margin-bottom:20px;margin-top:20px;background:#fff;border-radius:15px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.acc_info_lebal
{
float:left;font-size: 14px;font-weight:700;width:90%;height:40px;line-height:40px;margin-left:5%;letter-spacing:.02em;text-transform:uppercase;color:#B50873;
}
.username_lebal_cover
{
float:left;width:100%;	
}
.username_lebal
{
float:left;font-size: 16px;font-weight:700;width:80%;height:40px;line-height:40px;margin-left:5%;letter-spacing:.02em;text-transform:uppercase;
color:#333;backgroundk:green;
}
.username_output
{
float:left;font-size: 14px;font-weight:700;width:75%;height:35px;line-height:40px;margin-left:5%;letter-spacing:.02em;text-transform:uppercase;color:#505252;
backgroundk:red;padding:5px;
}
.edit_icon
{
width:40px;height:40px;margin-top:-4px;cursor: pointer;	
}
.edit_btn
{
width:40px;height:40px;margin-left:1%;cursor: pointer;border:0px;outline:none;border-radius:100%;background:green;color:#fff;font-weight:bold;	
display:none;
}
.pas_edit_hp_div
{
float:left;width:94%;height:100%;background:#ccc;position:fixed;display:none;	
}
.edit_input
{
float:left;width:90%;height:50px;line-height:50px;margin-left:5%;margin-top:10%;text-align:center;border-radius:15px;border:0px;outline:none;
font-size:1.1em;	
}
.save_edit
{
float:left;width:35%;height:50px;margin-left:10%;margin-top:30px;border:0px;background:#fff;border-radius:20px;font-size:1.1em;
cursor:pointer;	
}
.error_output
{
float:left;width:100%;height:45px;line-height:45px;margin-bottomk:10px;text-align:center;font-size:1.2em;color:red;	
}

.delete_acc_btn {margin-bottom:30px;width:50%;height:45px;margin-left:25%;margin-top:20px;

 border-radius: 9px;
 background: #fff;
 border:1px solid red;
 font-family: inherit;
 text-align: center;
 cursor: pointer;
 transition: 0.4s;
 font-size:1em;color:red;
}

.delete_acc_btn:hover {
background:red;color:#fff;
}

.delete_acc_btn:active {
 transform: scale(0.97);
 box-shadow: 7px 5px 56px -10px #C3D900;
}


.confirm_div
{
float:left;width:80%;height:130px;margin-left:10%;margin-top:-200px;background:pink;border-radius:20px;display:none;	
}
.yes_del
{
float:left;width:35%;height:40px;margin-left:10%;margin-top:40px;font-size:0.9em;cursor:pointer;background:#fff;	
}
.yes_del:hover{text-decoration:underline;}

.main_payment_div
{
float:left;width:94%;height:auto;margin-left:3%;margin-bottom:30px;margin-top:20px;background:#fff;border-radius:15px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.crinePay_btn{float:left;width:40%;margin-bottom:20px;margin-top:10px;margin-left:5%;cursor:pointer;
  border: none;outline: none;background-color:#6c5ce7;
  padding: 15px 20px;
  font-size: 14px;
  font-weight: 700;
  color:#fff;
  border-radius: 15px;
}
.crinePay_btn:hover{background-color:#FA78DF;}
.crinePay_btn:active {
  transform: translateY(5px);
  box-shadow: 0px 0px 0px 0px #a29bfe;
}

.main_payment_div2
{
float:left;width:94%;height:auto;margin-left:3%;margin-bottom:30px;margin-top:20px;background:#fff;border-radius:15px;
box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;display:none;	
}

.acc_link_input
{
float:left;width:90%;height:40px;line-height:40px;margin-left:5%;margin-bottom:20px;text-align:center;font-size:1em;border:0px;outline:none;
border-radius:15px;background:#ededed;	
}

.withdraw_div
{
float:left;width:100%;height:100%;position:fixed;opacityk:0.9;display:flex;align-items:center;justify-content:center;display:none;
background-color:rgba(255,255,255,0.8);	
}
.sub_pa_cb_koin
{
width:50%;height:600px;background:#322;border:1px solid #333;border-radius:15px;
}
.recharge_title
{
float:left;width:100%;height:40px;line-height:40px;margin-top:20px;margin-bottom:20px;text-align:center;font-size:1.3em;font-weight:bold;	
color:#fff;
}
.recharge_pas
{
float:left;width:50%;height:40px;line-height:40px;margin-left:25%;margin-bottom:20px;text-align:center;border-radius:15px;border:0px;outline:none;
background:#fff;font-weight:bold;	
}
.recharge_btn
{
float:left;width:50%;height:50px;margin-left:25%;margin-bottom:20px;text-align:center;border-radius:15px;cursor:pointer;font-weight:bold;	
}
.recharge_btn2
{
float:left;width:50%;height:50px;margin-left:25%;margin-bottom:20px;text-align:center;border-radius:15px;cursor:pointer;font-weight:bold;
background:#478E2A;color:#fff;border:0px;outline:none;display:none;	
}
.trans_cb_koin
{
width:50%;height:500px;background:#322;border:1px solid #333;border-radius:15px;display:none;
}
.error_output
{
float:left;width:100%;height:45px;line-height:45px;margin-bottomk:10px;text-align:center;font-size:1.2em;color:red;	
}
.close_area_btn
{
width:50px;height:50px;margin-left:45%;background:#fff;border-radius:100%;border:0px;outline:none;font-size:1.2em;color:red;font-weight:bold;	
cursor:pointer;
}

.footer
{
float:left;width:100%;height:50px;line-height:50px;background:#ededed;text-align:center;border-top:1px solid #ccc;
position:fixed;bottom:0px;	
}
.logout_btn
{
cursor:pointer;padding-left:10px;	
}
.logout_btn:hover{text-decoration:underline;}




@media screen and (max-width: 700px) {
	
.sub_pa_cb_koin
{
width:90%;height:80%;background:#322;border:1px solid #333;border-radius:15px;
}	
.recharge_pas
{
float:left;width:80%;height:50px;line-height:50px;margin-left:10%;margin-bottom:20px;text-align:center;border-radius:15px;border:0px;outline:none;
background:#fff;font-weight:bold;font-size:1.1em;	
}	
.trans_cb_koin
{
width:90%;height:80%;background:#322;border:1px solid #333;border-radius:15px;display:none;
}	
	
	
}