.schat-clear { *zoom: 1; }
.schat-clear:before,.schat-clear:after { display: table; content: ""; line-height: 0; }
.schat-clear:after { clear: both; } .schat-widget *,
.schat-chat-btn * {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-weight: inherit;
vertical-align: baseline;
background: transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-shadow: none;
}
.schat-widget strong {
font-weight: bold;
}
.schat-widget input[type="text"],
.schat-widget input[type="email"], 
.schat-widget input[type="tel"],
.schat-widget select {
vertical-align:middle;
}
.schat-widget input[type="text"],
.schat-widget input[type="email"], 
.schat-widget input[type="tel"],
.schat-widget textarea {
color: #333;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 16px;
border: none;
background-color: #fff;
border-color: transparent;
border-width: 0;
border-style: none;
outline: none;
resize: none;
text-shadow: none;
text-transform: none;
height: inherit;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: border .2s, background-color .3s;
-moz-transition: border .2s, background-color .3s;
-o-transition: border .2s, background-color .3s;
transition: border .2s, background-color .3s;
-webkit-font-smoothing: antialiased;
}
.schat-widget input[type="text"]:focus,
.schat-widget input[type="email"]:focus, 
.schat-widget input[type="tel"]:focus, 
.schat-widget textarea:focus {
border: none;
border-color: transparent;
border-width: 0;
border-style: none;
outline: none;
resize: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.schat-widget ul, .schat-widget li {
list-style: none;
}
.schat-widget input::-webkit-input-placeholder, 
.schat-widget isindex::-webkit-input-placeholder, 
.schat-widget textarea::-webkit-input-placeholder {
color: darkGray;
} @font-face {
font-family: 'schat';
src: url(//www.lancashireway.com/wp-content/plugins/screets-lc/assets/fonts/schat.eot);
}
@font-face {
font-family: 'schat';
src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype'),
url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
font-weight: normal;
font-style: normal;
}
[class^="schat-ico-"], [class*=" schat-ico-"] {
font-family: 'schat' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.schat-ico-mobile:before {
content: "\e600";
}
.schat-ico-chat:before {
content: "\e604";
}
.schat-ico-popup:before {
content: "\e605";
}
.schat-ico-preview:before {
content: "\e601";
}
.schat-ico-online:before {
content: "\e609";
}
.schat-ico-cross:before {
content: "\e606";
}
.schat-ico-warning:before {
content: "\e607";
}
.schat-ico-save:before {
content: "\e608";
}
.schat-ico-arrow-down:before {
content: "\e602";
}
.schat-ico-arrow-up:before {
content: "\e603";
} .schat-widget,
.schat-chat-btn {
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
position: fixed;
line-height: 1;
} .schat-widget {
font-size: 14px;
-webkit-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 12px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
z-index: 999999;
}
.schat-widget .schat-header {
position: relative;
}
.schat-widget .schat-header > .schat-title {
font-size: 16px;
}
.schat-widget .schat-header > .schat-ico {
position: absolute;
top: 10px;
right: 15px;
}
.schat-widget a,
.schat-widget a:hover {
text-decoration: none;
} .schat-chat-btn {
font-size: 16px;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
-webkit-transition: background-color .3s;
-moz-transition: background-color .3s;
-o-transition: background-color .3s;
transition: background-color .3s;
z-index: 999999;
cursor: pointer;
}
.schat-chat-btn .schat-ico {
font-size: 18px;
}
.schat-chat-btn .schat-title {
display: block;
float: left;
overflow: hidden;
margin: 9px 10px 9px 0;
text-align: left;
}
.schat-chat-btn.schat-no-ico .schat-title {
margin-left: 10px;
}
.schat-chat-btn.schat-no-title .schat-ico-arrow-up,
.schat-chat-btn.schat-no-title .schat-ico-arrow-down {
padding-left: 10px;
}
.schat-chat-btn .schat-ico-arrow-up,
.schat-chat-btn .schat-ico-arrow-down {
display: none;
float: right;
padding: 8px 10px 8px 0;
}
.schat-chat-btn .schat-ico-chat {
display: none;
float: left;
padding: 8px 10px;
} .schat-header {
text-align: center;
font-size: 16px;
padding: 10px;
cursor: pointer;
} .schat-body {
position: relative;
background-color: #fff;
line-height: 16px;
overflow: auto;
} .schat-login-form {
padding: 20px;
}   .schat-offline {}
.schat-offline-form {
padding: 20px;
} .schat-form .schat-lead {
color: #222;
font-size: 15px;
line-height: 19px;
margin-bottom: 30px;
}
.schat-form .schat-line {
margin-bottom: 20px;
}
.schat-form .schat-req {
color: red;
}
.schat-form label {
display: block;
font-family: Verdana, Geneva, sans-serif;
text-align: left;
color: #878787;
font-size: 13px;
margin-bottom: 7px;
}
.schat-form input[type="text"],
.schat-form input[type="email"], 
.schat-form input[type="tel"], 
.schat-form textarea,
.schat-form input[type="text"]:focus,
.schat-form input[type="email"]:focus, 
.schat-form input[type="tel"]:focus, 
.schat-form textarea:focus {
width: 100%;
font-size: 14px;
border: 1px solid #cdcdcd;
padding: 7px 11px;
margin: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.schat-form input[type="text"]:focus,
.schat-form input[type="email"]:focus, 
.schat-form input[type="tel"]:focus, 
.schat-form textarea:focus {
background-color: #f5f5f5;
border-color: #ccc;
}
.schat-form textarea {
max-height: 100px;
}
.schat-send {
text-align: center;
}
.schat-form-btn {
display: inline-block;
width: inherit;
border: none;
padding: 7px 11px;
background: transparent;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
}
.schat-disabled { 
color: #999 !important;
background-color: #ddd !important;
cursor: default !important;
}
.schat-ntf {
display: none;
color: #888;
margin: 15px;
text-align: center;
}
.schat-online > .schat-ntf {
margin-bottom: 7px; }
.schat-ntf.schat-error { color: #e54440; }
.schat-ntf.schat-success { color: green; }
.schat-ntf.schat-typing {
padding-left: 21px;
min-height: 16px;
background: url(//www.lancashireway.com/wp-content/plugins/screets-lc/assets/img/schat-writing.png) no-repeat left;
}
.schat-ntf.schat-sending {
background: url(//www.lancashireway.com/wp-content/plugins/screets-lc/assets/img/schat-loader.gif) no-repeat right;
}
.schat-ntf.schat-sending.schat-conn {
display: block;
} .schat-cnv {
position: relative;
min-height: 180px;
max-height: 220px;
padding: 7px 18px;
text-align: left;
overflow: auto;
-webkit-transition: padding .2s;
-moz-transition: padding .2s;
-ms-transition: padding .2s;
-o-transition: padding .2s;
transition: padding .2s;
}
.schat-welc {
line-height: 20px;
margin-top: 15px;
}
.schat-cnv-line {
position: relative;
margin: 15px 0;
}
.schat-cnv-line.schat-you {
float: right;
width: 80%;
margin: 5px 0;
}
.schat-cnv-line.schat-you .schat-cnv-msg {
margin-left: auto;
background-color: #C8F7BE;
padding: 7px 10px;
border-radius: 7px;
}
.schat-cnv-line.schat-you .schat-cnv-msg {
margin-left: auto;
background-color: #c8f7be;
}
.schat-cnv-line.schat-you .schat-cnv-author,
.schat-cnv-line.schat-you .schat-img {
display: none;
}
.schat-cnv-line.schat-you .schat-cnv-time {
display: none;
position: absolute;
top: 5px;
left: -38px;
color: #b0c2ac;
}
.schat-cnv-line.schat-you:hover .schat-cnv-time {
display: block;
}
.schat-cnv-ntf {
color: #aaa;
font-size: 13px;
text-align: center;
padding-bottom: 7px;
}
.schat-cnv .schat-avatar {
position: absolute;
top: 2px;
left: 0;
width: 30px;
}
.schat-cnv .schat-avatar.schat-img img {
width: 30px;
border-radius: 30px;
}
.schat-cnv .schat-avatar.schat-txt {
color: #fff;
font-size: 18px;
padding: 11px 0;
text-align: center;
text-transform: uppercase;
}
.schat-cnv-time {
float: right;
color: #ccc;
font-size: 10px;
font-family: Verdana, Geneva, sans-serif;
}
.schat-cnv-author {
font-size: 12px;
font-weight: bold;
margin-bottom: 4px;
}
.schat-cnv-msg {
color: #444;
margin-left: 40px;
line-height: 18px;
cursor: default;
}
.schat-cnv-msg-detail {
display: block;
font-size: 14px;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
}
.schat-cnv-status {
color: #aaa;
text-align: right;
}
.schat-cnv-reply {
width: 100%;
}
.schat-reply-top .schat-cnv-reply {
border-bottom: 1px solid #eee;
}
.schat-reply-bottom .schat-cnv-reply {
border-top: 1px solid #eee;
bottom: 0;
left: 0;
}
.schat-cnv-input {
padding: 0 15px 0 15px;
cursor: text;
}
.schat-cnv-input textarea.schat-reply-input {
width: 100%;
height: 30px;
font-size: 14px;
line-height: 18px;
max-height: 70px;
padding: 10px 0 7px 0 !important;
overflow: hidden;
}
.schat-cnv-input textarea.schat-reply-input.schat-disabled {
color: #ccc !important;
background-color: #fff !important;
}
.schat-tools {
padding: 0 18px 14px 18px;
text-align: right;
}
.schat-tools a {
display: inline-block;
color: #bbb;
border: 1px solid #eee;
padding: 4px 7px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.schat-tools a:hover {
color: #666;
border-color: #ddd;
} .schat-ntf-msg {
padding: 20px;
text-align: center;
font-style: italic;
} .schat-widget ::-webkit-scrollbar { width: 7px; height: 10px; }
.schat-widget ::-webkit-scrollbar-button:start:decrement,
.schat-widget ::-webkit-scrollbar-button:end:increment  { display: none; }
.schat-widget ::-webkit-scrollbar-track-piece  {
background-color: #efefef;
}
.schat-widget ::-webkit-scrollbar-thumb:vertical {
background-color: #999;
}  @media only screen and (max-width: 1024px) {
} @media only screen and (max-width: 768px) {
} @media only screen and (max-width: 420px) { } .schat-anim {
-webkit-animation-duration: .4s;
animation-duration: .4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.schat-anim.schat-hinge {
-webkit-animation-duration: 1s;
animation-duration: 1s;
} @-webkit-keyframes schat-bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes schat-bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.schat-bounceInUp {
-webkit-animation-name: schat-bounceInUp;
animation-name: schat-bounceInUp;
} @-webkit-keyframes schat-bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes schat-bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.schat-bounceInDown {
-webkit-animation-name: schat-bounceInDown;
animation-name: schat-bounceInDown;
} @-webkit-keyframes schat-fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(200px);
transform: translateY(200px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes schat-fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(200px);
-ms-transform: translateY(200px);
transform: translateY(200px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.schat-fadeInUp {
-webkit-animation-name: schat-fadeInUp;
animation-name: schat-fadeInUp;
} @-webkit-keyframes schat-fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-200px);
transform: translateY(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes schat-fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-200px);
-ms-transform: translateY(-200px);
transform: translateY(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.schat-fadeInDown {
-webkit-animation-name: schat-fadeInDown;
animation-name: schat-fadeInDown;
}