body{margin:0px;background:#fff;}

.main_container
{
float:left;width:100%;height:auto;background:#fff;
displayk:flex;align-itemsk:center;
}

.cb_awad_log
{
float:left;width:50px;margin-left:43%;margin-bottom:10px;border-radius:100%;background:#fff;	
}

.sub_title
{
float:left;width:100%;height:50px;line-height:50px;margin-top:50px;margin-bottomk:10px;text-align:center;font-size:1.7em;
color:#000;background:#fff;border:10px;font-weight:bold;border-radius:15px;font-family: serif;backgroundk:green;
box-shadowk: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.close_page_icon
{
float:left;width:40px;margin-top:5px;border-radius:100%;cursor:pointer;	
}

.sub_vid_div
{
float:left;width:90%;height:80%;margin-left:5%;margin-top:20px;background:#fff;border-radius:10px;display:none;	
}

.wrap_div
{
float:left;width:100%;	
}
.name_lebal
{
float:left;width:26%;height:48px;line-height:50px;margin-left:2%;backgroundk:red;border:0px;border-bottomk:2px solid #ccc;color:#505252;	
}
.name_input
{
float:left;width:96%;height:50px;margin-left:2%;margin-bottom:20px;border:0px;outline:none;border-bottom:1px solid #ccc;font-size:1.1em;
font-family: serif;		
}
.register_btn
{
float:left;width:50%;height:50px;margin-left:25%;margin-bottom:50px;margin-top:10px;border-radius:15px;color:#fff;font-size:1em;border:0px;font-weight:bold;
cursor:pointer;
background: linear-gradient(to right,#37AFF3,#f02fc1);	
}
.register_btn:hover{background: linear-gradient(to right,#37F337,#F1A010);	}
.error_output
{
float:left;width:100%;height:45px;line-height:45px;margin-bottom:10px;text-align:center;font-size:1.2em;	
}

.login
{
float:left;width:100%;height:40px;line-height:40px;text-align:center;	
}
.login_btn
{
color:blue;cursor:pointer;text-decoration:underline;font-size:1.1em;	
}

.login_div
{
float:left;width:90%;height:80%;margin-left:5%;margin-top:20px;backgroundk:#ededed;border-radius:10px;	
}