@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

/* Global */
body {
	color: #444;
	font-family: "Open sans" ,sans-serif !important;
    font-weight: 400;
}

.conversation {
    font-family: 'Open Sans', Arial !important;
}
.conversation .watermark {
    line-height: 1.2;
}

.new.conversation.form,
.content_inner.online tr.form td,
.content_inner tr.existing.form td {
	background-color: #EEE;
	border-top: 0px solid #dadada;
}

/* Header */
.content_inner .header{
	background-color: #00aeef !important;
	border-bottom: 0px solid #e1e1e1 !important;
}
.content_inner .header h1 {
	color: #FFF;
    font-family: 'Open Sans', Arial !important;
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: -1px !important;
}
.content_inner .header .caption.icon{
	color: #FFF !important;
	margin-top: -5px !important;
}
.content_inner .header .minimize_icon{
	color: #FFF;
}

.content_inner .header .minimize_icon:hover{
}
.header.openinghours .openinghours_back,
.header.openinghours .openinghours_back h1{
    color: #FFF !important;
    font-size: 15px;
    margin-top: 1px !important;
}

.header.openinghours .openinghours_back:hover,
.header.openinghours .openinghours_back h1:hover{
}

/* Inputs */
textarea, input {
    font-family: 'Open Sans', Arial !important;	
}
.form .message_footer .enter, .form .input .enter{
	margin-top: 2px;
}

.enter .existing_enter_checkbox{
	margin-top: 6px;
}

label.hide_mobile_enter{
	padding-top: 1px;
}
textarea#question{
	min-height: 38px;
}
/* Interactions */
.existing .feedback .message_footer .send_button, 
.existing .question .message_footer .send_button, 
.new.conversation .input .start_button, 
.conversation .close_button{
	background: #00aeef !important;
	border-radius: 0px !important;
	font-weight: 700;
	text-transform: none !important;
    font-family: 'Open Sans', Arial !important;
}

.existing .feedback .message_footer .send_button:hover, 
.existing .question .message_footer .send_button:hover, 
.new.conversation .input .start_button:hover, 
.conversation .close_button:hover{
	background: #FFF !important;
	color: #444 !important;
}

.chat .existing .feedback .message_footer .send_button, 
.chat .existing .question .message_footer .send_button, 
.chat .new.conversation .input .start_button{
	padding: 3px 8px 2px;
	font-size: 13px;
}

.message_footer .end_chat,
.message_footer .close_window{
	color: #00aeef !important;
	text-decoration: none !important;
	margin-top: 4px;
}
.message_footer .end_chat:hover,
.message_footer .close_window:hover{
	text-decoration: underline !important;
}
.end_chat_text,
.close_window,
.conversation .close_button{
    font-family: 'Open Sans', Arial !important;
}

.avatar, .avatar img {
	width: 24px !important;
    height: 24px !important;
}

/* Bubbles */
.message_bubble.user .bubble:after, .message_bubble.ratingreply .bubble:after, .message_bubble.autoreply .bubble:after{
	border-left-color: #fff;	
}
.message_bubble.user .bubble, 
.message_bubble.ratingreply .bubble, 
.message_bubble.autoreply .bubble{
	background: #FFF;
}


.message_bubble.relation .message_header .from{
	color: #444;	
    font-family: 'Open Sans', Arial !important;
    font-size: 13px;
    margin-top: 6px;
}
.message_bubble .message_header .from{
	color: #00aeef;	
    font-family: 'Open Sans', Arial !important;
    font-size: 13px;
    margin-top: 6px;
}
.message_bubble .message_header .date{
	font-size: 10px;
	padding-top: 0px;
}
.message_bubble .bubble {
	color: #444 !important;
}

/* Rating */
#rating .rating_text{
	font-size: 14px;
	font-weight: 400;
}
li.rating .rating_text,
li.rating .rating .filler {
	background-color: #FFF;
}

/* Openinghours */
#openinghours,
#openinghours .openinghours_content,
#openinghours .openinghours_container,
#openinghours .openinghours_content .content{
	background: #F2F2F2 !important;
}
#openinghours .openinghours_content{
	border-top: 1px solid #DDD !important;	
}
#openinghours .webstore_info .phonenumber.mobile{
	background: #444 !important;
	border: 0px !important;	
    font-family: 'Open Sans', Arial !important;
	font-size: 14px !important;
	margin-top: 0;
	border-radius: 0 !important;
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
}
#openinghours .webstore_info .phonenumber.mobile:hover{
	color: #444 !important;
	background: #FFF !important;
}

#openinghours .openinghours_content .content div.response_time {
    margin-bottom: 20px !important;
}

#openinghours .openinghours_content .content .title{
	color: #444;
	font-family: 'Open Sans', Arial !important;
	text-transform: uppercase;
    font-size: 14px !important;
    margin-bottom: 3px;
}
#openinghours .webstore_info .webstore_name{
	font-size: 19px !important;
	color: #444;
	text-transform: uppercase !important;
	font-family: 'Open Sans', Arial !important;
	font-weight: 400 !important;
}

#openinghours .webstore_info .address_one{
	margin-top: 5px;
}

#openinghours .openinghours_content .content .response_time span.left{
	font-weight: 400;
}

#openinghours .time_zone{
	display: none !important;
}

/* Footer */
.content_inner .footer{
	background: #FFF;
	border-top: 0px solid #DDD !important;
}
.footer .service_rating li span.value{
	color: #444 !important;
}
.content_inner.phone .service_rating li .rating.day-percentage.active,
.content_inner.phone .service_rating li .rating.day-percentage:hover,
.service_rating li .rating.day-percentage.active,
.service_rating li .rating.day-percentage:hover,
.content_inner.phone .service_rating li .rating.day-percentage.active span.value,
.content_inner.phone .service_rating li .rating.day-percentage:hover span.value,
.service_rating li .rating.day-percentage.active span.value,
.service_rating li .rating.day-percentage:hover span.value {
	color: #00aeef !important;
}
.service_rating li span.value{
    font-family: 'Open Sans', Arial !important;
	margin-top: 1px;
	font-weight: 400;
}
.footer .powered_by{
	display: none !important;
}