@import url('https://fonts.googleapis.com/css2?family=Karla:wght@400;700&display=swap');

body {
    font-family: 'Karla', sans-serif !important;
    color: #999 !important;
}
textarea, input {
    font-family: 'Karla', sans-serif !important;
    font-size: 14px !important;
}
/* HEADER */
.content_inner .header {
    background-color: #FFF !important;
    font-family: 'Karla', sans-serif !important;
}
.content_inner .header h1, .header .minimize_icon, .header.openinghours .openinghours_back, .header .minimize_icon:hover, .header.openinghours .openinghours_back:hover {
    color: #000 !important;
}
.content_inner .header .caption.icon {
    color: #48A06E !important;
 }
.content_inner .header h1 {
    margin-top: 0px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    font-size: 20px !important;
    font-family: 'Karla', sans-serif !important;
}
.content_inner .header h1.back_text {
    font-size: 16px !important;
    margin-top: 2px !important;
    margin-left: 4px !important;
}
.header.openinghours .openinghours_back h1 {
	text-transform: none;
	font-size: 1.25em;
	margin-top: -2px;
	margin-left: 10px;
}
/* TEXT BUBBLES */
.message_bubble.user .bubble, .message_bubble.webstore .bubble, .message_bubble.ratingreply .bubble, .message_bubble.autoreply .bubble {
	background-color: #FFF;
}
.message_bubble.user .bubble:after, .message_bubble.webstore .bubble:after, .message_bubble.ratingreply .bubble:after, .message_bubble.autoreply .bubble:after {
	border-left-color: #FFF;
}
.message_bubble .message_header .from {
    font-size: 14px !important;
    font-family: 'Karla', sans-serif !important;
    margin-top: 2px !important;
    font-weight: 700 !important;
}
.message_bubble .message_header {
    margin-top: 0 !important;
}
.message_bubble .message_text p {
    font-size: 14px !important;
    color: #999 !important;
    line-height: 1.5 !important;
}
.message_bubble .avatar, .message_bubble .avatar img {
    width: 20px !important;
    height: 20px !important;
}
li.rating .rating_text {
    color: #000 !important;
    font-size: 14px !important;
    font-family: 'Karla', sans-serif !important;
    text-transform: uppercase;
}
.conversation {
    font-size: 14px !important;
}
.chat .conversation .watermark {
    top: 9px !important;
}

/* FORM */
.new.conversation.form {
	background-color: #FFF;
}
.existing .feedback .message_footer .send_button, .existing .question .message_footer .send_button, .new.conversation .input .start_button, .conversation .close_button {
    background-color: #48A06E !important;
    text-transform: uppercase !important;
    font-family: 'Karla', sans-serif !important;
    border-radius: 0 !important;
    font-weight: 700 !important;
    font-size: 14px !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: #48A06E !important;
}
.content_inner.chat .conversation .message_footer, .content_inner.chat .conversation li.sendbutton {
    height: 24px !important;
}
.form .message_footer .enter, .form .input .enter {
    margin-right: -8px !important;
    margin-top: 2px !important;
}
.message_footer .end_chat {
    margin-top: 4px !important;
    color: #48A06E !important;
    font-family: 'Karla', sans-serif !important;
}
.form .message_footer .enter label, .form .input .enter label {
    margin-top: 1px !important;
}
.upload_attachment_button:hover {
	background-color: #48A06E;
}
.upload_attachment_button {
    top: 8px !important;
}

/* FOOTER */
.content_inner .footer, .online tr.new.conversation {
	background-color: #F8F8F8 !important;
}
.service_rating li span.value {
    margin-top: 3px !important;
}
.service_rating li .rating {
	color: #212529;
}
.service_rating li .rating.day-percentage.active, .service_rating li .rating.day-percentage:hover {
    color: #48A06E !important;
}
.content_inner .footer .powered_by {
	color: #CCC;
}
/* SERVICEHOURS */
#openinghours .webstore_info .phonenumber.mobile {
    background-color: #48A06E;
    border-radius: 0 !important;
    margin-bottom: 1px !important;
    padding: 4px 6px 2px 6px !important
}
#openinghours .openinghours_item {
    height: 20px !important;
}
#openinghours .webstore_info .address_one, #openinghours .webstore_info .address_two {
    font-size: 14px !important;
}
#openinghours .webstore_info .address_one {
    margin-bottom: 2px;
}
#openinghours .webstore_info .webstore_name {
    margin-bottom: -2px;
    color: #000 !important;
    font-family: 'Karla', sans-serif !important;
    text-transform: uppercase;
}
#openinghours .openinghours_content .content {
    margin: 18px 20px 0 20px !important;
    color: #000 !important;
}
#openinghours, #openinghours .openinghours_content, #openinghours .openinghours_content .content {
    background-color: #FFF !important;
}
#openinghours .openinghours_content .content span {
    font-size: 14px !important;
}
#openinghours .openinghours_content .content .response_time {
    margin-bottom: 16px !important;
}
#openinghours .openinghours_content .content span.right {
    font-size: 14px !important;
}
#openinghours .openinghours_content .content .title {
    text-transform: uppercase !important;
    font-size: 16px !important;
    font-family: 'Karla', sans-serif !important;
}
#openinghours .openinghours_content .content .title {
    margin: 0 0 4px 0 !important;
}
#openinghours .openinghours_content .content .title .time_zone {
	display: none;
}
#openinghours .openinghours_content .response_time .right {
    margin-right: 34px;
}