@charset "UTF-8";
.fadeIn-enter {
  opacity: 0.01;
}

.fadeIn-enter.fadeIn-enter-active {
  opacity: 1;
  transition: all 250ms;
}

.fadeIn-exit {
  opacity: 1;
}

.fadeIn-exit.fadeIn-exit-active {
  opacity: 0.01;
  transition: all 200ms;
}

.fadeInBG-enter {
  background: rgba(0, 0, 0, 0.01) !important;
}

.fadeInBG-enter.fadeInBG-enter-active {
  background: rgba(0, 0, 0, 0.15) !important;
  transition: background 250ms ease;
}

.fadeInBG-exit {
  background: rgba(0, 0, 0, 0.15) !important;
}

.fadeInBG-exit.fadeInBG-exit-active {
  background: rgba(0, 0, 0, 0.01) !important;
  transition: background 200ms ease;
}

.slideDown-enter {
  opacity: 0.01;
  transform: translateY(-20px);
}

.slideDown-enter.slideDown-enter-active {
  opacity: 1;
  transform: translateY(0px);
  transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.slideDown-exit {
  opacity: 1;
  transform: translateY(0px);
}

.slideDown-exit.slideDown-exit-active {
  opacity: 0.01;
  transform: translateY(-20px);
  transition: all 300ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.messages.noEntryTransition .message.slideDown-enter {
  display: none;
}

.messages.noExitTransition .message.slideDown-exit {
  display: none;
}

body .slideLeft-enter {
  opacity: 0.01;
  background: #E2F8FF;
  transform: scale(1.2);
}
body .slideLeft-enter.slideLeft-enter-active {
  opacity: 1;
  background: transparent;
  transform: none;
  transition: all 500ms cubic-bezier(0.13, 0.72, 0.18, 1) 300ms;
}

.selectSlide-enter {
  opacity: 0.01;
}

.selectSlide-enter.selectSlide-enter-active {
  opacity: 1;
  transition: all 100ms ease;
}

.expandLeft .selectSlide-enter {
  min-width: 100% !important;
}
.expandLeft .selectSlide-enter.selectSlide-enter-active {
  min-width: 140px !important;
}

.selectSlide-exit {
  opacity: 1;
}

.selectSlide-exit.selectSlide-exit-active {
  opacity: 0.01;
  min-width: 100% !important;
  transition: all 200ms ease;
}

.msgSlideDown-enter {
  max-height: 0px;
  overflow: hidden;
}

.msgSlideDown-enter.msgSlideDown-enter-active {
  max-height: 51px;
  transition: all 400ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

.item-slide-enter {
  overflow-y: hidden;
  position: relative;
}
.item-slide-enter > div {
  margin-top: -200px !important;
  transition: margin 500ms ease-out;
}

.item-slide-enter.item-slide-enter-active > div {
  margin-top: 0 !important;
}

.item-slide-appear {
  overflow-y: hidden;
  position: relative;
}
.item-slide-appear > div {
  margin-top: -200px !important;
  transition: margin 500ms ease-out;
}

.item-slide-appear.item-slide-appear-active > div {
  margin-top: 0 !important;
}

.item-slide-exit {
  overflow-y: hidden;
  position: relative;
}
.item-slide-exit > div {
  margin-top: 0 !important;
  transition: margin 500ms ease-out;
}

.item-slide-exit.item-slide-exit-active > div {
  margin-top: -200px !important;
}

#chargedesk.helpscout .slideDown-enter, #chargedesk.zendeskv2 .slideDown-enter {
  transform: scaleX(0.95) scaleY(0.95);
}
#chargedesk.helpscout .slideDown-enter.slideDown-enter-active, #chargedesk.zendeskv2 .slideDown-enter.slideDown-enter-active {
  transform: scale(1, 1);
}

.chargedesk-tag {
  display: inline-block;
  text-decoration: none;
  font-family: "Helvetica";
  vertical-align: middle;
  position: absolute;
  background: #00ACDB;
  margin: -2px 0 0 8px;
  padding: 3px 8px 1px 7px;
  color: #FFF;
  border-radius: 3px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.21);
  opacity: 1;
  font-size: 70%;
  font-weight: 400;
  line-height: 1.8em;
  cursor: pointer;
  white-space: nowrap;
  transition: transform 100ms ease-in-out;
}

.chargedesk-tag:hover {
  transform: scale(1.1);
}

.chargedesk-tag-arrow {
  width: 0;
  height: 0;
  border-top: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid #00ACDB;
  content: "";
  position: absolute;
  top: 50%;
  left: -5px;
  margin-top: -6px;
  border-radius: 1px;
  display: inline-block;
}

.react-datepicker {
  max-width: 320px;
  background: #fff;
  margin: 7px auto;
  border-radius: 4px;
  position: relative;
  user-select: none;
  border: 1px solid #43A9C2;
  overflow: hidden;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.13);
}

.react-datepicker-controls {
  overflow: hidden;
  text-align: center;
  background: #ffffff;
  color: #000;
  border-bottom: 1px solid #E0E0E0;
}

.react-datepicker-previous,
.react-datepicker-next {
  float: left;
  background: transparent;
  border: none;
  padding: 7px 15px 6px;
  font-size: 17px;
  color: #333;
  outline: none;
  position: relative;
  z-index: 1;
  border-radius: 2px;
  cursor: pointer;
}

.react-datepicker-previous:hover,
.react-datepicker-next:hover {
  background: #c0e7f1;
}

.react-datepicker-next {
  float: right;
}

.react-datepicker-month {
  position: absolute;
  top: 8px;
  left: 0;
  right: 0;
  font-size: 13px;
}

.react-datepicker-dates {
  overflow: hidden;
  padding: 2px;
}

.react-datepicker-date {
  transition: background 0.2s ease;
  float: left;
  width: 14.285714286%;
  text-align: center;
  font-size: 15px;
  background: #fff;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  outline: none;
  line-height: 27px !important;
  border-radius: 2px;
  padding: 0;
}

.react-datepicker-date:hover {
  background: #c0e7f1;
}

.react-datepicker-date-disabled {
  color: #ccc;
  cursor: auto;
}

.react-datepicker-date-disabled:hover {
  background: #fff;
}

.react-datepicker-date-active {
  background: #43A9C2;
  color: #fff;
}

.react-datepicker-date-active:hover {
  background: #6f6f6f;
  color: #fff;
}

@-webkit-keyframes rotateLine {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes rotateLine {
  0% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  95% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes rotateFix {
  0% {
    transform: scale(1) rotate(45deg);
    -webkit-transform: scale(1) rotate(45deg);
  }
  30% {
    transform: scale(3) rotate(405deg);
    -webkit-transform: scale(3) rotate(405deg);
  }
  50% {
    transform: scale(1) rotate(765deg);
    -webkit-transform: scale(1) rotate(765deg);
  }
  65% {
    transform: scale(2) rotate(1125deg);
    -webkit-transform: scale(2) rotate(1125deg);
  }
  75% {
    transform: scale(1) rotate(1485deg);
    -webkit-transform: scale(1) rotate(1485deg);
  }
  90% {
    transform: scale(1) rotate(1845deg);
    -webkit-transform: scale(1) rotate(1845deg);
  }
  100% {
    transform: scale(1) rotate(2205deg);
    -webkit-transform: scale(1) rotate(2205deg);
  }
}
@keyframes rotateFix {
  0% {
    transform: scale(1) rotate(45deg);
    -webkit-transform: scale(1) rotate(45deg);
  }
  30% {
    transform: scale(3) rotate(405deg);
    -webkit-transform: scale(3) rotate(405deg);
  }
  50% {
    transform: scale(1) rotate(765deg);
    -webkit-transform: scale(1) rotate(765deg);
  }
  65% {
    transform: scale(2) rotate(1125deg);
    -webkit-transform: scale(2) rotate(1125deg);
  }
  75% {
    transform: scale(1) rotate(1485deg);
    -webkit-transform: scale(1) rotate(1485deg);
  }
  90% {
    transform: scale(1) rotate(1845deg);
    -webkit-transform: scale(1) rotate(1845deg);
  }
  100% {
    transform: scale(1) rotate(2205deg);
    -webkit-transform: scale(1) rotate(2205deg);
  }
}
html {
  overflow-x: hidden;
}

body {
  padding: 47px 0 0 0;
  font: 12px "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
}
body.mobile {
  padding-top: 0;
}

a {
  color: #146EAA;
}

.capitalize {
  text-transform: capitalize;
}
.capitalize .normal {
  text-transform: none;
}

.content {
  padding: 10px 15px 0px;
}

.expand-control {
  position: absolute;
  background-color: #43A9C2;
  color: #FFF;
  top: 12px;
  right: 12px;
  font-size: 12px;
  padding: 2px 11px;
  border-radius: 5px;
}

.expandIcon {
  position: absolute;
  bottom: 1px;
  right: 18px;
  font-size: 26px;
  color: rgba(67, 169, 194, 0.5);
  display: none;
}

body.no-touch .card:hover .expandIcon, body.no-touch .customer .overview:hover .expandIcon {
  display: block;
}

.card.expanded .expandIcon, .customer.expanded .overview .expandIcon {
  display: none;
}

.no-customers {
  color: #777;
  padding: 21px 12px 18px;
}
.no-customers .title {
  color: #000;
  padding: 0 0px 12px 0;
  font-size: 14px;
}
.no-customers .divider {
  margin: 10px 0 37px 0;
  opacity: 0.4;
}

.no-search-customers {
  padding: 71px 15px 18px;
  margin: -79px -15px -2px;
  background: #FFE9E9;
  word-break: break-word;
}

.no-embed-customers {
  color: #595959;
  font-size: 13px;
  padding: 16px 15px 26px;
}
.no-embed-customers.no-bottom {
  padding-bottom: 0px;
}
.no-embed-customers.no-top {
  padding-top: 0px;
}
.no-embed-customers .divider {
  margin: 0 0 7px 0;
}

.focusable:focus, .action-form .flexselect:focus, .action-form select:focus, .message-form input[type=text]:focus, .message-form input[type=email]:focus, .message-form input[type=number]:focus, .message-form input[type=tel]:focus, .message-form input.datepicker:focus, .message-form button[type=text]:focus, .message-form button[type=email]:focus, .message-form button[type=number]:focus, .message-form button[type=tel]:focus, .message-form button.datepicker:focus, .message-form textarea:focus, .message-form select:focus, .message-form .flexselect:focus, .focusable.has-focus, .action-form .has-focus.flexselect, .action-form select.has-focus, .message-form input.has-focus[type=text], .message-form input.has-focus[type=email], .message-form input.has-focus[type=number], .message-form input.has-focus[type=tel], .message-form input.has-focus.datepicker, .message-form button.has-focus[type=text], .message-form button.has-focus[type=email], .message-form button.has-focus[type=number], .message-form button.has-focus[type=tel], .message-form button.has-focus.datepicker, .message-form textarea.has-focus, .message-form select.has-focus, .message-form .has-focus.flexselect {
  outline: 0;
  box-shadow: none;
  border-color: #33aad0 !important;
}

.expand-toggle {
  cursor: pointer;
  color: #43A9C2;
}
body.no-touch .expand-toggle:hover {
  opacity: 0.7;
}

pre.code {
  background: #fff;
  text-align: center;
  margin-bottom: 2px;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding: 10px 15px;
}

pre.link {
  background: #fff;
  text-align: left;
  margin-bottom: 2px;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  padding: 10px 0px;
}

.setting {
  padding: 24px 18px;
}
.setting .title {
  color: #000;
  font-size: 15px;
  margin-bottom: 14px;
}
.setting .body {
  padding: 0 0 0 10px;
}
.setting .body .box {
  background: #F0F0F0;
  border: 1px solid #D5D5D5;
  padding: 10px 15px;
  margin-bottom: 13px;
  position: relative;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.setting .body .box.icon {
  padding-left: 39px;
}
.setting .body .box.icon .fa {
  position: absolute;
  top: 11px;
  left: 15px;
  color: #6C6C6C;
  font-size: 14px;
}
.setting .body .radio-group {
  padding-top: 8px;
}
.setting .body .radio-group label {
  display: block;
  cursor: pointer;
}
.setting .btn {
  border-radius: 4px;
  margin: 13px 1px 0 0;
  outline: none;
  border: 0;
  text-decoration: none;
  color: #FFF;
  background: #43A9C2;
  padding: 0px 17px;
  line-height: 29px;
  display: inline-block;
  text-rendering: geometricPrecision;
  cursor: pointer;
}
.setting .btn.cancel {
  background: #373737;
}
body.no-touch .setting .btn:hover {
  opacity: 0.8;
}
.setting .sub-section.tags {
  margin-top: 13px;
}
.setting .sub-section .sub-title {
  padding: 15px 0 3px;
  font-size: 13px;
  text-decoration: underline;
}
.setting .sub-section .item {
  padding: 4px 0;
}
.setting .sub-section .item label {
  cursor: pointer;
}
.setting .sub-section .form-row {
  padding: 5px 0;
}
.setting .sub-section .form-row .form-title {
  display: inline-block;
  width: 97px;
}
.setting .sub-section .form-row .form-value {
  display: inline-block;
}
.setting .sub-section .form-row .form-value input {
  width: 111px;
  height: 15px;
  vertical-align: middle;
  cursor: pointer;
}
.setting .sub-section .colorSelector {
  border: 0;
  color: transparent;
  border: 1px solid #A9A9A9;
  outline: none !important;
  position: relative;
  top: -2px;
  box-shadow: none !important;
}
.setting .sub-section .colorSelector:active {
  outline: none;
  box-shadow: none;
}
.setting .sub-section .colorSelector::-webkit-color-swatch-wrapper {
  padding: 0;
}
.setting .sub-section .colorSelector::-webkit-color-swatch {
  border: none;
}

.suspense {
  opacity: 0.5 !important;
  transition: opacity 400ms ease-out;
  text-align: center;
  min-height: 100px;
  line-height: 100px;
}
.suspense div {
  opacity: 0.5 !important;
  transition: opacity 200ms ease-out;
}
.suspense.tick-1 {
  opacity: 1 !important;
}
.suspense.tick-3 div {
  opacity: 1 !important;
}

.messagesBG {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
}

.messages {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 350px;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 100%;
  padding: 54px 0 8px;
  box-sizing: border-box;
  display: none;
}
.messages.active {
  display: block;
  height: 100%;
}

.message {
  position: relative;
  border-radius: 5px;
  background: #FFF;
  border: 1px solid #FFF;
  color: #333;
  margin: 10px 15px;
  padding: 17px 22px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
}
.message.velocity-animating {
  overflow: hidden;
}
.message .spaced {
  padding: 12px 0;
}
.message.hidden {
  display: none;
}
.message .button-footer {
  padding-top: 5px;
}
.message input[type=submit], .message button[type=submit], .message .btn {
  line-height: 19px;
  font-size: 12px;
  background: #00B200;
  border: 0;
  padding: 7px 28px;
  box-shadow: none;
  color: #FFF;
  margin: 11px 11px 0 0;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  vertical-align: top;
}
body.no-touch .message input[type=submit]:hover, body.no-touch .message button[type=submit]:hover, body.no-touch .message .btn:hover {
  opacity: 0.7;
}
.message input[type=submit].add, .message button[type=submit].add, .message .btn.add {
  background: rgba(0, 0, 0, 0);
  color: #43A9C2;
  line-height: 14px;
  padding: 5px 10px 4px;
  margin: 0 0 -4px;
  font-size: 11px;
}
.message input[type=submit].btn-secondary, .message button[type=submit].btn-secondary, .message .btn.btn-secondary {
  color: #FFF;
  background: #555;
}
.message a.btn {
  display: inline-block;
  text-decoration: none;
}
.message.error {
  background: #FFE6E6;
  border: 1px solid #DD7070;
  color: #930000;
}
.message.error a {
  color: #930000;
}
.message.error input[type=submit], .message.error .btn {
  background: #900000;
  color: #fff;
}
.message.success {
  background: #E3FFE3;
  border: 1px solid #48B240;
  color: #007100;
}
.message.authenticate .title {
  padding-bottom: 11px;
  color: #006680;
}
.message.locked {
  background: #FFE6E6;
  border: 1px solid #DD7070;
  color: #930000;
}
.message.locked .btn {
  background: #900000;
}
.message.locked .text {
  padding: 8px 0;
}
.message.features {
  line-height: 1.3em;
}
.message.features .title {
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
  padding-top: 5px;
}
.message.features .close {
  padding: 6px 11px;
}
.message.features .features {
  margin-top: 12px;
  margin-bottom: -15px;
  padding-bottom: 15px;
}
.message.features .feature {
  margin-top: 30px;
  color: #a5a5a5;
}
.message.features .feature:first-child {
  margin-top: 0;
}
.message.features .feature a {
  color: #bfbfbf;
}
.message.features .feature img {
  max-width: 99%;
  margin: 9px 0 0;
  border: 1px solid #d4d4d4;
}
.message.features .prompt {
  margin-top: 15px;
  padding-top: 13px;
  border-top: 1px solid #e2e2e2;
  color: #444;
}
.message.features .prompt a {
  color: #444;
}
body.no-touch .message.features .prompt a:hover {
  opacity: 0.8;
}
.message.features .prompt img {
  max-width: 100%;
  margin: 9px 0;
  border: 1px solid #d4d4d4;
}
.message.features .prompt img.lighter {
  opacity: 0.6;
  margin-top: 11px;
}
body.no-touch .message.features .prompt img.lighter:hover {
  opacity: 1;
}
.message.features .prompt .lighter {
  color: #bfbfbf;
}
.message.features .sub-title {
  padding-bottom: 5px;
  font-size: 12px;
  color: #0087a9;
}
.message.features .sub-title .fa {
  padding-right: 3px;
  color: #00A8D2;
}
.message.features .btn {
  background: #43A9C2;
  margin-top: 0;
  color: #fff !important;
}
.message.features .btn .fa {
  opacity: 0.7;
  padding-left: 3px;
}
.message .close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 7px;
  font-family: Arial;
  font-weight: 300;
  font-size: 17px;
  opacity: 0.5;
  cursor: pointer;
}
body.no-touch .message .close:hover {
  opacity: 1;
}
.message .title {
  font-weight: 600;
  padding: 1px 0 7px 0;
  font-size: 14px;
  word-break: break-all;
}

.btn.btn-line-item {
  background: #ffffff;
  margin: 5px 0;
  padding: 7px 10px;
  line-height: unset;
  color: #6f6f6f;
  border: 1px solid #d3d3d3;
}
.btn.btn-line-item.control {
  margin: 0;
  opacity: 0.7;
}
.btn.btn-line-item.control:hover {
  opacity: 1 !important;
}
.btn.btn-line-item .fa {
  opacity: 0.5;
  padding-right: 5px;
}
.btn.btn-line-item:disabled {
  opacity: 1 !important;
  cursor: default;
  background: #f3f3f3 !important;
  border-color: #f3f3f3 !important;
}
.btn.btn-light {
  background: #ffffff;
  margin: 4px 0;
  padding: 2px 12px 2px 11px;
  color: #6f6f6f;
  border: 1px solid #d3d3d3;
}
.btn.btn-light.btn-sync {
  margin-top: 9px;
}
.btn.btn-light.btn-dark {
  border: 1px solid #b7b7b7;
}
.btn.btn-light.btn-right {
  float: right;
}
.btn.btn-light.closer {
  margin-top: 0;
}
.btn.btn-light.btn-spaced {
  margin-top: 10px;
}
.btn.btn-light.btn-spaced + .btn-spaced {
  margin-left: 6px;
}
.btn.btn-light.btn-remove {
  font-size: 12px;
  vertical-align: middle;
  margin: 6px 0 0 7px;
  padding: 0 4px;
  border: 1px solid #b7b7b7;
}
.btn.btn-light.btn-remove .fa {
  font-size: 11px;
  padding-left: 3px;
  opacity: 0.6;
}
body.no-touch .btn.btn-light:hover {
  color: #444444;
  border: 1px solid #666;
  opacity: 1;
}
.btn.btn-light .fa {
  opacity: 0.5;
  padding-right: 3px;
  font-size: 79%;
  position: relative;
  top: -1px;
}

.loading-inline {
  font-size: 12px;
  color: #888;
  line-height: 33px;
}
.loading-inline .fa {
  font-size: 13px;
  opacity: 0.5;
}

.coupon-input .coupon-row {
  margin-bottom: 5px;
}
.coupon-input .coupon-row + .btn {
  margin-top: 0;
}
.coupon-input .coupon-row .col-quantity {
  margin-bottom: 15px;
}

.create-customer {
  margin: 17px 15px 0;
}
.create-customer h2 {
  font-size: 15px;
  font-weight: normal;
}
.create-customer .message-form {
  background: transparent;
  margin: 22px 0 0;
  padding: 0;
  border: none;
}
.create-customer .message-form .row .col-value {
  max-width: none;
}
.create-customer .message-form .row .col-value .amount {
  margin-right: 8px;
}

ul.message-menu {
  margin: 0;
  padding: 0;
}
ul.message-menu li {
  list-style: none;
  display: inline-block;
  cursor: pointer;
  font-size: 12px;
  color: #A0A0A0;
  padding: 11px 10px 7px;
  margin: 0;
}
ul.message-menu li.active {
  border-bottom: 3px solid #00A8D2;
  color: #0093B8;
}
ul.message-menu li.menu-title {
  padding-left: 0;
  color: #333;
  font-size: 12px;
  cursor: default;
}
ul.message-menu + .message-form {
  margin-top: 0;
  border-top: 1px solid #E0E0E0;
}

iframe.embedded {
  width: 100%;
  border: 0;
  height: 207px;
}

.message-form {
  padding: 16px 23px 20px;
  margin: -6px -23px -18px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.message-form input, .message-form textarea {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.message-form .desc {
  font-size: 11px;
  line-height: 13px;
  max-width: 198px;
  color: #999;
}
.message-form .desc.error {
  color: #ab0000;
  padding: 1px 0 7px;
}
.message-form input + .desc, .message-form .addable + .desc {
  margin-top: 3px;
}
.message-form .line-item-row {
  border-radius: 3px;
  margin: 0 -11px 5px;
}
.message-form .line-item-row.is-closed {
  background: #f5fbff;
  border: 1px solid #b3e1ff;
}
.message-form .line-item-row.is-open {
  background: #f5fbff;
  border: 1px solid #b3e1ff;
}
.message-form .line-item-row.line-item-title {
  margin-bottom: 0px;
}
.message-form .line-item-row.line-item-title .line-item-col {
  padding: 0 11px;
  color: #999 !important;
}
.message-form .line-item-row.line-item-title .line-item-col.right {
  font-weight: normal;
}
.message-form .line-item-row.line-item-total {
  padding: 0 12px;
  margin: 0 -12px;
  border: 1px solid transparent;
}
.message-form .line-item-row.line-item-total .amount-group {
  padding-top: 10px;
  padding-left: 10px;
  white-space: nowrap;
  display: inline-block;
  clear: right;
  float: right;
}
.message-form .line-item-row.line-item-total .line-item-col {
  color: #999;
}
.message-form .line-item-row.line-item-total .btn-line-item {
  background: #f5fbff;
  border-color: #b3e1ff;
  float: left;
  margin: 3px 0 0 -12px;
  padding: 7px 12px;
  opacity: 0.9;
}
.message-form .line-item-row.line-item-total .btn-line-item:hover {
  opacity: 1;
  background: rgba(255, 255, 255, 0.6);
}
.message-form .line-item-row .line-item-col {
  display: inline-block;
  vertical-align: top;
  padding: 0px 0px 10px;
  box-sizing: border-box;
  color: #666;
}
.message-form .line-item-row .line-item-col.full {
  width: 100%;
}
.message-form .line-item-row .line-item-col .float-right {
  clear: right;
  float: right;
}
.message-form .line-item-row .line-item-col.full-right {
  text-align: right;
  width: 100%;
}
.message-form .line-item-row .line-item-col.full-right .amount {
  padding-left: 4px;
}
.message-form .line-item-row .line-item-col .amount {
  font-weight: bold;
  color: #333;
  font-size: 13px;
  line-height: 16px;
}
.message-form .line-item-row .line-item-header {
  padding: 10px 12px;
  cursor: pointer;
  border-radius: 3px;
}
.message-form .line-item-row .line-item-header:hover {
  background: #fff;
}
.message-form .line-item-row .line-item-header:hover .line-item-col {
  color: #333;
}
.message-form .line-item-row .line-item-header:hover .line-item-col .amount {
  color: #000;
}
.message-form .line-item-row .line-item-header .line-item-col {
  word-break: break-word;
  padding: 0;
}
.message-form .line-item-row .line-item-header .line-item-col .fa {
  width: 14px;
  opacity: 0.6;
}
.message-form .line-item-row .line-item-body {
  padding: 0 10px;
}
.message-form .line-item-row .line-item-body > .row:first-child {
  padding-top: 1px;
}
.message-form .line-item-row .line-item-body > .row:last-child {
  padding-bottom: 10px;
}
.message-form .line-item {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #d3d3d3;
  padding: 16px 12px;
  margin: 0px 0px 9px;
}
.message-form .line-item.is-closed {
  cursor: pointer;
}
.message-form .line-item.is-open {
  padding: 11px;
}
.message-form .line-item .row:last-child {
  padding-bottom: 0;
}
.message-form .line-item .line-item-row {
  padding: 0;
  color: #999;
}
.message-form .line-item .line-item-row + .line-item-row {
  padding-top: 1px;
}
.message-form .line-item .line-item-row.amount {
  font-weight: 600;
  font-size: 19px;
  color: #444;
}
.message-form .row {
  padding: 6px 0;
}
.message-form .row:first-child {
  padding-top: 0;
}
.message-form .row.text .col-title, .message-form .row.text .col-value {
  padding-top: 0px;
  line-height: 24px;
}
.message-form .row.footer {
  padding: 6px 0 0;
}
.message-form .row.radio .col-title {
  line-height: normal;
  padding-top: 1px;
}
.message-form .row.multi {
  padding: 7px 0;
}
.message-form .row.info, .message-form .row.spaced-bottom {
  padding-bottom: 10px;
}
.message-form .row.spaced {
  padding-top: 8px;
}
.message-form .row.closer {
  padding-top: 0px;
}
.message-form .row.loading-row {
  padding: 14px 11px;
  color: #74b4d6;
  font-size: 12px;
}
.message-form .row.loading-row img {
  padding-right: 11px;
}
.message-form .row.confirm {
  border-top: 1px solid #d2d2d2;
  padding-top: 10px;
  margin-top: 10px;
}
.message-form .row.confirm .col-value {
  color: #9D9D9D;
  font-size: 11px;
  line-height: 18px;
}
.message-form .row .col-details {
  color: #999;
  padding: 1px 0px 4px 0px;
}
.message-form .row .col-details a {
  color: #999;
}
.message-form .row .col-details.success {
  background: #E3FFE3;
  border: 1px solid #48B240;
  color: #007100;
  border-radius: 6px;
  padding: 9px 14px 10px;
}
.message-form .row .col-details.error {
  background: #FFE6E6;
  border: 1px solid #DD7070;
  color: #930000;
  border-radius: 6px;
  padding: 9px 14px 10px;
}
.message-form .row .col-title {
  display: inline-block;
  font-size: 12px;
  vertical-align: top;
  line-height: 33px;
  width: 80px;
  font-weight: bold;
}
.message-form .row .col-title.empty {
  line-height: inherit;
}
.message-form .row .col-title .fa {
  padding: 0px 7px;
  font-size: 13px;
  color: #B5B5B5;
}
.message-form .row .col-title .titleButtons .btn {
  opacity: 0.6;
}
body.no-touch .message-form .row .col-title .titleButtons .btn:hover {
  opacity: 1;
}
.message-form .row .col-title .titleButtons .btn.btn-right {
  float: right;
  margin-right: 10px;
}
.message-form .row .col-value {
  display: inline-block;
  position: relative;
  max-width: 194px;
}
.message-form .row .col-value.full-width {
  max-width: unset;
  width: 100%;
}
.message-form .row .col-value.full-width.right {
  text-align: right;
}
.message-form .row .col-value.right {
  text-align: right;
}
.message-form .row .col-value.right button {
  margin-left: 5px;
}
.message-form .row .col-value.checkbox {
  line-height: 33px;
}
.message-form .row .col-value .symbol {
  position: absolute;
  top: 0px;
  left: 10px;
  color: #ADADAD;
  line-height: 33px;
}
.message-form .row .col-value .inline {
  font-size: 12px;
  line-height: 33px;
}
.message-form .row .col-value .inline label {
  display: inline;
  padding: 0 3px 0 11px;
}
.message-form .row .col-value .lighter {
  color: #828282;
}
.message-form .row .col-value .col-changed {
  line-height: 33px;
  padding-right: 10px;
  color: #000;
}
.message-form .row .col-value .col-changed.strong {
  font-weight: bold;
}
.message-form .row .col-value .col-changed.lighter {
  color: #828282;
}
.message-form .row .col-value .col-quantity {
  margin-top: 5px;
  color: #828282;
}
.message-form .row .col-value .col-quantity .interval {
  margin: 0 5px 0 0;
}
.message-form .row .col-value .col-quantity .amount {
  width: 67px;
  margin: 0 5px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.message-form .row .col-value label {
  display: block;
}
.message-form .row .col-value label.sub {
  line-height: 21px;
  margin: 1px 0 4px 9px;
  padding: 0 0 1px 11px;
  border-left: 1px solid #ccc;
  font-size: 11px;
  opacity: 0.8;
}
.message-form .row .col-value label.sub .fa {
  font-size: 12px;
}
.message-form .row .col-value label .fa {
  padding: 0 7px;
  font-size: 13px;
  color: #B5B5B5;
}
.message-form .row .col-value label .desc {
  color: #9D9D9D;
  line-height: 14px;
  font-size: 11px;
  padding: 0px 0 9px;
}
.message-form .row.expandable {
  cursor: pointer;
}
.message-form .row.expandable:hover .col-options {
  text-decoration: underline;
}
.message-form .row.expandable .col-options {
  color: #848484;
}
.message-form .row.expandable .col-options .fa {
  opacity: 0.5;
  font-size: 14px;
  width: 13px;
}
body.no-touch .message-form .row.expandable:hover .col-options .text-container {
  color: #000;
}
body.no-touch .message-form .row.expandable:hover .col-options .text-container .text {
  text-decoration: underline;
}
.message-form .row.line {
  padding: 11px 0 20px;
}
.message-form .row.line.item {
  padding: 9px 0 10px;
}
.message-form .row.line div {
  border-top: 1px solid #d2d2d2;
}
.message-form.authenticate input[type=text], .message-form.authenticate input[type=number], .message-form.authenticate input[type=tel] {
  width: 115px;
  text-align: center;
}
.message-form.authenticate input[type=submit] {
  margin: 0 0 0 7px;
}
.message-form select, .message-form .flexselect {
  background: #FFF;
  border: 1px solid #d3d3d3;
  box-shadow: none;
  border-radius: 4px;
  width: 93px;
  vertical-align: top;
}
.message-form select.mid, .message-form .flexselect.mid {
  width: 194px;
}
.message-form select.full, .message-form .flexselect.full {
  width: 100%;
  margin: 4px 0;
}
.message-form select.has-close, .message-form .flexselect.has-close {
  width: 125px;
}
.message-form select.has-close .options .head, .message-form .flexselect.has-close .options .head {
  max-width: 103px !important;
}
.message-form .action-title {
  padding-bottom: 5px;
}
.message-form textarea {
  background: #FFF;
  border: 1px solid #d3d3d3;
  padding: 6px 10px;
  box-shadow: none;
  border-radius: 4px;
  width: 163px;
  line-height: 19px;
  font-size: 13px;
  height: 19px;
  resize: none;
}
.message-form textarea.mid {
  width: 172px;
  max-height: 190px;
}
.message-form textarea.multi {
  height: 100px;
  resize: vertical;
}
.message-form textarea.half-multi {
  height: 55px;
  resize: vertical;
}
.message-form textarea.taller {
  height: 365px;
  resize: vertical;
}
.message-form textarea.show-more {
  min-height: 46px;
}
.message-form textarea.reason {
  margin-top: 9px;
}
.message-form input, .message-form button {
  line-height: 19px;
  font-size: 13px;
}
.message-form input[type=text], .message-form input[type=email], .message-form input[type=number], .message-form input[type=tel], .message-form input.datepicker, .message-form button[type=text], .message-form button[type=email], .message-form button[type=number], .message-form button[type=tel], .message-form button.datepicker {
  background: #FFF;
  border: 1px solid #d3d3d3;
  padding: 6px 10px;
  box-shadow: none;
  border-radius: 4px;
  width: 72px;
  margin: 0;
}
.message-form input[type=text].amount, .message-form input[type=email].amount, .message-form input[type=number].amount, .message-form input[type=tel].amount, .message-form input.datepicker.amount, .message-form button[type=text].amount, .message-form button[type=email].amount, .message-form button[type=number].amount, .message-form button[type=tel].amount, .message-form button.datepicker.amount {
  padding: 6px 10px 6px 21px;
  width: 94px;
  margin-right: 7px;
  box-sizing: border-box;
}
.message-form input[type=text].amount.symbol1, .message-form input[type=email].amount.symbol1, .message-form input[type=number].amount.symbol1, .message-form input[type=tel].amount.symbol1, .message-form input.datepicker.amount.symbol1, .message-form button[type=text].amount.symbol1, .message-form button[type=email].amount.symbol1, .message-form button[type=number].amount.symbol1, .message-form button[type=tel].amount.symbol1, .message-form button.datepicker.amount.symbol1 {
  padding-left: 22px;
}
.message-form input[type=text].amount.symbol2, .message-form input[type=email].amount.symbol2, .message-form input[type=number].amount.symbol2, .message-form input[type=tel].amount.symbol2, .message-form input.datepicker.amount.symbol2, .message-form button[type=text].amount.symbol2, .message-form button[type=email].amount.symbol2, .message-form button[type=number].amount.symbol2, .message-form button[type=tel].amount.symbol2, .message-form button.datepicker.amount.symbol2 {
  padding-left: 29px;
}
.message-form input[type=text].amount.symbol3, .message-form input[type=email].amount.symbol3, .message-form input[type=number].amount.symbol3, .message-form input[type=tel].amount.symbol3, .message-form input.datepicker.amount.symbol3, .message-form button[type=text].amount.symbol3, .message-form button[type=email].amount.symbol3, .message-form button[type=number].amount.symbol3, .message-form button[type=tel].amount.symbol3, .message-form button.datepicker.amount.symbol3 {
  padding-left: 38px;
}
.message-form input[type=text].amount.symbol4, .message-form input[type=email].amount.symbol4, .message-form input[type=number].amount.symbol4, .message-form input[type=tel].amount.symbol4, .message-form input.datepicker.amount.symbol4, .message-form button[type=text].amount.symbol4, .message-form button[type=email].amount.symbol4, .message-form button[type=number].amount.symbol4, .message-form button[type=tel].amount.symbol4, .message-form button.datepicker.amount.symbol4 {
  padding-left: 47px;
}
.message-form input[type=text].abr, .message-form input[type=email].abr, .message-form input[type=number].abr, .message-form input[type=tel].abr, .message-form input.datepicker.abr, .message-form button[type=text].abr, .message-form button[type=email].abr, .message-form button[type=number].abr, .message-form button[type=tel].abr, .message-form button.datepicker.abr {
  width: 30px;
}
.message-form input[type=text].remainder, .message-form input[type=email].remainder, .message-form input[type=number].remainder, .message-form input[type=tel].remainder, .message-form input.datepicker.remainder, .message-form button[type=text].remainder, .message-form button[type=email].remainder, .message-form button[type=number].remainder, .message-form button[type=tel].remainder, .message-form button.datepicker.remainder {
  width: 110px;
  margin-left: 10px;
}
.message-form input[type=text].interval, .message-form input[type=email].interval, .message-form input[type=number].interval, .message-form input[type=tel].interval, .message-form input.datepicker.interval, .message-form button[type=text].interval, .message-form button[type=email].interval, .message-form button[type=number].interval, .message-form button[type=tel].interval, .message-form button.datepicker.interval {
  width: 48px;
  margin: 0 11px 0 0;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.message-form input[type=text].interval.left, .message-form input[type=email].interval.left, .message-form input[type=number].interval.left, .message-form input[type=tel].interval.left, .message-form input.datepicker.interval.left, .message-form button[type=text].interval.left, .message-form button[type=email].interval.left, .message-form button[type=number].interval.left, .message-form button[type=tel].interval.left, .message-form button.datepicker.interval.left {
  margin-left: 12px;
  margin-right: 7px;
}
.message-form input[type=text].short, .message-form input[type=email].short, .message-form input[type=number].short, .message-form input[type=tel].short, .message-form input.datepicker.short, .message-form button[type=text].short, .message-form button[type=email].short, .message-form button[type=number].short, .message-form button[type=tel].short, .message-form button.datepicker.short {
  width: 74px;
}
.message-form input[type=text].coupon, .message-form input[type=email].coupon, .message-form input[type=number].coupon, .message-form input[type=tel].coupon, .message-form input.datepicker.coupon, .message-form button[type=text].coupon, .message-form button[type=email].coupon, .message-form button[type=number].coupon, .message-form button[type=tel].coupon, .message-form button.datepicker.coupon {
  width: 112px;
}
.message-form input[type=text].mid, .message-form input[type=email].mid, .message-form input[type=number].mid, .message-form input[type=tel].mid, .message-form input.datepicker.mid, .message-form button[type=text].mid, .message-form button[type=email].mid, .message-form button[type=number].mid, .message-form button[type=tel].mid, .message-form button.datepicker.mid {
  width: 172px;
}
.message-form input[type=text].timepicker, .message-form input[type=email].timepicker, .message-form input[type=number].timepicker, .message-form input[type=tel].timepicker, .message-form input.datepicker.timepicker, .message-form button[type=text].timepicker, .message-form button[type=email].timepicker, .message-form button[type=number].timepicker, .message-form button[type=tel].timepicker, .message-form button.datepicker.timepicker {
  width: 75px;
  text-align: center;
  float: right;
  margin-left: 7px;
  padding-left: 0;
  padding-right: 0;
}
.message-form input[type=text].timepicker + div, .message-form input[type=email].timepicker + div, .message-form input[type=number].timepicker + div, .message-form input[type=tel].timepicker + div, .message-form input.datepicker.timepicker + div, .message-form button[type=text].timepicker + div, .message-form button[type=email].timepicker + div, .message-form button[type=number].timepicker + div, .message-form button[type=tel].timepicker + div, .message-form button.datepicker.timepicker + div {
  display: inline;
}
.message-form input[type=text].datepicker, .message-form input[type=email].datepicker, .message-form input[type=number].datepicker, .message-form input[type=tel].datepicker, .message-form input.datepicker.datepicker, .message-form button[type=text].datepicker, .message-form button[type=email].datepicker, .message-form button[type=number].datepicker, .message-form button[type=tel].datepicker, .message-form button.datepicker.datepicker {
  width: 108px;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.message-form input[type=text]::-webkit-input-placeholder, .message-form input[type=email]::-webkit-input-placeholder, .message-form input[type=number]::-webkit-input-placeholder, .message-form input[type=tel]::-webkit-input-placeholder, .message-form input.datepicker::-webkit-input-placeholder, .message-form button[type=text]::-webkit-input-placeholder, .message-form button[type=email]::-webkit-input-placeholder, .message-form button[type=number]::-webkit-input-placeholder, .message-form button[type=tel]::-webkit-input-placeholder, .message-form button.datepicker::-webkit-input-placeholder {
  font-size: 12px;
}

.message-form input[type=text]:-moz-placeholder, .message-form input[type=email]:-moz-placeholder, .message-form input[type=number]:-moz-placeholder, .message-form input[type=tel]:-moz-placeholder, .message-form input.datepicker:-moz-placeholder, .message-form button[type=text]:-moz-placeholder, .message-form button[type=email]:-moz-placeholder, .message-form button[type=number]:-moz-placeholder, .message-form button[type=tel]:-moz-placeholder, .message-form button.datepicker:-moz-placeholder {
  font-size: 12px;
}

.message-form input[type=text]::-moz-placeholder, .message-form input[type=email]::-moz-placeholder, .message-form input[type=number]::-moz-placeholder, .message-form input[type=tel]::-moz-placeholder, .message-form input.datepicker::-moz-placeholder, .message-form button[type=text]::-moz-placeholder, .message-form button[type=email]::-moz-placeholder, .message-form button[type=number]::-moz-placeholder, .message-form button[type=tel]::-moz-placeholder, .message-form button.datepicker::-moz-placeholder {
  font-size: 12px;
}

.message-form input[type=text]:-ms-input-placeholder, .message-form input[type=email]:-ms-input-placeholder, .message-form input[type=number]:-ms-input-placeholder, .message-form input[type=tel]:-ms-input-placeholder, .message-form input.datepicker:-ms-input-placeholder, .message-form button[type=text]:-ms-input-placeholder, .message-form button[type=email]:-ms-input-placeholder, .message-form button[type=number]:-ms-input-placeholder, .message-form button[type=tel]:-ms-input-placeholder, .message-form button.datepicker:-ms-input-placeholder {
  font-size: 12px;
}

.message-form input[type=submit], .message-form input.btn-type-submit, .message-form button[type=submit], .message-form button.btn-type-submit {
  background: #43A9C2;
  border: 0;
  padding: 7px 22px;
  margin: 3px 0 0 0;
  box-shadow: none;
  color: #FFF;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
  vertical-align: top;
}
.message-form input[type=submit]:disabled, .message-form input.btn-type-submit:disabled, .message-form button[type=submit]:disabled, .message-form button.btn-type-submit:disabled {
  opacity: 0.5 !important;
  cursor: default;
}
body.no-touch .message-form input[type=submit]:hover, body.no-touch .message-form input.btn-type-submit:hover, body.no-touch .message-form button[type=submit]:hover, body.no-touch .message-form button.btn-type-submit:hover {
  opacity: 0.7;
}
.message-form select.showDisabled:disabled, .message-form input.showDisabled:disabled, .message-form textarea.showDisabled:disabled, .message-form .flexselect.showDisabled.disabled {
  border-color: #d3d3d3;
  color: #333;
  cursor: default;
  background: transparent;
}
.message-form .addable {
  position: relative;
}
.message-form .addable + .addable {
  margin-top: 5px;
}
.message-form .addable input.mid {
  padding-right: 29px;
  width: 153px;
}
.message-form .addable button {
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 1;
  background: rgba(0, 0, 0, 0);
  border: 0;
  color: #868686;
  padding: 6px 10px 6px 8px;
  outline: none;
  cursor: pointer;
  font-size: 12px;
  opacity: 0.7;
}
.message-form .addable button.minus {
  opacity: 0.5;
}
body.no-touch .message-form .addable button:hover {
  opacity: 1 !important;
}
.message-form .row-loading {
  position: relative;
  color: #bfbfbf;
  line-height: 33px;
}

body .flexselect {
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  height: inherit;
  line-height: 1.5em;
  padding: 7px 10px 6px;
  display: inline-block;
  min-height: 33px;
}
body .flexselect.expanded {
  box-shadow: none;
}
body .flexselect.expandLeft.expanded .selected {
  position: relative;
  z-index: 12;
  opacity: 0.5;
}
body .flexselect.expandLeft .options {
  min-width: 140px;
}
body .flexselect.expandLeft .options .head {
  visibility: hidden;
  max-width: 74px;
}
body .flexselect .selected, body .flexselect .head {
  word-wrap: break-word;
}
body .flexselect .selected .selected-desc, body .flexselect .head .selected-desc {
  font-size: 11px;
  opacity: 0.65;
  padding-left: 6px;
}
body .flexselect .caret {
  float: right;
  position: relative;
  top: 3px;
  padding-left: 3px;
}
body .flexselect .options {
  width: 100%;
  position: absolute;
  top: -1px;
  right: -1px;
  z-index: 10;
  background: #ffffff;
  border-radius: 4px;
  outline: 0;
  cursor: default;
  border: 1px solid #cccccc;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  margin-bottom: 5px;
}
body .flexselect .options .head {
  padding: 7px 10px 6px;
  overflow: hidden;
  opacity: 0.5;
}
body .flexselect .options .head input {
  line-height: 1.5em;
  padding: 7px 10px 6px;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  border: 0;
}
body .flexselect .options .line {
  border-top: 1px solid #e5ebec;
  margin: 0px;
}
body .flexselect .options .group {
  max-height: 300px;
  overflow-y: auto;
}
body .flexselect .options .group.search {
  padding: 7px 7px 5px;
  position: relative;
}
body .flexselect .options .group.search .search-icon {
  position: absolute;
  top: 15px;
  left: 16px;
  color: #589eaf;
  font-size: 11px;
}
body .flexselect .options .group.search input {
  width: 100%;
  box-sizing: border-box;
  border-radius: 17px;
  padding: 3px 10px 3px 26px;
  box-shadow: none;
  border: 1px solid #d3d3d3;
}
body .flexselect .options .group.highlight {
  background: #f3feff;
}
body .flexselect .options .group .no-matches {
  padding: 9px 10px;
  font-style: italic;
  color: #666;
}
body .flexselect .options .group .option {
  cursor: pointer;
  padding: 9px 10px;
  margin: 0;
  line-height: 1.2em;
  word-wrap: break-word;
}
body .flexselect .options .group .option .icon {
  padding-right: 5px;
  float: left;
}
body .flexselect .options .group .option .icon .fa {
  font-size: 13px;
}
body .flexselect .options .group .option.none {
  opacity: 0.6;
}
body .flexselect .options .group .option.strong {
  font-weight: 600;
}
body .flexselect .options .group .option.disabled {
  opacity: 0.6;
  cursor: default;
}
body .flexselect .options .group .option .option-desc {
  font-size: 11px;
  padding-top: 1px;
  opacity: 0.65;
  font-weight: normal;
}
body .flexselect .options .group .option.hover {
  background: #008eb1;
  color: #fff;
}
body .flexselect .options .group .option.href {
  opacity: 1;
}
body .flexselect .options .group .option.href a {
  color: #b1b1b1;
  font-size: 11px;
}
body.no-touch body .flexselect .options .group .option.href a:hover {
  color: #333;
}

.list-desc {
  padding: 14px 18px;
  background: #E8F9FF;
  margin: -10px 0 8px;
}
.list-desc + .customer {
  border-top: none;
}
.list-desc + .customer:before {
  display: none;
}
.list-desc.search {
  margin: -79px -15px 10px;
  padding: 71px 15px 18px;
}
.list-desc.embed {
  padding: 14px 30px 15px;
  margin: -10px -15px 1px;
}

.new-customer {
  border-radius: 3px;
  padding: 5px 10px;
  cursor: pointer;
  outline: none;
  margin: 5px 0 15px 0px;
  display: inline-block;
  background: #43A9C2;
  color: #FFF;
  border: 0;
}
.new-customer .fa {
  padding-right: 3px;
}
body.no-touch .new-customer:hover {
  background-color: #007390;
}

.new-customer + .customer {
  border-top: 0;
}

.metadata {
  display: table !important;
  padding: 4px 0 2px 0;
}
.metadata .meta-row {
  display: table-row;
}
.metadata .meta-row .meta-title, .metadata .meta-row .meta-value {
  display: table-cell;
}
.metadata .meta-row .meta-title {
  max-width: 95px;
  white-space: pre;
  padding-right: 10px;
  color: #808080;
}

.customer {
  padding: 10px 15px 45px 66px;
  position: relative;
}
.customer:before {
  content: "";
  border-top: 1px solid #E5E5E5;
  display: block;
  width: 100%;
  position: absolute;
  top: -11px;
  left: 0;
  margin: 0 -15px;
  padding: 0 15px;
}
.customer:first-child {
  border-top: 0;
}
.customer:first-child:before {
  display: none;
}
.customer + .list-desc.search {
  margin-top: -27px !important;
  padding-top: 18px;
}
.customer .avatar {
  border-radius: 100px;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 10px;
  left: 0px;
  background: #DDD;
  cursor: pointer;
  transition: width 150ms ease-out, height 150ms ease-out;
  z-index: 2;
  overflow: hidden;
}
.customer .avatar img {
  border-radius: 100px;
  width: 48px;
  height: 48px;
  opacity: 1;
  transition: width 150ms ease-out, height 150ms ease-out, opacity 150ms ease-out;
  position: relative;
  z-index: 2;
}
.customer .avatar span {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 20px;
  line-height: 48px;
  width: 100%;
  text-align: center;
  transition: all 150ms ease-out;
}
.customer .avatar span.icon {
  color: rgba(255, 255, 255, 0.85);
  font-size: 23px;
  top: 0px;
  width: 100%;
  transition: all 150ms ease-out;
  text-transform: uppercase;
}
.customer .amount {
  color: #333;
  padding: 0px 65px 2px 0;
  font-weight: 600;
  font-size: 19px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.customer .amount .failed, .customer .amount .refunded, .customer .amount .canceled, .customer .amount .void, .customer .amount .uncollectible {
  text-decoration: line-through;
}
.customer .amount .fa {
  font-size: 12px;
  margin-right: 4px;
}
.customer .amount .desc {
  font-weight: 300;
  text-transform: capitalize;
  font-size: 12px;
  position: relative;
  top: -2px;
}
.customer .amount .desc.times {
  font-family: sans-serif;
}
.customer .coupons {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.customer .coupons .fa {
  position: absolute;
  top: 2px;
  left: -16px;
  color: #b9b9b9;
}
.customer .coupons .coupon {
  display: block;
}
.customer .coupons .coupon .title {
  white-space: normal !important;
}
.customer .card {
  margin-top: 4px;
  position: relative;
  padding: 10px 10px 10px 66px;
  cursor: pointer;
  border-radius: 5px;
  transition: padding-left 100ms ease-out;
}
.customer .card.stats {
  cursor: default;
  padding-top: 4px;
  padding-bottom: 4px;
}
body.no-touch .customer .card.stats:hover {
  background-color: inherit;
}
.customer .card.stats .stat {
  width: 45%;
  display: inline-block;
  color: #999;
  padding: 6px 0px;
}
.customer .card.stats .stat strong {
  font-size: 19px;
  color: #333;
}
.customer .card.stats .stat div {
  padding-top: 2px;
}
.customer .card .progress {
  padding: 6px 0 0 0;
  font-size: 12px;
  color: #43A9C2;
}
.customer .card .progress .fa {
  color: #43A9C2;
  margin-right: 5px;
  font-size: 17px;
  vertical-align: middle;
  position: relative;
  top: -1px;
}
.customer .card.has-button .amount {
  padding-right: 80px;
}
.customer .card.updating .symbol {
  border-color: transparent !important;
  font-size: 20px;
  background: transparent;
}
.customer .card.expanded {
  background-color: #E2F8FF;
  padding-left: 42px;
  padding-bottom: 10px;
}
.customer .card.expanded .symbol {
  margin-left: -28px;
}
.customer .card.expanded .item {
  line-height: 15px;
}
.customer .card.expanded .item.spaced .value {
  padding: 3px 0 2px 23px;
}
.customer .card.expanded .item.spaced .value.agent-logs {
  padding-left: 0px;
}
.customer .card.expanded .item .title .fa {
  width: 20px;
  color: #B8B8B8;
}
.customer .card.expanded .coupons {
  padding-top: 4px;
}
.customer .card.expanded .coupons .coupon {
  padding-left: 23px;
}
body.no-touch .customer .card:hover {
  background: #E2F8FF;
}
.customer .card.more-button {
  margin-top: 0;
  background: transparent !important;
}
.customer .card .close {
  padding: 4px 7px 4px 40px;
  font-size: 17px;
  margin-top: -6px;
  font-weight: 600;
  cursor: pointer;
  font-family: Arial;
  color: #ADADAD;
}
body.no-touch .customer .card .close:hover {
  color: #000;
}
.customer .card .symbol {
  position: absolute;
  top: 10px;
  left: 40px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-size: 14px;
  color: #949494;
  transition: margin 100ms ease-out, opacity 100ms ease;
  opacity: 0.7;
}
.customer .card .symbol.paid {
  color: #0093B8;
  border-color: #0093B8;
}
.customer .card .symbol.refunded {
  color: #C3C3C3;
  font-size: 8px;
}
.customer .card .symbol.match {
  color: #0093B8;
  font-size: 140%;
  top: 7px;
  left: 38px;
}
.customer .card .symbol.error {
  color: #9c0000;
  font-size: 140%;
  top: 11px;
  left: 38px;
}
.customer .card .info {
  padding: 1px 0px 0px 1px;
  color: #808080;
  font-size: 10px;
  line-height: 15px;
  max-width: 244px;
}
.customer .card .info.spaced {
  padding-top: 3px;
}
.customer .card .info i.fa {
  display: inline-block;
  width: 12px;
  text-align: left;
  padding-left: 1px;
}
.customer .card .info .coupons .coupon div {
  display: inline-block;
}
.customer .card .info .coupons .coupon .title {
  padding-right: 3px;
}
.customer .card .info .coupons .coupon .title::after {
  content: " · ";
}
.customer .card .buttons {
  position: absolute;
  top: 10px;
  right: 10px;
}
.customer .card .buttons button, .customer .card .buttons .btn {
  border-radius: 3px;
  padding: 4px 12px;
  cursor: pointer;
  outline: none;
  margin: 0 5px 0 0;
  display: inline-block;
  background: #43A9C2;
  color: #FFF;
  border: 0;
  text-decoration: none;
}
.customer .card .buttons button .fa, .customer .card .buttons .btn .fa {
  margin: 0 4px 0 -4px;
}
.customer .card .buttons button.cancel, .customer .card .buttons .btn.cancel {
  background: #555;
}
body.no-touch .customer .card .buttons button.cancel:hover, body.no-touch .customer .card .buttons .btn.cancel:hover {
  background: #000;
}
.customer .card .buttons button.cancel-light, .customer .card .buttons .btn.cancel-light {
  background: #949494;
}
body.no-touch .customer .card .buttons button.cancel-light:hover, body.no-touch .customer .card .buttons .btn.cancel-light:hover {
  background: #666;
}
.customer .card .buttons button.edit, .customer .card .buttons .btn.edit {
  background: #009A00;
}
body.no-touch .customer .card .buttons button.edit:hover, body.no-touch .customer .card .buttons .btn.edit:hover {
  background: #007D00;
}
.customer .card .buttons button.void, .customer .card .buttons .btn.void {
  background: #A00000;
}
body.no-touch .customer .card .buttons button.void:hover, body.no-touch .customer .card .buttons .btn.void:hover {
  background: #5D0000;
}
.customer .card .buttons button.capture, .customer .card .buttons .btn.capture {
  background: #C27E43;
}
body.no-touch .customer .card .buttons button.capture:hover, body.no-touch .customer .card .buttons .btn.capture:hover {
  background: #8A592F;
}
body.no-touch .customer .card .buttons button:hover, body.no-touch .customer .card .buttons .btn:hover {
  background-color: #007390;
}
.customer .card .amount + .item {
  padding-top: 5px;
}
.customer .card .item {
  line-height: 16px;
  font-size: 11px;
  width: 268px;
}
.customer .card .item:first-child {
  padding-top: 4px;
}
.customer .card .item.spaced {
  padding-top: 10px;
}
.customer .card .item .title {
  display: inline-block;
  width: 72px;
  color: #808080;
  white-space: nowrap;
  vertical-align: top;
  user-select: none;
}
.customer .card .item .title + .value {
  max-width: calc(100% - 72px);
}
.customer .card .item .title i.fa {
  display: inline-block;
  width: 18px;
  color: #a3a3a3;
}
.customer .card .item .value {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
}
.customer .card .item .value.pre {
  white-space: pre-wrap;
}
.customer .card .base-buttons {
  cursor: default;
}
.customer .card .base-buttons .btn {
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  line-height: 15px;
  font-size: 11px;
}
.customer .card .base-buttons .btn .fa {
  font-size: 13px;
  padding-right: 4px;
}
.customer .new-card {
  border-radius: 3px;
  padding: 7px 12px;
  cursor: pointer;
  outline: none;
  margin: 6px 0 4px 41px;
  display: inline-block;
  background: #FFF;
  color: #838383;
  border: 1px solid #E5E5E5;
}
.customer .new-card .fa {
  padding-right: 3px;
}
body.no-touch .customer .new-card:hover {
  background-color: #F7F7F7;
  color: #000;
}
.customer .cards {
  padding: 0px 0px 10px 0px;
  margin: -2px -15px 0px -66px;
}
.customer .cards-title {
  margin: 11px 0 12px 42px;
  padding: 0;
  font-size: 12px;
  color: #BBB;
  border-bottom: 1px solid #E5E5E5;
  text-transform: capitalize;
}
.customer .cards-title span {
  position: relative;
  top: 7px;
  background: #FFF;
  padding-right: 8px;
}
.customer .list-empty {
  margin-top: 6px;
  padding: 0px 0px 0px 66px;
  color: #C2C2C2;
  font-size: 11px;
}
.customer .btn.more {
  border-radius: 3px;
  padding: 6px 0;
  cursor: pointer;
  outline: none;
  margin: 28px 0px 0px;
  width: 100%;
  border: 1px solid #E0E0E0;
  background: #FAFAFA;
  color: #555;
}
body.no-touch .customer .btn.more:hover {
  color: #000;
  background: #EFEFEF;
}
.customer .external-link .fa {
  color: rgba(0, 0, 0, 0.57);
  font-size: 10px;
}
.customer .external-link a {
  color: #000;
}
body.no-touch .customer .external-link a:hover {
  opacity: 0.6;
}
.customer .overview {
  transition: padding 150ms ease-out;
  padding: 6px 10px 10px 66px;
  margin: 4px -15px 0 -66px;
  border-radius: 5px;
  border-top-left-radius: 25px;
  cursor: pointer;
  position: relative;
  z-index: 1;
}
body.no-touch .customer .overview:hover {
  background: #E2F8FF;
}
.customer .overview .item {
  color: #808080;
  line-height: 16px;
}
.customer .overview .item:first-of-type {
  color: #333;
  font-size: 16px !important;
  padding-bottom: 3px;
  font-weight: 600;
  line-height: 19px;
}
.customer .overview .item:first-of-type .title {
  display: none !important;
}
.customer .overview .item:first-of-type .highlight {
  font-weight: 500;
}
.customer .overview .item:first-of-type .highlight b {
  font-weight: 800;
}
.customer .overview .item:first-of-type .value {
  color: #333;
  max-width: 100% !important;
}
.customer .overview .item .highlight b {
  color: #000;
}
.customer .overview .item .title {
  display: inline-block;
  width: 72px;
  color: #999;
  vertical-align: top;
  padding-right: 4px;
  user-select: none;
}
.customer .overview .item .title + .value {
  max-width: calc(100% - 76px);
}
.customer .overview .item .value {
  display: inline-block;
  color: #444;
}
.customer .overview .item .value div {
  overflow: hidden;
  text-overflow: ellipsis;
}
.customer .overview .item .value.no-cards {
  padding-top: 3px;
  padding-bottom: 5px;
}
.customer .overview .item.spaced {
  padding-top: 10px;
}
.customer .overview .item.spaced > .title {
  width: auto !important;
}
.customer .overview .item.spaced-closer {
  padding-top: 2px;
}
.customer .overview .item.spaced-closer [data-tooltip]:before, .customer .overview .item.spaced-closer [data-tooltip]:after {
  display: none;
}
.customer .overview .item.search-result .title {
  display: inline;
}
.customer .overview .item.search-result:first-child .title {
  display: none;
}
.customer.expanded .avatar {
  width: 28px;
  height: 28px;
}
.customer.expanded .avatar img {
  width: 28px;
  height: 28px;
  opacity: 0.9;
}
.customer.expanded .avatar span {
  line-height: 28px;
}
.customer.expanded .avatar span.icon {
  font-size: 14px;
  margin-top: 1px;
}
.customer.expanded .overview {
  background: #E2F8FF;
  padding-left: 42px;
}
.customer.expanded .overview .item {
  font-size: 11px;
  width: 100%;
  line-height: 15px;
}
.customer.expanded .overview .item.text .value {
  padding-left: 24px;
}
.customer.expanded .overview .item .title {
  display: inline-block;
  width: 72px;
  color: #808080;
  padding-right: 0px;
}
.customer.expanded .overview .item .title .fa {
  width: 20px;
  color: #B8B8B8;
}
.customer.expanded .overview .item .value {
  display: inline-block;
  color: #333;
}
.customer.expanded .overview .item .value pre {
  margin: 0;
  padding: 3px 0 2px 0;
  line-height: 15px;
  font-size: 11px;
  font-family: inherit;
  white-space: pre-wrap;
}
.customer.expanded .overview .item .value div {
  word-break: break-all;
}
.customer.expanded .overview .coupons {
  padding-top: 4px;
}
.customer.expanded .overview .coupons .coupon {
  padding-left: 23px;
}
.customer.collapseTitles .overview .item .title {
  display: none;
}
.customer.collapseTitles .overview .item .value {
  max-width: none;
}
.customer.collapseTitles .overview .item .coupons .title {
  display: inline-block;
}
.customer.collapseTitles .overview .item .coupons .title + .value {
  max-width: calc(100% - 76px);
}
.customer .base-buttons {
  background: #F4F4F4;
  border-top: 1px solid #E7E7E7;
  margin: 10px -10px -10px -42px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 8px 0px 14px 41px;
  cursor: default;
  padding-right: 50px !important;
}
.customer .base-buttons.light {
  background: rgba(0, 0, 0, 0);
  border: 0;
  padding-top: 3px;
  padding-bottom: 7px;
  margin-top: 0;
}
.customer .base-buttons.light .btn {
  color: #808080;
  border: 1px solid #E5E5E5;
}
.customer .base-buttons.light .btn.smaller {
  font-size: 11px;
}
.customer .base-buttons.light .btn.smaller .fa {
  opacity: 0.6;
}
.customer .base-buttons .btn {
  cursor: pointer;
  margin: 4px 8px 0 0;
  background: #FFF;
  border: 1px solid #DFDFDF;
  border-radius: 3px;
  padding: 4px 12px 4px 10px;
  outline: none;
  color: #747474;
}
body.no-touch .customer .base-buttons .btn:hover {
  border-color: #b6b6b6;
  color: #000;
  background: #fdfdfd;
}
.customer .base-buttons .btn .fa {
  color: #888;
  font-size: 12px;
  padding-right: 3px;
  text-align: left;
}
.customer .base-buttons .btn.refund {
  color: #fff;
  border-color: #008BAE;
  background: #008BAE;
}
body.no-touch .customer .base-buttons .btn.refund:hover {
  border-color: #00AFDB;
  background: #00AFDB;
}
.customer .base-buttons .button-separator {
  border-top: 1px solid #E7E7E7;
  margin: 13px -10px 8px -41px;
}
.customer .details {
  color: #333;
  padding: 1px 0 0;
}
.customer .details.expanded .item.hide_on_start {
  display: block;
}
body.no-touch .customer .details.expanded .expand:hover {
  background: transparent;
}
.customer .details .action {
  padding: 20px 0;
}
.customer .details .action .btn {
  color: #000;
}
.customer .details .expand {
  text-align: left;
  cursor: pointer;
  padding: 0px 0 2px 104px;
  margin: -3px -23px 0;
  font-size: 17px;
  line-height: 23px;
  color: #A0A0A0;
}
body.no-touch .customer .details .expand:hover {
  background: #F9F9F9;
}

.badge {
  padding: 0 10px 0px;
  line-height: 1.8em;
  border-radius: 30px;
  display: inline-block;
  margin: 0 0 7px -7px;
  color: #353535;
  border: 1px solid #757575;
}
.badge.active {
  color: #0094b9;
  border-color: rgba(0, 132, 165, 0.4901960784);
}
.badge.cancels {
  color: #494949;
  border-color: #ADADAD;
  margin-left: 7px !important;
}
.badge.unpaid, .badge.past_due {
  color: #e86400;
  border-color: #ffa866;
}
.badge.requested {
  color: #0C940C;
  border-color: #6CC36D;
}
.badge.trialing, .badge.pending {
  border-color: #b1b1b1;
  color: #7d7d7d;
}

.content-form {
  padding-top: 11px;
  width: 268px;
  cursor: default;
}
.content-form .message-form {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
}
@media (max-width: 340px) {
  .content-form {
    width: 100%;
  }
}

.loading {
  padding: 25px 0 20px 0;
  opacity: 0.2;
}

.loadingPanel {
  background: #FFF;
  opacity: 0;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999;
  display: none;
  text-align: center;
}
.loadingPanel .loading-circle {
  opacity: 0;
  transition: opacity 1000ms ease-in 200ms;
  margin: 71px 0 0 0;
}
.loadingPanel.hidden {
  z-index: 999;
}
.loadingPanel.showing {
  display: block;
  opacity: 0;
}
.loadingPanel.showing.fade {
  transition: opacity 200ms ease-in;
  opacity: 0.7;
}
.loadingPanel.showing.fade.active {
  transition: opacity 1500ms ease-in;
  opacity: 1;
}
.loadingPanel.showing.fade.active .loading-circle {
  opacity: 1;
}
.loadingPanel.showing.fade.active.hidden {
  transition: opacity 10ms;
  opacity: 0;
}

.header {
  background: #373737;
  padding: 36px 44px;
}

.logo {
  background: rgba(0, 0, 0, 0) url("https://cdn.chargedesk.com/cd-logo-white.png") top left no-repeat;
  background-size: 147px;
  width: 147px;
  height: 32px;
  display: inline-block;
  text-decoration: none;
}

.describe {
  color: #6F9CA9;
  margin: 0 0 35px 0;
  font-size: 11px;
  background: #EEFAFF;
  padding: 8px 11px 9px;
  border: 1px solid #6F9CA9;
}

.connect {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  z-index: 1;
  max-width: 350px;
}
.connect .box {
  width: 230px;
  margin: 33px auto 0;
}
.connect .title {
  color: #454545;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 200;
  font-size: 20px;
  text-align: left;
  padding-bottom: 4px;
}
.connect .title.expandable {
  cursor: pointer;
}
.connect .title.expandable i {
  margin-left: 11px;
  color: #a5a5a5;
  transition: all 0.1s ease-out;
}
.connect .title.expandable.expanded i {
  color: #696969;
  transform: rotate(90deg);
}
.connect .logged-in {
  font-size: 11px;
  padding-top: 7px;
  color: #555;
}
.connect.installed {
  background: #f7f7f7;
}
.connect.installed .header {
  padding: 12px 0 7px 43px;
  border-top: 15px solid #fff;
  background: #f7f7f7;
}
.connect.installed .logo {
  display: none;
}
.connect.installed .divider {
  margin: 33px 0;
}
.connect.installed .divider span {
  background: #f7f7f7;
}
.connect.installed .box {
  margin: 0px auto;
  padding-bottom: 25px;
}
.connect.installed .desc {
  padding-top: 17px;
  font-size: 12px;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #848484;
  line-height: 1.3em;
}

.divider {
  border-top: 1px solid #DAD8D8;
  margin: 45px -20px;
  position: relative;
}
.divider.top {
  margin: 29px -20px 14px;
}
.divider.bottom {
  margin: 43px -20px 10px;
}
.divider span {
  display: inline-block;
  position: absolute;
  top: -8px;
  left: 50%;
  background: #FFF;
  color: #444;
  padding: 0 10px;
  margin-left: -15px;
}

input.login {
  margin: 12px 0 0;
  display: inline-block;
  padding: 0 12px;
  width: 204px;
  font-size: 13px;
  line-height: 33px;
  color: #333;
  border: 1px solid #ADADAD;
  border-radius: 3px;
  background: #FFF;
  font-weight: 500;
}

textarea:focus, input[type=text]:focus, input[type=email]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, .uneditable-input:focus {
  border-color: #33aad0 !important;
  outline: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.search-submit {
  padding: 0;
  width: 230px;
  background: #1790bc;
  color: #FFF;
  border: 0;
  box-shadow: none;
  cursor: pointer;
  outline: none;
}

body.no-touch .search-submit:hover {
  opacity: 0.7;
}

.provider-connect, .chargedesk-connect {
  width: 190px;
  padding: 8px 0 8px 40px;
  margin: 17px 0 0;
  border-radius: 3px;
  font-weight: 400;
  text-decoration: none;
  vertical-align: baseline;
  background: #fff;
  -webkit-transition: box-shadow 0.3s ease-in-out;
  -moz-transition: box-shadow 0.3s ease-in-out;
  -ms-transition: box-shadow 0.3s ease-in-out;
  -o-transition: box-shadow 0.3s ease-in-out;
  transition: box-shadow 0.3s ease-in-out;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.provider-connect .name, .chargedesk-connect .name {
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  display: block;
  line-height: 17px;
  color: #FFF;
  padding-left: 28px;
}
.provider-connect .name strong, .chargedesk-connect .name strong {
  padding-left: 1px;
}
body.no-touch .provider-connect:hover, body.no-touch .chargedesk-connect:hover {
  opacity: 0.7;
}
.provider-connect::before, .chargedesk-connect::before {
  content: "";
  position: absolute;
  top: 9px;
  left: 12px;
  width: 15px;
  height: 15px;
  z-index: 1;
  opacity: 0.9;
  background-color: transparent;
  background-size: 15px;
  background-repeat: no-repeat;
}
.provider-connect.stripe, .stripe.chargedesk-connect {
  background-color: #12AFD7;
}
.provider-connect.stripe::before, .stripe.chargedesk-connect::before {
  background-image: url("https://cdn.chargedesk.com/icon-stripe-white.png");
}
.provider-connect.braintree, .braintree.chargedesk-connect {
  background-color: #484748;
}
.provider-connect.braintree::before, .braintree.chargedesk-connect::before {
  background-image: url("https://cdn.chargedesk.com/icon-braintree-white.png");
}
.provider-connect.wepay, .wepay.chargedesk-connect {
  background-color: #2EB135;
}
.provider-connect.wepay::before, .wepay.chargedesk-connect::before {
  background-image: url("https://cdn.chargedesk.com/icon-wepay-white.png");
}
.provider-connect.chargify, .chargify.chargedesk-connect {
  background-color: #2EB135;
}
.provider-connect.chargify::before, .chargify.chargedesk-connect::before {
  background-image: url("https://cdn.chargedesk.com/icon-chargify-white.png");
}
.provider-connect.paypal, .paypal.chargedesk-connect {
  background-color: #1E96D0;
}
.provider-connect.paypal::before, .paypal.chargedesk-connect::before {
  background-image: url("https://cdn.chargedesk.com/icon-paypal-white.png");
}
.provider-connect.recurly, .recurly.chargedesk-connect {
  background-color: #5b2666;
}
.provider-connect.recurly::before, .recurly.chargedesk-connect::before {
  background-image: url("https://cdn.chargedesk.com/icon-recurly-white.png");
}
.provider-connect.zuora, .zuora.chargedesk-connect {
  background-color: #394c5d;
}
.provider-connect.zuora::before, .zuora.chargedesk-connect::before {
  background-image: url("https://cdn.chargedesk.com/icon-zuora-white.png");
}
.provider-connect.authorize-net, .authorize-net.chargedesk-connect {
  background-color: #2f5571;
}
.provider-connect.authorize-net::before, .authorize-net.chargedesk-connect::before {
  background-image: url("https://cdn.chargedesk.com/icon-authorize-white.png");
}
.provider-connect.woocommerce, .woocommerce.chargedesk-connect {
  background-color: #96588a;
}
.provider-connect.woocommerce::before, .woocommerce.chargedesk-connect::before {
  background-image: url("https://cdn.chargedesk.com/icon-woocommerce-white.png");
}
.provider-connect.shopify, .shopify.chargedesk-connect {
  background-color: #008060;
}
.provider-connect.shopify::before, .shopify.chargedesk-connect::before {
  background-image: url("https://cdn.chargedesk.com/icon-shopify-white.png");
}
.provider-connect.square, .square.chargedesk-connect {
  background-color: #333333;
}
.provider-connect.square::before, .square.chargedesk-connect::before {
  background-image: url("https://cdn.chargedesk.com/icon-square-white.png");
}

.chargedesk-connect {
  background: #1790bc;
  width: 230px;
  padding-left: 0;
  color: #fff;
  text-align: center;
  border: 0;
}
.chargedesk-connect.dark {
  background: #555555;
}

button.chargedesk-connect {
  font-size: 13px;
}

a.explain {
  margin-top: 23px;
  display: inline-block;
  color: #9E9595;
  text-decoration: none;
  border-bottom: 1px solid #E0E0E0;
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 11px;
}
a.explain + .explain {
  margin-top: 5px;
}
body.no-touch a.explain:hover {
  color: #000;
  border-bottom: 1px solid #bbb;
}

.menu {
  margin: 0;
  padding: 20px 15px 0;
  border-bottom: 1px solid #E4E4E4;
  background: #F9F9F9;
  min-height: 26px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999;
  max-width: 320px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.menu.items-2, .menu.items-3 {
  justify-content: space-evenly;
}
.menu .account {
  padding: 0 19px 14px;
  color: #888;
}
.menu .item {
  font-size: 13px;
  padding: 0 0px 7px;
  color: #333;
  cursor: pointer;
  display: inline-block;
}
.menu .item.active {
  border-bottom: 3px solid #00A8D2;
  color: #0093B8;
}
body.no-touch .menu .item:hover {
  color: #0093B8;
}
.menu .return {
  margin-left: -15px;
  padding-right: 10px;
}

.search-form {
  margin: 0;
  padding: 15px 0 23px;
  min-height: 26px;
  width: 100%;
  z-index: 1;
  max-width: 320px;
  display: table;
}
.search-form > div {
  display: table-row;
}
.search-form > div > div {
  display: table-cell;
}
.search-form > div > div.button {
  width: 75px;
  padding-left: 33px;
}
.search-form .search-history {
  display: block;
  cursor: pointer;
  padding: 10px 37px;
  border-radius: 5px;
  position: relative;
  word-break: break-word;
}
.search-form .search-history.first {
  margin-top: 5px;
}
.search-form .search-history .clock-icon, .search-form .search-history .close-icon {
  font-size: 16px;
}
.search-form .search-history .clock-icon {
  color: #D0D0D0;
  position: absolute;
  left: 13px;
  top: 10px;
}
.search-form .search-history .close-icon {
  color: #a7a7a7;
  position: absolute;
  top: 0;
  right: 0;
  padding: 9px 13px;
  visibility: hidden;
}
.search-form .search-history .close-icon:hover {
  color: #000000;
}
.search-form .search-history:hover {
  background: #f3f3f3;
  color: #000;
}
.search-form .search-history:hover .clock-icon {
  color: #b3b3b3;
}
.search-form .search-history:hover .close-icon {
  visibility: visible;
}
.search-form .search-icon-container {
  position: relative;
}
.search-form .search-icon-container .search-icon {
  position: absolute;
  top: 9px;
  left: 13px;
  color: #D0D0D0;
  font-size: 13px;
}
.search-form .search-icon-container .search-advanced {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 16px;
  line-height: 30px;
  padding: 0 12px;
  color: #666;
  cursor: pointer;
}
body.no-touch .search-form .search-icon-container .search-advanced:hover {
  color: #000;
}
.search-form .search-icon-container .search-advanced-input {
  position: relative;
  top: -1px;
  left: 0;
  right: 0;
  background: #fff;
  width: 100%;
  border: 1px solid #A8A8A8;
  box-sizing: border-box;
  border-radius: 2px;
  z-index: 99999;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.17);
  padding: 14px 12px;
  font-size: 12px;
  color: #333;
}
.search-form .search-icon-container .search-advanced-input .advanced-title {
  font-weight: bold;
  padding-bottom: 2px;
}
.search-form .search-icon-container .search-advanced-input .advanced-input {
  padding: 13px 0 0;
}
.search-form .search-icon-container .search-advanced-input .advanced-input input {
  border-color: #dedede;
  padding-left: 12px;
  padding-right: 12px;
}
.search-form .search-icon-container .search-advanced-input .advanced-input input:focus {
  border-color: rgba(82, 168, 236, 0.8);
}
.search-form .search-icon-container .search-advanced-input .advanced-input .title {
  padding: 0 0 3px 1px;
  font-size: 12px;
}
.search-form .search-icon-container .search-advanced-input .advanced-input button[type=submit] {
  background: #43A9C2;
  border: 0;
  padding: 10px 22px;
  margin: 7px 0;
  box-shadow: none;
  color: #FFF;
  border-radius: 4px;
  cursor: pointer;
  outline: none;
  vertical-align: top;
}
body.no-touch .search-form .search-icon-container .search-advanced-input .advanced-input button[type=submit]:hover {
  opacity: 0.7;
}
.search-form input.search-input, .search-form input.mid {
  padding: 8px 30px 8px 35px;
  border: 1px solid #A8A8A8;
  border-radius: 2px;
  box-shadow: none;
  width: 100%;
  outline: none;
  box-sizing: border-box;
  -webkit-appearance: none;
  height: 31px;
}
.search-form input.search-input:focus, .search-form input.mid:focus {
  border-color: rgba(82, 168, 236, 0.8);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.17);
}
@media (max-width: 250px) {
  .search-form input.search-input::placeholder, .search-form input.mid::placeholder {
    color: #fff;
  }
}
.search-form button[type=submit] {
  width: 100%;
  padding: 8px 0;
  background: #FFF;
  border: 1px solid #A8A8A8;
  border-radius: 2px;
  color: #5E5E5E;
  cursor: pointer;
  outline: none;
}
body.no-touch .search-form button[type=submit]:hover {
  border-color: rgba(82, 168, 236, 0.8);
  color: #000;
}

.ticket-type, .charge-type {
  padding: 2px 5px;
  font-size: 12px;
  border-radius: 3px;
  color: #494949;
}

.ticket-type.type-question, .charge-type.type-paid {
  color: #3992B4;
}

.ticket-type.type-refund, .charge-type.type-refunded {
  color: #BB7A3B;
}

.ticket-type.type-cancel {
  color: #C2625B;
}

.charge-type.type-failed {
  color: #494949;
}

.error {
  color: red;
  padding-bottom: 13px;
}

.result .overview {
  color: #444;
  padding: 0px 0 17px 1px;
  margin: -1px -5px 0;
}
.result .overview .match-warning {
  color: #AB0000;
  font-size: 11px;
  padding-top: 8px;
}
.result .show-more {
  border: 1px solid #E0E0E0;
  background: #FAFAFA;
  text-align: center;
  cursor: pointer;
  margin: 10px -5px 0;
  line-height: 29px;
  border-radius: 2px;
  color: #555;
  background: rgb(255, 255, 255); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(255, 255, 255)), color-stop(100%, rgb(247, 247, 247))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(247, 247, 247) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#f7f7f7",GradientType=0 ); /* IE6-9 */
}
body.no-touch .result .show-more:hover {
  color: #000;
  border-color: #BABABA;
}
.result .boxed {
  border: 1px solid #E0E0E0;
  position: relative;
  margin: 0 -5px 9px;
  overflow: hidden;
  font-family: "Helvetica Neue";
  display: none;
}
.result .boxed.collapsed {
  max-height: 57px;
  cursor: pointer;
}
.result .boxed.collapsed:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  height: 10px;
  background: #fff;
}
body.no-touch .result .boxed.collapsed:hover {
  background: #f7f7f7;
}
body.no-touch .result .boxed.collapsed:hover:after {
  background: #f7f7f7;
}
.result .boxed.charge {
  padding-bottom: 13px;
}
.result .boxed.customer {
  padding: 9px 0 13px;
}
.result .boxed .subscription {
  border-top: 1px solid #EFEFEF;
  padding: 11px 0 6px;
  position: relative;
  margin-top: 13px;
  color: #333;
  font-weight: 600;
  font-size: 13px;
}
.result .boxed .subscription .btn {
  color: #FFF;
  text-transform: capitalize;
  display: inline-block;
  line-height: 14px;
  float: right;
  background: #AD0000;
  font-size: 11px;
  padding: 5px 17px;
  border: 0;
  box-shadow: none;
  position: absolute;
  top: 6px;
  right: 0;
}
body.no-touch .result .boxed .subscription .btn:hover {
  background: #E80000;
}
.result .boxed.shown {
  display: block;
}
.result .boxed.type-paid {
  border: 1px solid rgba(57, 146, 180, 0.18);
}
body.no-touch .result .boxed.type-paid .details .expand:hover {
  background: rgba(57, 146, 180, 0.04);
  background: -moz-linear-gradient(top, rgba(57, 146, 180, 0) 0%, rgba(57, 146, 180, 0.06) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(57, 146, 180, 0)), color-stop(100%, rgba(57, 146, 180, 0.06))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(57, 146, 180, 0) 0%, rgba(57, 146, 180, 0.06) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(57, 146, 180, 0) 0%, rgba(57, 146, 180, 0.06) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(57, 146, 180, 0) 0%, rgba(57, 146, 180, 0.06) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(57, 146, 180, 0) 0%, rgba(57, 146, 180, 0.06) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#003992b4", endColorstr="#0f3992b4",GradientType=0 ); /* IE6-9 */
}
.result .boxed.type-refunded {
  border-color: rgba(187, 122, 59, 0.19);
}
body.no-touch .result .boxed.type-refunded .details .expand:hover {
  background: rgba(187, 122, 59, 0.06);
  background: -moz-linear-gradient(top, rgba(187, 122, 59, 0) 0%, rgba(187, 122, 59, 0.06) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(187, 122, 59, 0)), color-stop(100%, rgba(187, 122, 59, 0.06))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(187, 122, 59, 0) 0%, rgba(187, 122, 59, 0.06) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(187, 122, 59, 0) 0%, rgba(187, 122, 59, 0.06) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(187, 122, 59, 0) 0%, rgba(187, 122, 59, 0.06) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(187, 122, 59, 0) 0%, rgba(187, 122, 59, 0.06) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00bb7a3b", endColorstr="#0fbb7a3b",GradientType=0 ); /* IE6-9 */
}
.result .boxed:last-child {
  margin-bottom: 0;
}
.result .boxed .amount {
  color: #333;
  padding: 13px 17px 4px;
  font-weight: 600;
  font-size: 15px;
}
.result .boxed .amount .btn {
  color: #FFF;
  text-transform: capitalize;
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 11px;
  line-height: 14px;
  background: #008BAE;
  font-size: 11px;
  padding: 5px 17px;
  border: 0;
  box-shadow: none;
  z-index: 2;
}
body.no-touch .result .boxed .amount .btn:hover {
  background: #00AFDB;
}
.result .boxed .charge-type {
  position: absolute;
  top: 8px;
  right: 13px;
}

.action-form {
  padding: 1px 0 12px 0;
  position: relative;
}
.action-form.refund-form {
  padding-top: 10px;
}
.action-form .row {
  position: relative;
  margin-top: 4px;
}
.action-form .row + .row {
  margin-top: 14px;
}
.action-form .row + .row.radio {
  margin: 10px 0 15px;
}
.action-form .row .internal-indent {
  margin-top: 2px;
  margin-left: 8px;
  margin-bottom: 10px;
  padding-left: 12px;
  padding-bottom: 2px;
  padding-top: 2px;
  border-left: 1px solid #89BBCC;
}
.action-form .row .internal-indent .internal-form {
  padding-top: 4px;
}
.action-form .row .internal-indent .internal-form .interval {
  width: 90px;
  margin-left: 10px;
  line-height: 1.5em;
}
.action-form .row .internal-indent .internal-form .interval.center {
  width: 55px;
  text-align: center;
}
.action-form .row .internal-indent .internal-form .interval.padded {
  margin-right: 10px;
}
.action-form .row.radio {
  margin-bottom: 12px;
}
.action-form .row.radio.indent {
  margin-top: -9px;
  margin-left: 9px;
  padding-left: 12px;
  padding-bottom: 2px;
  border-left: 1px solid #89BBCC;
}
.action-form .row.radio label {
  display: block;
  padding: 3px 0 3px 23px;
  position: relative;
}
.action-form .row.radio label input {
  position: absolute;
  left: 0;
  top: 1px;
}
.action-form .row.radio label .fa {
  padding: 0 7px;
  font-size: 13px;
  color: #B5B5B5;
}
.action-form .row.radio label .desc {
  color: #A5A5A5;
}
.action-form .desc.error {
  color: #cc0000;
  padding: 1px 0 5px;
}
.action-form .currency-symbol {
  position: absolute;
  top: 0px;
  left: 3px;
  width: 28px;
  color: #115263;
  font-size: 11px;
  line-height: 30px;
  text-align: center;
  font-family: sans-serif;
  cursor: default;
}
.action-form input[type=text], .action-form input[type=email], .action-form input[type=number], .action-form input[type=tel], .action-form input[type=date], .action-form textarea {
  border: 1px solid #d3d3d3;
  padding: 6px 10px 6px 10px;
  box-shadow: none;
  border-radius: 3px;
  font-size: 13px;
  box-sizing: border-box;
  width: 257px;
}
@media (max-width: 320px) {
  .action-form input[type=text], .action-form input[type=email], .action-form input[type=number], .action-form input[type=tel], .action-form input[type=date], .action-form textarea {
    width: 100%;
  }
}
.action-form input[type=text].amount-input, .action-form input[type=email].amount-input, .action-form input[type=number].amount-input, .action-form input[type=tel].amount-input, .action-form input[type=date].amount-input, .action-form textarea.amount-input {
  padding-left: 30px;
  width: 127px;
}
@media (max-width: 320px) {
  .action-form input[type=text].amount-input, .action-form input[type=email].amount-input, .action-form input[type=number].amount-input, .action-form input[type=tel].amount-input, .action-form input[type=date].amount-input, .action-form textarea.amount-input {
    width: 48%;
  }
}
.action-form input[type=text].capture, .action-form input[type=email].capture, .action-form input[type=number].capture, .action-form input[type=tel].capture, .action-form input[type=date].capture, .action-form textarea.capture {
  border-color: #C27E43;
}
.action-form input[type=text].edit, .action-form input[type=email].edit, .action-form input[type=number].edit, .action-form input[type=tel].edit, .action-form input[type=date].edit, .action-form textarea.edit {
  border-color: #009A00;
}
.action-form input[type=text].interval, .action-form input[type=email].interval, .action-form input[type=number].interval, .action-form input[type=tel].interval, .action-form input[type=date].interval, .action-form textarea.interval {
  width: 48px;
  margin: 5px 5px 0 0;
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
.action-form textarea {
  height: 46px;
}
.action-form textarea.reason {
  margin-top: 9px;
}
.action-form input[type=date] {
  position: relative !important;
  width: 130px;
}
.action-form input[type=submit] {
  border: 0;
  padding: 8px 20px 9px;
  box-shadow: none;
  color: #FFF;
  background: #008BAE;
  margin-left: 7px;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  vertical-align: top;
}
.action-form input[type=submit].refund {
  min-width: 123px;
}
@media (max-width: 320px) {
  .action-form input[type=submit].refund {
    min-width: 48%;
    margin-left: 4%;
  }
}
.action-form input[type=submit].cancel {
  background: #555;
}
body.no-touch .action-form input[type=submit].cancel:hover {
  background: #000;
}
.action-form input[type=submit].edit {
  background: #009A00;
}
body.no-touch .action-form input[type=submit].edit:hover {
  background: #007D00;
}
.action-form input[type=submit].void {
  background: #A00000;
}
body.no-touch .action-form input[type=submit].void:hover {
  background: #5D0000;
}
.action-form input[type=submit].capture {
  background: #C27E43;
}
body.no-touch .action-form input[type=submit].capture:hover {
  background: #8A592F;
}
.action-form input[type=submit]:first-child {
  margin-left: 0;
}
body.no-touch .action-form input[type=submit]:hover {
  background: #00AFDB;
}
.action-form select {
  background: #FFF;
  border: 1px solid #d3d3d3;
  box-shadow: none;
  border-radius: 2px;
  width: 127px;
  height: 31px;
  vertical-align: top;
}
.action-form select.mid {
  width: 198px;
}
.action-form .flexselect {
  background: #FFF;
  border: 1px solid #d3d3d3;
  box-shadow: none;
  border-radius: 4px;
  vertical-align: top;
  width: 257px;
}
@media (max-width: 320px) {
  .action-form .flexselect {
    width: 100%;
  }
}
.action-form .flexselect .search-icon {
  top: 14px !important;
}
.action-form .flexselect .options {
  border: 1px solid #d3d3d3;
}
.action-form .action-title {
  padding-bottom: 5px;
}

.appear-enter {
  transition: opacity 600ms;
  opacity: 0.01;
}

.appear-enter.appear-enter-active {
  opacity: 1;
}

.appear-leave {
  max-height: 50px;
  opacity: 0;
}

.appear-leave.appear-leave-active {
  transition: max-height 200ms ease-out;
  max-height: 1px;
}

.item.appear-leave {
  max-height: 18px;
}

.item.appear-leave.appear-leave-active {
  max-height: 0px;
}

.msg {
  margin: 1px 4px 6px -16px;
  border-radius: 3px;
  padding: 11px 16px;
}
.msg.error {
  background: #FFEBEB;
  color: #CA0000;
  border: 1px solid #BD0000;
}
.msg.error a {
  color: #CA0000;
}
.msg.login {
  margin: 0 0 10px 0;
}
.msg.internal {
  margin: 6px 0;
}

.customer .card .exact-match {
  color: #0093B8;
  padding-bottom: 5px;
}
.customer .card .exact-match + .buttons {
  top: 30px;
}

.create-new {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 16px;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
  text-align: center;
  text-decoration: none;
  font-size: 11px;
  background: #43A9C2;
  color: #FFF;
}
.create-new.lighter {
  margin: -7px 0 22px 15px;
  background: #FFF;
  color: #737373;
  border: 1px solid #CCC;
  width: auto;
  padding: 8px 18px;
}
.create-new.lighter .fa {
  color: #BFBFBF;
  margin-right: 9px;
}
body.no-touch .create-new:hover {
  opacity: 0.8;
}
.create-new .fa {
  margin-right: 5px;
}

.agent-log-item {
  padding-top: 10px;
}
.agent-log-item a {
  color: #000;
}
body.no-touch .agent-log-item a:hover {
  opacity: 0.6;
}
.agent-log-item .fa {
  color: rgba(0, 0, 0, 0.57);
  font-size: 10px;
}

.agent-logs {
  max-height: 244px;
  overflow-y: auto !important;
}
.agent-logs .log {
  padding-top: 5px;
  line-height: 17px;
  padding-left: 23px;
}
.agent-logs .log + .log {
  padding-top: 6px;
}
.agent-logs .log .time {
  color: #888;
}

.seperator {
  border-top: 1px solid #9DC0CC;
  margin: 10px 7px 3px 0;
  text-align: center;
}
.seperator span {
  background: #E2F8FF;
  position: relative;
  top: -9px;
  padding: 0 6px;
  color: #6B94A0;
}

.noPropagation {
  cursor: default !important;
}

.break-all {
  word-break: break-all;
}

@media (max-width: 319px) {
  .hide30 {
    display: none !important;
  }
  .col-title.empty {
    display: none !important;
  }
}
@media (max-width: 250px) {
  .hide25 {
    display: none !important;
  }
  .message-form .row .col-title {
    width: 100%;
  }
}
#create-charge-new {
  font-size: 11px;
  padding-bottom: 3px;
  color: #969696;
}
#create-charge-new a {
  color: #969696;
}
#create-charge-new a:hover {
  color: #333;
}

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}
[data-tooltip]:before, [data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}
[data-tooltip]:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -107px;
  padding: 8px 13px;
  width: 188px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: rgba(51, 51, 51, 0.9);
  color: #FFF;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 11px;
  line-height: 1.2;
}
[data-tooltip]:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid rgba(51, 51, 51, 0.9);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  content: " ";
  font-size: 0;
  line-height: 0;
}
[data-tooltip].tooltipLeft:before {
  width: auto;
  margin-left: initial;
  left: initial;
  right: -10px;
  white-space: nowrap;
}
[data-tooltip].tooltipRight:before {
  width: auto;
  margin-left: initial;
  left: initial;
  left: 0px;
  right: unset;
  white-space: nowrap;
}
[data-tooltip].tooltipSmaller:before {
  width: auto;
  white-space: nowrap;
  margin-left: 0;
  left: 0;
}

body.no-touch [data-tooltip]:hover:before, body.no-touch [data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

body.touch [data-tooltip]:active:before, body.touch [data-tooltip]:active:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

#chargedesk {
  max-width: 350px;
}
#chargedesk.local {
  max-width: revert;
}

#chargedesk.embed .customer:last-child {
  padding-bottom: 6px;
}

#chargedesk.installed .customer:last-child {
  padding-bottom: 10px;
}

body.liveagent {
  background: #f4f4f4;
}

#chargedesk.helpscout {
  margin-top: -15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#chargedesk.helpscout.liveagent .menu {
  background: #f4f4f4;
}
#chargedesk.helpscout.liveagent .menu .item {
  padding: 5px 10px 5px 0px;
}
#chargedesk.helpscout.liveagent .divider span {
  background: #f4f4f4;
}
#chargedesk.helpscout.liveagent .connect.installed .header {
  border: none;
}
#chargedesk.helpscout.liveagent.seamless.narrow .messages .message {
  margin-left: 0px;
  margin-right: 0px;
}
#chargedesk.helpscout.liveagent.seamless.narrow .messages .message .message-form {
  margin-left: -17px;
  margin-right: -17px;
  margin-bottom: -14px;
}
#chargedesk.helpscout .messagesBG {
  background-color: rgba(0, 0, 0, 0);
}
#chargedesk.helpscout .messages {
  width: 100%;
  padding-top: 21px;
}
#chargedesk.helpscout .messages .message {
  padding: 10px 15px;
  margin-left: 5px;
  margin-right: 5px;
  border: 1px solid #d4d9dd;
  box-shadow: none;
}
#chargedesk.helpscout .messages .message .message-form {
  margin: 11px -15px -10px;
  padding: 2px 15px 10px;
  border: 0;
  background: #FFF;
}
#chargedesk.helpscout .messages .message .message-form input[type=text].amount, #chargedesk.helpscout .messages .message .message-form input[type=number].amount {
  margin-right: 5px;
}
#chargedesk.helpscout .messages .message .message-form .row.expandable .col-options .text-container {
  background: #FFF;
}
#chargedesk.helpscout .divider span {
  background: #f1f3f5;
}
#chargedesk.helpscout .loadingPanel {
  background: #F1F3F4;
  width: 100%;
}
#chargedesk.helpscout .search-form {
  padding-top: 5px;
}
#chargedesk.helpscout .badge {
  margin-left: 0;
}
#chargedesk.helpscout .menu {
  border: none;
  min-height: 22px;
  background: #ffffff;
  justify-content: space-between;
  padding: 0px 9px 0;
  width: unset;
  width: -webkit-fill-available;
}
#chargedesk.helpscout .menu .item {
  color: #6f7275;
  padding: 5px 15px 5px 4px;
}
body.no-touch #chargedesk.helpscout .menu .item:hover {
  color: #333;
}
#chargedesk.helpscout .menu .item.active {
  font-weight: bold;
  color: #333;
  border: none;
}
#chargedesk.helpscout .content {
  padding: 2px 13px 0px;
}
#chargedesk.helpscout .embed, #chargedesk.helpscout .no-embed-customers {
  margin: 0 0 5px;
  background: transparent;
  border-radius: 3px;
  padding: 0.5em 0px;
  color: #6F7275;
}
#chargedesk.helpscout .embed + .customer, #chargedesk.helpscout .no-embed-customers + .customer {
  margin-top: 12px;
}
#chargedesk.helpscout .create-new.lighter {
  margin: 10px 0 10px 0;
  padding: 7px 14px;
}
#chargedesk.helpscout .customer {
  padding: 0px 0px 15px;
}
#chargedesk.helpscout .customer:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
#chargedesk.helpscout .customer .avatar {
  display: none;
}
#chargedesk.helpscout .customer .overview {
  border-radius: 5px;
  margin: 0px -6px 0;
  padding: 6px 7px 10px;
}
#chargedesk.helpscout .customer .overview .item {
  line-height: 18px;
}
#chargedesk.helpscout .customer .overview .details {
  padding: 0;
}
body.no-touch #chargedesk.helpscout .customer .overview:hover {
  background-color: #FFF;
}
#chargedesk.helpscout .customer .cards {
  margin: -2px 0 0px 0;
}
#chargedesk.helpscout .customer .cards .cards-title {
  margin: 0px 2px 24px;
  color: #ADADAD;
  border-color: #DADADA;
}
#chargedesk.helpscout .customer .cards .cards-title span {
  background: transparent;
  top: 18px;
}
#chargedesk.helpscout .customer .cards .card {
  padding: 8px 7px;
  margin: 4px -5px 0;
}
#chargedesk.helpscout .customer .cards .card .symbol {
  display: none;
}
#chargedesk.helpscout .customer .cards .card .item {
  width: 100%;
}
body.no-touch #chargedesk.helpscout .customer .cards .card:hover {
  background-color: #FFF;
}
#chargedesk.helpscout .customer .cards .card.expanded {
  background-color: #FFF;
}
#chargedesk.helpscout .customer .cards .card.expanded .base-buttons {
  background-color: #FFF;
  margin: 9px 0 0 0;
  padding: 5px 0 0;
}
#chargedesk.helpscout .customer.expanded .overview {
  background-color: #FFF;
}
#chargedesk.helpscout .customer.expanded .overview .base-buttons {
  background-color: #FFF;
  margin: 9px 0 0 0;
  padding: 5px 0 0;
}
#chargedesk.helpscout .content-form {
  width: 203px;
}
#chargedesk.helpscout .expandIcon {
  color: #D7D7D7;
}
#chargedesk.helpscout .action-form {
  padding: 5px 0 2px 0;
}
#chargedesk.helpscout .action-form input[type=text], #chargedesk.helpscout .action-form input[type=number], #chargedesk.helpscout .action-form input[type=tel], #chargedesk.helpscout .action-form input[type=submit], #chargedesk.helpscout .action-form textarea, #chargedesk.helpscout .action-form select {
  width: 100%;
}
#chargedesk.helpscout .action-form input[type=submit] {
  margin: 12px 0;
}
#chargedesk.helpscout .seperator span {
  background: #fff;
}

#chargedesk.seamless .content {
  padding-left: 0px;
  padding-right: 0px;
}
#chargedesk.seamless .menu {
  padding-left: 0;
  padding-right: 0;
  background-color: transparent;
  max-width: none;
}
#chargedesk.seamless .customer {
  padding-bottom: 30px;
}
#chargedesk.seamless .list-desc.search, #chargedesk.seamless .no-search-customers {
  margin: -16px 0 11px;
  padding: 10px 10px 10px;
}
#chargedesk.seamless.narrow .messages {
  width: 100%;
}
#chargedesk.seamless.narrow .messages .message {
  margin-left: 5px;
  margin-right: 5px;
  padding: 14px 17px;
}
#chargedesk.seamless.narrow .messages .message .message-form {
  margin-left: -18px;
  margin-right: -18px;
  margin-bottom: -15px;
}
#chargedesk.seamless .badge {
  margin-left: -4px;
}

#chargedesk.seamless.transparent .customer .cards-title span {
  background: #FCFCFC;
}

#chargedesk.seamless.desk {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#chargedesk.seamless.desk .content {
  padding: 0px 6px 0px;
}
#chargedesk.seamless.desk .list-desc.embed {
  margin-top: 0;
}
#chargedesk.seamless.desk .messagesBG {
  width: 100%;
}
#chargedesk.seamless.desk .menu {
  padding-top: 0px;
  background: #e7e9ea;
  border: none;
  min-height: 22px;
  padding-left: 6px;
}
#chargedesk.seamless.desk .menu .item {
  color: #A2A2A2;
  padding: 14px 17px 9px;
  font-size: 12px;
  text-transform: uppercase;
}
body.no-touch #chargedesk.seamless.desk .menu .item:hover {
  color: #333;
}
#chargedesk.seamless.desk .menu .item.active {
  color: #000;
  border: none;
  border-bottom: 2px solid #CCC;
}
#chargedesk.seamless.desk .customer .avatar {
  background: #D0D0D0;
}
#chargedesk.seamless.desk .customer .overview .item:first-child {
  color: #000;
}
#chargedesk.seamless.desk .customer .cards-title {
  color: #A0A0A0;
  border-bottom: 1px solid #D6DADD;
}
#chargedesk.seamless.desk .customer .cards-title span {
  background: #e7e9ea;
}
#chargedesk.seamless.desk .no-embed-customers {
  padding-left: 20px;
}

#chargedesk.freshdesk .menu {
  background-color: #fff;
  border-bottom: 1px solid #d8d8d8;
}
#chargedesk.freshdesk .menu .item {
  font-weight: 500;
  padding: 0 16px 7px;
}
#chargedesk.freshdesk .messages {
  padding: 51px 0 5px;
}
#chargedesk.freshdesk .messages .message .message-form {
  padding-top: 9px;
  margin-left: -18px;
  margin-right: -18px;
  margin-bottom: -15px;
}
#chargedesk.freshdesk .messages .message .message-form .row .col-title {
  line-height: 26px;
  font-weight: bold;
}
#chargedesk.freshdesk .messages .message .message-form .row .col-title.empty {
  display: none;
}
#chargedesk.freshdesk.contacts .menu {
  padding-left: 10px;
  padding-right: 10px;
}
#chargedesk.freshdesk.contacts .content {
  padding-left: 10px;
  padding-right: 10px;
}
#chargedesk.freshdesk.installed {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#chargedesk.freshdesk.installed .content {
  padding-top: 6px;
}
#chargedesk.freshdesk.installed .chargedesk-connect, #chargedesk.freshdesk.installed .setting .btn.cancel {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #373737;
  background-image: -moz-linear-gradient(top, #444, #222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222));
  background-image: -webkit-linear-gradient(top, #444, #222);
  background-image: -o-linear-gradient(top, #444, #222);
  background-image: linear-gradient(to bottom, #444444, #222222);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF444444", endColorstr="#FF222222", GradientType=0);
  border-color: #222 #222 #000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  padding: 9px 0;
}
#chargedesk.freshdesk.installed .setting {
  padding: 10px 15px;
}
#chargedesk.freshdesk.installed .setting .body {
  padding: 0;
}
#chargedesk.freshdesk.installed .setting .btn.cancel {
  padding: 0 13px;
  font-weight: bold;
}

#chargedesk.freshdesk.mint, #chargedesk.freshdesk.mint-tickets, #chargedesk.freshdesk.mint-contacts {
  margin-top: -15px;
  padding-top: 10px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Cantarell, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
#chargedesk.freshdesk.mint span[data-tooltip]:before, #chargedesk.freshdesk.mint span[data-tooltip]:after, #chargedesk.freshdesk.mint span[data-tooltip] i, #chargedesk.freshdesk.mint-tickets span[data-tooltip]:before, #chargedesk.freshdesk.mint-tickets span[data-tooltip]:after, #chargedesk.freshdesk.mint-tickets span[data-tooltip] i, #chargedesk.freshdesk.mint-contacts span[data-tooltip]:before, #chargedesk.freshdesk.mint-contacts span[data-tooltip]:after, #chargedesk.freshdesk.mint-contacts span[data-tooltip] i {
  display: none;
}
#chargedesk.freshdesk.mint .list-desc, #chargedesk.freshdesk.mint-tickets .list-desc, #chargedesk.freshdesk.mint-contacts .list-desc {
  background: #edfbff !important;
}
#chargedesk.freshdesk.mint .connect.installed, #chargedesk.freshdesk.mint-tickets .connect.installed, #chargedesk.freshdesk.mint-contacts .connect.installed {
  background: #ffffff;
}
#chargedesk.freshdesk.mint .connect.installed .header, #chargedesk.freshdesk.mint-tickets .connect.installed .header, #chargedesk.freshdesk.mint-contacts .connect.installed .header {
  display: none;
}
#chargedesk.freshdesk.mint .connect.installed .box, #chargedesk.freshdesk.mint-tickets .connect.installed .box, #chargedesk.freshdesk.mint-contacts .connect.installed .box {
  width: 100%;
}
#chargedesk.freshdesk.mint .connect.installed .box input, #chargedesk.freshdesk.mint-tickets .connect.installed .box input, #chargedesk.freshdesk.mint-contacts .connect.installed .box input {
  width: 100%;
  box-sizing: border-box;
}
#chargedesk.freshdesk.mint .connect.installed .chargedesk-connect, #chargedesk.freshdesk.mint .connect.installed .provider-connect, #chargedesk.freshdesk.mint-tickets .connect.installed .chargedesk-connect, #chargedesk.freshdesk.mint-tickets .connect.installed .provider-connect, #chargedesk.freshdesk.mint-contacts .connect.installed .chargedesk-connect, #chargedesk.freshdesk.mint-contacts .connect.installed .provider-connect {
  width: 100%;
  box-sizing: border-box;
}
#chargedesk.freshdesk.mint input[type=search], #chargedesk.freshdesk.mint input[type=text], #chargedesk.freshdesk.mint input[type=email], #chargedesk.freshdesk.mint input[type=number], #chargedesk.freshdesk.mint input[type=tel], #chargedesk.freshdesk.mint input.datepicker, #chargedesk.freshdesk.mint button[type=text], #chargedesk.freshdesk.mint button[type=email], #chargedesk.freshdesk.mint button[type=number], #chargedesk.freshdesk.mint button[type=tel], #chargedesk.freshdesk.mint button.datepicker, #chargedesk.freshdesk.mint textarea, #chargedesk.freshdesk.mint select, #chargedesk.freshdesk.mint .flexselect, #chargedesk.freshdesk.mint .btn.btn-light, #chargedesk.freshdesk.mint-tickets input[type=search], #chargedesk.freshdesk.mint-tickets input[type=text], #chargedesk.freshdesk.mint-tickets input[type=email], #chargedesk.freshdesk.mint-tickets input[type=number], #chargedesk.freshdesk.mint-tickets input[type=tel], #chargedesk.freshdesk.mint-tickets input.datepicker, #chargedesk.freshdesk.mint-tickets button[type=text], #chargedesk.freshdesk.mint-tickets button[type=email], #chargedesk.freshdesk.mint-tickets button[type=number], #chargedesk.freshdesk.mint-tickets button[type=tel], #chargedesk.freshdesk.mint-tickets button.datepicker, #chargedesk.freshdesk.mint-tickets textarea, #chargedesk.freshdesk.mint-tickets select, #chargedesk.freshdesk.mint-tickets .flexselect, #chargedesk.freshdesk.mint-tickets .btn.btn-light, #chargedesk.freshdesk.mint-contacts input[type=search], #chargedesk.freshdesk.mint-contacts input[type=text], #chargedesk.freshdesk.mint-contacts input[type=email], #chargedesk.freshdesk.mint-contacts input[type=number], #chargedesk.freshdesk.mint-contacts input[type=tel], #chargedesk.freshdesk.mint-contacts input.datepicker, #chargedesk.freshdesk.mint-contacts button[type=text], #chargedesk.freshdesk.mint-contacts button[type=email], #chargedesk.freshdesk.mint-contacts button[type=number], #chargedesk.freshdesk.mint-contacts button[type=tel], #chargedesk.freshdesk.mint-contacts button.datepicker, #chargedesk.freshdesk.mint-contacts textarea, #chargedesk.freshdesk.mint-contacts select, #chargedesk.freshdesk.mint-contacts .flexselect, #chargedesk.freshdesk.mint-contacts .btn.btn-light {
  border-color: #d3d3d3;
}
#chargedesk.freshdesk.mint input[type=search]:focus, #chargedesk.freshdesk.mint input[type=text]:focus, #chargedesk.freshdesk.mint input[type=email]:focus, #chargedesk.freshdesk.mint input[type=number]:focus, #chargedesk.freshdesk.mint input[type=tel]:focus, #chargedesk.freshdesk.mint input.datepicker:focus, #chargedesk.freshdesk.mint button[type=text]:focus, #chargedesk.freshdesk.mint button[type=email]:focus, #chargedesk.freshdesk.mint button[type=number]:focus, #chargedesk.freshdesk.mint button[type=tel]:focus, #chargedesk.freshdesk.mint button.datepicker:focus, #chargedesk.freshdesk.mint textarea:focus, #chargedesk.freshdesk.mint select:focus, #chargedesk.freshdesk.mint .flexselect:focus, #chargedesk.freshdesk.mint .btn.btn-light:focus, #chargedesk.freshdesk.mint-tickets input[type=search]:focus, #chargedesk.freshdesk.mint-tickets input[type=text]:focus, #chargedesk.freshdesk.mint-tickets input[type=email]:focus, #chargedesk.freshdesk.mint-tickets input[type=number]:focus, #chargedesk.freshdesk.mint-tickets input[type=tel]:focus, #chargedesk.freshdesk.mint-tickets input.datepicker:focus, #chargedesk.freshdesk.mint-tickets button[type=text]:focus, #chargedesk.freshdesk.mint-tickets button[type=email]:focus, #chargedesk.freshdesk.mint-tickets button[type=number]:focus, #chargedesk.freshdesk.mint-tickets button[type=tel]:focus, #chargedesk.freshdesk.mint-tickets button.datepicker:focus, #chargedesk.freshdesk.mint-tickets textarea:focus, #chargedesk.freshdesk.mint-tickets select:focus, #chargedesk.freshdesk.mint-tickets .flexselect:focus, #chargedesk.freshdesk.mint-tickets .btn.btn-light:focus, #chargedesk.freshdesk.mint-contacts input[type=search]:focus, #chargedesk.freshdesk.mint-contacts input[type=text]:focus, #chargedesk.freshdesk.mint-contacts input[type=email]:focus, #chargedesk.freshdesk.mint-contacts input[type=number]:focus, #chargedesk.freshdesk.mint-contacts input[type=tel]:focus, #chargedesk.freshdesk.mint-contacts input.datepicker:focus, #chargedesk.freshdesk.mint-contacts button[type=text]:focus, #chargedesk.freshdesk.mint-contacts button[type=email]:focus, #chargedesk.freshdesk.mint-contacts button[type=number]:focus, #chargedesk.freshdesk.mint-contacts button[type=tel]:focus, #chargedesk.freshdesk.mint-contacts button.datepicker:focus, #chargedesk.freshdesk.mint-contacts textarea:focus, #chargedesk.freshdesk.mint-contacts select:focus, #chargedesk.freshdesk.mint-contacts .flexselect:focus, #chargedesk.freshdesk.mint-contacts .btn.btn-light:focus {
  border-color: #0094b9 !important;
  box-shadow: none;
}
#chargedesk.freshdesk.mint input[type=search].showDisabled:disabled, #chargedesk.freshdesk.mint input[type=search].showDisabled.disabled, #chargedesk.freshdesk.mint input[type=text].showDisabled:disabled, #chargedesk.freshdesk.mint input[type=text].showDisabled.disabled, #chargedesk.freshdesk.mint input[type=email].showDisabled:disabled, #chargedesk.freshdesk.mint input[type=email].showDisabled.disabled, #chargedesk.freshdesk.mint input[type=number].showDisabled:disabled, #chargedesk.freshdesk.mint input[type=number].showDisabled.disabled, #chargedesk.freshdesk.mint input[type=tel].showDisabled:disabled, #chargedesk.freshdesk.mint input[type=tel].showDisabled.disabled, #chargedesk.freshdesk.mint input.datepicker.showDisabled:disabled, #chargedesk.freshdesk.mint input.datepicker.showDisabled.disabled, #chargedesk.freshdesk.mint button[type=text].showDisabled:disabled, #chargedesk.freshdesk.mint button[type=text].showDisabled.disabled, #chargedesk.freshdesk.mint button[type=email].showDisabled:disabled, #chargedesk.freshdesk.mint button[type=email].showDisabled.disabled, #chargedesk.freshdesk.mint button[type=number].showDisabled:disabled, #chargedesk.freshdesk.mint button[type=number].showDisabled.disabled, #chargedesk.freshdesk.mint button[type=tel].showDisabled:disabled, #chargedesk.freshdesk.mint button[type=tel].showDisabled.disabled, #chargedesk.freshdesk.mint button.datepicker.showDisabled:disabled, #chargedesk.freshdesk.mint button.datepicker.showDisabled.disabled, #chargedesk.freshdesk.mint textarea.showDisabled:disabled, #chargedesk.freshdesk.mint textarea.showDisabled.disabled, #chargedesk.freshdesk.mint select.showDisabled:disabled, #chargedesk.freshdesk.mint select.showDisabled.disabled, #chargedesk.freshdesk.mint .flexselect.showDisabled:disabled, #chargedesk.freshdesk.mint .flexselect.showDisabled.disabled, #chargedesk.freshdesk.mint .btn.btn-light.showDisabled:disabled, #chargedesk.freshdesk.mint .btn.btn-light.showDisabled.disabled, #chargedesk.freshdesk.mint-tickets input[type=search].showDisabled:disabled, #chargedesk.freshdesk.mint-tickets input[type=search].showDisabled.disabled, #chargedesk.freshdesk.mint-tickets input[type=text].showDisabled:disabled, #chargedesk.freshdesk.mint-tickets input[type=text].showDisabled.disabled, #chargedesk.freshdesk.mint-tickets input[type=email].showDisabled:disabled, #chargedesk.freshdesk.mint-tickets input[type=email].showDisabled.disabled, #chargedesk.freshdesk.mint-tickets input[type=number].showDisabled:disabled, #chargedesk.freshdesk.mint-tickets input[type=number].showDisabled.disabled, #chargedesk.freshdesk.mint-tickets input[type=tel].showDisabled:disabled, #chargedesk.freshdesk.mint-tickets input[type=tel].showDisabled.disabled, #chargedesk.freshdesk.mint-tickets input.datepicker.showDisabled:disabled, #chargedesk.freshdesk.mint-tickets input.datepicker.showDisabled.disabled, #chargedesk.freshdesk.mint-tickets button[type=text].showDisabled:disabled, #chargedesk.freshdesk.mint-tickets button[type=text].showDisabled.disabled, #chargedesk.freshdesk.mint-tickets button[type=email].showDisabled:disabled, #chargedesk.freshdesk.mint-tickets button[type=email].showDisabled.disabled, #chargedesk.freshdesk.mint-tickets button[type=number].showDisabled:disabled, #chargedesk.freshdesk.mint-tickets button[type=number].showDisabled.disabled, #chargedesk.freshdesk.mint-tickets button[type=tel].showDisabled:disabled, #chargedesk.freshdesk.mint-tickets button[type=tel].showDisabled.disabled, #chargedesk.freshdesk.mint-tickets button.datepicker.showDisabled:disabled, #chargedesk.freshdesk.mint-tickets button.datepicker.showDisabled.disabled, #chargedesk.freshdesk.mint-tickets textarea.showDisabled:disabled, #chargedesk.freshdesk.mint-tickets textarea.showDisabled.disabled, #chargedesk.freshdesk.mint-tickets select.showDisabled:disabled, #chargedesk.freshdesk.mint-tickets select.showDisabled.disabled, #chargedesk.freshdesk.mint-tickets .flexselect.showDisabled:disabled, #chargedesk.freshdesk.mint-tickets .flexselect.showDisabled.disabled, #chargedesk.freshdesk.mint-tickets .btn.btn-light.showDisabled:disabled, #chargedesk.freshdesk.mint-tickets .btn.btn-light.showDisabled.disabled, #chargedesk.freshdesk.mint-contacts input[type=search].showDisabled:disabled, #chargedesk.freshdesk.mint-contacts input[type=search].showDisabled.disabled, #chargedesk.freshdesk.mint-contacts input[type=text].showDisabled:disabled, #chargedesk.freshdesk.mint-contacts input[type=text].showDisabled.disabled, #chargedesk.freshdesk.mint-contacts input[type=email].showDisabled:disabled, #chargedesk.freshdesk.mint-contacts input[type=email].showDisabled.disabled, #chargedesk.freshdesk.mint-contacts input[type=number].showDisabled:disabled, #chargedesk.freshdesk.mint-contacts input[type=number].showDisabled.disabled, #chargedesk.freshdesk.mint-contacts input[type=tel].showDisabled:disabled, #chargedesk.freshdesk.mint-contacts input[type=tel].showDisabled.disabled, #chargedesk.freshdesk.mint-contacts input.datepicker.showDisabled:disabled, #chargedesk.freshdesk.mint-contacts input.datepicker.showDisabled.disabled, #chargedesk.freshdesk.mint-contacts button[type=text].showDisabled:disabled, #chargedesk.freshdesk.mint-contacts button[type=text].showDisabled.disabled, #chargedesk.freshdesk.mint-contacts button[type=email].showDisabled:disabled, #chargedesk.freshdesk.mint-contacts button[type=email].showDisabled.disabled, #chargedesk.freshdesk.mint-contacts button[type=number].showDisabled:disabled, #chargedesk.freshdesk.mint-contacts button[type=number].showDisabled.disabled, #chargedesk.freshdesk.mint-contacts button[type=tel].showDisabled:disabled, #chargedesk.freshdesk.mint-contacts button[type=tel].showDisabled.disabled, #chargedesk.freshdesk.mint-contacts button.datepicker.showDisabled:disabled, #chargedesk.freshdesk.mint-contacts button.datepicker.showDisabled.disabled, #chargedesk.freshdesk.mint-contacts textarea.showDisabled:disabled, #chargedesk.freshdesk.mint-contacts textarea.showDisabled.disabled, #chargedesk.freshdesk.mint-contacts select.showDisabled:disabled, #chargedesk.freshdesk.mint-contacts select.showDisabled.disabled, #chargedesk.freshdesk.mint-contacts .flexselect.showDisabled:disabled, #chargedesk.freshdesk.mint-contacts .flexselect.showDisabled.disabled, #chargedesk.freshdesk.mint-contacts .btn.btn-light.showDisabled:disabled, #chargedesk.freshdesk.mint-contacts .btn.btn-light.showDisabled.disabled {
  border-color: rgba(169, 169, 169, 0.4);
  opacity: 0.7;
  background: rgba(0, 0, 0, 0.05);
}
#chargedesk.freshdesk.mint .messages, #chargedesk.freshdesk.mint-tickets .messages, #chargedesk.freshdesk.mint-contacts .messages {
  width: 100%;
  padding-top: 27px;
}
#chargedesk.freshdesk.mint .messages .message .message-form, #chargedesk.freshdesk.mint-tickets .messages .message .message-form, #chargedesk.freshdesk.mint-contacts .messages .message .message-form {
  margin: 11px -15px -10px;
  padding: 2px 15px 10px;
  border: 0;
  background: #FFF;
}
#chargedesk.freshdesk.mint .messages .message .message-form input[type=submit], #chargedesk.freshdesk.mint .messages .message .message-form button[type=submit], #chargedesk.freshdesk.mint-tickets .messages .message .message-form input[type=submit], #chargedesk.freshdesk.mint-tickets .messages .message .message-form button[type=submit], #chargedesk.freshdesk.mint-contacts .messages .message .message-form input[type=submit], #chargedesk.freshdesk.mint-contacts .messages .message .message-form button[type=submit] {
  background-color: #0094b9;
}
#chargedesk.freshdesk.mint .messages .message .message-form input[type=text].amount, #chargedesk.freshdesk.mint .messages .message .message-form input[type=number].amount, #chargedesk.freshdesk.mint-tickets .messages .message .message-form input[type=text].amount, #chargedesk.freshdesk.mint-tickets .messages .message .message-form input[type=number].amount, #chargedesk.freshdesk.mint-contacts .messages .message .message-form input[type=text].amount, #chargedesk.freshdesk.mint-contacts .messages .message .message-form input[type=number].amount {
  margin-right: 3px;
  width: 76px;
}
#chargedesk.freshdesk.mint .messages .message .message-form input.interval, #chargedesk.freshdesk.mint-tickets .messages .message .message-form input.interval, #chargedesk.freshdesk.mint-contacts .messages .message .message-form input.interval {
  width: 33px;
}
#chargedesk.freshdesk.mint .messages .message .message-form input.interval.left, #chargedesk.freshdesk.mint-tickets .messages .message .message-form input.interval.left, #chargedesk.freshdesk.mint-contacts .messages .message .message-form input.interval.left {
  margin-left: 6px;
  margin-right: 3px;
}
#chargedesk.freshdesk.mint .messages .message .message-form input.abr, #chargedesk.freshdesk.mint-tickets .messages .message .message-form input.abr, #chargedesk.freshdesk.mint-contacts .messages .message .message-form input.abr {
  width: 25px;
  margin-right: 3px;
}
#chargedesk.freshdesk.mint .messages .message .message-form input.remainder, #chargedesk.freshdesk.mint-tickets .messages .message .message-form input.remainder, #chargedesk.freshdesk.mint-contacts .messages .message .message-form input.remainder {
  width: 75px;
  margin-left: 0px;
}
#chargedesk.freshdesk.mint .messages .message .message-form select, #chargedesk.freshdesk.mint .messages .message .message-form .flexselect, #chargedesk.freshdesk.mint-tickets .messages .message .message-form select, #chargedesk.freshdesk.mint-tickets .messages .message .message-form .flexselect, #chargedesk.freshdesk.mint-contacts .messages .message .message-form select, #chargedesk.freshdesk.mint-contacts .messages .message .message-form .flexselect {
  width: 76px;
}
#chargedesk.freshdesk.mint .messages .message .message-form select.has-close, #chargedesk.freshdesk.mint .messages .message .message-form .flexselect.has-close, #chargedesk.freshdesk.mint-tickets .messages .message .message-form select.has-close, #chargedesk.freshdesk.mint-tickets .messages .message .message-form .flexselect.has-close, #chargedesk.freshdesk.mint-contacts .messages .message .message-form select.has-close, #chargedesk.freshdesk.mint-contacts .messages .message .message-form .flexselect.has-close {
  width: 130px;
}
#chargedesk.freshdesk.mint .messages .message .message-form input.mid, #chargedesk.freshdesk.mint .messages .message .message-form textarea.mid, #chargedesk.freshdesk.mint-tickets .messages .message .message-form input.mid, #chargedesk.freshdesk.mint-tickets .messages .message .message-form textarea.mid, #chargedesk.freshdesk.mint-contacts .messages .message .message-form input.mid, #chargedesk.freshdesk.mint-contacts .messages .message .message-form textarea.mid {
  width: 135px;
  padding-right: 10px;
}
#chargedesk.freshdesk.mint .messages .message .message-form .flexselect.mid, #chargedesk.freshdesk.mint-tickets .messages .message .message-form .flexselect.mid, #chargedesk.freshdesk.mint-contacts .messages .message .message-form .flexselect.mid {
  width: 156px;
}
#chargedesk.freshdesk.mint .messages .message .message-form .row.expandable .col-options .text-container, #chargedesk.freshdesk.mint-tickets .messages .message .message-form .row.expandable .col-options .text-container, #chargedesk.freshdesk.mint-contacts .messages .message .message-form .row.expandable .col-options .text-container {
  background: #fff;
}
#chargedesk.freshdesk.mint .messages .message .message-form .addable button, #chargedesk.freshdesk.mint-tickets .messages .message .message-form .addable button, #chargedesk.freshdesk.mint-contacts .messages .message .message-form .addable button {
  color: #969696;
}
#chargedesk.freshdesk.mint .messages .message .message-form .addable input.mid, #chargedesk.freshdesk.mint .messages .message .message-form .addable textarea.mid, #chargedesk.freshdesk.mint-tickets .messages .message .message-form .addable input.mid, #chargedesk.freshdesk.mint-tickets .messages .message .message-form .addable textarea.mid, #chargedesk.freshdesk.mint-contacts .messages .message .message-form .addable input.mid, #chargedesk.freshdesk.mint-contacts .messages .message .message-form .addable textarea.mid {
  width: 115px;
  padding-right: 27px;
}
#chargedesk.freshdesk.mint .loadingPanel, #chargedesk.freshdesk.mint-tickets .loadingPanel, #chargedesk.freshdesk.mint-contacts .loadingPanel {
  background: #ffffff;
  width: 100%;
}
#chargedesk.freshdesk.mint .loadingPanel .loading-circle .bg, #chargedesk.freshdesk.mint-tickets .loadingPanel .loading-circle .bg, #chargedesk.freshdesk.mint-contacts .loadingPanel .loading-circle .bg {
  border-color: rgba(2, 184, 117, 0.1);
}
#chargedesk.freshdesk.mint .loadingPanel .loading-circle .line, #chargedesk.freshdesk.mint-tickets .loadingPanel .loading-circle .line, #chargedesk.freshdesk.mint-contacts .loadingPanel .loading-circle .line {
  border-color: #0094b9;
}
#chargedesk.freshdesk.mint .loadingPanel .loading-circle .fix, #chargedesk.freshdesk.mint-tickets .loadingPanel .loading-circle .fix, #chargedesk.freshdesk.mint-contacts .loadingPanel .loading-circle .fix {
  background-color: #ffffff;
  box-shadow: 0 0 2px 2px #ffffff;
}
#chargedesk.freshdesk.mint .search-form, #chargedesk.freshdesk.mint .message-form, #chargedesk.freshdesk.mint-tickets .search-form, #chargedesk.freshdesk.mint-tickets .message-form, #chargedesk.freshdesk.mint-contacts .search-form, #chargedesk.freshdesk.mint-contacts .message-form {
  padding-top: 5px;
}
#chargedesk.freshdesk.mint .divider span, #chargedesk.freshdesk.mint-tickets .divider span, #chargedesk.freshdesk.mint-contacts .divider span {
  background: #ffffff;
}
#chargedesk.freshdesk.mint .menu, #chargedesk.freshdesk.mint-tickets .menu, #chargedesk.freshdesk.mint-contacts .menu {
  padding-top: 0px;
  background: #ffffff;
  border: none;
  min-height: 22px;
}
#chargedesk.freshdesk.mint .menu .item, #chargedesk.freshdesk.mint-tickets .menu .item, #chargedesk.freshdesk.mint-contacts .menu .item {
  color: #6f7c87;
  padding: 5px 0px;
  margin-right: 10px;
  font-size: 1em;
  border-bottom: 2px solid #ffffff;
  font-weight: normal;
}
#chargedesk.freshdesk.mint .menu .item:last-child, #chargedesk.freshdesk.mint-tickets .menu .item:last-child, #chargedesk.freshdesk.mint-contacts .menu .item:last-child {
  margin-right: 0px;
}
body.no-touch #chargedesk.freshdesk.mint .menu .item:hover, body.no-touch #chargedesk.freshdesk.mint-tickets .menu .item:hover, body.no-touch #chargedesk.freshdesk.mint-contacts .menu .item:hover {
  color: #0094b9;
  border-bottom: 2px solid #0094b9;
}
#chargedesk.freshdesk.mint .menu .item.active, #chargedesk.freshdesk.mint-tickets .menu .item.active, #chargedesk.freshdesk.mint-contacts .menu .item.active {
  color: #0094b9;
  border-bottom: 2px solid #0094b9;
}
#chargedesk.freshdesk.mint ul.message-menu li, #chargedesk.freshdesk.mint-tickets ul.message-menu li, #chargedesk.freshdesk.mint-contacts ul.message-menu li {
  color: #6f7c87;
  padding: 5px 0;
  margin-right: 10px;
  font-size: 12px;
  border-bottom: 2px solid #fff;
  font-weight: normal;
}
#chargedesk.freshdesk.mint ul.message-menu li:last-child, #chargedesk.freshdesk.mint-tickets ul.message-menu li:last-child, #chargedesk.freshdesk.mint-contacts ul.message-menu li:last-child {
  margin-right: 0px;
}
body.no-touch #chargedesk.freshdesk.mint ul.message-menu li:hover, body.no-touch #chargedesk.freshdesk.mint-tickets ul.message-menu li:hover, body.no-touch #chargedesk.freshdesk.mint-contacts ul.message-menu li:hover {
  color: #0094b9;
  border-bottom: 2px solid #0094b9;
}
#chargedesk.freshdesk.mint ul.message-menu li.active, #chargedesk.freshdesk.mint-tickets ul.message-menu li.active, #chargedesk.freshdesk.mint-contacts ul.message-menu li.active {
  color: #0094b9;
  border-bottom: 2px solid #0094b9;
}
#chargedesk.freshdesk.mint .content, #chargedesk.freshdesk.mint-tickets .content, #chargedesk.freshdesk.mint-contacts .content {
  padding: 0px;
}
#chargedesk.freshdesk.mint .embed, #chargedesk.freshdesk.mint .no-embed-customers, #chargedesk.freshdesk.mint-tickets .embed, #chargedesk.freshdesk.mint-tickets .no-embed-customers, #chargedesk.freshdesk.mint-contacts .embed, #chargedesk.freshdesk.mint-contacts .no-embed-customers {
  margin: 0;
  background: #ffffff;
  border-radius: 3px;
  padding: 2px 4px 6px;
  color: #6F7275;
  font-size: 0.9em;
}
#chargedesk.freshdesk.mint .embed + .customer, #chargedesk.freshdesk.mint .no-embed-customers + .customer, #chargedesk.freshdesk.mint-tickets .embed + .customer, #chargedesk.freshdesk.mint-tickets .no-embed-customers + .customer, #chargedesk.freshdesk.mint-contacts .embed + .customer, #chargedesk.freshdesk.mint-contacts .no-embed-customers + .customer {
  margin-top: 7px;
}
#chargedesk.freshdesk.mint .create-new.lighter, #chargedesk.freshdesk.mint-tickets .create-new.lighter, #chargedesk.freshdesk.mint-contacts .create-new.lighter {
  margin: 10px 0 10px 0;
  padding: 7px 14px;
}
#chargedesk.freshdesk.mint .customer, #chargedesk.freshdesk.mint-tickets .customer, #chargedesk.freshdesk.mint-contacts .customer {
  padding: 0px 0px 25px;
}
#chargedesk.freshdesk.mint .customer:last-child, #chargedesk.freshdesk.mint-tickets .customer:last-child, #chargedesk.freshdesk.mint-contacts .customer:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
#chargedesk.freshdesk.mint .customer .avatar, #chargedesk.freshdesk.mint-tickets .customer .avatar, #chargedesk.freshdesk.mint-contacts .customer .avatar {
  display: none;
}
#chargedesk.freshdesk.mint .customer .overview, #chargedesk.freshdesk.mint-tickets .customer .overview, #chargedesk.freshdesk.mint-contacts .customer .overview {
  padding: 6px 10px 10px;
  margin: 0px -6px 0;
  border-radius: 5px;
}
#chargedesk.freshdesk.mint .customer .overview .item, #chargedesk.freshdesk.mint-tickets .customer .overview .item, #chargedesk.freshdesk.mint-contacts .customer .overview .item {
  line-height: 18px;
}
#chargedesk.freshdesk.mint .customer .overview .details, #chargedesk.freshdesk.mint-tickets .customer .overview .details, #chargedesk.freshdesk.mint-contacts .customer .overview .details {
  padding: 0;
}
body.no-touch #chargedesk.freshdesk.mint .customer .overview:hover, body.no-touch #chargedesk.freshdesk.mint-tickets .customer .overview:hover, body.no-touch #chargedesk.freshdesk.mint-contacts .customer .overview:hover {
  background-color: #FFF;
}
#chargedesk.freshdesk.mint .customer .cards, #chargedesk.freshdesk.mint-tickets .customer .cards, #chargedesk.freshdesk.mint-contacts .customer .cards {
  margin: -2px 0 0px 0;
}
#chargedesk.freshdesk.mint .customer .cards .cards-title, #chargedesk.freshdesk.mint-tickets .customer .cards .cards-title, #chargedesk.freshdesk.mint-contacts .customer .cards .cards-title {
  margin: 0px 4px 24px;
  color: #6f7c87;
  border-color: #ebeef0;
  text-transform: uppercase;
  font-size: 11px;
}
#chargedesk.freshdesk.mint .customer .cards .cards-title span, #chargedesk.freshdesk.mint-tickets .customer .cards .cards-title span, #chargedesk.freshdesk.mint-contacts .customer .cards .cards-title span {
  background: transparent;
  top: 18px;
}
#chargedesk.freshdesk.mint .customer .cards .card, #chargedesk.freshdesk.mint-tickets .customer .cards .card, #chargedesk.freshdesk.mint-contacts .customer .cards .card {
  padding: 8px 10px;
  margin: 4px -5px 0;
}
#chargedesk.freshdesk.mint .customer .cards .card + .card, #chargedesk.freshdesk.mint-tickets .customer .cards .card + .card, #chargedesk.freshdesk.mint-contacts .customer .cards .card + .card {
  margin-top: 8px;
}
#chargedesk.freshdesk.mint .customer .cards .card .symbol, #chargedesk.freshdesk.mint-tickets .customer .cards .card .symbol, #chargedesk.freshdesk.mint-contacts .customer .cards .card .symbol {
  display: none;
}
#chargedesk.freshdesk.mint .customer .cards .card .item, #chargedesk.freshdesk.mint-tickets .customer .cards .card .item, #chargedesk.freshdesk.mint-contacts .customer .cards .card .item {
  width: 100%;
}
body.no-touch #chargedesk.freshdesk.mint .customer .cards .card:hover, body.no-touch #chargedesk.freshdesk.mint-tickets .customer .cards .card:hover, body.no-touch #chargedesk.freshdesk.mint-contacts .customer .cards .card:hover {
  background-color: #FFF;
}
#chargedesk.freshdesk.mint .customer .cards .card.expanded, #chargedesk.freshdesk.mint-tickets .customer .cards .card.expanded, #chargedesk.freshdesk.mint-contacts .customer .cards .card.expanded {
  background-color: #FFF;
}
#chargedesk.freshdesk.mint .customer .cards .card.expanded .base-buttons, #chargedesk.freshdesk.mint-tickets .customer .cards .card.expanded .base-buttons, #chargedesk.freshdesk.mint-contacts .customer .cards .card.expanded .base-buttons {
  background-color: #FFF;
  margin: 9px 0 0 0;
  padding: 5px 0 0;
}
#chargedesk.freshdesk.mint .customer.expanded .overview, #chargedesk.freshdesk.mint-tickets .customer.expanded .overview, #chargedesk.freshdesk.mint-contacts .customer.expanded .overview {
  background-color: #FFF;
}
#chargedesk.freshdesk.mint .customer.expanded .overview .base-buttons, #chargedesk.freshdesk.mint-tickets .customer.expanded .overview .base-buttons, #chargedesk.freshdesk.mint-contacts .customer.expanded .overview .base-buttons {
  background-color: #FFF;
  margin: 9px 0 0 0;
  padding: 5px 0 0;
}
#chargedesk.freshdesk.mint .content-form, #chargedesk.freshdesk.mint-tickets .content-form, #chargedesk.freshdesk.mint-contacts .content-form {
  width: 100%;
}
#chargedesk.freshdesk.mint .expandIcon, #chargedesk.freshdesk.mint-tickets .expandIcon, #chargedesk.freshdesk.mint-contacts .expandIcon {
  color: #D7D7D7;
}
#chargedesk.freshdesk.mint .action-form, #chargedesk.freshdesk.mint-tickets .action-form, #chargedesk.freshdesk.mint-contacts .action-form {
  padding: 5px 0 2px 0;
}
#chargedesk.freshdesk.mint .action-form input[type=text], #chargedesk.freshdesk.mint .action-form input[type=number], #chargedesk.freshdesk.mint .action-form input[type=tel], #chargedesk.freshdesk.mint .action-form input[type=submit], #chargedesk.freshdesk.mint .action-form textarea, #chargedesk.freshdesk.mint .action-form select, #chargedesk.freshdesk.mint-tickets .action-form input[type=text], #chargedesk.freshdesk.mint-tickets .action-form input[type=number], #chargedesk.freshdesk.mint-tickets .action-form input[type=tel], #chargedesk.freshdesk.mint-tickets .action-form input[type=submit], #chargedesk.freshdesk.mint-tickets .action-form textarea, #chargedesk.freshdesk.mint-tickets .action-form select, #chargedesk.freshdesk.mint-contacts .action-form input[type=text], #chargedesk.freshdesk.mint-contacts .action-form input[type=number], #chargedesk.freshdesk.mint-contacts .action-form input[type=tel], #chargedesk.freshdesk.mint-contacts .action-form input[type=submit], #chargedesk.freshdesk.mint-contacts .action-form textarea, #chargedesk.freshdesk.mint-contacts .action-form select {
  width: 100%;
}
#chargedesk.freshdesk.mint .action-form input[type=submit], #chargedesk.freshdesk.mint-tickets .action-form input[type=submit], #chargedesk.freshdesk.mint-contacts .action-form input[type=submit] {
  margin: 12px 0;
}
#chargedesk.freshdesk.mint .seperator span, #chargedesk.freshdesk.mint-tickets .seperator span, #chargedesk.freshdesk.mint-contacts .seperator span {
  background: #fff;
}
#chargedesk.freshdesk.mint .messagesBG, #chargedesk.freshdesk.mint-tickets .messagesBG, #chargedesk.freshdesk.mint-contacts .messagesBG {
  background-color: rgba(0, 0, 0, 0) !important;
}
#chargedesk.freshdesk.mint .messages .message, #chargedesk.freshdesk.mint-tickets .messages .message, #chargedesk.freshdesk.mint-contacts .messages .message {
  padding: 10px 15px;
  margin-left: 0px;
  margin-right: 0px;
  border: 1px solid #d4d9dd;
  box-shadow: none;
}

#chargedesk.freshdesk.chat {
  margin-top: -15px;
  padding-top: 10px;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Fira Sans, Droid Sans, Cantarell, sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
#chargedesk.freshdesk.chat span[data-tooltip]:before, #chargedesk.freshdesk.chat span[data-tooltip]:after, #chargedesk.freshdesk.chat span[data-tooltip] i {
  display: none;
}
#chargedesk.freshdesk.chat .list-desc {
  background: #c6e5f8 !important;
}
#chargedesk.freshdesk.chat .connect.installed {
  background: #ffffff;
}
#chargedesk.freshdesk.chat .connect.installed .header {
  display: none;
}
#chargedesk.freshdesk.chat .connect.installed .box {
  width: 100%;
}
#chargedesk.freshdesk.chat .connect.installed .box input {
  width: 100%;
  box-sizing: border-box;
}
#chargedesk.freshdesk.chat .connect.installed .chargedesk-connect, #chargedesk.freshdesk.chat .connect.installed .provider-connect {
  width: 100%;
  box-sizing: border-box;
}
#chargedesk.freshdesk.chat input[type=search], #chargedesk.freshdesk.chat input[type=text], #chargedesk.freshdesk.chat input[type=email], #chargedesk.freshdesk.chat input[type=number], #chargedesk.freshdesk.chat input[type=tel], #chargedesk.freshdesk.chat input.datepicker, #chargedesk.freshdesk.chat button[type=text], #chargedesk.freshdesk.chat button[type=email], #chargedesk.freshdesk.chat button[type=number], #chargedesk.freshdesk.chat button[type=tel], #chargedesk.freshdesk.chat button.datepicker, #chargedesk.freshdesk.chat textarea, #chargedesk.freshdesk.chat select, #chargedesk.freshdesk.chat .flexselect, #chargedesk.freshdesk.chat .btn.btn-light {
  border-color: #d3d3d3;
}
#chargedesk.freshdesk.chat input[type=search]:focus, #chargedesk.freshdesk.chat input[type=text]:focus, #chargedesk.freshdesk.chat input[type=email]:focus, #chargedesk.freshdesk.chat input[type=number]:focus, #chargedesk.freshdesk.chat input[type=tel]:focus, #chargedesk.freshdesk.chat input.datepicker:focus, #chargedesk.freshdesk.chat button[type=text]:focus, #chargedesk.freshdesk.chat button[type=email]:focus, #chargedesk.freshdesk.chat button[type=number]:focus, #chargedesk.freshdesk.chat button[type=tel]:focus, #chargedesk.freshdesk.chat button.datepicker:focus, #chargedesk.freshdesk.chat textarea:focus, #chargedesk.freshdesk.chat select:focus, #chargedesk.freshdesk.chat .flexselect:focus, #chargedesk.freshdesk.chat .btn.btn-light:focus {
  border-color: #0053bf !important;
  box-shadow: none;
}
#chargedesk.freshdesk.chat input[type=search].showDisabled:disabled, #chargedesk.freshdesk.chat input[type=search].showDisabled.disabled, #chargedesk.freshdesk.chat input[type=text].showDisabled:disabled, #chargedesk.freshdesk.chat input[type=text].showDisabled.disabled, #chargedesk.freshdesk.chat input[type=email].showDisabled:disabled, #chargedesk.freshdesk.chat input[type=email].showDisabled.disabled, #chargedesk.freshdesk.chat input[type=number].showDisabled:disabled, #chargedesk.freshdesk.chat input[type=number].showDisabled.disabled, #chargedesk.freshdesk.chat input[type=tel].showDisabled:disabled, #chargedesk.freshdesk.chat input[type=tel].showDisabled.disabled, #chargedesk.freshdesk.chat input.datepicker.showDisabled:disabled, #chargedesk.freshdesk.chat input.datepicker.showDisabled.disabled, #chargedesk.freshdesk.chat button[type=text].showDisabled:disabled, #chargedesk.freshdesk.chat button[type=text].showDisabled.disabled, #chargedesk.freshdesk.chat button[type=email].showDisabled:disabled, #chargedesk.freshdesk.chat button[type=email].showDisabled.disabled, #chargedesk.freshdesk.chat button[type=number].showDisabled:disabled, #chargedesk.freshdesk.chat button[type=number].showDisabled.disabled, #chargedesk.freshdesk.chat button[type=tel].showDisabled:disabled, #chargedesk.freshdesk.chat button[type=tel].showDisabled.disabled, #chargedesk.freshdesk.chat button.datepicker.showDisabled:disabled, #chargedesk.freshdesk.chat button.datepicker.showDisabled.disabled, #chargedesk.freshdesk.chat textarea.showDisabled:disabled, #chargedesk.freshdesk.chat textarea.showDisabled.disabled, #chargedesk.freshdesk.chat select.showDisabled:disabled, #chargedesk.freshdesk.chat select.showDisabled.disabled, #chargedesk.freshdesk.chat .flexselect.showDisabled:disabled, #chargedesk.freshdesk.chat .flexselect.showDisabled.disabled, #chargedesk.freshdesk.chat .btn.btn-light.showDisabled:disabled, #chargedesk.freshdesk.chat .btn.btn-light.showDisabled.disabled {
  border-color: rgba(169, 169, 169, 0.4);
  opacity: 0.7;
  background: rgba(0, 0, 0, 0.05);
}
#chargedesk.freshdesk.chat .messages {
  width: 100%;
  padding-top: 27px;
}
#chargedesk.freshdesk.chat .messages .message .message-form {
  margin: 11px -15px -10px;
  padding: 2px 15px 10px;
  border: 0;
  background: #FFF;
}
#chargedesk.freshdesk.chat .messages .message .message-form input[type=submit], #chargedesk.freshdesk.chat .messages .message .message-form button[type=submit] {
  background-color: #0053bf;
}
#chargedesk.freshdesk.chat .messages .message .message-form input[type=text].amount, #chargedesk.freshdesk.chat .messages .message .message-form input[type=number].amount {
  margin-right: 3px;
  width: 76px;
}
#chargedesk.freshdesk.chat .messages .message .message-form input.interval {
  width: 33px;
}
#chargedesk.freshdesk.chat .messages .message .message-form input.interval.left {
  margin-left: 6px;
  margin-right: 3px;
}
#chargedesk.freshdesk.chat .messages .message .message-form input.abr {
  width: 25px;
  margin-right: 3px;
}
#chargedesk.freshdesk.chat .messages .message .message-form input.remainder {
  width: 75px;
  margin-left: 0px;
}
#chargedesk.freshdesk.chat .messages .message .message-form select, #chargedesk.freshdesk.chat .messages .message .message-form .flexselect {
  width: 76px;
}
#chargedesk.freshdesk.chat .messages .message .message-form select.has-close, #chargedesk.freshdesk.chat .messages .message .message-form .flexselect.has-close {
  width: 130px;
}
#chargedesk.freshdesk.chat .messages .message .message-form input.mid, #chargedesk.freshdesk.chat .messages .message .message-form textarea.mid {
  width: 135px;
  padding-right: 10px;
}
#chargedesk.freshdesk.chat .messages .message .message-form .flexselect.mid {
  width: 156px;
}
#chargedesk.freshdesk.chat .messages .message .message-form .row.expandable .col-options .text-container {
  background: #fff;
}
#chargedesk.freshdesk.chat .messages .message .message-form .addable button {
  color: #969696;
}
#chargedesk.freshdesk.chat .messages .message .message-form .addable input.mid, #chargedesk.freshdesk.chat .messages .message .message-form .addable textarea.mid {
  width: 115px;
  padding-right: 27px;
}
#chargedesk.freshdesk.chat .loadingPanel {
  background: #ffffff;
  width: 100%;
}
#chargedesk.freshdesk.chat .loadingPanel .loading-circle .bg {
  border-color: rgba(2, 184, 117, 0.1);
}
#chargedesk.freshdesk.chat .loadingPanel .loading-circle .line {
  border-color: #0053bf;
}
#chargedesk.freshdesk.chat .loadingPanel .loading-circle .fix {
  background-color: #ffffff;
  box-shadow: 0 0 2px 2px #ffffff;
}
#chargedesk.freshdesk.chat .search-form, #chargedesk.freshdesk.chat .message-form {
  padding-top: 5px;
}
#chargedesk.freshdesk.chat .divider span {
  background: #ffffff;
}
#chargedesk.freshdesk.chat .menu {
  padding-top: 0px;
  background: #ffffff;
  border: none;
  min-height: 22px;
}
#chargedesk.freshdesk.chat .menu .item {
  color: #6f7c87;
  padding: 5px 0px;
  margin-right: 10px;
  font-size: 1em;
  border-bottom: 2px solid #ffffff;
  font-weight: normal;
}
#chargedesk.freshdesk.chat .menu .item:last-child {
  margin-right: 0px;
}
body.no-touch #chargedesk.freshdesk.chat .menu .item:hover {
  color: #0053bf;
  border-bottom: 2px solid #0053bf;
}
#chargedesk.freshdesk.chat .menu .item.active {
  color: #0053bf;
  border-bottom: 2px solid #0053bf;
}
#chargedesk.freshdesk.chat ul.message-menu li {
  color: #6f7c87;
  padding: 5px 0;
  margin-right: 10px;
  font-size: 12px;
  border-bottom: 2px solid #fff;
  font-weight: normal;
}
#chargedesk.freshdesk.chat ul.message-menu li:last-child {
  margin-right: 0px;
}
body.no-touch #chargedesk.freshdesk.chat ul.message-menu li:hover {
  color: #0053bf;
  border-bottom: 2px solid #0053bf;
}
#chargedesk.freshdesk.chat ul.message-menu li.active {
  color: #0053bf;
  border-bottom: 2px solid #0053bf;
}
#chargedesk.freshdesk.chat .content {
  padding: 0px;
}
#chargedesk.freshdesk.chat .embed, #chargedesk.freshdesk.chat .no-embed-customers {
  margin: 0;
  background: #ffffff;
  border-radius: 3px;
  padding: 2px 4px 6px;
  color: #6F7275;
  font-size: 0.9em;
}
#chargedesk.freshdesk.chat .embed + .customer, #chargedesk.freshdesk.chat .no-embed-customers + .customer {
  margin-top: 7px;
}
#chargedesk.freshdesk.chat .create-new.lighter {
  margin: 10px 0 10px 0;
  padding: 7px 14px;
}
#chargedesk.freshdesk.chat .customer {
  padding: 0px 0px 25px;
}
#chargedesk.freshdesk.chat .customer:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
#chargedesk.freshdesk.chat .customer .avatar {
  display: none;
}
#chargedesk.freshdesk.chat .customer .overview {
  padding: 6px 10px 10px;
  margin: 0px -6px 0;
  border-radius: 5px;
}
#chargedesk.freshdesk.chat .customer .overview .item {
  line-height: 18px;
}
#chargedesk.freshdesk.chat .customer .overview .details {
  padding: 0;
}
body.no-touch #chargedesk.freshdesk.chat .customer .overview:hover {
  background-color: #FFF;
}
#chargedesk.freshdesk.chat .customer .cards {
  margin: -2px 0 0px 0;
}
#chargedesk.freshdesk.chat .customer .cards .cards-title {
  margin: 0px 4px 24px;
  color: #6f7c87;
  border-color: #ebeef0;
  text-transform: uppercase;
  font-size: 11px;
}
#chargedesk.freshdesk.chat .customer .cards .cards-title span {
  background: transparent;
  top: 18px;
}
#chargedesk.freshdesk.chat .customer .cards .card {
  padding: 8px 10px;
  margin: 4px -5px 0;
}
#chargedesk.freshdesk.chat .customer .cards .card + .card {
  margin-top: 8px;
}
#chargedesk.freshdesk.chat .customer .cards .card .symbol {
  display: none;
}
#chargedesk.freshdesk.chat .customer .cards .card .item {
  width: 100%;
}
body.no-touch #chargedesk.freshdesk.chat .customer .cards .card:hover {
  background-color: #FFF;
}
#chargedesk.freshdesk.chat .customer .cards .card.expanded {
  background-color: #FFF;
}
#chargedesk.freshdesk.chat .customer .cards .card.expanded .base-buttons {
  background-color: #FFF;
  margin: 9px 0 0 0;
  padding: 5px 0 0;
}
#chargedesk.freshdesk.chat .customer.expanded .overview {
  background-color: #FFF;
}
#chargedesk.freshdesk.chat .customer.expanded .overview .base-buttons {
  background-color: #FFF;
  margin: 9px 0 0 0;
  padding: 5px 0 0;
}
#chargedesk.freshdesk.chat .content-form {
  width: 100%;
}
#chargedesk.freshdesk.chat .expandIcon {
  color: #D7D7D7;
}
#chargedesk.freshdesk.chat .action-form {
  padding: 5px 0 2px 0;
}
#chargedesk.freshdesk.chat .action-form input[type=text], #chargedesk.freshdesk.chat .action-form input[type=number], #chargedesk.freshdesk.chat .action-form input[type=tel], #chargedesk.freshdesk.chat .action-form input[type=submit], #chargedesk.freshdesk.chat .action-form textarea, #chargedesk.freshdesk.chat .action-form select {
  width: 100%;
}
#chargedesk.freshdesk.chat .action-form input[type=submit] {
  margin: 12px 0;
}
#chargedesk.freshdesk.chat .seperator span {
  background: #fff;
}
#chargedesk.freshdesk.chat .message-form input, #chargedesk.freshdesk.chat .message-form button {
  line-height: 22px;
  font-size: 14px;
}

body.front {
  background: #FFFFFF;
}

#chargedesk.front {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Segoe UI", sans-serif;
  -webkit-font-smoothing: antialiased;
  margin-top: -6px;
}
#chargedesk.front .menu {
  background: #FFFFFF;
  padding: 5px 9px 0;
}
#chargedesk.front .menu .item {
  color: #9c9c9c;
  padding: 4px 11px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
#chargedesk.front .menu .item.active {
  color: #fff;
  background-color: #9c9c9c;
  border: none;
}
#chargedesk.front ul.message-menu {
  padding: 6px 0;
}
#chargedesk.front ul.message-menu li {
  color: #9c9c9c;
  padding: 4px 9px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
}
#chargedesk.front ul.message-menu li.active {
  color: #fff;
  background-color: rgb(179, 179, 179);
  border: none;
}
#chargedesk.front .divider span {
  background-color: #FFFFFF;
}
#chargedesk.front .connect.installed .header {
  border: none;
}
#chargedesk.front .content {
  padding-top: 0;
}
#chargedesk.front .list-desc.search {
  margin-top: -83px;
}
#chargedesk.front .list-desc.embed {
  margin-top: -20px;
}
#chargedesk.front .content-form {
  width: 215px;
}
#chargedesk.front .customer .item {
  width: 215px;
}
#chargedesk.front .customer .cards-title span {
  background: #FFFFFF;
}
#chargedesk.front .messages {
  width: 100%;
  padding-top: 40px;
}
#chargedesk.front .messages .message {
  margin-left: 7px;
  margin-right: 7px;
  padding: 14px 17px;
}
#chargedesk.front .messages .message .message-form {
  padding-top: 9px;
  margin-left: -18px;
  margin-right: -18px;
  margin-bottom: -15px;
}
#chargedesk.front .messages .message .message-form .row .col-title {
  line-height: 26px;
  font-weight: bold;
}
#chargedesk.front .messages .message .message-form .row .col-title.empty {
  display: none;
}

#chargedesk.intercom {
  margin-top: 16px;
  max-width: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#chargedesk.intercom.narrow .menu {
  padding: 22px 65px 16px 15px;
  box-sizing: border-box;
  width: 100%;
  max-width: unset;
  background: #ffffff;
  border-bottom: 1px solid #f1f1f1;
}
#chargedesk.intercom.narrow .menu .item {
  font-weight: 500;
  padding: 0 0px 8px;
  font-size: 13px;
}
body.no-touch #chargedesk.intercom.narrow .menu .item:hover {
  color: #286efa;
}
#chargedesk.intercom.narrow .menu .item.active {
  border-bottom: 2px solid #286efa;
  color: #286efa;
}
#chargedesk.intercom.narrow .list-desc {
  background: #e8f0ff;
}
#chargedesk.intercom.narrow ul.message-menu li.active {
  border-bottom: 2px solid #286efa;
  color: #286efa;
}
#chargedesk.intercom.narrow .customer .card {
  padding-left: 42px;
}
#chargedesk.intercom.narrow .customer .card.expanded {
  padding-left: 12px;
}
#chargedesk.intercom.narrow .customer .card .symbol {
  display: none;
}
body.no-touch #chargedesk.intercom.narrow .customer .card:hover {
  background-color: #e8f0ff;
}
#chargedesk.intercom.narrow .customer .card.expanded {
  background-color: #e8f0ff;
}
body.no-touch #chargedesk.intercom.narrow .customer .overview:hover {
  background-color: #e8f0ff;
}
#chargedesk.intercom.narrow .customer.expanded .overview {
  background-color: #e8f0ff;
}
#chargedesk.intercom.narrow .messages {
  width: 100%;
  padding-top: 61px;
}
#chargedesk.intercom.narrow .messages .message {
  padding: 10px 15px;
  margin-left: 5px;
  margin-right: 5px;
  border: 1px solid #d4d9dd;
  box-shadow: none;
}
#chargedesk.intercom.narrow .messages .message .message-form {
  margin: 0px -15px -18px;
  padding: 15px 15px 13px;
}
#chargedesk.intercom.narrow .message-form input[type=submit], #chargedesk.intercom.narrow .message-form button[type=submit] {
  background-color: #286efa;
}

#chargedesk.wix {
  font-family: "Fira Sans", "Helvetica", Verdana, Tahoma, sans-serif;
  -webkit-font-smoothing: antialiased;
}
#chargedesk.wix .menu {
  background: #fcfcfc;
  padding-left: 20px;
  border-color: #edf1f4;
}
#chargedesk.wix .menu .item {
  color: #577083;
}
#chargedesk.wix .menu .item.active {
  color: #31424f;
  border-color: #31424f;
  font-weight: bold;
}

body.zendeskv2 {
  padding-top: 30px;
}

#chargedesk.zendeskv2 {
  min-height: 100%;
}
#chargedesk.zendeskv2.chat_sidebar .menu {
  background: #fafafa;
}
#chargedesk.zendeskv2.chat_sidebar .menu .item {
  margin-left: 6px;
}
#chargedesk.zendeskv2.chat_sidebar .connect.installed .header {
  border-top: 0;
}
#chargedesk.zendeskv2.deal_card .menu, #chargedesk.zendeskv2.lead_card .menu, #chargedesk.zendeskv2.company_card .menu, #chargedesk.zendeskv2.person_card .menu {
  border-bottom: 1px solid #e1e6ea;
}
#chargedesk.zendeskv2.deal_card .menu .item, #chargedesk.zendeskv2.lead_card .menu .item, #chargedesk.zendeskv2.company_card .menu .item, #chargedesk.zendeskv2.person_card .menu .item {
  margin-left: 19px !important;
  padding-top: 8px;
}
#chargedesk.zendeskv2.deal_card .connect.installed .header, #chargedesk.zendeskv2.lead_card .connect.installed .header, #chargedesk.zendeskv2.company_card .connect.installed .header, #chargedesk.zendeskv2.person_card .connect.installed .header {
  border-top: 0;
}
#chargedesk.zendeskv2.deal_card .messages, #chargedesk.zendeskv2.lead_card .messages, #chargedesk.zendeskv2.company_card .messages, #chargedesk.zendeskv2.person_card .messages {
  padding: 28px 0 0;
}
#chargedesk.zendeskv2.deal_card .setting, #chargedesk.zendeskv2.lead_card .setting, #chargedesk.zendeskv2.company_card .setting, #chargedesk.zendeskv2.person_card .setting {
  padding: 16px 0px 20px 9px;
}
#chargedesk.zendeskv2.ticket_sidebar .content, #chargedesk.zendeskv2.new_ticket_sidebar .content, #chargedesk.zendeskv2.user_sidebar .content, #chargedesk.zendeskv2.organization_sidebar .content, #chargedesk.zendeskv2.chat_sidebar .content {
  padding: 0px;
  max-width: 320px;
  overflow-x: hidden;
}
#chargedesk.zendeskv2.ticket_sidebar .search-form, #chargedesk.zendeskv2.new_ticket_sidebar .search-form, #chargedesk.zendeskv2.user_sidebar .search-form, #chargedesk.zendeskv2.organization_sidebar .search-form, #chargedesk.zendeskv2.chat_sidebar .search-form {
  padding-bottom: 0px;
}
#chargedesk.zendeskv2.ticket_sidebar .no-embed-customers, #chargedesk.zendeskv2.new_ticket_sidebar .no-embed-customers, #chargedesk.zendeskv2.user_sidebar .no-embed-customers, #chargedesk.zendeskv2.organization_sidebar .no-embed-customers, #chargedesk.zendeskv2.chat_sidebar .no-embed-customers {
  padding: 20px 29px 24px;
  line-height: 1.3em;
}
#chargedesk.zendeskv2.ticket_sidebar .no-embed-customers .search-form, #chargedesk.zendeskv2.new_ticket_sidebar .no-embed-customers .search-form, #chargedesk.zendeskv2.user_sidebar .no-embed-customers .search-form, #chargedesk.zendeskv2.organization_sidebar .no-embed-customers .search-form, #chargedesk.zendeskv2.chat_sidebar .no-embed-customers .search-form {
  margin: 0 -3px;
}
#chargedesk.zendeskv2.ticket_sidebar .no-embed-customers.no-bottom, #chargedesk.zendeskv2.new_ticket_sidebar .no-embed-customers.no-bottom, #chargedesk.zendeskv2.user_sidebar .no-embed-customers.no-bottom, #chargedesk.zendeskv2.organization_sidebar .no-embed-customers.no-bottom, #chargedesk.zendeskv2.chat_sidebar .no-embed-customers.no-bottom {
  padding: 20px 10px 24px;
  padding-bottom: 0;
}
#chargedesk.zendeskv2.ticket_sidebar .create-new, #chargedesk.zendeskv2.new_ticket_sidebar .create-new, #chargedesk.zendeskv2.user_sidebar .create-new, #chargedesk.zendeskv2.organization_sidebar .create-new, #chargedesk.zendeskv2.chat_sidebar .create-new {
  margin: 0;
}
#chargedesk.zendeskv2 .menu {
  padding: 4px 0 0 0;
  max-width: none;
  background: #fff;
  display: block;
  border-bottom: 1px dotted #CCC;
  padding: 0;
  line-height: 1.42857;
  white-space: nowrap;
  color: #999;
  font-size: 14px;
  min-height: initial;
}
#chargedesk.zendeskv2 .menu.menu-loading {
  display: none;
}
#chargedesk.zendeskv2 .menu .item {
  display: inline-block;
  position: relative;
  -webkit-transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.25s ease-in-out;
  transition: border-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out, color 0.25s ease-in-out;
  margin-left: 19px;
  border-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  cursor: pointer;
  padding: 2px 0.35714em 3px;
  overflow: hidden;
  vertical-align: top;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  color: inherit;
}
#chargedesk.zendeskv2 .menu .item:first-of-type {
  margin-left: 0;
}
body.no-touch #chargedesk.zendeskv2 .menu .item:hover {
  color: #30aabc;
}
#chargedesk.zendeskv2 .menu .item.active {
  border-color: #30aabc;
  color: #30aabc;
}
#chargedesk.zendeskv2 .create-new {
  display: inline-block;
  -webkit-transition: border-color 0.25s ease-in-out, box-shadow 0.1s ease-in-out, background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: border-color 0.25s ease-in-out, box-shadow 0.1s ease-in-out, background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  padding: 0 2.25em;
  min-width: 8.3334em;
  overflow: visible;
  vertical-align: middle;
  text-align: center;
  text-decoration: none;
  line-height: 2.34;
  white-space: nowrap;
  font-family: inherit;
  font-size: 12px;
  font-weight: 400;
  -webkit-font-smoothing: subpixel-antialiased;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  border: 1px solid #ababab;
  color: #ababab;
}
#chargedesk.zendeskv2 .create-new .fa {
  transition: border-color 0.25s ease-in-out, box-shadow 0.1s ease-in-out, background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  color: #30aabc;
  opacity: 0.6;
  display: none;
}
body.no-touch #chargedesk.zendeskv2 .create-new:hover {
  border-color: transparent;
  background-color: #41c8dc;
  text-decoration: none;
  color: #fff;
}
body.no-touch #chargedesk.zendeskv2 .create-new:hover .fa {
  color: #fff;
}
#chargedesk.zendeskv2 .list-desc.search, #chargedesk.zendeskv2 .no-search-customers {
  margin: 8px 0 11px;
  padding: 10px 10px 10px;
  border-radius: 4px;
  font-size: 13px;
  background: rgb(236, 247, 249);
}
#chargedesk.zendeskv2 .list-desc.embed {
  margin-top: 0;
}
#chargedesk.zendeskv2 .search-form .search-icon-container input[type=text] {
  border: 1px solid #ddd;
  -webkit-transition: border-color 0.25s ease-in-out, box-shadow 0.1s ease-in-out, background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: border-color 0.25s ease-in-out, box-shadow 0.1s ease-in-out, background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
#chargedesk.zendeskv2 .search-form .search-icon-container input[type=text]:focus {
  border-color: #30aabc;
  box-shadow: 0 0 0 3px rgba(48, 170, 188, 0.4);
}
#chargedesk.zendeskv2 .messages {
  width: 100%;
  padding: 22px 0 0;
}
#chargedesk.zendeskv2 .messages .message {
  margin-left: 5px;
  margin-right: 5px;
  padding: 14px 17px;
}
#chargedesk.zendeskv2 .messages .message .message-form {
  margin-left: -18px;
  margin-right: -18px;
  margin-bottom: -15px;
}
#chargedesk.zendeskv2 .messages .message .message-form .row .col-title {
  margin-bottom: -3px;
}
#chargedesk.zendeskv2 .messages .message .message-form .row .col-value {
  max-width: 160px;
}
#chargedesk.zendeskv2 .messages .message .message-form .row .col-value.full-width {
  max-width: unset;
  width: 100%;
}
#chargedesk.zendeskv2 .messages .message .message-form input {
  line-height: 19px;
}
#chargedesk.zendeskv2 .messages .message .message-form .flexselect {
  max-width: 160px;
}
#chargedesk.zendeskv2 .messages .message .message-form input, #chargedesk.zendeskv2 .messages .message .message-form textarea {
  max-width: 138px;
}
#chargedesk.zendeskv2 .messages .message .message-form input.amount, #chargedesk.zendeskv2 .messages .message .message-form textarea.amount, #chargedesk.zendeskv2 .messages .message .message-form .flexselect.amount {
  margin-right: 6px;
}
#chargedesk.zendeskv2 .messages .message .message-form input.amount, #chargedesk.zendeskv2 .messages .message .message-form input.expandLeft, #chargedesk.zendeskv2 .messages .message .message-form textarea.amount, #chargedesk.zendeskv2 .messages .message .message-form textarea.expandLeft, #chargedesk.zendeskv2 .messages .message .message-form .flexselect.amount, #chargedesk.zendeskv2 .messages .message .message-form .flexselect.expandLeft {
  width: 77px;
}
#chargedesk.zendeskv2 .messages .message .message-form input.interval, #chargedesk.zendeskv2 .messages .message .message-form textarea.interval, #chargedesk.zendeskv2 .messages .message .message-form .flexselect.interval {
  width: 41px;
}
#chargedesk.zendeskv2 .messages .message .message-form input.abr, #chargedesk.zendeskv2 .messages .message .message-form textarea.abr, #chargedesk.zendeskv2 .messages .message .message-form .flexselect.abr {
  width: 26px;
}
#chargedesk.zendeskv2 .messages .message .message-form input.remainder, #chargedesk.zendeskv2 .messages .message .message-form textarea.remainder, #chargedesk.zendeskv2 .messages .message .message-form .flexselect.remainder {
  width: 80px;
}
#chargedesk.zendeskv2 .messages .message .message-form input.timepicker, #chargedesk.zendeskv2 .messages .message .message-form textarea.timepicker, #chargedesk.zendeskv2 .messages .message .message-form .flexselect.timepicker {
  width: 69px;
  margin-left: 5px;
}
#chargedesk.zendeskv2 .messages .message .message-form input.datepicker, #chargedesk.zendeskv2 .messages .message .message-form textarea.datepicker, #chargedesk.zendeskv2 .messages .message .message-form .flexselect.datepicker {
  width: 102px;
}
#chargedesk.zendeskv2 .messages .message .message-form .addable input.mid {
  width: 119px;
}
#chargedesk.zendeskv2 .messages .message ul.message-menu {
  padding: 4px 0 0 0;
  max-width: none;
  background: #fff;
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 0;
  line-height: 1.42857;
  white-space: nowrap;
  color: #999;
  font-size: 14px;
  min-height: initial;
}
#chargedesk.zendeskv2 .messages .message ul.message-menu li {
  padding: 9px 8px 6px;
}
#chargedesk.zendeskv2 .messages .message ul.message-menu li:first-of-type {
  margin-left: 0;
}
body.no-touch #chargedesk.zendeskv2 .messages .message ul.message-menu li:hover {
  color: #30aabc;
}
#chargedesk.zendeskv2 .messages .message ul.message-menu li.active {
  border-color: #30aabc;
  color: #30aabc;
}
#chargedesk.zendeskv2 .customer {
  padding-bottom: 40px;
}
body.no-touch #chargedesk.zendeskv2 .customer .overview:hover {
  background-color: rgb(236, 247, 249);
}
#chargedesk.zendeskv2 .customer .cards .card.expanded {
  background-color: rgb(236, 247, 249);
}
body.no-touch #chargedesk.zendeskv2 .customer .cards .card:hover {
  background-color: rgb(236, 247, 249);
}
#chargedesk.zendeskv2 .customer.expanded .overview {
  background-color: rgb(236, 247, 249);
}
#chargedesk.zendeskv2 .setting {
  padding: 16px 4px 1px;
}
#chargedesk.zendeskv2 .connect.installed .header {
  border-top: 27px solid #fff;
  padding-top: 27px;
}
#chargedesk.zendeskv2 .connect.installed .box {
  padding-bottom: 30px;
}
#chargedesk.zendeskv2 input.login {
  border: 1px solid #ddd;
  -webkit-transition: border-color 0.25s ease-in-out, box-shadow 0.1s ease-in-out, background-color 0.25s ease-in-out, color 0.25s ease-in-out;
  transition: border-color 0.25s ease-in-out, box-shadow 0.1s ease-in-out, background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
#chargedesk.zendeskv2 input.login:focus {
  border-color: #30aabc;
  box-shadow: 0 0 0 3px rgba(48, 170, 188, 0.4);
}
#chargedesk.zendeskv2 .chargedesk-connect {
  background-color: #30aabc;
  color: #fff;
  transition: background-color 0.25s ease-in-out;
}
#chargedesk.zendeskv2 .chargedesk-connect:focus {
  outline: none;
}
body.no-touch #chargedesk.zendeskv2 .chargedesk-connect:hover {
  background-color: #41c8dc;
}
#chargedesk.zendeskv2 .chargedesk-connect:active {
  transition: background-color 0.1s ease-in-out;
  background-color: #3094a3;
}

.loading-circle {
  width: 34px;
  height: 34px;
  overflow: hidden;
  position: relative;
  top: -1.5px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 15px;
}
.loading-circle .bg {
  width: 30px;
  height: 30px;
  border: 2px solid rgba(0, 158, 202, 0.1);
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  box-sizing: content-box;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.loading-circle .line {
  width: 30px;
  height: 30px;
  border: 2px solid rgb(0, 158, 202);
  -webkit-border-radius: 40px;
  border-radius: 40px;
  border-radius: 50%;
  padding: 0;
  position: relative;
  z-index: 1;
  box-sizing: content-box;
  animation-name: rotateLine;
  animation-duration: 20s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
}
.loading-circle .fix {
  position: absolute;
  left: 12px;
  top: 0;
  z-index: 2;
  width: 10px;
  height: 34px;
  background: white;
  box-shadow: 0 0 2px 2px #FFF;
  animation-name: rotateFix;
  animation-duration: 8s;
  animation-timing-function: linear;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
}

#chargedesk.custom .connect.installed .header {
  border: none;
  padding-top: 13px;
}

.strike {
  text-decoration: line-through;
}

.charge-items {
  display: table;
  width: 100%;
  padding: 1px 0 1px 23px;
  box-sizing: border-box;
}
.charge-items .row {
  display: table-row;
}
.charge-items .row .cell {
  display: table-cell;
  border-top: 1px solid rgba(128, 128, 128, 0.31);
  padding: 6px 0;
  line-height: 1.2em;
}
.charge-items .row .cell.cell-desc {
  color: #808080;
}
.charge-items .row .cell.cell-amount {
  text-align: right;
  white-space: nowrap;
  padding-left: 5px;
}
.charge-items .row:first-child .cell {
  border-top: none;
}

.charge-transactions {
  padding: 1px 0 1px 23px;
}
.charge-transactions .row {
  margin-top: 6px;
  padding: 5px 0;
  border-top: 1px solid rgba(128, 128, 128, 0.31);
  border-bottom: 1px solid rgba(128, 128, 128, 0.31);
}
.charge-transactions .row div {
  line-height: 17px;
}
.charge-transactions .row div.row-title span {
  font-weight: bold;
}
.charge-transactions .row div.row-time {
  color: #888;
}
.charge-transactions .row + .row {
  border-top: none;
  margin-top: 0;
}

.card.charge.refunded:not(.partially) .charge-items .row .cell.cell-amount.strike {
  text-decoration: line-through;
}

#chargedesk.livechat {
  max-width: 100%;
}
#chargedesk.livechat .menu {
  max-width: 100%;
}
#chargedesk.livechat .messages {
  width: 100%;
}
#chargedesk.livechat .customer .cards-title span {
  background: #f4f7f9;
}

#chargedesk.crisp {
  max-width: 100%;
}
#chargedesk.crisp .menu {
  max-width: 100%;
  right: 0;
  left: 0;
  width: auto;
}
#chargedesk.crisp .messages {
  width: 100%;
}

body.local {
  padding: 0;
}

#chargedesk.local {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, Liberation Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}
#chargedesk.local .menu {
  display: none;
}
#chargedesk.local .content {
  padding: 0px;
}
#chargedesk.local .customer .cards {
  padding: 0px;
}
#chargedesk.local .customer .cards-title {
  display: none;
}
#chargedesk.local .customer:last-child {
  padding-bottom: 0px;
}
#chargedesk.local .messagesBG {
  background: rgb(245, 249, 252);
}
#chargedesk.local .messages {
  padding-top: 0;
  background: rgb(245, 249, 252);
  width: 100%;
}
#chargedesk.local .message {
  margin: 0;
  box-shadow: 0px 3px 3px -1px rgba(10, 22, 70, 0.1), 0px 0px 1px 0px rgba(10, 22, 70, 0.06) !important;
  border: none;
  background: #fff;
  padding: 1.5rem;
  border-radius: 0.75rem;
}
#chargedesk.local .message + .message {
  margin-top: 10px;
}
#chargedesk.local .message .title {
  margin-bottom: 1rem;
  padding: 0;
}
#chargedesk.local .message-form {
  margin: 0;
  padding: 0;
}
#chargedesk.local .message-form > .row .col-value {
  max-width: revert;
  width: calc(100% - 80px);
}
#chargedesk.local .message-form > .row:last-child {
  padding-bottom: 0;
}
#chargedesk.local .message-form input[type=submit], #chargedesk.local .message-form input.btn-type-submit, #chargedesk.local .message-form button[type=submit], #chargedesk.local .message-form button.btn-type-submit {
  background: #009fd5;
  padding: 0.75rem 1.25rem;
  font-size: 1rem;
  float: right;
}
#chargedesk.local .message-form input[type=submit]:hover, #chargedesk.local .message-form input.btn-type-submit:hover, #chargedesk.local .message-form button[type=submit]:hover, #chargedesk.local .message-form button.btn-type-submit:hover {
  background: #007faa;
  opacity: 1;
}
#chargedesk.local .message-form .line-item-row {
  margin: 0 0 5px;
}
#chargedesk.local .message-form .line-item-row.line-item-total {
  margin: 0;
}

#chargedesk.hubspot {
  max-width: 100%;
  margin-top: -18px;
}
#chargedesk.hubspot .content {
  padding-left: 0;
  padding-right: 0;
}
#chargedesk.hubspot .search-form {
  max-width: 100%;
}
#chargedesk.hubspot .menu {
  padding-top: 2px;
  max-width: 100%;
  background: #ffffff;
  padding-left: 0;
}
#chargedesk.hubspot .messages {
  width: 100%;
  padding-top: 34px;
}
#chargedesk.hubspot .customer .cards-title span {
  background: #ffffff;
}

#chargedesk.missive {
  max-width: 100%;
}
#chargedesk.missive .menu {
  background: var(--missive-background-color);
  border-left: 1px solid var(--missive-conversation-list-border-color);
  border-bottom: 1px solid var(--missive-border-color);
}
#chargedesk.missive .menu .item {
  color: var(--missive-text-color-c);
}
#chargedesk.missive .menu .item.active {
  border-bottom: 3px solid var(--missive-blue-color);
  color: var(--missive-text-color-a);
}
#chargedesk.missive .no-embed-customers {
  color: var(--missive-text-color-a);
}
#chargedesk.missive .list-desc {
  border-left: 1px solid var(--missive-conversation-list-border-color);
  background: var(--missive-token-background-color);
  color: var(--missive-text-color-a);
}
#chargedesk.missive .divider {
  border-color: var(--missive-border-color);
}
#chargedesk.missive .divider span {
  background: var(--missive-background-color);
  color: var(--missive-text-color-b);
}
#chargedesk.missive .customer .cards-title {
  border-color: var(--missive-border-color);
}
#chargedesk.missive .customer .cards-title span {
  background: var(--missive-background-color);
  color: var(--missive-text-color-b);
}
#chargedesk.missive .customer div, #chargedesk.missive .customer b, #chargedesk.missive .customer a {
  color: var(--missive-text-color-a) !important;
}
#chargedesk.missive .customer .card.expanded, #chargedesk.missive .customer .card:hover {
  background: var(--missive-token-background-color);
}
#chargedesk.missive .customer.expanded .overview {
  background: var(--missive-token-background-color);
}
#chargedesk.missive .customer .overview:hover {
  background: var(--missive-token-background-color);
}
#chargedesk.missive .customer .base-buttons {
  background: var(--missive-light-active-color);
}
#chargedesk.missive .customer .base-buttons.light {
  background: rgba(0, 0, 0, 0);
}
#chargedesk.missive .connect.installed {
  border-left: 1px solid var(--missive-conversation-list-border-color);
}
#chargedesk.missive .connect.installed .header {
  border-top: none;
}

.datepicker-container {
  display: inline-block;
  position: relative;
  max-width: 194px;
}

.no-recent-items {
  font-weight: bold;
  padding: 10px 0;
  font-size: 13px;
}

.recent-items {
  margin: 5px -15px;
}
.recent-items .recent-item {
  padding: 10px 15px 12px;
  border-top: 1px solid #f5f5f5;
  cursor: pointer;
}
.recent-items .recent-item:first-child {
  border-top: none;
}
.recent-items .recent-item:hover {
  background: #E2F8FF;
}
.recent-items .recent-item .row {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 7px;
  gap: 5px;
  color: #9f9f9f;
}
.recent-items .recent-item .row:first-child {
  padding-top: 0px;
}
.recent-items .recent-item .row .recent-badge {
  padding: 2px 10px;
  border-radius: 30px;
  color: #353535;
  border: 1px solid #757575;
  text-transform: capitalize;
}
.recent-items .recent-item .row .recent-badge.active, .recent-items .recent-item .row .recent-badge.paid, .recent-items .recent-item .row .recent-badge.question {
  color: #0094b9;
  border-color: rgba(0, 132, 165, 0.4901960784);
}
.recent-items .recent-item .row .recent-badge.refund, .recent-items .recent-item .row .recent-badge.refunded, .recent-items .recent-item .row .recent-badge.partially {
  color: #e26f00;
  border-color: #F3BB84;
}
.recent-items .recent-item .row .recent-badge.unpaid, .recent-items .recent-item .row .recent-badge.past_due {
  color: #e86400;
  border-color: #ffa866;
}
.recent-items .recent-item .row .recent-badge.requested, .recent-items .recent-item .row .recent-badge.invoiced {
  color: #0C940C;
  border-color: #6CC36D;
}
.recent-items .recent-item .row .recent-badge.trialing, .recent-items .recent-item .row .recent-badge.pending, .recent-items .recent-item .row .recent-badge.subscription, .recent-items .recent-item .row .recent-badge.authorized {
  border-color: #b1b1b1;
  color: #7d7d7d;
}
.recent-items .recent-item .row .fa {
  padding-right: 4px;
}
.recent-items .recent-item .row .title {
  color: #333;
  font-weight: 600;
  font-size: 14px;
  word-wrap: break-word;
  overflow-wrap: anywhere;
}
.recent-items .recent-item .row .title.large {
  font-size: 18px;
}
.recent-items .recent-item .row .title .failed, .recent-items .recent-item .row .title .refunded, .recent-items .recent-item .row .title .canceled, .recent-items .recent-item .row .title .void, .recent-items .recent-item .row .title .uncollectible, .recent-items .recent-item .row .title .pending_cancel {
  text-decoration: line-through;
}
.recent-items .recent-item .row .title .fa {
  font-size: 12px;
  margin-right: 4px;
}
.recent-items .recent-item .row .title .desc {
  font-weight: 300;
  text-transform: capitalize;
  font-size: 12px;
  position: relative;
  top: -2px;
}
.recent-items .recent-item .row .title .desc.times {
  font-family: sans-serif;
}
.recent-items .recent-item .row .right {
  text-align: right;
  color: #808080;
  line-height: 15px;
  white-space: nowrap;
}
.recent-items .recent-item .row .right.small {
  font-size: 10px;
}

.list-buttons {
  padding: 5px 0 10px 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.list-buttons .btn {
  border-radius: 5px;
  padding: 5px 12px;
}
.list-buttons .right {
  margin-left: auto;
}

.recent-company {
  padding-bottom: 0 !important;
}

.section-error {
  color: #B94A48 !important;
}
.section-error .fa {
  color: #B94A48 !important;
}

/*# sourceMappingURL=app.css.map */