@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,700';

@font-face {
	font-family: 'GoudyCatSC-Reg';
	src: url("https://robincontentdesktop.blob.core.windows.net/css/rivieramaison/fonts/2AF51C_0_0.eot");
	src: url("https://robincontentdesktop.blob.core.windows.net/css/rivieramaison/fonts/2AF51C_0_0.eot?#iefix") format("embedded-opentype"),
	url("https://robincontentdesktop.blob.core.windows.net/css/rivieramaison/fonts/2AF51C_0_0.woff") format("woff"),
	url("https://robincontentdesktop.blob.core.windows.net/css/rivieramaison/fonts/2AF51C_0_0.ttf") format("truetype");
}

/* Global */
body, .message_bubble .bubble {
	color: #333 !important;
	line-height: 1rem;
}
.conversation .watermark {
    line-height: 1rem;
}
.content{
	background-color: #FFF !important;
	font-family: "Roboto", sans-serif !important;
	font-weight: 400;
}
.content .messages,
#openinghours .webstore_info{
	background-color: #FFF !important;
}
.new.conversation.form,
.content_inner.online tr.form td,
.content_inner tr.existing.form td {
	background-color: #f3f3f3 !important;
	border-top: 1px solid #e4e3e2;
}
.new.conversation.messages {
    background: url('img/perfectlybasics.png') #FFF center 25px no-repeat !important;
}

/* Header */
.content_inner .header{
	background-color: #333333;
	border-bottom: 0px solid #f7f7f7 !important;
}
.content_inner .header h1 {
    color: #FFF;
    font-family: "GoudyCatSC-Reg", serif !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
    font-size: 23px;
    margin-top: -2px;
    text-transform: none !important;
}
.content_inner .header .caption.icon{
	color: #FFF !important;
}
.content_inner .header .minimize_icon{
	color: #FFF;
}
.content_inner .header .minimize_icon:hover{
	color: #FFF !important;
}
.header.openinghours .openinghours_back, .header.openinghours .openinghours_back h1 {
    color: #FFF !important;
    font-size: 19px;
    letter-spacing: 0em;
    font-family: "GoudyCatSC-Reg", serif !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
}
header.openinghours .openinghours_back, .header.openinghours .openinghours_back h1 {
    color: #FFF !important;
    font-size: 20px;
    letter-spacing: 0em;
    font-family: "GoudyCatSC-Reg", serif !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
}
.header.openinghours .openinghours_back h1 {
    margin-top: 0px !important;
}
.header.openinghours .openinghours_back:hover,
.header.openinghours .openinghours_back h1:hover{
	color: #FFF !important;
}
/* Inputs */
input, textarea{
	border-radius: 0px !important;
    font-family: "Roboto", sans-serif !important;
    font-weight: 300 !important;
    color: #333 !important;
}
input:focus, textarea:focus {
	border-color: #333333 !important;
	outline: 0;
}
.form .message_footer .enter, .form .input .enter{
	margin-top: 4px;
}
.enter .existing_enter_checkbox{
	margin-top: 6px;
}
label.hide_mobile_enter{
	padding-top: 1px;
}
textarea#question{
	min-height: 38px;
}
.contact_form .conversation .watermark,
.chat .conversation .watermark {
    position: absolute;
    top: 10px !important;
    color: #a6a1a0 !important;
    font-weight: 300 !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.conversation {
	font-size: 12px !important;
}
.content_inner.chat .conversation .message_footer, .content_inner.chat .conversation li.sendbutton {
    height: 30px !important;
}
.form .message_footer .enter, .form .input .enter {
    margin-top: 5px !important;
    font-weight: lighter !important;
}

/* Interactions */
.existing .feedback .message_footer .send_button, 
.existing .question .message_footer .send_button, 
.new.conversation .input .start_button, 
.conversation .close_button{
	background: #ffbe00 !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    font-family: "Roboto", sans-serif !important;
    text-align: center !important;
    text-decoration: none !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    padding: 1px 15px !important;
    line-height: 28px !important;
    text-transform: none !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: #ffcb33 !important;
}
.message_footer .end_chat,
.message_footer .close_window{
	color: #333 !important;

}
.message_footer .end_chat:hover,
.message_footer .close_window:hover{
	color: #333 !important;
	text-decoration: none !important;
}
.end_chat_text,
.close_window,
.conversation .close_button{
    font-family: "Roboto", sans-serif !important;
}

/* Bubbles */
.message_bubble.user .bubble:after, .message_bubble.ratingreply .bubble:after, .message_bubble.autoreply .bubble:after{
	border-left-color: #fff;	
}
.conversation .message_bubble .bubble,
.message_bubble.user .bubble, 
.message_bubble.ratingreply .bubble, 
.message_bubble.autoreply .bubble{
	background: #FFF;
	border-radius: 0px !important;
}
.message_bubble .message_header .from{
    font-family: "GoudyCatSC-Reg", serif !important;
    font-size: 13px !important;
    margin-top: 7px !important;
    color: #333 !important;
    text-transform: uppercase !important;
    font-weight: normal !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
}
.message_bubble .message_header .date{
	font-size: 10px;
	padding-top: 0px;
}
.message_bubble .avatar {
	width: 24px !important;
}
.message_bubble .avatar img {
	width: 24px !important;
	height: 24px !important;
}
.message_text {
	font-family: "Roboto", sans-serif !important;
    color: #333 !important;
    font-size: 12px !important;
}
.message_footer .end_chat { 
	margin-top: 6px !important;
}
/* Rating */
#rating .rating_text{
	font-size: 14px;
	font-family: "Roboto", sans-serif !important;
	font-weight: 600;
}
li.rating .rating_text,
li.rating .rating .filler {
	background-color: #FFF;
}

/* Openinghours */
#openinghours .webstore_info{
	background: #FFF !important;
}
#openinghours,
#openinghours .openinghours_content,
#openinghours .openinghours_container,
#openinghours .openinghours_content .content{
	background: #FFF !important;
}
#openinghours .openinghours_content{
	border-top: 1px solid #eee !important;	
}
#openinghours .webstore_info .phonenumber.mobile{
	background: #ffbe00 !important;
    border: 0px solid #f7f7f7!important;
    font-family: "Roboto", serif !important;
    font-size: 15px !important;
    margin-top: 1px !important;
    padding: 2px 8px 2px 7px !important;
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    color: #333 !important;
}
#openinghours .webstore_info .phonenumber.mobile:hover{
	background: #ffcb33 !important;
}
#openinghours .openinghours_content .content .title{
	font-family: "GoudyCatSC-Reg", serif !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
	color: #333 !important;
	font-size: 16px !important;
}
#openinghours .webstore_info .webstore_name {
    font-size: 26px !important;
    font-family: "GoudyCatSC-Reg", serif !important;
    -webkit-font-smoothing: subpixel-antialiased !important;
    color: #333 !important;
    height: 23px;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
}
#openinghours .webstore_info .address_one {
	margin-top: 3px !important;
	font-size: 13px !important;
}
#openinghours .openinghours_content .content .response_time {
	font-size: 16px !important;
	margin-top: 5px !important;
    margin-bottom: 20px !important;
}
#openinghours .webstore_info .address_two {
	font-size: 13px !important;
	margin-top: 0px !important;
}
#openinghours .openinghours_content span{
	display: inline !important;
	font-size: 13px !important;
}
#openinghours .openinghours_content .content .title.service_hours {
    margin: 0 0 4px 0 !important;
}
#openinghours .openinghours_item{
	height: 20px !important; 
}
.openinghours .content span.right{
	margin-top: 1px !important;
}
#openinghours .openinghours_content .content .response_time span.left{
	font-weight: 400;
}

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

/* Footer */
.content_inner .footer{
	background: #FFF;
	border-top: 1px solid #e4e3e2 !important;
	font-family: "GoudyCatSC-Reg", serif !important;
}
.footer .service_rating li{
	color: #333 !important;
	font-weight: 300 !important;
}
.footer .service_rating li span.value{
	color: #333 !important;
    margin-top: 4px !important;
    font-size: 20px !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: #ffbe00 !important;
}
.footer .powered_by{
	display: none !important;
	font-family: "Roboto", sans-serif !important;
	margin-top: 20px;
	color: #ccc;
}