/* 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 {
  -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: 13px !important;
  font-weight: normal !important;
  line-height: 2.3em !important;
  text-align: center !important;
  margin-top: 1px !important;
  background-color: #009bff !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: #33afff !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: #33afff !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: #007ccc !important;
  background-color: white !important;
  border-radius: 5px 5px 0 0 !important;
  width: 250px !important;
  position: absolute !important;
  bottom: 0px !important;
  right: 10px !important;
}
.clickdesk .cd-chat-inner-top {
  position: relative !important;
  overflow: hidden !important;
  background: #009bff !important;
  border-radius: 3px 3px 0 0 !important;
  padding: 10px 10px 7px 10px !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: 30px !important;
  height: 30px !important;
  border-radius: 5px 5px 5px 5px !important;
  padding: 2px !important;
  border: 2px solid #eee !important;
}
.clickdesk .cd-chat-inner-top .cd-close-btn {
  position: absolute !important;
  right: 6px !important;
  top: 6px !important;
}
.clickdesk .cd-chat-inner-top .cd-close-btn a:hover {
  background-color: #66c3ff !important;
}
.clickdesk .cd-chat-inner-top .cd-minus-btn {
  position: absolute !important;
  right: 24px !important;
  top: 6px !important;
}
.clickdesk .cd-chat-inner-top .cd-minus-btn a:hover {
  background-color: #66c3ff !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 {
  font-size: 15px !important;
  font-weight: bold !important;
  display: block;
  color: #ffffff !important;
  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: 95% !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="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: #009bff !important;
  border: 0px !important;
  width: 100% !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: bold !important;
  height: 30px !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: #33afff !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;
}
.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: #009bff !important;
}
.clickdesk .cd-chat-content .cd-footer ul {
  border-top: 1px solid !important;
  border-color: #007ccc !important;
}
.clickdesk .cd-chat-content .cd-footer ul li {
  float: left !important;
  border-right: 1px solid !important;
  border-color: #007ccc !important;
  width: 19.5555% !important;
}
.clickdesk .cd-chat-content .cd-footer ul li a {
  background-color: #009bff !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: #33afff !important;
}
.clickdesk .cd-chat-content .cd-footer ul li.last {
  border-right: 0px !important;
}
.clickdesk .cd-chat-content .cd-footer ul li.last a {
  width: 58px !important;
}
.clickdesk .cd-chat-content .cd-footer ul li.ClickDeskActive a {
  background-color: #33afff !important;
}