4 /*background-image:url({{& assetBase}}?resource=images/motionLogo.png);*/
8 margin-left: 10px !important;
9 margin-top: 6px !important;
15 .xc_rating_label > input{ /* HIDE RADIO */
18 .xc_rating_label > input + img{ /* IMAGE STYLES */
20 border:2px solid transparent;
22 .xc_rating_label > input:checked + img{ /* (CHECKED) IMAGE STYLES */
23 /*border:2px solid #f00;*/
24 background-color: #efefef;
28 display: inline-block;
42 margin: 10px 0 10px 0;
54 font: 10px/16px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
65 background-color:transparent;
70 font-family:Arial,Helvetica,sans-serif;
86 .xc_conversation_container
95 .xc_conversation_container a
100 .xc_conversation_container a.xc_btn_style
108 background:{{color}};
109 /*border-radius: 20px 20px 0px 0px !important;*/
115 div.xc_chat_head.rounded
117 border-radius: 20px 20px 0px 0px !important;
120 div.xc_chat_head.squared
122 /*border-radius: 20px 20px 0px 0px !important;*/
134 /*background-image:url({{& assetBase}}?resource=images/iconVisitorchat.png);*/
138 margin:20px 20px 0 0;
141 .xc_header_icon span.xc_notification_badge span
164 margin:0 12px 0 11px;
167 .xc_chat_toggle_container
169 /*background:mediumslateblue center -52px;*/
173 border-color: {{color}};
177 .xc_signup_wrapper,.xc_notifications_wrapper,.xc_enquiry_wrapper,.xc_rating_wrapper
185 .xc_exit_chat_container
193 .xc_exit_chat_container span,.xc_exit_chat_container a
197 text-decoration:none;
200 .xc_exit_chat_container a:hover
205 a.xc_btn_exit_chat_confirm:hover
210 a.xc_btn_exit_chat_cancel:hover
222 /*background-color:#e3e3e3;*/
224 /*border-top:1px solid #d3d3d3;*/
230 margin:10px auto 5px;
233 .xc_input_enquiry_message,
234 .xc_input_rating_message
239 .xc_form_signup,.xc_form_enquiry,.xc_form_rating
241 /*text-align:center;*/
244 .xc_chat_container textarea,
245 .xc_chat_container input[type=text],
246 .xc_chat_container select
251 -webkit-box-sizing:border-box;
252 -moz-box-sizing:border-box;
253 box-sizing:border-box;
254 background-color:#fff;
255 border:1px solid #ccc;
256 -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
257 -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
258 box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);
259 -webkit-transition:border linear .2s, box-shadow linear .2s;
260 -moz-transition:border linear .2s, box-shadow linear .2s;
261 -o-transition:border linear .2s, box-shadow linear .2s;
262 transition:border linear .2s, box-shadow linear .2s;
263 display:inline-block;
267 -webkit-border-radius:4px;
268 -moz-border-radius:4px;
270 vertical-align:middle;
276 .xc_chat_container textarea:focus,.xc_chat_container input[type=text]:focus
278 outline: {{colorFocus}} auto 5px;
281 .xc_chat_container input[type=text]
286 .xc_message_sending textarea, .xc_enquiry_sending textarea
288 background: #fff url({{& assetBase}}?resource=images/loading.gif) 98% 5px no-repeat;
294 border-top:1px dashed #e3e3e3;
302 word-wrap:break-word;
314 .xc_submission_pending
316 background:transparent url({{& assetBase}}?resource=images/bullet_clock.png) left center no-repeat;
319 .xc_submission_confirmed
321 background:transparent url({{& assetBase}}?resource=images/bullet_tick.png) left center no-repeat;
338 display: inline-block;
342 -moz-border-radius: 5px;
343 -webkit-border-radius: 5px;
348 background-repeat:no-repeat;
349 display:inline-block;
358 width:100%!important;
361 .xc_notifications_wrapper
363 text-shadow:0 1px 0 rgba(255,255,255,0.5);
366 .xc_notification_success
371 .xc_notification_error
382 i.xc_btn_notifications_close
399 -moz-box-shadow:inset 0 1px 0 0 {{colorButton}};
400 -webkit-box-shadow:inset 0 1px 0 0 {{colorButton}};
401 box-shadow:inset 0 1px 0 0 {{colorButton}};
403 background-color:{{colorButton}};
404 -moz-border-radius:4px;
405 -webkit-border-radius:4px;
407 border:1px solid {{colorButton}};
408 display:inline-block;
411 text-decoration:none;
412 text-shadow:1px 1px 0 #000c17;
420 background-color:{{colorButton}};
422 text-decoration: none;
431 .xc_composing_container
436 background: transparent url({{& assetBase}}?resource=images/bullet_pencil.png) 6px center no-repeat;
441 @media only screen and (max-height: 620px) {
442 .xc_conversation_container
444 max-height:300px!important;
448 @media only screen and (max-height: 545px) {
449 .xc_conversation_container
451 max-height:200px!important;
455 @media only screen and (max-height: 445px) {
456 .xc_conversation_container
458 max-height:150px!important;
462 @media only screen and (max-width: 480px) {
466 right:auto!important;
467 -webkit-border-top-left-radius:15px;
468 -webkit-border-top-right-radius:15px;
469 -moz-border-radius-topleft:15px;
470 -moz-border-radius-topright:15px;
471 border-top-left-radius:15px;
472 border-top-right-radius:15px;
473 box-shadow:0 0 5px rgba(0,0,0,.5);
474 -webkit-box-shadow:0 0 5px rgba(0,0,0,.5);
475 -moz-box-shadow:0 0 5px rgba(0,0,0,.5);
480 background-color:#036;
481 background-image:none;
484 -webkit-border-top-left-radius:15px;
485 -webkit-border-top-right-radius:15px;
486 -moz-border-radius-topleft:15px;
487 -moz-border-radius-topright:15px;
488 border-top-left-radius:15px;
489 border-top-right-radius:15px;
493 .xc_chat_toggle_container
495 background-color:#fff;
496 background-image:none;
504 /*background-image:url({{& assetBase}}?resource=images/iconVisitorchat.png);*/
508 .xc_header_icon span.xc_notification_badge span
514 .xc_notification_success
516 background-color:#dff0d8;
517 border:1px solid #d6e9c6;
520 .xc_conversation_container
526 .xc_notification_error
528 background-color:#f2dede;
529 border:1px solid #eed3d7;
538 .xc_chat_head-title,.xc_conversation