/* Global */
body {
	color: #000;
	font-family: "Trebuchet MS",Arial,Helvetica,sans-serif !important;
    font-weight: 400;
}

.content{
	background: #fff;
}

.conversation {
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif !important;
}

.conversation .watermark {
    line-height: 1.2;
}

.new.conversation.form,
.content_inner.online tr.form td,
.content_inner tr.existing.form td {
	background-color: #f9f9f9;
	border-top: 1px #ededed solid;
}

/* Header */
.content_inner .header{
	background-color: #fff;
}
.content_inner .header h1 {
	color: #011b58;
    font-family: 'Arial','Helvetica',sans-serif !important;
	font-size: 20px;
	font-weight: 400;
}
.content_inner .header .caption.icon{
	color: #011b58 !important;
}
.content_inner .header .minimize_icon{
	color: #a6b0c5;
}

.content_inner .header .minimize_icon:hover{
	opacity: 0.9;
}
.header.openinghours .openinghours_back,
.header.openinghours .openinghours_back h1{
    color: #a6b0c5 !important;
    font-size: 15px;
}

.header.openinghours .openinghours_back:hover,
.header.openinghours .openinghours_back h1:hover{
	opacity: 0.9;
}

/* Inputs */
textarea, input {
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif !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;
}
/* Interactions */

.existing .feedback .message_footer .send_button, 
.existing .question .message_footer .send_button, 
.new.conversation .input .start_button, 
.conversation .close_button{
	background: linear-gradient(to bottom, #fa4c00 0%, #f92e00 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	border: 0 !important;
	font-size: 14px;
	font-weight: 700;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif !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{
	opacity: 0.9;
}

.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: #a6afc5 !important;
}
.end_chat_text,
.close_window,
.conversation .close_button{
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif !important;
}

.chat .send_button, .chat .start_button {
}

/* Bubbles */

.message_bubble .bubble{
}

.message_bubble .message_header .from{
	color: #011b58;
	font-size: 13px;	
	
}
.message_bubble .message_header .date{
	font-size: 10px;
	padding-top: 3px;
}

/* Rating */
#rating .rating_text{
	font-size: 14px;
	font-weight: 400;
}

li.rating .rating_text,
li.rating .rating .filler {
	background-color: #fff;
}

/* Openinghours */

.openinghours .openinghours_container{
	background: #fafafa;
}
.openinghours .openinghours_container #openinghours{
	background: none !important;
}
#openinghours .webstore_info .phonenumber.mobile{
	background: linear-gradient(to bottom, #fa4c00 0%, #f92e00 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
	border: 0 !important;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif !important;
	font-size: 14px;
	font-weight: 700;
	margin-top: 0;
}

#openinghours .webstore_info .phonenumber.mobile:hover{
	opacity: 0.9;
}

#openinghours .openinghours_content .content .response_time span,
#openinghours .openinghours_content .content span.right{
	font-weight: 600;
}


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

/* Footer */

.content_inner .footer{
	background: #FFF;
	border-top: 1px solid #e8e8e8 !important;
}

.footer .service_rating li{
	color: #011b58 !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 {
	color: #fc1896;
}

.service_rating li span.value{
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif !important;
	margin-top: 3px;
	font-weight: 400;
}

.footer .powered_by{
	font-family: Helvetica,Arial,sans-serif;
	margin-top: 20px;
	color: #ccc;
}