/* HTML 4.01 */
.clickdesk,
.clickdesk h1,
.clickdesk h2,
.clickdesk h3,
.clickdesk h4,
.clickdesk h5,
.clickdesk h6,
.clickdesk p,
.clickdesk td,
.clickdesk dl,
.clickdesk tr,
.clickdesk dt,
.clickdesk ol,
.clickdesk form,
.clickdesk select,
.clickdesk option,
.clickdesk pre,
.clickdesk div,
.clickdesk table,
.clickdesk th,
.clickdesk tbody,
.clickdesk tfoot,
.clickdesk caption,
.clickdesk thead,
.clickdesk ul,
.clickdesk li,
.clickdesk address,
.clickdesk blockquote,
.clickdesk dd,
.clickdesk fieldset,
.clickdesk li,
.clickdesk iframe,
.clickdesk strong,
.clickdesk legend,
.clickdesk em,
.clickdesk s,
.clickdesk cite,
.clickdesk span,
.clickdesk input,
.clickdesk sup,
.clickdesk label,
.clickdesk dfn,
.clickdesk object,
.clickdesk big,
.clickdesk q,
.clickdesk font,
.clickdesk samp,
.clickdesk acronym,
.clickdesk small,
.clickdesk img,
.clickdesk strike,
.clickdesk code,
.clickdesk sub,
.clickdesk ins,
.clickdesk textarea,
.clickdesk var,
.clickdesk a,
.clickdesk abbr,
.clickdesk applet,
.clickdesk del,
.clickdesk kbd,
.clickdesk tt,
.clickdesk b,
.clickdesk i,
.clickdesk hr,
.clickdesk article,
.clickdesk aside,
.clickdesk dialog,
.clickdesk figure,
.clickdesk footer,
.clickdesk header,
.clickdesk hgroup,
.clickdesk menu,
.clickdesk nav,
.clickdesk section,
.clickdesk time,
.clickdesk mark,
.clickdesk audio,
.clickdesk video {
background-attachment: scroll !important;
background-color: transparent !important;
background-image: none;
background-position: 0 0;
background-repeat: repeat !important;
border-radius: 0 !important;
border-style: none;
border-width: thin!important;
bottom: auto;
clear: none !important;
/*clip:auto !important;*/
color: #404040 !important;
counter-increment: none !important;
counter-reset: none !important;
cursor: auto !important;
direction: inherit !important;
float: none !important;
font-family: Arial, Helvetica, sans-serif !important;
font-size: inherit !important;
font-style: inherit;
font-variant: normal !important;
font-weight: inherit !important;
left: auto;
letter-spacing: 0 !important;
line-height: 1.4em !important;
margin: 0;
max-height: none !important;
max-width: none !important;
min-height: 0 !important;
min-width: 0 !important;
opacity: 1;
outline: invert none medium !important;
overflow: visible;
padding: 0;
position: static;
quotes: "" "" !important;
text-align: left;
text-decoration: inherit !important;
text-indent: 0 !important;
text-transform: none !important;
top: auto;
unicode-bidi: normal !important;
vertical-align: baseline !important;
visibility: inherit;
word-spacing: 0 !important;
z-index: auto;
text-shadow: none !important;
-webkit-box-sizing: content-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: content-box;
/* Firefox, other Gecko */
box-sizing: content-box;
/* Opera/IE 8+ */
}
/* == SPECIFIC ELEMENTS == */
/* Some of these are browser defaults; some are just useful resets */
.clickdesk nav ul,
.clickdesk nav ol {
list-style-type: none !important;
}
.clickdesk li {
/* Fixes IE7 issue with positioning of nested bullets */
min-height: auto !important;
min-width: auto !important;
}
.clickdesk strong {
font-weight: bold !important;
}
.clickdesk em {
font-style: italic !important;
}
.clickdesk kbd,
.clickdesk samp,
.clickdesk code {
font-family: monospace !important;
}
.clickdesk a,
.clickdesk a *,
.clickdesk input[type=submit],
.clickdesk input[type=radio],
.clickdesk input[type=checkbox],
.clickdesk select {
cursor: pointer !important;
}
.clickdesk a:hover {
text-decoration: underline;
}
.clickdesk button,
.clickdesk input[type=submit] {
text-align: center !important;
}
.clickdesk input[type=hidden] {
display: none !important;
}
.clickdesk select {
background-repeat: no-repeat !important;
-webkit-box-sizing: border-box;
/* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;
/* Firefox, other Gecko */
box-sizing: border-box;
/* Opera/IE 8+ */
}
.clickdesk h2,
.clickdesk dfn,
.clickdesk p,
.clickdesk a,
.clickdesk label,
.clickdesk input,
.clickdesk select,
.clickdesk img,
.clickdesk ul,
.clickdesk li,
.clickdesk form,
.clickdesk textarea,
.clickdesk big {
width: auto;
height: auto;
}
/* == ROOT CONTAINER ELEMENT == */
/* This contains default values for child elements to inherit */
.clickdesk {
font-size: medium !important;
line-height: 1.4em !important;
direction: ltr !important;
text-align: left;
font-family: Arial, Helvetica, sans-serif !important;
color: black;
font-style: normal !important;
font-weight: normal !important;
text-decoration: none !important;
list-style-type: disc !important;
}
.clickdesk .text-transform {
text-transform: capitalize !important;
}
.clickdesk .hover {
box-shadow: 0px 0px 20px #888888 !important;
}
.clickdesk .cd-bubble {
width: 209px !important;
padding-top: 2px;
position: fixed !important;
bottom: 0px;
right: 15px;
z-index: 2147483638 !important;
}
.clickdesk .cd-bar {
color: #ffffff !important;
display: block;
width: 209px;
font-family: Arial, Helvetica, sans-serif !important;
font-size: 14px !important;
font-weight: normal !important;
line-height: 2.3em !important;
text-align: center !important;
margin-top: 1px !important;
background-color: #7195a3 !important;
background-image: url("https://clickdesk.s3.amazonaws.com/chat_bar/images/up-arrow.png") !important;
background-position: right center !important;
background-repeat: no-repeat !important;
border: 3px solid #ffffff !important;
border-bottom-width: 2px !important;
border-radius: 8px 8px 0 0 !important;
box-shadow: 0px 0px 4px #666666 !important;
position: relative !important;
z-index: 9999 !important;
}
.clickdesk .cd-bar:hover {
box-shadow: 0px 0px 20px #888888 !important;
background-color: #90acb7 !important;
text-decoration: none !important;
}
.clickdesk .cd-eye-catcher {
background: url("https://clickdesk.s3.amazonaws.com/chat_bar/images/help.png") left top no-repeat !important;
width: 206px;
height: 76px;
display: block;
color: #fff !important;
text-align: center;
padding-top: 10px !important;
font-size: 28px !important;
font-family: 'Conv_BreeSerif-Regular' !important;
position: absolute !important;
top: 106px;
z-index: 99 !important;
}
.clickdesk .cd-eye-catcher small {
background: url("https://clickdesk.s3.amazonaws.com/chat_bar/images/cap.png") left top no-repeat;
width: 93px;
height: 83px;
position: absolute;
right: -16px;
top: -27px;
text-indent: -9999px !important;
}
.clickdesk .cd-eye-catcher:hover {
color: #90acb7 !important;
}
@font-face {
font-family: 'LucidaGrandeRegular' !important;
src: url('https://clickdesk.s3.amazonaws.com/chat_bar/fonts/lucida_grande-webfont.eot') !important;
src: url('https://clickdesk.s3.amazonaws.com/chat_bar/fonts/lucida_grande-webfont.eot?#iefix') format('embedded-opentype'), url('https://clickdesk.s3.amazonaws.com/chat_bar/fonts/lucida_grande-webfont.woff') format('https://clickdesk.s3.amazonaws.com/chat_bar/fonthttps://clickdesk.s3.amazonaws.com/chat_bar/fontssoff'), url('https://clickdesk.s3.amazonaws.com/chat_bar/fonts/lucida_grande-webfont.ttf') format('truetype'), url('https://clickdesk.s3.amazonaws.com/chat_bar/fonts/lucida_grande-webfont.svg#LucidaGrandeRegular') format('svg') !important;
font-weight: normal !important;
font-style: normal !important;
}
.clickdesk div {
font-family: Arial, Helvetica, sans-serif !important;
}
.clickdesk input,
.clickdesk select {
vertical-align: middle !important;
}
.clickdesk ul,
.clickdesk li {
list-style: none !important;
display: block;
}
.clickdesk .main {
width: 100% !important;
padding-top: 10px !important;
}
.clickdesk .cd-chat-inner {
border: 1px solid !important;
border-color: #587b89 !important;
background-color: white !important;
border-radius: 5px 5px 0 0 !important;
width: 267px !important;
position: absolute !important;
bottom: 0px;
right: 10px !important;
}
.clickdesk .cd-chat-inner-top {
position: relative !important;
overflow: hidden !important;
background: #7195a3 !important;
border-radius: 3px 3px 0 0 !important;
padding: 10px 10px 7px 10px !important;
/*.cd-close-btn { position:absolute !important; right:6px !important; top:6px !important;}
.cd-minus-btn { position:absolute !important; right:43px !important; top:6px !important;}
.cd-pop-out { position:absolute !important; right:24px !important; top:6px !important;}
.cd-pop-in { position:absolute !important; right:6px !important; top:6px !important;}*/
}
.clickdesk .cd-chat-inner-top .cd-chat-inner-fig {
display: inline-block !important;
margin: 0 10px 0 0 !important;
}
.clickdesk .cd-chat-inner-top .cd-chat-inner-fig img {
vertical-align: middle !important;
width: 40px !important;
height: 40px !important;
border-radius: 5px 5px 5px 5px !important;
padding: 2px !important;
border: 2px solid #eee !important;
}
.clickdesk .cd-chat-inner-top .cd-widget-controls {
position: absolute !important;
right: 6px !important;
top: 6px !important;
}
.clickdesk .cd-chat-inner-top .cd-close-btn,
.clickdesk .cd-chat-inner-top .cd-minus-btn,
.clickdesk .cd-chat-inner-top .cd-pop-out,
.clickdesk .cd-chat-inner-top .cd-pop-in {
display: inline-block !important;
}
.clickdesk .cd-chat-inner-top .cd-close-btn a,
.clickdesk .cd-chat-inner-top .cd-minus-btn a,
.clickdesk .cd-chat-inner-top .cd-pop-out a,
.clickdesk .cd-chat-inner-top .cd-pop-in a {
opacity: 0.7 !important;
}
.clickdesk .cd-chat-inner-top .cd-close-btn a:hover,
.clickdesk .cd-chat-inner-top .cd-minus-btn a:hover,
.clickdesk .cd-chat-inner-top .cd-pop-out a:hover,
.clickdesk .cd-chat-inner-top .cd-pop-in a:hover {
background-color: #afc3cb !important;
opacity: 1 !important;
}
.clickdesk .cd-chat-inner-top .cd-pop-out a,
.clickdesk .cd-chat-inner-top .cd-pop-in a {
display: inline-block !important;
width: 16px !important;
height: 16px !important;
}
.clickdesk .cd-chat-inner-top .cd-pop-out a {
background: url(//d1gwclp1pmzk26.cloudfront.net/clickdesk-ui/browser/img/pop-out.png) no-repeat 2px 2px !important;
}
.clickdesk .cd-chat-inner-top .cd-pop-in a {
background: url(//d1gwclp1pmzk26.cloudfront.net/clickdesk-ui/browser/img/pop-in.png) no-repeat 2px 2px !important;
}
.clickdesk .cd-chat-inner-top .cd-header-left {
display: inline-block !important;
vertical-align: middle !important;
font-family: Arial, Helvetica, sans-serif !important;
}
.clickdesk .cd-chat-inner-top .cd-header-left span,
.clickdesk .cd-chat-inner-top .cd-header-left span * {
font-size: 16px !important;
font-weight: bold !important;
color: #ffffff !important;
}
.clickdesk .cd-chat-inner-top .cd-header-left span {
display: block;
padding: 0 0 0 0 !important;
}
.clickdesk .cd-chat-inner-top .cd-header-left dfn {
font-size: 11px !important;
display: block !important;
font-style: normal !important;
color: #ffffff !important;
}
.clickdesk .cd-chat-content .cd-form-sec {
border-radius: 3px 3px 3px 3px !important;
margin: 12px 10px 2px !important;
padding: 22px 0px 12px 0px !important;
}
.clickdesk .cd-chat-content .cd-form-sec h2 {
font-size: 97% !important;
margin-bottom: 3px !important;
line-height: 1.4em !important;
font-weight: bold !important;
}
.clickdesk .cd-chat-content .cd-form-sec dfn {
font-style: normal !important;
font-size: 12px !important;
line-height: 1.4em !important;
padding: 0 0 18px 0 !important;
display: block !important;
}
.clickdesk .cd-chat-content .cd-form-sec ul {
margin-bottom: 8px!important;
}
.clickdesk .cd-chat-content .cd-form-sec ul li {
overflow: hidden !important;
margin: 9px 0 0 0 !important;
}
.clickdesk .cd-chat-content .cd-form-sec ul li label {
width: 72px !important;
float: left !important;
font-size: 12px !important;
color: #303030 !important;
}
.clickdesk .cd-chat-content .cd-form-sec ul li input[type="text"],
.clickdesk .cd-chat-content .cd-form-sec ul li input[type="email"] {
border-radius: 3px 3px 3px 3px !important;
font-size: 12px !important;
color: #797359 !important;
border: 1px solid #c7c7c7;
background: #f3e793 !important;
margin: 1px !important;
width: 83% !important;
padding: 8px 3% 8px 12% !important;
box-sizing: inherit;
-moz-box-sizing: inherit;
-webkit-box-sizing: inherit;
height: auto;
background-color: #f3e793 !important;
background-position: 10px 10px !important;
background-repeat: no-repeat !important;
line-height: 1 !important;
}
.clickdesk .cd-chat-content .cd-form-sec ul li input[type="text"].name,
.clickdesk .cd-chat-content .cd-form-sec ul li input[type="email"].name {
background: #f3e793 url(../images/icon-name.png) 10px 10px no-repeat !important;
}
.clickdesk .cd-chat-content .cd-form-sec ul li input[type="text"].mail,
.clickdesk .cd-chat-content .cd-form-sec ul li input[type="email"].mail {
background: #f3e793 url(../images/mail.png) 10px 10px no-repeat !important;
}
.clickdesk .cd-chat-content .cd-form-sec ul li input[type="text"]:focus,
.clickdesk .cd-chat-content .cd-form-sec ul li input[type="email"]:focus {
border: 1px solid #f1ca7f;
background-color: #f3e793 !important;
}
.clickdesk .cd-chat-content .cd-form-sec ul li input[type="text"] {
background-image: url(https://clickdesk.s3.amazonaws.com/chat_window/icon-name.png) !important;
}
.clickdesk .cd-chat-content .cd-form-sec ul li input[type="text"].custom-field,
.clickdesk .cd-chat-content .cd-form-sec ul li input[type="email"].custom-field {
background-image: url(//d1gwclp1pmzk26.cloudfront.net/clickdesk-ui/browser/img/custom-field.png) !important;
}
.clickdesk .cd-chat-content .cd-form-sec ul li input[type="email"] {
background-image: url(https://clickdesk.s3.amazonaws.com/chat_window/mail.png) !important;
}
.clickdesk .cd-chat-content .cd-form-sec ul li textarea {
border-radius: 3px 3px 3px 3px !important;
font-size: 12px !important;
font-family: Arial, Helvetica, sans-serif !important;
border: 1px solid #c7c7c7;
color: #797359 !important;
margin: 1px !important;
width: 83% !important;
height: 32px !important;
padding: 8px 3% 8px 12% !important;
background-image: url(https://clickdesk.s3.amazonaws.com/chat_window/message-icon.png) !important;
box-sizing: inherit;
-moz-box-sizing: inherit;
-webkit-box-sizing: inherit;
background-color: #f3e793 !important;
background-position: 10px 10px !important;
background-repeat: no-repeat !important;
}
.clickdesk .cd-chat-content .cd-form-sec ul li textarea:focus {
border: 1px solid #f1ca7f;
background-color: #f3e793 !important;
}
.clickdesk .cd-chat-content .cd-form-sec ul li select {
border-radius: 3px 3px 3px 3px !important;
font-size: 12px !important;
font-family: Arial, Helvetica, sans-serif !important;
border: 1px solid #c7c7c7;
color: #797359 !important;
}
.clickdesk .cd-chat-content .cd-form-sec ul li input[type="submit"].clickdesk_next {
background: #7195a3 !important;
border: 0px !important;
width: 100% !important;
color: #ffffff !important;
font-size: 19px !important;
font-weight: bold !important;
height: 33px !important;
cursor: pointer !important;
border-radius: 3px 3px 3px 3px !important;
}
.clickdesk .cd-chat-content .cd-form-sec ul li input[type="submit"].clickdesk_next:hover {
background: #90acb7 !important;
}
.clickdesk .cd-chat-content .cd-form-sec .cd-errordiv {
background: #f8dbdb !important;
border-color: #e77776 !important;
font-weight: normal !important;
color: red!important;
padding: 5px!important;
font-size: 12px!important;
margin-top: 2px!important;
}
.clickdesk .cd-chat-content .cd-comment-area {
color: #303030 !important;
margin: 0px 0px 0 0px !important;
}
.clickdesk .cd-chat-content .cd-comment-area ul {
padding: 0px 10px !important;
height: 219px !important;
overflow: auto !important;
}
.clickdesk .cd-chat-content .cd-comment-area ul li {
border-bottom: 1px solid #c8c8c8 !important;
font-size: 12px !important;
line-height: 1.4em !important;
padding: 14px 0 8px 0 !important;
}
.clickdesk .cd-chat-content .cd-comment-area ul li:last-child {
border-bottom: 0px !important;
}
.clickdesk .cd-chat-content .cd-comment-area ul li span {
color: #303030 !important;
}
.clickdesk .cd-chat-content .cd-comment-area ul li div {
overflow: hidden !important;
padding: 0 0 7px 0 !important;
}
.clickdesk .cd-chat-content .cd-comment-area ul li div span {
display: inline-block !important;
float: left !important;
font-weight: bold !important;
}
.clickdesk .cd-chat-content .cd-comment-area ul li div small {
display: inline-block !important;
float: right !important;
color: #818da0 !important;
font-size: 10px!important;
}
.clickdesk .cd-chat-content .cd-comment-area ul li div small:hover {
color: #c8c8c8 !important;
}
.clickdesk .cd-chat-content .cd-comment-area ul div {
font-size: 12px !important;
}
.clickdesk .cd-chat-content .cd-list-sec {
overflow: hidden !important;
padding: 8px 10px !important;
}
.clickdesk .cd-chat-content .cd-list-sec .cd-list-sec-left {
float: left !important;
min-width: 87px !important;
}
.clickdesk .cd-chat-content .cd-list-sec .cd-list-sec-left ul {
overflow: hidden !important;
}
.clickdesk .cd-chat-content .cd-list-sec .cd-list-sec-left ul li {
float: left !important;
margin: 0 4px 0 0 !important;
}
.clickdesk .cd-chat-content .cd-list-sec .cd-list-sec-right {
float: right !important;
}
.clickdesk .cd-chat-content .cd-list-sec .cd-list-sec-right ul {
overflow: hidden !important;
float: right !important;
}
.clickdesk .cd-chat-content .cd-list-sec .cd-list-sec-right ul li {
float: left !important;
margin: 0 4px 0 0 !important;
}
.clickdesk .cd-chat-content .cd-inp-out {
margin: 0px 10px 0 10px !important;
}
.clickdesk .cd-chat-content .cd-inp-out textarea {
border: 1px solid #c8c8c8 !important;
color: #c8c8c8 !important;
font-size: 12px !important;
color: #959595 !important;
font-family: Arial, Helvetica, sans-serif !important;
height: 26px !important;
line-height: 16px !important;
width: 92% !important;
padding: 10px 10px 1px 10px !important;
}
.clickdesk .cd-chat-content .cd-inp-out textarea:focus {
color: #959595 !important;
}
.clickdesk .cd-chat-content .cd-inp-out span {
text-align: right !important;
font-size: 11px !important;
display: block !important;
color: #303030 !important;
line-height: 23px !important;
float: none !important;
min-height: 23px !important;
}
.clickdesk .cd-chat-content .cd-inp-out span small {
font-size: 11px !important;
color: #676767 !important;
}
.clickdesk .cd-chat-content .cd-inp-out span img {
display: inline-block !important;
margin: 0px !important;
}
.clickdesk .cd-chat-content .cd-footer {
padding: 0px 0 0 0 !important;
width: 100% !important;
height: auto;
overflow: hidden !important;
background-color: #7195a3 !important;
}
.clickdesk .cd-chat-content .cd-footer ul {
border-top: 1px solid !important;
border-color: #587b89 !important;
}
.clickdesk .cd-chat-content .cd-footer ul li {
float: left !important;
border-right: 1px solid !important;
border-color: #587b89 !important;
width: 19.5555% !important;
}
.clickdesk .cd-chat-content .cd-footer ul li a {
background-color: #7195a3 !important;
display: block;
height: 27px !important;
text-align: center !important;
padding: 6px 0 0 0 !important;
}
.clickdesk .cd-chat-content .cd-footer ul li a:hover {
background-color: #90acb7 !important;
}
.clickdesk .cd-chat-content .cd-footer ul li:last-child {
border-right: 0px !important;
}
.clickdesk .cd-chat-content .cd-footer ul li:last-child a {
width: 58px !important;
}
.clickdesk .cd-chat-content .cd-footer ul li.ClickDeskActive a {
background-color: #90acb7 !important;
}
#clickdesk_container {margin:0px;padding:0px;list-style: none;outline-style: none;text-decoration: none;letter-spacing: 0px;word-spacing: 0px;text-shadow: none;text-transform: none;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;}
/*Clickdesk Popup Container CSS */
#clickdesk_container {bottom:0px;right:0px;display:none;text-rendering: optimizeLegibility;z-index:2147483638;}
#clickdesk_frame_container {margin:0px;bottom:0px;right:0px;z-index:100000000000000;}
#clickdesk_popup {position:fixed !important;bottom:0;margin: 0px 10px 0px 10px !important;direction: ltr!important;}
#clickdesk_twitter {font-weight: normal !important;height: 300px !important;max-height: 300px !important;overflow: auto!important;position: relative!important;}
#clickdesk_twitter .tweetdiv {border-radius:4px!important;-moz-border-radius:4px!important;-webkit-border-radius:4px!important;-khtml-border-radius:4px!important;margin:2px!important;background-color: #E5F2F7!important;padding:5px!important;list-style-type:none!important;font-family: Arial, Helvetica, sans-serif!important;font-size: 15px!important;color: #514E40!important;position: relative!important;}
#clickdesk_twitter .tweetdiv:hover {background-color: #FFF!important;}
#clickdesk_twitter .tweetdiv .tweetleft {padding-top: 2px!important;position:relative!important;float:left!important;padding-left:5px!important;margin: 1px!important;padding-right:5px!important;zoom:1!important;text-align: left!important;width: 20%!important;}
#clickdesk_twitter .tweetdiv .tweetright {margin:0px!important;font-size: 12px!important;padding: 2px 0px!important;color: #1E2D42!important;position:relative!important;overflow: hidden!important;}
#clickdesk_twitter .tweetdiv .tweetright a{font-size:95%!important;text-decoration: none!important;color: #0084B4!important;clear:both!important;}
#clickdesk_twitter img {height: 35px!important; width: 35px!important;padding-right:5px!important;position: relative!important;}
.clickdesk_cdw_j #social_nw_fallow_image a{text-decoration: none!important;color: black!important;font-size: 10px!important;}
#clickdesk_popup a.cd_hyperlink { color: #2191C6 !important;}
#clickdesk_popup a.cd_hyperlink:hover { text-decoration: underline !important;}
span#session_timeout_link:hover {text-decoration: underline!important;}
#clickdesk_popup .twitterErrorRedUI {background-color: #FFEBE8!important;border: 1px solid #DD3C10!important;margin: 10px!important;padding: 10px!important;font-size: 11px!important;font-family: "lucida grande",tahoma,verdana,arial,sans-serif!important;color: #333!important;line-height: 1.28!important;text-align: left!important;}
div.clickdesk_cdw_j #social_nw_fallow_image iframe{
margin: 1px;display: inline;
}
div.clickdesk_cdw_j #social_nw_fallow_image iframe[title="Twitter Tweet Button"]{
width: 99px!important;
}
div.clickdesk_cdw_j #social_nw_fallow_image iframe[title="Twitter Follow Button"]{
width: 65px!important;
}
/* Clickdesk smilies */
.cd-smiley-container { background: url(//d25wh3ilibgxb0.cloudfront.net/icons/cd-smilies2.png) no-repeat top left!important;width: 19px!important; height: 19px!important;display: inline-block !important; cursor: pointer!important;}
.cd-0146-flower{ background-position: 0 0!important; }
.cd-Allforyou{ background-position: 0 -69px!important;}
.cd-Angry{ background-position: 0 -138px!important; }
.cd-Cheeky{ background-position: 0 -207px!important;}
.cd-Cool{ background-position: 0 -276px!important; }
.cd-Counter{ background-position: 0 -345px!important; }
.cd-Crying{ background-position: 0 -414px!important; }
.cd-Giggle{background-position: 0 -483px!important; }
.cd-Heart{background-position: 0 -552px!important; }
.cd-Hmm{ background-position: 0 -621px!important;}
.cd-Laugh{ background-position: 0 -690px!important; }
.cd-No{ background-position: 0 -759px!important; }
.cd-Smile{ background-position: 0 -828px!important; }
.cd-Star{background-position: 0 -897px!important;}
.cd-Sweating{background-position: 0 -966px!important;}
.cd-Wink{ background-position: 0 -1035px!important;}
.cd-Yes{background-position: 0 -1104px!important; }
div #clickdesk_smilediv span {
margin: 3px !important;cursor: pointer!important;
}
div #clickdesk_smilediv div{
background-color: #2F2F2F!important;text-align: center!important;border-radius: 5px!important;-moz-border-radius: 5px!important;-khtml-border-radius: 5px!important;-webkit-border-radius: 5px!important;
}
#clickdeskchat_social_template big{
position: absolute!important;top: 40%!important;text-align: center!important;margin-left: 35%!important;
}
/* End Of Clickdesk smilies */
.sprite-icons-footer-chat, .sprite-icons-footer-fb, .sprite-icons-footer-mail, .sprite-icons-footer-phone,
.sprite-icons-footer-twit, .sprite-icons-icon-first, .sprite-icons-icon-mail,.sprite-icons-icon-close, .sprite-icons-icon-minimize,
.sprite-icons-icon-smiley, .sprite-icons-logo-sm, .sprite-icons-mute, .sprite-icons-star-half, .sprite-icons-star1,
.sprite-icons-star {
background: url('//d1gwclp1pmzk26.cloudfront.net/clickdesk-ui/browser/img/sprite-new.png') no-repeat top left!important;display: inline-block!important;
}
.sprite-icons-footer-chat{ background-position: 0 -66px!important; width: 32px!important; height: 21px!important;}
.sprite-icons-footer-fb{ background-position: 0 -137px!important; width: 32px!important; height: 21px!important; }
.sprite-icons-footer-mail{ background-position: 0 -208px!important; width: 32px!important; height: 21px!important; }
.sprite-icons-footer-phone{background-position: 0 -279px!important; width: 32px!important; height: 21px!important; }
.sprite-icons-footer-twit{ background-position: 0 -350px!important; width: 32px!important; height: 21px!important; }
.sprite-icons-icon-first{ background-position: 0 -421px!important; width: 12px!important; height: 13px!important; }
.sprite-icons-icon-mail{ background-position: 0 -484px!important; width: 14px!important; height: 13px!important;}
.sprite-icons-icon-smiley{ background-position: 0 -547px!important; width: 14px!important; height: 13px!important; }
.sprite-icons-logo-sm{background-position: 0 -610px!important; width: 45px!important; height: 43px!important;}
.sprite-icons-mute{ background-position: 0 -769px!important; width: 12px!important; height: 13px!important; }
.sprite-icons-star-half{ background-position: 0 -832px!important; width: 12px!important; height: 12px!important;}
.sprite-icons-star{ background-position: 0 -894px!important; width: 12px!important; height: 12px!important; }
.sprite-icons-star1{background-position: 0 -956px!important; width: 12px!important; height: 12px!important; }
.sprite-icons-icon-close{ background-position: 0 0!important; width: 16px!important; height: 16px!important; }
.sprite-icons-icon-minimize{background-position: 0 -703px!important; width: 16px!important; height: 16px!important;}
/** Animations **/
.clickdesk_cdw_j .cd-bubble {-webkit-animation-iteration-count: 1!important; -webkit-animation-duration: 0.7s;-webkit-transition-timing-function: ease-in-out!important;-webkit-animation-direction: alternate;
-moz-animation-iteration-count: 1!important; -moz-animation-duration: 0.7s;-moz-transition-timing-function: ease-in-out!important;-moz-animation-direction: alternate;
-o-animation-iteration-count: 1!important; -o-animation-duration: 0.7s;-o-transition-timing-function: ease-in-out!important;-o-animation-direction: alternate;}
.clickdesk_cdw_j .cd-eye-catcher span{color: rgb(102, 102, 102)!important;font-size: 12px!important;font-weight: bold!important;position: absolute!important;top: -5px!important;right: 0px!important;display: none;font-family: verdana!important;}
.clickdesk_cdw_j .cd-eye-catcher span:hover {color: rgb(2, 2, 2)!important;text-decoration: none!important;}
.clickdesk .cd-bubble {-webkit-animation-iteration-count: 1!important; -webkit-animation-duration: 0.7s;-webkit-transition-timing-function: ease-in-out!important;-webkit-animation-direction: alternate;
-moz-animation-iteration-count: 1!important; -moz-animation-duration: 0.7s;-moz-transition-timing-function: ease-in-out!important;-moz-animation-direction: alternate;
-o-animation-iteration-count: 1!important; -o-animation-duration: 0.7s;-o-transition-timing-function: ease-in-out!important;-o-animation-direction: alternate;}
.clickdesk .cd-eye-catcher span{color: rgb(102, 102, 102)!important;font-size: 12px!important;font-weight: bold!important;position: absolute!important;top: -5px!important;right: 0px!important;display: none;font-family: verdana!important;}
.clickdesk .cd-eye-catcher span:hover {color: rgb(2, 2, 2)!important;text-decoration: none!important;}
@-webkit-keyframes bounce_in {
0%{opacity:0;-webkit-transform:translateY(1500px)}
60%{opacity:1;-webkit-transform:translateY(0px)}
80%{-webkit-transform:translateY(15px)}
100%{-webkit-transform:translateY(0)}
}
@-webkit-keyframes dissolve {
0% { opacity: 0; }
50% { opacity: 0.3; }
90% { opacity: 0.6; }
}
@-webkit-keyframes toss_bottom_left {
0% { -webkit-transform: rotate(-30deg) scale(1.3) translate(-20px,-250px); opacity: 0; -webkit-animation-timing-function: ease-in-out; }
100% { -webkit-transform: rotate(0deg) scale(1) translate(0,0); opacity: 1; }
}
@-webkit-keyframes toss_bottom_right {
0% { -webkit-transform: rotate(30deg) scale(1.3) translate(-20px,-250px); opacity: 0; -webkit-animation-timing-function: ease-in-out; }
100% { -webkit-transform: rotate(0deg) scale(1) translate(0,0); opacity: 1; }
}
@-webkit-keyframes slidein_bottom_right {
0% { -webkit-transform: translateX(600px) translateZ(0); -webkit-animation-timing-function: ease-in-out; }
100% { -webkit-transform: translateX(0) translateZ(0); }
}
@-webkit-keyframes slidein_bottom_left {
0% { -webkit-transform: translateX(-600px) translateZ(0); -webkit-animation-timing-function: ease-in-out; }
100% { -webkit-transform: translateX(0) translateZ(0); }
}
@-webkit-keyframes top_to_bottom /* Safari and Chrome */
{
0% { margin-bottom: -50px!important;}
50% {margin-bottom: 0px!important;}
}
@-webkit-keyframes fadethrough {
0% { -webkit-transform: scale(0.5) translate(0,0); opacity: 1; -webkit-animation-timing-function: ease-in-out; }
100% { -webkit-transform: scale(1) translate(0,-1px); opacity: 0.5; }
}
@-moz-keyframes bounce_in {
0%{opacity:0;-moz-transform:translateY(1500px)}
60%{opacity:1;-moz-transform:translateY(0px)}
80%{-moz-transform:translateY(15px)}
100%{-moz-transform:translateY(0)}
}
@-moz-keyframes dissolve {
0% { opacity: 0; }
50% { opacity: 0.3; }
90% { opacity: 0.6; }
}
@-moz-keyframes toss_bottom_left {
0% { -moz-transform: rotate(-30deg) scale(1.3) translate(-20px,-250px); opacity: 0; -moz-animation-timing-function: ease-in-out; }
100% { -moz-transform: rotate(0deg) scale(1) translate(0,0); opacity: 1; }
}
@-moz-keyframes toss_bottom_right {
0% { -moz-transform: rotate(30deg) scale(1.3) translate(-20px,-250px); opacity: 0; -moz-animation-timing-function: ease-in-out; }
100% { -moz-transform: rotate(0deg) scale(1) translate(0,0); opacity: 1; }
}
@-moz-keyframes slidein_bottom_right {
0% { -moz-transform: translateX(600px) translateZ(0); -moz-animation-timing-function: ease-in-out; }
100% { -moz-transform: translateX(0) translateZ(0); }
}
@-moz-keyframes slidein_bottom_left {
0% { -moz-transform: translateX(-600px) translateZ(0); -moz-animation-timing-function: ease-in-out; }
100% { -moz-transform: translateX(0) translateZ(0); }
}
@-moz-keyframes top_to_bottom /* Safari and Chrome */
{
0% { margin-bottom: -50px!important;}
50% {margin-bottom: 0px!important;}
}
@-moz-keyframes fadethrough {
0% { -moz-transform: scale(0.5) translate(0,0); opacity: 1; -moz-animation-timing-function: ease-in-out; }
100% { -moz-transform: scale(1) translate(0,-1px); opacity: 0.5; }
}
@-o-keyframes bounce_in {
0%{opacity:0;-o-transform:translateY(1500px)}
60%{opacity:1;-o-transform:translateY(0px)}
80%{-o-transform:translateY(15px)}
100%{-o-transform:translateY(0)}
}
@-o-keyframes dissolve {
0% { opacity: 0; }
50% { opacity: 0.3; }
90% { opacity: 0.6; }
}
@-o-keyframes toss_bottom_left {
0% { -o-transform: rotate(-30deg) scale(1.3) translate(-20px,-250px); opacity: 0; -o-animation-timing-function: ease-in-out; }
100% { -o-transform: rotate(0deg) scale(1) translate(0,0); opacity: 1; }
}
@-o-keyframes toss_bottom_right {
0% { -o-transform: rotate(30deg) scale(1.3) translate(-20px,-250px); opacity: 0; -o-animation-timing-function: ease-in-out; }
100% { -o-transform: rotate(0deg) scale(1) translate(0,0); opacity: 1; }
}
@-o-keyframes slidein_bottom_right {
0% { -o-transform: translateX(600px) translateZ(0); -o-animation-timing-function: ease-in-out; }
100% { -webkit-transform: translateX(0) translateZ(0); }
}
@-o-keyframes slidein_bottom_left {
0% { -o-transform: translateX(-600px) translateZ(0); -o-animation-timing-function: ease-in-out; }
100% { -o-transform: translateX(0) translateZ(0); }
}
@-o-keyframes top_to_bottom /* Safari and Chrome */
{
0% { margin-bottom: -50px!important;}
50% {margin-bottom: 0px!important;}
}
@-o-keyframes fadethrough {
0% { -o-transform: scale(0.5) translate(0,0); opacity: 1; -o-animation-timing-function: ease-in-out; }
100% { -o-transform: scale(1) translate(0,-1px); opacity: 0.5; }
}
/** End of Animations **/
/*Make position:fixed work in IE6!*/
/* Make position:fixed for bubble */
.clickdesk-fixed-top /* position fixed Top */{position:fixed !important;bottom:auto !important;}
.clickdesk-fixed-bottom /* position fixed Bottom */{position:fixed !important;bottom:0px !important;top:auto!important;}
.clickdesk-fixed-left /* position fixed Left */{position:fixed !important;right:auto !important;left:0px!important;}
.clickdesk-fixed-right /* position fixed right */{position:fixed !important;right:0px !important;left:auto!important;}
* html /* IE6 Fixed Position Jitter Fix */{background-image:url(javascript:false);background-attachment:fixed!important;}
* html .clickdesk-fixed-top /* IE6 position fixed Top */{position:absolute !important;bottom:auto !important;top:expression(eval(document.documentElement.scrollTop))!important;}
* html .clickdesk-fixed-right /* IE6 position fixed right */{position:absolute !important;right:auto !important;left:expression(eval((document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)+(document.documentElement.clientWidth?document.documentElement.clientWidth : document.body.clientWidth)-this.offsetWidth-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0)))!important;}
* html .clickdesk-fixed-bottom /* IE6 position fixed Bottom */{position:absolute !important;bottom:auto !important;top:expression(eval((document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)))!important;}
* html .clickdesk-fixed-left /* IE6 position fixed Left */{position:absolute !important;right:auto !important;left:expression(eval((document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)));}
* html .clickdesk-fixed-button {width: 100px !important;overflow: hidden!important;}
/* styles to scroll bar*/
.clickdesk textarea{
resize:none !important;
}
/* Track */
.clickdesk_cdw_j textarea::-webkit-scrollbar {
width: 5px;
}
.clickdesk_cdw_j textarea::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* Handle */
.clickdesk_cdw_j textarea::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background: lightgray;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.clickdesk_cdw_j textarea::-webkit-scrollbar-thumb:window-inactive {
background: lightgray;
}
.clickdesk_cdw_j textarea::-webkit-scrollbar-corner {
background: none;
}
/* chat comments area*/
.clickdesk_cdw_j #clickdesk_session::-webkit-scrollbar {
width: 5px;
}
.clickdesk_cdw_j #clickdesk_session::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* Handle */
.clickdesk_cdw_j #clickdesk_session::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background: lightgray;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.clickdesk_cdw_j #clickdesk_session::-webkit-scrollbar-thumb:window-inactive {
background: lightgray;
}
.clickdesk_cdw_j #clickdesk_session::-webkit-scrollbar-corner {
background: none;
}
/*twitter*/
.clickdesk_cdw_j #clickdesk_twitter::-webkit-scrollbar {
width: 5px;
}
.clickdesk_cdw_j #clickdesk_twitter::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 0px;
border-radius: 0px;
}
/* Handle */
.clickdesk_cdw_j #clickdesk_twitter::-webkit-scrollbar-thumb {
-webkit-border-radius: 0px;
border-radius: 0px;
background: lightgray;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
.clickdesk_cdw_j #clickdesk_twitter::-webkit-scrollbar-thumb:window-inactive {
background: lightgray;
}
.clickdesk_cdw_j #clickdesk_twitter::-webkit-scrollbar-corner {
background: none;
}
#clickdesk_popup input[type="submit"]:active, #clickdesk_popup input[type="reset"]:active, #clickdesk_popup input[type="button"]:active {
border: none !important;
}