html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.admin_body
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	overflow:hidden;
	background: #ffffff;
	background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #f1f1f1 100%);
	background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#f1f1f1 100%);
	background: radial-gradient(ellipse at center,  #ffffff 0%,#f1f1f1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=1 );
}

.helpdeskuserbody
{
	margin:0;
	padding:0;
}

.helpdeskbuttonholder
{
	position:fixed;
	left:20px;
	bottom:70px;
	width:auto;
	height:50px;
}

.helpdeskbutton
{
	position:relative;
	float:right;
	width:50px;
	height:50px;
	background:rgba(255, 90, 194, 0.7);
	box-shadow: 0 0 1px 0 rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.4);
	border-radius:50%;
	-webkit-border-radius:50%;
	margin:0 0 0 10px;
	cursor:pointer;
	background-position:center center !important;
	background-repeat:no-repeat !important;
	background-size:40% auto !important;
}

#helpdeskchatbutton
{
	background-image:url('img/chat_dark.png');
}


.helpdeskwindow
{
	position:fixed;
	left:20px;;
	bottom:90px;
	width:290px;
	height:420px;
	background:#f1f1f1;
	box-shadow: 0 0 1px 0 rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 1px 0 rgba(0,0,0,0.4);
	border-radius:3px;
	-webkit-border-radius:3px;
	display:none;
	overflow:hidden;
}

.helpdeskwindowclose
{
	position:absolute;
	right:15px;
	top:17px;
	width:16px;
	height:16px;
	background:url('img/close_bright.png') center center no-repeat;
	background-size:cover;
	cursor:pointer;
}

.helpdesk_control_container
{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:50px;
	padding:0;
	box-sizing:border-box;
}

.msgtxt
{
	position:relative;
	width:100%;
	height:100%;
	border:none;
	background:transparent;
	outline:none;
	box-sizing:border-box;
	padding:15px 55px 15px 15px;
	font-size:12px;
	line-height:20px;
	color:#606677;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
}

.user_name
{
	position:relative;
	float:left;
	width:70%;
	box-sizing:border-box;
	margin:0 30% 10px 0;
	color:#606677;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	font-size:10px;
	line-height:10px;
	padding:0;
	text-align:left;
}

.admin_name
{
	position:relative;
	float:left;
	width:70%;
	box-sizing:border-box;
	margin:0 0 10px 30%;
	color:#606677;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	font-size:10px;
	line-height:10px;
	padding:0;
	text-align:right;
}

.user_reply
{
	position:relative;
	float:left;
	width:70%;
	box-sizing:border-box;
	padding:10px 15px 10px 15px;
	background:#f1f1f1;
	border-radius:3px;
	-webkit-border-radius:3px;
	margin:0 30% 15px 0;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	font-size:12px;
	line-height:20px;
	color:#606677;
}

.admin_reply
{
	position:relative;
	float:left;
	width:70%;
	box-sizing:border-box;
	padding:10px 15px 10px 15px;
	background:#4883ba;
	border-radius:3px;
	-webkit-border-radius:3px;
	margin:0 0 15px 30%;
	color:#fff;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	font-size:12px;
	line-height:20px;
}

.chat_history_holder
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding:50px 0 50px 0;
	box-sizing:border-box;
	overflow:hidden;
}

.chat_history
{
	position:relative;
	width:100%;
	height:100%;
	overflow-y:auto;
	overflow-x:hidden;
	background:#fff;
	box-sizing:border-box;
	padding:15px 15px 0 15px;
}

.sendmessage
{
	position:absolute;
	right:15px;
	bottom:17px;
	width:16px;
	height:16px;
	background:url('img/reply_dark.png') center center no-repeat;
	background-size:cover;
	border:none;
	outline:none;
	box-sizing:border-box;
	cursor:pointer;
}

.helpdesk_headline
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:50px;
	line-height:50px;
	font-size:14px;
	color:#fff;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	text-align:center;
	background:#4883ba;
	text-transform:uppercase;
	letter-spacing:1px;
}


.chat_ended
{
	position:relative;
	float:left;
	width:80%;
	box-sizing:border-box;
	padding:0;
	margin:20px 10% 15px 10%;
	color:#606677;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	font-size:12px;
	line-height:20px;
	text-transform:uppercase;
	text-align:center;
}
	



.admin_container
{
	position:absolute;
	left:50%;
	top:50%;
	width:90%;
	height:90%;
	max-width:850px;
	max-height:550px;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	background:rgba(255,255,255,0.95);
	box-shadow: 0 5px 35px -10px #000;
	-webkit-box-shadow: 0 5px 35px -10px #000;
	border-radius:3px;
	-webkit-border-radius:3px;	
	overflow:hidden;
}

.admin_header
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:60px;
	background:#4883ba;
	box-sizing:border-box;
}

.logout_button
{
	position:absolute;
	right:15px;
	top:22px;
	width:16px;
	height:16px;
	background:url('img/close_bright.png') center center no-repeat;
	background-size:cover;
	cursor:pointer;
}

.admin_content_holder
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding:60px 0 0 0;
	box-sizing:border-box;
}

.admin_content
{
	position:relative;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.admin_content_tab
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.admin_left_bar
{
	position:absolute;
	left:0;
	top:0;
	width:25%;
	height:100%;
	overflow-x:hidden;
	overflow-y:auto;
	background:#606677;
}

.admin_right_holder
{
	position:absolute;
	left:25%;
	top:0;
	width:75%;
	height:100%;
	background:#fff;
}

.chat_container
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:none;
}

.chat_container:nth-of-type(1)
{
	display:block;
}

.chat_history_container
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:none;
}

.chat_history_container:nth-of-type(1)
{
	display:block;
}

.chat_button
{
	position:relative;
	float:left;
	width:100%;
	height:50px;
	border-bottom:1px solid rgba(255,255,255,0.2);
	box-sizing:border-box;
}

.show_chat
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	cursor:pointer;
	padding:0 0 0 40px;
	box-sizing:border-box;
	font-size:12px;
	line-height:50px;
	text-align:left;
	color:#fff;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	
}

.close_chat
{
	position:absolute;
	right:20px;
	top:50%;
	width:20px;
	height:20px;
	border-radius:50%;
	-webkit-border-radius:50%;
	margin:-10px 0 0 0;
	cursor:pointer;
	background:rgba(255,255,255,0.2) url('img/close_bright.png') center center no-repeat;
	background-size:40% auto;
}



.admin_chat_history_holder
{
	position:absolute;
	left:0;
	top:0;
	width:65%;
	height:100%;
	padding:0 0 50px 0;
	box-sizing:border-box;
}

.admin_chat_info_holder
{
	position:absolute;
	left:65%;
	top:0;
	width:35%;
	height:100%;
	padding:10px 0 0 0;
	box-sizing:border-box;
	background:#606677;
}

.admin_chat_info_headline
{
	position:relative;
	float:left;
	width:100%;
	height:20px;
	padding:0 15px 0 15px;
	margin:20px 0 15px;
	line-height:20px;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	font-size:12px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:1px;   
	box-sizing:border-box;
}

.admin_chat_info_item
{
	position:relative;
	float:left;
	width:100%;
	height:20px;
	padding:0 15px 0 15px;
	margin:0 0 5px;
	box-sizing:border-box;
}

.admin_chat_info_item_left
{
	position:relative;
	float:left;
	width:40%;
	height:20px;
	line-height:20px;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	font-size:11px;
	color:#fff;
	text-align:left;
	box-sizing:border-box;
}

.admin_chat_info_item_right
{
	position:relative;
	float:left;
	width:60%;
	height:20px;
	line-height:20px;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	font-size:11px;
	color:#fff;
	text-align:left;
	box-sizing:border-box;
    white-space:nowrap; 
	overflow:hidden;
	text-overflow:ellipsis;
}

.admin_chat_history
{
	position:relative;
	width:100%;
	height:100%;
	overflow-y:auto;
	overflow-x:hidden;
	background:#fff;
	padding:15px 15px 0 15px;
	box-sizing:border-box;
}

.admin_control_container
{
	position:absolute;
	left:0;
	bottom:0;
	width:65%;
	height:50px;
	box-sizing:border-box;
	background:#f1f1f1;
}

.admin_sendmessage
{
	position:absolute;
	right:15px;
	bottom:17px;
	width:16px;
	height:16px;
	background:url('img/reply_dark.png') center center no-repeat;
	background-size:cover;
	border:none;
	outline:none;
	box-sizing:border-box;
	cursor:pointer;
}

.admin_msgtxt
{
	position:relative;
	width:100%;
	height:100%;
	border:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	background:transparent;
	outline:none;
	box-sizing:border-box;
	padding:15px 40px 15px 15px;
	font-size:12px;
	line-height:20px;
	color:#606677;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
}

.admin_chatoutput .username
{
	float:left;
	width:70%;
	box-sizing:border-box;
	margin:0 30% 10px 0;
	color:#606677;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	font-size:10px;
	line-height:10px;
	padding:0;
	text-align:left;
}

.admin_chatoutput .adminusername
{
	float:left;
	width:70%;
	box-sizing:border-box;
	margin:0 0 10px 30%;
	color:#606677;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	font-size:10px;
	line-height:10px;
	padding:0;
	text-align:right;
}

.admin_chatoutput .username_reply
{
	float:left;
	width:70%;
	box-sizing:border-box;
	padding:10px 15px 10px 15px;
	background:#f1f1f1;
	border-radius:3px;
	-webkit-border-radius:3px;
	margin:0 30% 15px 0;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	font-size:12px;
	line-height:20px;
	color:#606677;
}

.admin_chatoutput .adminusername_reply
{
	float:left;
	width:70%;
	box-sizing:border-box;
	padding:10px 15px 10px 15px;
	background:#4883ba;
	border-radius:3px;
	-webkit-border-radius:3px;
	margin:0 0 15px 30%;
	color:#fff;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	font-size:12px;
	line-height:20px;
}


.admin_notification_dot
{
	position:absolute;
	left:20px;
	top:50%;
	margin:-5px 0 0 0;
	width:10px;
	height:10px;
	background:#4883ba;
	border-radius:50%;
	-webkit-border-radius:50%;
	animation: blinker 1s linear infinite;
	-webkit-animation: blinker 1s linear infinite;
}

@keyframes blinker 
{  
  	50% { opacity: 0.0; }
}




.helpdesk_logo
{
	position:absolute;
	left:20px;
	top:15px;
	width:30px;
	height:30px;
	background:#fff url('img/chat_dark.png') center center no-repeat;
	background-size:40% auto;
	border-radius:50%;
	-webkit-border-radius:50%;
}

.helpdesk_title
{	
	position:absolute;
	left:60px;
	top:0;
	height:60px;
	line-height:60px;
	font-size:13px;
	font-weight:400;
	font-family:'Open Sans', sans-serif;
	color:#fff;
	text-transform:uppercase;
	letter-spacing:1px;
}
	
	
	
.chat_login_container
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	box-sizing:border-box;
	padding:50px 0 50px 0;
	overflow:hidden;
}

.chat_login_holder
{
	position:relative;
	width:100%;
	height:100%;
	background:#fff;
	overflow:hidden;
	margin:0;
	padding:0;
}


.helpdesk_login_text
{
	position:relative;
	width:80%;
	margin:40px 10% 30px 10%;
	font-size:13px;
	line-height:25px;
	color:#606677;
	text-align:center;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
}



.helpdesk_login_username
{
	position:relative;
	float:left;
	width:80%;
	height:40px;
	border:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	background:#f1f1f1;
	outline:none;
	box-sizing:border-box;
	padding:10px 10px 10px 10px;
	font-size:12px;
	line-height:20px;
	color:#606677;
	margin:0 10% 10px 10%;
	text-align:center;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
}

.helpdesk_login_button
{
	position:relative;
	float:left;
	width:80%;
	height:40px;
	border:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	background:#4883ba;
	outline:none;
	box-sizing:border-box;
	padding:10px 10px 10px 10px;
	font-size:12px;
	line-height:20px;
	color:#fff;
	margin:0 10% 30px 10%;
	text-align:center;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	cursor:pointer;
	letter-spacing:1px;
}

.helpdesk_message_button
{
	position:relative;
	float:left;
	width:80%;
	height:20px;
	font-size:11px;
	line-height:11px;
	color:#606677;
	margin:0 10% 0 10%;
	text-align:center;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	cursor:pointer;
}


.helpdesk_message_input
{
	position:relative;
	float:left;
	width:80%;
	height:40px;
	border:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	background:#f1f1f1;
	outline:none;
	box-sizing:border-box;
	padding:10px 10px 10px 10px;
	font-size:12px;
	line-height:20px;
	color:#606677;
	margin:0 10% 10px 10%;
	text-align:center;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
}

.helpdesk_message_text
{
	position:relative;
	float:left;
	width:80%;
	height:90px;
	border:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	background:#f1f1f1;
	outline:none;
	box-sizing:border-box;
	padding:10px 10px 10px 10px;
	font-size:12px;
	line-height:20px;
	color:#606677;
	margin:0 10% 10px 10%;
	text-align:center;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
}


.contact_confirm
{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	padding:60px 0 60px 0;
	box-sizing:border-box;
}

.contact_confirm_inner
{
	position:relative;
	width:100%;
	height:100%;
	background:#fff;
}

.contact_confirm_check
{
	position:absolute;
	left:50%;
	top:50%;
	width:70px;
	height:70px;
	border-radius:50%;
	-webkit-border-radius:50%;
	margin:-35px 0 0 -35px;
	background:#4883ba;
}

.contact_confirm_check_inner
{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-image:url('img/check_bright.png');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:40% auto;
}



.admin_login_text
{
	position:absolute;
	left:50%;
	bottom:50%;
	width:80%;
	max-width:250px;
	font-size:13px;
	line-height:25px;
	color:#606677;
	margin:0 0 80px 0;
	transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
	text-align:center;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	letter-spacing:1px; 
}


.admin_login_input
{
	position:absolute;
	left:50%;
	top:50%;
	width:80%;
	max-width:250px;
	height:40px;
	border:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	background:#f1f1f1;
	outline:none;
	box-sizing:border-box;
	padding:10px 10px 10px 10px;
	font-size:12px;
	line-height:20px;
	color:#606677;
	margin:-45px 0 0 0;
	transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
	text-align:center;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
}

.admin_login_submit
{
	position:absolute;
	left:50%;
	top:50%;
	width:80%;
	max-width:250px;
	height:40px;
	border:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	background:#4883ba;
	outline:none;
	box-sizing:border-box;
	padding:10px 10px 10px 10px;
	font-size:12px;
	line-height:20px;
	color:#fff;
	margin:5px 0 0 0;
	transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
	text-align:center;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	cursor:pointer;
	letter-spacing:1px;
}

.admin_login_error
{
	position:absolute;
	left:50%;
	bottom:0;
	width:80%;
	height:40px;
	border:none;
	font-size:12px;
	line-height:20px;
	color:#fa4c6c;
	margin:-40px 0 0 0;
	text-align:center;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	text-transform:uppercase;
	transform:translate(-50%,0);
	-webkit-transform:translate(-50%,0);
	letter-spacing:1px;
}


.reply_holder
{
	position:relative;
	float:left;
	width:100%; 
}



.session_ended_admin
{
	position:relative;
	float:left;
	width:80%;
	box-sizing:border-box;
	padding:0;
	margin:20px 10% 15px 10%;
	color:#606677;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	font-size:12px;
	line-height:20px;
	text-transform:uppercase;
	text-align:center;
}

.admin_no_chat
{
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	height:20px;
	color:#606677;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	font-size:12px;
	line-height:20px;
	text-transform:uppercase;
	text-align:center;
	margin:-10px 0 0 0;
}

.input_necessary
{
	box-shadow:0 0 0 1px #ff5e4b;
	-webkit-box-shadow:0 0 0 1px #ff5e4b;
}



.chat_admin_menu
{
	position:absolute;
	left:25%;
	height:60px;
}

.chat_admin_menu_item
{
	position:relative;
	float:left;
	width:60px;
	height:24px;
	padding:0 10px 0 10px;
	line-height:24px;
	color:#fff;
	font-family:'Open Sans', sans-serif;
	font-weight:400;
	font-size:10px;
	text-transform:uppercase;
	text-align:center;
	margin:18px 10px 18px 0;
	background:rgba(0,0,0,0.1);
	border-radius:3px;
	-webkit-border-radius:3px;
	cursor:pointer; 
}