body{margin:0px;padding:0px;background:#ededed;}

.main_home
{
float:left;width:100%;height:60px;background:#fff;position:fixed;border-bottom:1px solid #ccc;	
}
.postion_main_home
{
float:left;width:100%;height:60px;background:#ccc;	
}
.main_log
{
float:left;width:60px;height:60px;margin-left:30px;border-radius:20px;	
}
.main_home_title
{
float:left;width:30%;height:30px;backgroundk:red;font-size:1.2em;margin-left:6%;color:#5A1203;margin-top:15px;	
}
.icon_div_right
{
float:right;width:20%;height:40px;backgroundk:red;margin-top:10px;	
}
.top_right_icons
{
float:left;width:40px;height:40px;margin-right:20px;cursor:pointer;	
}
.main_home_left
{
float:left;width:16%;height:81%;margin-top:60px;border-right:1px solid #ccc;position:fixed;background:#fff;	
}
.main_banner
{
float:left;width:80%;height:70%;margin-left:17%;margin-top:20px;background:#ededed;	
}

.search_area
{
float:left;width:600px;height:210px;background:#2C3E50;opacity:0.9;margin-left:30%;margin-top:-25%;positionk:fixed;border-radius:10px;display:none;	
}
.main_select_search
{
float:left;width:270px;height:40px;line-height:40px;margin-left:20px;font-size:1em;background:#fff;border-radiusk:10px;border:transparent;text-align:center;margin-top:15px;	
outline:none;color:#34495E;	
}
.main_search_btn
{
float:left;width:400px;height:40px;margin-top:30px;margin-left:16%;font-size:1.1em;border-radius:10px;background:#D7DBDD;border:transparent;outline:none;cursor:pointer;		
}
.hide_search_area_btn
{
float:right;width:60px;height:25px;margin-top:65px;font-size:1em;color:red;cursor:pointer;background:transparent;border:transparent;	
}

.left_home_btn
{
float:left;width:100%;height:40px;font-size:1em;margin-top:15px;color:#5DADE2;background:#F8F9F9;border:transparent;	
cursor:pointer;
}

.content_area
{
float:left;width:50%;height:79%;margin-left:25%;background:#94F38A;margin-top:10px;border-radius:10px;margin-bottom:10px;display:none;
}
.log_in_input_email
{
float:right;width:20%;height:30px;margin-left:1%;margin-top:20px;font-size:1em;border-radius:5px;border:transparent;text-align:center;	
}
.log_in_input_pass
{
float:right;width:15%;height:30px;margin-top:8px;margin-left:1%;margin-top:20px;font-size:1em;border-radius:5px;border:transparent;text-align:center;	
}
.log_in_btn
{
float:right;width:5%;height:35px;margin-top:8px;margin-left:6px;margin-right:10px;margin-top:20px;font-size:1.1em;border-radius:10px;color:white;background:transparent;
cursor:pointer;border:1px solid #fff;	
}

.log_in_title
{
float:left;width:100%;height:30px;line-height:30px;font-size:1.2em;color:#9B002D;font-weight:bold;backgroundk:red;margin-top:15px;text-align:center;	
}
.name_input
{
float:left;width:60%;height:35px;margin-top:8px;margin-left:20%;margin-top:20px;color:#5B5B5B;font-size:1em;border-radius:10px;border:1px solid #9B002D;text-align:center;	
}
.create_agent_acc_output
{
float:left;width:100%;height:25px;line-height:20px;text-align:center;display:none;	
}
.create_ac_btn
{
float:left;width:30%;height:40px;margin-left:35%;margin-top:20px;border-radius:10px;font-size:1.1em;font-weight:bold;cursor:pointer;color:#9B002D;	
}

.upload_profile_div
{
float:left;width:100%;height:100%;background:black;position:fixed;display:none;	
}
.close_upload_profile_div
{
float:right;width:30px;height:30px;line-height:30px;background:red;color:white;font-size:1.3em;margin-right:10px;margin-top:10px;text-align:center;cursor:pointer;	
}
.profile_input_div
{
float:left;width:50%;height:200px;background:purple;margin-left:25%;margin-top:10%;	
}

.container
{
float:left;width:83.5%;height:79%;margin-left:16%;background:#ededed;backgroundk:#94F38A;margin-topk:10px;border-radius:5px;margin-bottom:10px;displayk:none;
}
.show_agent_list_mob_btn{display:none;}
.icon_div_right_mob{display:none;}
.single_disp_agent_div
{
float:left;width:32.3%;height:auto;max-height:444px;background:white;margin-left:0.7%;margin-top:10px;	
}
.single_agent_image
{
float:left;width:100%;height:275px;background:transparent;margin-bottom:1px;	
}
.single_agent_name
{
float:left;width:100%;height:50px;line-height:40px;backgroundk:blue;margin-bottom:1px;font-size:1.2em;font-weightk:bold;color:#0686B6;text-alignk:center;border-bottom:1px solid #ededed;	
}
.more_about_agent
{
float:left;width:100%;height:50px;line-height:40px;backgroundk:blue;margin-bottom:1px;font-size:1em;font-weight:bold;color:#D85025;cursor:pointer;text-align:center;
border-bottom:1px solid #ededed;	
}
.call_agent
{
float:left;width:100%;height:50px;line-height:40px;backgroundk:blue;margin-bottom:1px;font-size:1em;font-weight:bold;color:#D85025;cursor:pointer;text-align:center;

}
.agent_contact_output
{
float:left;width:100%;height:40px;line-height:40px;backgroundk:blue;margin-bottom:1px;font-size:1.1em;font-weightk:bold;color:green;text-align:center;
border-bottomk:1px solid #ededed;display:none;	
}

.agent_list_div
{
float:right;width:28%;height:100%;background:white;	
}
.single_agent_list
{
float:left;width:100%;height:50px;background:white;margin-top:5px;border-bottom:1px solid #ededed;	
}
.agent_list_title
{
float:left;width:100%;height:40px;line-height:40px;font-size:1.2em;font-weight:bold;text-align:center;color:#B5B8B9;border-bottom:1px solid #ededed;	
}
.single_agent_list_image
{
float:left;width:20%;height:50px;background:green;	
}
.single_agent_list_name
{
float:left;width:79%;height:50px;line-height:50px;padding-left:1%;backgroundk:#ededed;font-size:1.1em;text-alignk:center;color:#53CAF3;	
}
.user_textarea_div
{
float:left;width:35%;height:98%;background:white;margin-left:2%;margin-top:1%;display:none;	
}
.message_header
{
float:left;width:99%;height:10%;line-height:40px;padding-left:1%;background:#E74C3C;color:white;margin-bottom:1%;font-size:1.2em;font-weight:bold;border-radius:5px 5px 0 0;	
}
.title_agent_name_sms_out
{
float:left;width:90%;	
}
.close_chat_area
{
	float:right;width:10%;height:30px;backgroundk:green;text-align:center;font-size:1.1em;cursor:pointer;
}
.user_message_body
{
float:left;width:94%;height:79%;margin-left:3%;background:#fff;	
}
.message_from
{
float:left;min-width:49.5%;width:auto;max-width:94%;min-heightk:30px;height:auto;backgroundk:green;margin-bottom:8px;margin-right:2px;		
}
.final_message_from
{
float:left;width:auto;min-height:20px;height:auto;background:#FBD7E6;color:#272426;border-radius:5px;padding:5px;padding-rightk:5px;	
}
.message_to
{
float:right;min-width:49.5%;width:auto;max-width:94%;min-heightk:30px;height:auto;backgroundk:orange;margin-bottom:8px;margin-left:2px;
}
.final_message_to
{
float:right;width:auto;min-height:20px;height:auto;background:#ededed;color:#272426;border-radius:5px;padding:5px;padding-rightk:5px;	
}
.user_text_input_div
{
float:left;width:98%;height:10%;margin-left:1%;background:#ededed;	
}
.user_text_input
{
float:left;width:80%;height:40px;line-height:40px;font-size:1.2em;margin-left:1%;margin-top:5px;border-radius:5px;border:transparent;outline:none;	
}
.user_text_send_btn
{
float:left;width:15%;height:40px;font-size:1.1em;margin-top:5px;margin-left:1%;color:green;border:transparent;cursor:pointer;	
}

.main_remmie
{
float:left;width:100%;height:50px;background:black;color:white;bottom:0px;positionk:fixed;text-align:center;margin-topk:5px;	
}

.maintenance_div
{
float:left;width:100%;height:300px;background:red;	
}







@media screen and (max-width: 700px) {

.main_home{display:none;}
.postion_main_home{display:none;}

.main_home_left
{
float:left;display:none;width:99%;height:83.8%;margin-top:0px;border-right:1px solid #ccc;position:static ;background:#fff;	
}

.container
{
float:left;width:100%;height:auto;margin-left:0%;background:#ededed;backgroundk:#94F38A;border-radius:5px;margin-bottom:0px;displayk:none;
}
.single_agent_image
{
float:left;width:100%;height:56%;background:#000;margin-bottom:1px;	
}
.single_disp_agent_div
{
float:left;width:98%;height:auto;max-height:87%;background:white;margin-left:1%;margin-top:0px;	
}

.icon_div_right_mob
{
float:right;display:block;width:15%;height:40px;backgroundk:red;margin-top:3px;	
}
.top_right_mob_menu_icon
{
float:right;display:block;width:40px;height:35px;margin-right:4px;cursor:pointer;backgroundk:green;	
}

.show_agent_list_mob_btn
{
float:left;margin-top:8px;font-size:1.1em;color:#53A3F8;border:transparent;background:transparent;font-weight:bold;outline:none;display:block;	
}
.menu_mob_div
{
float:left;width:100%;height:40px;margin-topk:-40px;background:#EBECEE;opacity:0.7;	
}

.user_textarea_div
{
float:left;width:98%;height:98%;background:white;margin-left:1%;margin-top:1%;display:none;	
}

.agent_list_div
{
float:left;width:98%;height:82.2%;margin-left:1%;margin-top:10px;background:#FCE3F5;display:none;	
}
.single_agent_list
{
float:left;width:100%;height:50px;background:white;margin-top:0px;margin-bottom:5px;border-bottom:1px solid #ededed;	
}





}