@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
/* Global */
body {
	color: #616161;
	font-family: 'Roboto Condensed', sans-serif !important;
	-webkit-font-smoothing: antialiased;
    font-weight: 400;
}
.content{
	background-color: #FFF !important;
}
.conversation {
    font-family: 'Open Sans',sans-serif !important;
    -webkit-font-smoothing: antialiased; 
}
.conversation .watermark {
    line-height: 1.2;
}
.new.conversation.form,
.content_inner.online tr.form td,
.content_inner tr.existing.form td {
	background-color: #eff2f5 !important;
	border: 0px !important;
}

/* Header */
.content_inner .header{
	background-color: #425668 !important;
}
.content_inner .header h1 {
    color: #FFF !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-size: 18px;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}
.content_inner .header .caption.icon{
	color: #fff !important;
	margin-top: -4px !important;
}
.content_inner .header .minimize_icon{
	color: #fff !important;
}
.content_inner .header .minimize_icon:hover{
	color: #fff !important;
}
.header .openinghours_back, .header .openinghours_back h1 {
    color: #fff !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
}
.header.openinghours .openinghours_back .back {
	margin-top: 0px !important;
}
.header.openinghours .openinghours_back:hover,
.header.openinghours .openinghours_back h1:hover{
    color: #fff !important;
}

/* Inputs */
textarea, input {
	font-family: 'Roboto Condensed', sans-serif !important;
	border-radius: 0px !important;
}
.form .message_footer .enter, .form .input .enter {
    margin-top: 4px;
}
.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 {
    border: 1px solid #d3cfcf !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-style: normal;
    padding: 5px 12px 4px 12px !important;
    background-color: #ed1c24 !important;
    color: #FFF !important;
    text-transform: none !important;
    font-size: 15px !important;
    font-weight: normal !important;
    border-radius: 0px !important;
    text-transform: uppercase !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-color: #ef343b !important;
	color: #f2f2f2 !important;
}
.content_inner.chat .conversation .message_footer, .content_inner.chat .conversation li.sendbutton {
    height: 28px !important;
}
.chat .existing .feedback .message_footer .send_button, 
.chat .existing .question .message_footer .send_button, 
.chat .new.conversation .input .start_button{
	font-size: 13px;
	padding-bottom: 1px;
	padding-top: 5px;
}
.message_footer .end_chat,
.message_footer .close_window{
	color: #010000 !important;
    margin-top: 6px !important;
}
.end_chat_text,
.close_window,
.conversation .close_button{
	font-family: 'Roboto Condensed', sans-serif !important;
    font-style: normal;
    font-size: 11px;
}
li.rating .rating .filler{
	margin: 0;
}
/* 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 .avatar img, .message_bubble .avatar {
	width: 24px !important;
	height: 24px !important;
}
.message_bubble .bubble{
	color: rgb(51, 55, 69);
}
.message_bubble .message_header .from {
    color: #010000 !important;
    font-weight: normal !important;
    margin-top: 4px !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    font-size: 16px !important;
}
.message_bubble .message_header .date{
	font-size: 10px;
	padding-top: 3px;
}

/* Rating */
#rating .rating_text{
	font-size: 15px;
    font-weight: bold !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    text-transform: uppercase !important;
    color: #010000 !important;
}
li.rating .rating_text,
li.rating .rating .filler {
	background-color: transparent !important;
}

/* Openinghours */
#openinghours,
#openinghours .openinghours_content,
#openinghours .openinghours_content .content{
	background: #eff2f5 !important;
}
#openinghours .webstore_info{
	background-color: #FFF !important;
}
#openinghours .webstore_info .webstore_name {
    color: #3e3e3e !important;
    font-size: 20px;
    line-height: 1.3;
    font-weight: 700 !important;
    margin-bottom: -5px !important;
}
#openinghours .webstore_info .phonenumber.mobile {
    background-color: #ed1c24 !important;
    border: 1px solid #d3cfcf;
    border-radius: 0px !important;
    font-size: 15px !important;
    padding: 3px 5px 1px 5px !important;
    margin-top: 2px;
    font-weight: 400 !important;
    font-family: 'Roboto Condensed', sans-serif !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
}
.header.openinghours .openinghours_back h1 {
    margin-top: 0px !important;
}
#openinghours .openinghours_content .content span {
    font-size: 14px !important;
}
#openinghours .webstore_info .phonenumber.mobile:hover{
	background-color: #ef343b !important;
	color: #f2f2f2 !important;
}
#openinghours .openinghours_content .content .response_time {
	margin-top:0px !important;
}
#openinghours .openinghours_content .response_time .right .right {
    margin-top: 3px !important;
}
#openinghours .openinghours_content .content .title .time_zone {
	display: none !important;
}
#openinghours .openinghours_content .content .title {
    margin-bottom: 5px;
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: 700 !important;
    font-style: normal;
    text-transform: uppercase !important;
    font-size: 18px !important;
    color: #010000;
}
#openinghours .openinghours_content .content .response_time span,
#openinghours .openinghours_content .content span.right{
	font-weight: bold;
	color: rgb(51, 55, 69) !important;
}
#openinghours .openinghours_content .content .response_time span.left{
	font-weight: 400;
}

/* Footer */
.content_inner .footer{
	background-color: #FFF !important;
	border: 0px !important;
	font-style: normal;
}
.footer .service_rating span.icon {
	color: #010000 !important;	
}
.footer .service_rating li{
    color: #010000 !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, .service_rating li .rating.day-percentage:hover span.icon, .service_rating li .rating.day-percentage.active span.icon {
	color: #425668 !important;
}
.service_rating li span.value {
    font-family: 'Roboto Condensed', sans-serif !important;
    font-weight: 400 !important;
    margin-top: 2px;
    font-size: 20px !important;
}