@charset "UTF-8";
@CHARSET "UTF-8";
/*
 * Original version: 1.0 © 2010 Andrew Valums ( andrew(at)valums.com )
 * Current Maintainer (2.0+): 2012, Ray Nicholus ( fineuploader(at)garstasio.com )
 *
 * Licensed under MIT license, GNU GPL 2 or later, GNU LGPL 2 or later, see license.txt.
 */
.qq-uploader {
  position: relative;
  width: 488px;
  padding-left: 0;
}

.qq-upload-button {
  display: block;
  width: 105px;
  padding: 7px 0;
  text-align: center;
  background: #880000;
  border-bottom: 1px solid #DDD;
  color: #FFF;
}

.qq-upload-button-hover {
  background: #CC0000;
}

.qq-upload-button-focus {
  outline: 1px dotted #000000;
}

.qq-upload-drop-area, .qq-upload-extra-drop-area {
  position: absolute;
  top: 0;
  left: 0;
  width: 481px;
  height: 100%;
  min-height: 30px;
  z-index: 2;
  background: #FFFFFF;
  text-align: center;
  margin-top: -13px;
  padding: 13px 0;
  border: 3px dashed #C0C0C0;
}

.qq-upload-drop-area span {
  display: block;
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -8px;
  font-size: 16px;
}

.qq-upload-extra-drop-area {
  position: relative;
  margin-top: 50px;
  font-size: 16px;
  padding-top: 30px;
  height: 20px;
  min-height: 40px;
}

.qq-upload-drop-area-active {
  background: #E9F8FA;
}

.qq-upload-list {
  margin: 0;
  padding: 8px 0 0 0;
  list-style: none;
}

.qq-upload-list li {
  margin: 0 0 4px 0;
  padding: 9px;
  line-height: 15px;
  font-size: 16px;
}

.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-failed-text, .qq-upload-finished {
  margin-right: 12px;
}

.qq-upload-file {
  font-size: 13px;
}

.qq-upload-spinner {
  display: inline-block;
  background: url("https://cdn.chargedesk.com/loading.gif");
  width: 15px;
  height: 15px;
  vertical-align: text-bottom;
}

.qq-drop-processing {
  display: none;
}

.qq-drop-processing-spinner {
  display: inline-block;
  background: url("https://cdn.chargedesk.com/processing.gif");
  width: 24px;
  height: 24px;
  vertical-align: text-bottom;
}

.qq-upload-finished {
  display: none;
  width: 15px;
  height: 15px;
  vertical-align: text-bottom;
}

.qq-upload-retry {
  display: none;
  color: #000000;
}

.qq-upload-cancel {
  color: #000000;
}

.qq-upload-retryable .qq-upload-retry {
  display: inline;
}

.qq-upload-size, .qq-upload-cancel, .qq-upload-retry {
  font-size: 12px;
  font-weight: normal;
}

.qq-upload-failed-text {
  display: none;
  font-style: italic;
  font-weight: bold;
}

.qq-upload-failed-icon {
  display: none;
  width: 15px;
  height: 15px;
  vertical-align: text-bottom;
}

.qq-upload-fail .qq-upload-failed-text {
  display: inline;
}

.qq-upload-retrying .qq-upload-failed-text {
  display: inline;
  color: #D60000;
}

.qq-upload-list li.qq-upload-success {
  background-color: #5DA30C;
  color: #FFFFFF;
}

.qq-upload-list li.qq-upload-fail {
  background-color: #D60000;
  color: #FFFFFF;
}

.qq-progress-bar {
  background: -moz-linear-gradient(top, rgb(30, 87, 153) 0%, rgb(41, 137, 216) 50%, rgb(32, 124, 202) 51%, rgb(125, 185, 232) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(30, 87, 153)), color-stop(50%, rgb(41, 137, 216)), color-stop(51%, rgb(32, 124, 202)), color-stop(100%, rgb(125, 185, 232))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgb(30, 87, 153) 0%, rgb(41, 137, 216) 50%, rgb(32, 124, 202) 51%, rgb(125, 185, 232) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(30, 87, 153) 0%, rgb(41, 137, 216) 50%, rgb(32, 124, 202) 51%, rgb(125, 185, 232) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgb(30, 87, 153) 0%, rgb(41, 137, 216) 50%, rgb(32, 124, 202) 51%, rgb(125, 185, 232) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgb(30, 87, 153) 0%, rgb(41, 137, 216) 50%, rgb(32, 124, 202) 51%, rgb(125, 185, 232) 100%); /* W3C */
  width: 0%;
  height: 15px;
  border-radius: 6px;
  margin-bottom: 3px;
  display: none;
}

/*
colpick Color Picker / colpick.com
*/
/*Main container*/
.colpick {
  position: absolute;
  width: 346px;
  height: 170px;
  overflow: hidden;
  display: none;
  font-family: Arial, Helvetica, sans-serif;
  background: #ebebeb;
  border: 1px solid #bbb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /*Prevents selecting text when dragging the selectors*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

/*Color selection box with gradients*/
.colpick_color {
  position: absolute;
  left: 7px;
  top: 7px;
  width: 156px;
  height: 156px;
  overflow: hidden;
  outline: 1px solid #aaa;
  cursor: crosshair;
}

.colpick_color_overlay1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 156px;
  height: 156px;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')"; /* IE8 */
  background: -moz-linear-gradient(left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgb(255, 255, 255)), color-stop(100%, rgba(255, 255, 255, 0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); /* IE10+ */
  background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr="#ffffff", endColorstr="#00ffffff"); /* IE6 & IE7 */
}

.colpick_color_overlay2 {
  position: absolute;
  left: 0;
  top: 0;
  width: 156px;
  height: 156px;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')"; /* IE8 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgb(0, 0, 0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 ); /* IE6-9 */
}

/*Circular color selector*/
.colpick_selector_outer {
  background: none;
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -6px 0 0 -6px;
  border: 1px solid black;
  border-radius: 50%;
}

.colpick_selector_inner {
  position: absolute;
  width: 9px;
  height: 9px;
  border: 1px solid white;
  border-radius: 50%;
}

/*Vertical hue bar*/
.colpick_hue {
  position: absolute;
  top: 6px;
  left: 175px;
  width: 19px;
  height: 156px;
  border: 1px solid #aaa;
  cursor: n-resize;
}

/*Hue bar sliding indicator*/
.colpick_hue_arrs {
  position: absolute;
  left: -8px;
  width: 35px;
  height: 7px;
  margin: -7px 0 0 0;
}

.colpick_hue_larr {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 7px solid #858585;
}

.colpick_hue_rarr {
  position: absolute;
  right: 0;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 7px solid #858585;
}

/*New color box*/
.colpick_new_color {
  position: absolute;
  left: 207px;
  top: 6px;
  width: 60px;
  height: 27px;
  background: #f00;
  border: 1px solid #8f8f8f;
}

/*Current color box*/
.colpick_current_color {
  position: absolute;
  left: 277px;
  top: 6px;
  width: 60px;
  height: 27px;
  background: #f00;
  border: 1px solid #8f8f8f;
}

/*Input field containers*/
.colpick_field, .colpick_hex_field {
  position: absolute;
  height: 20px;
  width: 60px;
  overflow: hidden;
  background: #f3f3f3;
  color: #b8b8b8;
  font-size: 12px;
  border: 1px solid #bdbdbd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.colpick_rgb_r {
  top: 40px;
  left: 207px;
}

.colpick_rgb_g {
  top: 67px;
  left: 207px;
}

.colpick_rgb_b {
  top: 94px;
  left: 207px;
}

.colpick_hsb_h {
  top: 40px;
  left: 277px;
}

.colpick_hsb_s {
  top: 67px;
  left: 277px;
}

.colpick_hsb_b {
  top: 94px;
  left: 277px;
}

.colpick_hex_field {
  width: 68px;
  left: 207px;
  top: 121px;
}

/*Text field container on focus*/
.colpick_focus {
  border-color: #999;
}

/*Field label container*/
.colpick_field_letter {
  position: absolute;
  width: 12px;
  height: 20px;
  line-height: 20px;
  padding-left: 4px;
  background: #efefef;
  border-right: 1px solid #bdbdbd;
  font-weight: bold;
  color: #777;
  z-index: 2;
}

/*Text inputs*/
.colpick_field input, .colpick_hex_field input {
  position: absolute;
  right: 11px;
  margin: 0;
  padding: 0;
  height: 20px;
  line-height: 20px;
  background: rgba(0, 0, 0, 0);
  border: none;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  color: #555;
  text-align: right;
  outline: none;
}

.colpick_hex_field input {
  right: 4px;
}

/*Field up/down arrows*/
.colpick_field_arrs {
  position: absolute;
  top: 0;
  right: 0;
  width: 9px;
  height: 21px;
  cursor: n-resize;
}

.colpick_field_uarr {
  position: absolute;
  top: 5px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #959595;
}

.colpick_field_darr {
  position: absolute;
  bottom: 5px;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #959595;
}

/*Submit/Select button*/
.colpick_submit {
  position: absolute;
  left: 207px;
  top: 149px;
  width: 130px;
  height: 22px;
  line-height: 22px;
  background: #efefef;
  text-align: center;
  color: #555;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #bdbdbd;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.colpick_submit:hover {
  background: #f3f3f3;
  border-color: #999;
  cursor: pointer;
}

/*full layout with no submit button*/
.colpick_full_ns .colpick_submit, .colpick_full_ns .colpick_current_color {
  display: none;
}

.colpick_full_ns .colpick_new_color {
  width: 130px;
  height: 25px;
}

.colpick_full_ns .colpick_rgb_r, .colpick_full_ns .colpick_hsb_h {
  top: 42px;
}

.colpick_full_ns .colpick_rgb_g, .colpick_full_ns .colpick_hsb_s {
  top: 73px;
}

.colpick_full_ns .colpick_rgb_b, .colpick_full_ns .colpick_hsb_b {
  top: 104px;
}

.colpick_full_ns .colpick_hex_field {
  top: 135px;
}

/*rgbhex layout*/
.colpick_rgbhex .colpick_hsb_h, .colpick_rgbhex .colpick_hsb_s, .colpick_rgbhex .colpick_hsb_b {
  display: none;
}

.colpick_rgbhex {
  width: 282px;
}

.colpick_rgbhex .colpick_field, .colpick_rgbhex .colpick_submit {
  width: 68px;
}

.colpick_rgbhex .colpick_new_color {
  width: 34px;
  border-right: none;
}

.colpick_rgbhex .colpick_current_color {
  width: 34px;
  left: 240px;
  border-left: none;
}

/*rgbhex layout, no submit button*/
.colpick_rgbhex_ns .colpick_submit, .colpick_rgbhex_ns .colpick_current_color {
  display: none;
}

.colpick_rgbhex_ns .colpick_new_color {
  width: 68px;
  border: 1px solid #8f8f8f;
}

.colpick_rgbhex_ns .colpick_rgb_r {
  top: 42px;
}

.colpick_rgbhex_ns .colpick_rgb_g {
  top: 73px;
}

.colpick_rgbhex_ns .colpick_rgb_b {
  top: 104px;
}

.colpick_rgbhex_ns .colpick_hex_field {
  top: 135px;
}

/*hex layout*/
.colpick_hex .colpick_hsb_h, .colpick_hex .colpick_hsb_s, .colpick_hex .colpick_hsb_b, .colpick_hex .colpick_rgb_r, .colpick_hex .colpick_rgb_g, .colpick_hex .colpick_rgb_b {
  display: none;
}

.colpick_hex {
  width: 206px;
  height: 201px;
}

.colpick_hex .colpick_hex_field {
  width: 72px;
  height: 25px;
  top: 168px;
  left: 80px;
}

.colpick_hex .colpick_hex_field div, .colpick_hex .colpick_hex_field input {
  height: 25px;
  line-height: 25px;
}

.colpick_hex .colpick_new_color {
  left: 9px;
  top: 168px;
  width: 30px;
  border-right: none;
}

.colpick_hex .colpick_current_color {
  left: 39px;
  top: 168px;
  width: 30px;
  border-left: none;
}

.colpick_hex .colpick_submit {
  left: 164px;
  top: 168px;
  width: 30px;
  height: 25px;
  line-height: 25px;
}

/*hex layout, no submit button*/
.colpick_hex_ns .colpick_submit, .colpick_hex_ns .colpick_current_color {
  display: none;
}

.colpick_hex_ns .colpick_hex_field {
  width: 80px;
}

.colpick_hex_ns .colpick_new_color {
  width: 60px;
  border: 1px solid #8f8f8f;
}

/*Dark color scheme*/
.colpick_dark {
  background: #161616;
  border-color: #2a2a2a;
}

.colpick_dark .colpick_color {
  outline-color: #333;
}

.colpick_dark .colpick_hue {
  border-color: #555;
}

.colpick_dark .colpick_field, .colpick_dark .colpick_hex_field {
  background: #101010;
  border-color: #2d2d2d;
}

.colpick_dark .colpick_field_letter {
  background: #131313;
  border-color: #2d2d2d;
  color: #696969;
}

.colpick_dark .colpick_field input, .colpick_dark .colpick_hex_field input {
  color: #7a7a7a;
}

.colpick_dark .colpick_field_uarr {
  border-bottom-color: #696969;
}

.colpick_dark .colpick_field_darr {
  border-top-color: #696969;
}

.colpick_dark .colpick_focus {
  border-color: #444;
}

.colpick_dark .colpick_submit {
  background: #131313;
  border-color: #2d2d2d;
  color: #7a7a7a;
}

.colpick_dark .colpick_submit:hover {
  background-color: #101010;
  border-color: #444;
}

/*! jQuery UI - v1.11.1 - 2014-09-20
* http://jqueryui.com
* Includes: core.css, progressbar.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,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");
  height: 100%;
  filter: alpha(opacity=25); /* support: IE8 */
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #eeeeee url("https://cdn.chargedesk.com/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
  color: #333333;
}

.ui-widget-content a {
  color: #333333;
}

.ui-widget-header {
  border: 1px solid #e78f08;
  background: #f6a828 url("https://cdn.chargedesk.com/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold;
}

.ui-widget-header a {
  color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #cccccc;
  background: #f6f6f6 url("https://cdn.chargedesk.com/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #1c94c4;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #1c94c4;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #fbcb09;
  background: #fdf5ce url("https://cdn.chargedesk.com/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #c77405;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #c77405;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #fbd850;
  background: #ffffff url("https://cdn.chargedesk.com/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: bold;
  color: #eb8f00;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #eb8f00;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fed22f;
  background: #ffe45c url("https://cdn.chargedesk.com/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
  color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #b81900 url("https://cdn.chargedesk.com/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
  color: #ffffff;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #ffffff;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #ffffff;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70); /* support: IE8 */
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35); /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url("https://cdn.chargedesk.com/ui-icons_222222_256x240.png");
}

.ui-widget-header .ui-icon {
  background-image: url("https://cdn.chargedesk.com/ui-icons_ffffff_256x240.png");
}

.ui-state-default .ui-icon {
  background-image: url("https://cdn.chargedesk.com/ui-icons_ef8c08_256x240.png");
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url("https://cdn.chargedesk.com/ui-icons_ef8c08_256x240.png");
}

.ui-state-active .ui-icon {
  background-image: url("https://cdn.chargedesk.com/ui-icons_ef8c08_256x240.png");
}

.ui-state-highlight .ui-icon {
  background-image: url("https://cdn.chargedesk.com/ui-icons_228ef1_256x240.png");
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url("https://cdn.chargedesk.com/ui-icons_ffd27a_256x240.png");
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
  background: #666666 url("https://cdn.chargedesk.com/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
  opacity: 0.5;
  filter: Alpha(Opacity=50); /* support: IE8 */
}

.ui-widget-shadow {
  margin: -5px 0 0 -5px;
  padding: 5px;
  background: #000000 url("https://cdn.chargedesk.com/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
  opacity: 0.2;
  filter: Alpha(Opacity=20); /* support: IE8 */
  border-radius: 5px;
}

/*!
 * jQuery UI CSS Framework 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
  content: "";
  display: table;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  zoom: 1;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*!
 * jQuery UI CSS Framework 1.8.21
 *
 * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=3px&bgColorHeader=deedf7&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=aed0ea&fcHeader=222222&iconColorHeader=72a7cf&bgColorContent=f2f5f7&bgTextureContent=04_highlight_hard.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=454545&iconColorContent=72a7cf&bgColorDefault=d7ebf9&bgTextureDefault=02_glass.png&bgImgOpacityDefault=80&borderColorDefault=c1cad2&fcDefault=1286ab&iconColorDefault=1286ab&bgColorHover=e4f1fb&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=74b2e2&fcHover=0070a3&iconColorHover=2694e8&bgColorActive=3baae3&bgTextureActive=02_glass.png&bgImgOpacityActive=50&borderColorActive=2694e8&fcActive=ffffff&iconColorActive=ffffff&bgColorHighlight=ffffff&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=25&borderColorHighlight=e8e8e8&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=cd0a0a&bgTextureError=01_flat.png&bgImgOpacityError=15&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffffff&bgColorOverlay=eeeeee&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=90&opacityOverlay=80&bgColorShadow=000000&bgTextureShadow=04_highlight_hard.png&bgImgOpacityShadow=70&opacityShadow=30&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px
 */
/* Component containers
----------------------------------*/
.ui-widget {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  font-size: 13px;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Lucida Grande, Lucida Sans, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #dddddd;
  background: #fff;
  color: #454545;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.ui-widget-content a {
  color: #454545;
}

.ui-widget-header {
  font-weight: bold;
}

.ui-widget-header a {
  color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #c1cad2;
  background: #d7ebf9 url(https://cdn.chargedesk.com/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #1286ab;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #1286ab;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #74b2e2;
  background: #e4f1fb url(https://cdn.chargedesk.com/ui-bg_glass_100_e4f1fb_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #0070a3;
}

.ui-state-hover a, .ui-state-hover a:hover {
  color: #0070a3;
  text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #2694e8;
  background: #3baae3 url(https://cdn.chargedesk.com/ui-bg_glass_50_3baae3_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #ffffff;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

.ui-widget :active {
  outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #cd0a0a url(https://cdn.chargedesk.com/ui-bg_flat_15_cd0a0a_40x100.png) 50% 50% repeat-x;
  color: #ffffff;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #ffffff;
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #ffffff;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(https://cdn.chargedesk.com/ui-icons_72a7cf_256x240.png);
}

.ui-widget-content .ui-icon {
  background-image: url(https://cdn.chargedesk.com/ui-icons_72a7cf_256x240.png);
}

.ui-widget-header .ui-icon {
  background-image: url(https://cdn.chargedesk.com/ui-icons_454545_256x240.png);
}

.ui-state-default .ui-icon {
  background-image: url(https://cdn.chargedesk.com/ui-icons_1286ab_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url(https://cdn.chargedesk.com/ui-icons_2694e8_256x240.png);
}

.ui-state-active .ui-icon {
  background-image: url(https://cdn.chargedesk.com/ui-icons_ffffff_256x240.png);
}

.ui-state-highlight .ui-icon {
  background-image: url(https://cdn.chargedesk.com/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(https://cdn.chargedesk.com/ui-icons_ffffff_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-off {
  background-position: -96px -144px;
}

.ui-icon-radio-on {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  -khtml-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  -khtml-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -khtml-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -khtml-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* Overlays */
.ui-widget-overlay {
  background: #eeeeee url(https://cdn.chargedesk.com/ui-bg_diagonals-thick_90_eeeeee_40x40.png) 50% 50% repeat;
  opacity: 0.8;
  filter: Alpha(Opacity=80);
}

.ui-widget-shadow {
  margin: -7px 0 0 -7px;
  padding: 7px;
  background: #000000 url(https://cdn.chargedesk.com/ui-bg_highlight-hard_70_000000_1x100.png) 50% top repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  -moz-border-radius: 8px;
  -khtml-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
} /*!
* jQuery UI Datepicker 1.8.21
*
* Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Datepicker#theming
*/
.ui-datepicker {
  margin-top: 1px;
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
  border-radius: 5px;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0em;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
  display: none; /*sorry for IE5*/
  display/**/: block; /*sorry for IE5*/
  position: absolute; /*must have*/
  z-index: -1; /*must have*/
  filter: mask(); /*must have*/
  top: -4px; /*must have*/
  left: -4px; /*must have*/
  width: 200px; /*must have*/
  height: 200px; /*must have*/
}

.daterangepicker {
  position: absolute;
  color: inherit;
  background: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  top: 100px;
  left: 20px;
}
.daterangepicker:before, .daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: "";
}
.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}
.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}
.daterangepicker.opensleft:before {
  right: 9px;
}
.daterangepicker.opensleft:after {
  right: 10px;
}
.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}
.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}
.daterangepicker.opensright:before {
  left: 9px;
}
.daterangepicker.opensright:after {
  left: 10px;
}
.daterangepicker.dropup {
  margin-top: -5px;
}
.daterangepicker.dropup:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}
.daterangepicker.dropup:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}
.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 3001;
}
.daterangepicker.single .ranges, .daterangepicker.single .calendar {
  float: none;
}
.daterangepicker {
  /* Calendars */
}
.daterangepicker.show-calendar .calendar {
  display: block;
}
.daterangepicker .calendar {
  display: none;
  max-width: 270px;
  margin: 4px;
}
.daterangepicker .calendar.single .calendar-table {
  border: none;
}
.daterangepicker .calendar th, .daterangepicker .calendar td {
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
}
.daterangepicker .calendar-table {
  border: 1px solid #fff;
  padding: 4px;
  border-radius: 4px;
  background: #fff;
}
.daterangepicker table {
  width: 100%;
  margin: 0;
}
.daterangepicker td, .daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
}
.daterangepicker td.available, .daterangepicker th.available {
  cursor: pointer;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
  background: #eee;
}
.daterangepicker td.week, .daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}
.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}
.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #357ebd;
  color: #fff;
}
.daterangepicker th.month {
  width: auto;
}
.daterangepicker td.disabled, .daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}
.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}
.daterangepicker select.yearselect {
  width: 40%;
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0;
}
.daterangepicker .input-mini {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  height: 30px;
  line-height: 30px;
  display: block;
  vertical-align: middle;
  margin: 0 0 5px 0;
  padding: 0 6px 0 28px;
  width: 100%;
}
.daterangepicker .input-mini.active {
  border: 1px solid #08c;
  border-radius: 4px;
}
.daterangepicker .daterangepicker_input {
  position: relative;
}
.daterangepicker .daterangepicker_input .glyphicon {
  position: absolute;
  left: 8px;
  top: 8px;
}
.daterangepicker .calendar-time {
  text-align: center;
  margin: 5px auto;
  line-height: 30px;
  position: relative;
  padding-left: 28px;
}
.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}

.ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: left;
}
.ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.ranges li {
  font-size: 13px;
  background: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  color: #08c;
  padding: 3px 12px;
  margin-bottom: 8px;
  cursor: pointer;
}
.ranges li:hover {
  background: #08c;
  border: 1px solid #08c;
  color: #fff;
}
.ranges li.active {
  background: #08c;
  border: 1px solid #08c;
  color: #fff;
}

/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 160px;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .calendar.left {
    clear: none;
  }
  .daterangepicker.single .ranges, .daterangepicker.single .calendar {
    float: left;
  }
  .daterangepicker .calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker .calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker .calendar.right {
    margin-left: 0;
  }
  .daterangepicker .calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker .left .daterangepicker_input {
    padding-right: 12px;
  }
  .daterangepicker .calendar.left .calendar-table {
    padding-right: 12px;
  }
  .daterangepicker .ranges, .daterangepicker .calendar {
    float: left;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
    float: left;
  }
  .daterangepicker .calendar.left {
    clear: none;
  }
}
#plans {
  width: 95%;
  max-width: 1040px;
  margin: 95px auto 0;
  padding: 0;
  font-family: "Open Sans";
  text-align: center;
}
#plans h1, #plans h2 {
  text-align: center;
  padding: 0;
}
#plans h1 {
  margin: 0;
}
#plans h2 {
  margin: 34px 0 50px;
  font-size: 18px;
  line-height: 29px;
}
#plans h2 a {
  color: #454545;
  text-decoration: none;
  border-bottom: 1px solid #A9A9A9;
}
#plans .plan {
  display: inline-block;
  width: 25%;
  margin: 0;
  background: #fff;
  box-sizing: border-box;
  padding: 8px 35px 20px;
  min-height: 323px;
  border: 1px solid #D6D6D6;
  border-right-width: 0px;
  vertical-align: middle;
}
#plans .plan .plan-discount {
  color: green;
}
#plans .plan:first-of-type {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
#plans .plan:last-child {
  border-right-width: 1px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#plans .plan.highlight + .plan {
  border-left-width: 0px;
}
#plans .plan.highlight {
  min-height: 346px;
  padding-top: 17px;
  padding-bottom: 38px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
  z-index: 1;
  position: relative;
  border-right-width: 1px;
  border-radius: 5px;
}
#plans .plan.disabled {
  background: #f3f3f3;
  color: #BBB;
}
#plans .plan.disabled .action .btn {
  pointer-events: none;
  background: #D2D2D2;
  cursor: help;
}
#plans .plan .head {
  text-align: center;
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 10px;
  padding: 30px 0 17px;
}
#plans .plan .head.no-amount {
  padding-top: 16px;
}
#plans .plan .head .pricing {
  font-size: 13px;
}
#plans .plan .head .pricing .super {
  vertical-align: top;
}
#plans .plan .head .pricing .number {
  font-size: 43px;
  font-weight: bold;
}
#plans .plan .head .pricing .number.strike {
  text-decoration: line-through;
  padding: 0 4px;
  opacity: 0.5;
  font-weight: normal;
  font-size: 30px;
  vertical-align: top;
}
#plans .plan .head .pricing .per-line {
  padding-top: 4px;
  color: #949494;
}
#plans .plan .head .name {
  font-size: 19px;
  text-transform: uppercase;
  padding-top: 8px;
}
#plans .plan .action {
  text-align: center;
  padding: 6px 0;
}
#plans .plan .action .btn {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
#plans .plan .plan-feature {
  padding-top: 13px;
  font-size: 14px;
  line-height: 19px;
}
#plans .plan .plan-feature + .action {
  margin-top: 17px;
}
#plans .plan .plan-feature.closer {
  padding-top: 5px;
  font-size: 13px;
  color: #9e9e9e;
}
#plans .plan .show-on-auto {
  display: none;
}
#plans .plan.automatic .hide-on-auto {
  display: none;
}
#plans .plan.automatic .show-on-auto {
  display: block;
}
#plans.selected {
  margin: 0;
  padding: 17px 0 0 5px;
  text-align: left;
}
#plans.selected .plan {
  width: 287px;
  min-height: initial;
  padding-bottom: 23px;
  padding-top: 2px;
}
#plans.selected .plan .desc {
  padding-top: 4px;
  line-height: 14px;
  font-weight: normal;
  color: #ADADAD;
  font-size: 13px;
}
#plans.selected .plan label {
  font-size: 14px;
  line-height: 19px;
  float: none;
  padding: 12px 0 7px 0;
  font-weight: normal;
  width: initial;
  text-align: initial;
  cursor: pointer;
}
#plans.selected .plan label input[type=checkbox] {
  margin: 0 5px 0 0;
  padding: 0;
}
#plans.selected .plan .discount-desc {
  font-size: 14px;
  line-height: 19px;
  float: none;
  padding: 12px 0 7px 0;
  font-weight: normal;
  width: initial;
  text-align: initial;
}
#plans.selected.dashboard {
  padding: 0;
}
#plans.selected.dashboard .plan {
  padding-bottom: 25px;
  padding-top: 0px;
}

.plan-desc {
  max-width: 800px;
  margin: 60px auto 59px;
  color: #A7A7A7;
  font-size: 14px;
  text-align: center;
}

.full-page {
  background: #fff;
  padding: 50px 0;
}
.full-page .pricing-question .title {
  font-weight: bold;
  padding-bottom: 20px;
}
.full-page .pricing-question .btn-flat {
  margin-top: 36px;
}
.full-page .pricing-question .super {
  padding: 0 2px 0 0;
}
.full-page .pricing-question + .pricing-question {
  padding-top: 40px;
}
.full-page h3 {
  padding: 0;
  margin: 7px 0 45px 0;
}
.full-page .separator {
  border-top: 1px solid #e8e8e8;
  width: 80%;
  margin: 40px auto 37px;
}
.full-page.separated {
  border-bottom: 1px solid #e8e8e8;
}
.full-page ul {
  padding-left: 20px;
  text-indent: 14px;
  list-style: none;
  list-style-position: outside;
}
.full-page ul li {
  padding-bottom: 1px;
}
.full-page ul li:before {
  content: "✔";
  margin-left: -1em;
  margin-right: 12px;
  color: rgb(48, 171, 210);
}

/*-- Chart --*/
.c3 svg {
  font: 10px sans-serif;
}

.c3 path, .c3 line {
  fill: none;
  stroke: #000;
}

.c3 text {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.c3-legend-item-tile, .c3-xgrid-focus, .c3-ygrid, .c3-event-rect, .c3-bars path {
  shape-rendering: crispEdges;
}

.c3-chart-arc path {
  stroke: #fff;
}

.c3-chart-arc text {
  fill: #fff;
  font-size: 13px;
}

/*-- Axis --*/
/*-- Grid --*/
.c3-grid line {
  stroke: #aaa;
}

.c3-grid text {
  fill: #aaa;
}

.c3-xgrid, .c3-ygrid {
  stroke-dasharray: 3 3;
}

/*-- Text on Chart --*/
.c3-text.c3-empty {
  fill: #808080;
  font-size: 2em;
}

/*-- Line --*/
.c3-line {
  stroke-width: 1px;
}

/*-- Point --*/
.c3-circle._expanded_ {
  stroke-width: 1px;
  stroke: white;
}

.c3-selected-circle {
  fill: white;
  stroke-width: 2px;
}

/*-- Bar --*/
.c3-bar {
  stroke-width: 0;
}

.c3-bar._expanded_ {
  fill-opacity: 0.75;
}

/*-- Focus --*/
.c3-target.c3-focused {
  opacity: 1;
}

.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
  stroke-width: 2px;
}

.c3-target.c3-defocused {
  opacity: 0.3 !important;
}

/*-- Region --*/
.c3-region {
  fill: steelblue;
  fill-opacity: 0.1;
}

/*-- Brush --*/
.c3-brush .extent {
  fill-opacity: 0.1;
}

/*-- Select - Drag --*/
/*-- Legend --*/
.c3-legend-item {
  font-size: 12px;
}

.c3-legend-item-hidden {
  opacity: 0.15;
}

.c3-legend-background {
  opacity: 0.75;
  fill: white;
  stroke: lightgray;
  stroke-width: 1;
}

/*-- Tooltip --*/
.c3-tooltip-container {
  z-index: 10;
}

.c3-tooltip {
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  empty-cells: show;
  -webkit-box-shadow: 7px 7px 12px -9px #777777;
  -moz-box-shadow: 7px 7px 12px -9px #777777;
  box-shadow: 7px 7px 12px -9px #777777;
  opacity: 0.9;
}

.c3-tooltip tr {
  border: 1px solid #CCC;
}

.c3-tooltip th {
  background-color: #aaa;
  font-size: 14px;
  padding: 2px 5px;
  text-align: left;
  color: #FFF;
}

.c3-tooltip td {
  font-size: 13px;
  padding: 3px 6px;
  background-color: #fff;
  border-left: 1px dotted #999;
}

.c3-tooltip td > span {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 6px;
}

.c3-tooltip td.value {
  text-align: right;
}

/*-- Area --*/
.c3-area {
  stroke-width: 0;
  opacity: 0.2;
}

/*-- Arc --*/
.c3-chart-arcs-title {
  dominant-baseline: middle;
  font-size: 1.3em;
}

.c3-chart-arcs .c3-chart-arcs-background {
  fill: #e0e0e0;
  stroke: none;
}

.c3-chart-arcs .c3-chart-arcs-gauge-unit {
  fill: #000;
  font-size: 16px;
}

.c3-chart-arcs .c3-chart-arcs-gauge-max {
  fill: #777;
}

.c3-chart-arcs .c3-chart-arcs-gauge-min {
  fill: #777;
}

.c3-chart-arc .c3-gauge-value {
  fill: #000;
  /*  font-size: 28px !important;*/
}

/* Here we override the custom c3 chart styling */
.c3-line {
  stroke-width: 2px;
}

.c3-area {
  opacity: 0.1;
}

.c3-tooltip th {
  background: #FFFFFF;
  color: #333;
}

.c3-tooltip td {
  border-left: 1px dotted #ECECEC;
}

.c3-tooltip tr {
  border: 1px solid #ECECEC;
}

#onboard {
  background: #fff url("https://cdn.chargedesk.com/blur-bg-new.jpg") no-repeat 0 0;
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#onboard #onboard-logo {
  position: absolute;
  top: 16px;
  left: 17px;
  text-decoration: none;
  color: #404040;
  font-size: 21px;
  font-weight: 300;
  opacity: 0.8;
  transition: opacity 0.3s ease-in-out;
  z-index: 999;
}
#onboard #onboard-logo b {
  font-weight: 400;
}
#onboard #onboard-logo img {
  width: 160px;
  vertical-align: middle;
  margin-right: 5px;
  position: relative;
  top: -2px;
}
#onboard #onboard-logo:hover {
  opacity: 1;
}
#onboard #onboard-header-bg {
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 99;
  height: 59px;
  background: #fff;
  opacity: 0;
  transition: opacity 0.7s ease-out;
}
#onboard #onboard-inner {
  background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0.58) 100%);
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#onboard #onboard-form {
  height: 100%;
}
#onboard #onboard-content-wrapper {
  width: 100%;
  height: 100%;
  height: -moz-calc(100% - 87px);
  height: -webkit-calc(100% - 87px);
  height: calc(100% - 87px);
  position: relative;
}
#onboard #progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 87px;
  background: #fff;
}
#onboard #progress #progress-at {
  opacity: 0;
  position: absolute;
  left: 50%;
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  top: -14px;
  background: #fff;
  padding: 2px 13px;
  border-radius: 5px;
  border: 1px solid #eaeaea;
  font-size: 14px;
  color: #444;
  white-space: nowrap;
}
#onboard #progress .progress {
  width: 90%;
  margin-left: 5%;
  margin-top: 37px;
  background: #eaeaea;
  height: 16px;
}
#onboard #progress .progress .bar {
  background: #0D90D1;
  transition: width 0.6s ease-out;
}
#onboard.no-load #progress #progress-at {
  opacity: 1;
}

#onboard-content {
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 50%;
  text-align: center;
  width: 100%;
  font-family: "Open Sans";
  max-height: 100%;
  overflow: auto;
  padding: 100px 20px;
  box-sizing: border-box;
  opacity: 0;
}
#onboard-content .msg-container {
  margin: -36px auto 30px;
  background: #fff;
  max-width: 536px;
  padding: 11px 30px;
  border-radius: 7px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  position: relative;
  left: 0;
}
#onboard-content .msg-container.positive {
  border: 1px solid #d2d7da;
}
#onboard-content .msg-container.negative {
  border: 1px solid #ffd1d1;
}
#onboard-content .msg-container .msg {
  margin: 12px 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
  position: initial;
  border: none;
}
#onboard-content .msg-container .msg .msg-title, #onboard-content .msg-container .msg .msg-content {
  font-size: 16px;
  font-weight: 400;
  color: #333;
}
#onboard-content .msg-container .msg .msg-content {
  padding-top: 16px;
}
#onboard-content .msg-container .msg.positive .msg-title, #onboard-content .msg-container .msg.positive .msg-content, #onboard-content .msg-container .msg.positive a {
  color: #1c5f86;
}
#onboard-content .msg-container .msg.negative .msg-title, #onboard-content .msg-container .msg.negative .msg-content, #onboard-content .msg-container .msg.negative a {
  color: #B94A48;
}
#onboard-content h2 {
  font-size: 27px;
  font-weight: 600;
  color: #333;
  line-height: 32px;
}
#onboard-content h4 {
  font-weight: 400;
  max-width: 600px;
  font-size: 18px;
  padding-top: 23px;
  display: block;
  color: #777;
  margin: 0 auto;
}
#onboard-content h4.loading i {
  font-size: 18px;
  margin-right: 3px;
  color: #bfbfbf;
}
#onboard-content h4 a.info {
  color: #9c9c9c;
  border-bottom: 1px solid #cacaca;
  text-decoration: none;
  font-size: 12px;
  vertical-align: text-bottom;
  margin-left: 2px;
}
#onboard-content h4 a.info:hover {
  color: #000;
  border-bottom: 1px solid #555;
}
#onboard-content h4 a.lighter {
  color: #9c9c9c;
  border-bottom: 1px solid #cacaca;
  text-decoration: none;
  font-size: 13px;
}
#onboard-content h4 a.lighter:hover {
  color: #333;
  border-bottom: 1px solid #777;
}
#onboard-content .onboard-providers {
  padding-top: 31px;
  display: block;
  max-width: 846px;
  margin: 0 auto;
}
#onboard-content .onboard-providers .provider {
  width: 269px;
  margin: 15px 5px -5px 5px;
  text-align: left;
  padding-right: 0;
  padding-left: 75px;
  box-sizing: border-box;
  transition: all 0.3s linear 0s;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
#onboard-content .onboard-providers .provider.sandbox {
  padding-left: 58px;
}
#onboard-content .onboard-providers .provider.unavailable {
  pointer-events: none;
  opacity: 0.5;
  background-color: #989898;
  color: #fff;
}
#onboard-content .onboard-providers .provider.connected i {
  position: absolute;
  top: 11px;
  left: 15px;
  font-size: 23px;
}
#onboard-content .onboard-providers .provider.connected i.animate {
  transition: all 0.7s ease-out 0.4s;
  opacity: 0;
  transform: scale(3.5);
}
#onboard-content .onboard-providers .provider.connected i.animate.run {
  opacity: 1;
  transform: scale(1);
}
#onboard-content .onboard-providers .provider.connected .show-over {
  display: none;
}
#onboard-content .onboard-providers .provider.connected:hover {
  opacity: 0.85 !important;
}
#onboard-content .onboard-providers .provider.connected:hover .show-out {
  display: none;
}
#onboard-content .onboard-providers .provider.connected:hover .show-over {
  display: inline;
}
#onboard-content .onboard-providers.has-connection .provider {
  opacity: 0.3;
}
#onboard-content .onboard-providers.has-connection .provider.connected, #onboard-content .onboard-providers.has-connection .provider:hover {
  opacity: 1;
}
#onboard-content .onboard-complete {
  padding-top: 65px;
}
#onboard-content .onboard-complete.closer {
  padding-top: 50px;
}
#onboard-content .onboard-complete .btn {
  border-radius: 40px;
  outline: none;
}
#onboard-content .onboard-complete .btn.provider {
  padding: 0 50px 0 70px;
  border-radius: 3px;
}
#onboard-content .onboard-complete button.skip, #onboard-content .onboard-complete a.skip {
  color: #9a9a9a;
  text-decoration: none;
  font-size: 13px;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #d4d4d4;
  cursor: pointer;
  background: none;
  outline: none;
  line-height: 12px;
  padding: 2px 3px 3px;
}
#onboard-content .onboard-complete button.skip:hover, #onboard-content .onboard-complete a.skip:hover {
  color: #666;
}
#onboard-content .onboard-complete button.skip.spaced, #onboard-content .onboard-complete a.skip.spaced {
  margin-top: 39px;
}
#onboard-content .onboard-complete + .onboard-complete {
  padding-top: 45px;
}
#onboard-content .onboard-desc {
  padding-top: 36px;
  max-width: 600px;
  font-size: 14px;
  line-height: 1.4em;
  color: #888;
  display: block;
  margin: 0 auto;
}
#onboard-content .onboard-desc a {
  color: #888;
}
#onboard-content .onboard-desc + .onboard-complete {
  padding-top: 45px;
}
#onboard-content .onboard-form {
  padding-top: 20px;
}
#onboard-content .onboard-form.closer {
  padding-top: 7px;
}
#onboard-content .onboard-form .row {
  padding-top: 15px;
  position: relative;
  width: 362px;
  display: block;
  margin: 0 auto;
}
#onboard-content .onboard-form .row label {
  width: 336px;
  display: inline-block;
  text-align: left;
  color: #777;
  padding-bottom: 2px;
  font-size: 14px;
}
#onboard-content .onboard-form .row label.error {
  color: #B94A48;
  font-size: 12px;
  max-width: 194px;
  position: initial;
  display: block;
  max-width: 500px;
  margin-top: 4px;
  line-height: 1.2em;
}
#onboard-content .onboard-form .row input, #onboard-content .onboard-form .row textarea {
  margin: 0;
  width: 362px;
  font-family: "Open Sans";
  font-size: 14px;
  color: #000;
}
#onboard-content .onboard-form .row input::-webkit-input-placeholder, #onboard-content .onboard-form .row textarea::-webkit-input-placeholder {
  font-family: "Open Sans";
  font-size: 14px;
  color: #666;
  font-weight: 400;
}

#onboard-content .onboard-form .row input:-moz-placeholder, #onboard-content .onboard-form .row textarea:-moz-placeholder {
  font-family: "Open Sans";
  font-size: 14px;
  color: #666;
  font-weight: 400;
}

#onboard-content .onboard-form .row input::-moz-placeholder, #onboard-content .onboard-form .row textarea::-moz-placeholder {
  font-family: "Open Sans";
  font-size: 14px;
  color: #666;
  font-weight: 400;
}

#onboard-content .onboard-form .row input:-ms-input-placeholder, #onboard-content .onboard-form .row textarea:-ms-input-placeholder {
  font-family: "Open Sans";
  font-size: 14px;
  color: #666;
  font-weight: 400;
}

#onboard-content .onboard-form .row input.error:focus, #onboard-content .onboard-form .row textarea.error:focus {
  border-color: #B94A48;
  box-shadow: 0 0 6px rgba(185, 74, 72, 0.5);
}
#onboard-content .onboard-form .row input.spaced, #onboard-content .onboard-form .row textarea.spaced {
  margin-top: 3px;
}
#onboard-content .onboard-form .row input.code, #onboard-content .onboard-form .row textarea.code {
  width: 189px;
  text-align: center;
  font-size: 26px;
  line-height: normal;
  height: inherit;
  padding: 2px 0;
}
#onboard-content .onboard-form .row input.code + label.error, #onboard-content .onboard-form .row textarea.code + label.error {
  top: -6px;
  left: 89px;
  right: auto;
}
#onboard-content .onboard-form .row input.subdomain, #onboard-content .onboard-form .row textarea.subdomain {
  width: 129px;
  text-align: center;
  padding: 0;
}
#onboard-content .onboard-form .row input.subdomain + label.error, #onboard-content .onboard-form .row textarea.subdomain + label.error {
  top: -6px;
  left: 66px;
  right: auto;
}
#onboard-content .onboard-form .row textarea {
  height: 70px;
}
#onboard-content .onboard-form .row.agents {
  max-width: 600px;
  width: auto;
}
#onboard-content .onboard-form .row.agents.full {
  text-align: left;
}
#onboard-content .onboard-form .row.agents.clone {
  display: none;
}
#onboard-content .onboard-form .row.agents button {
  height: 33px;
  margin: 0;
  padding: 0;
  border: 0;
  width: 33px;
  vertical-align: top;
  background: rgba(255, 255, 255, 0);
  border-radius: 3px;
  margin-right: 5px;
  color: #777;
  font-size: 14px;
  cursor: pointer;
  outline: none;
}
#onboard-content .onboard-form .row.agents button:hover {
  color: #333;
  background: rgba(255, 255, 255, 0.5);
}
#onboard-content .onboard-form .row.agents input {
  width: 195px;
  margin-right: 5px;
}
#onboard-content .onboard-form .row.agents input.email {
  width: 207px;
}
#onboard-content .onboard-form .row.agents select {
  height: 33px;
  background: #FFF;
  box-shadow: none;
  width: 110px;
  vertical-align: top;
  border: 1px solid #E0E0E0;
  border-radius: 3px;
  line-height: 33px;
  padding: 0;
  outline: 0;
}
#onboard-content .onboard-form .row.agents select.larger {
  width: 150px;
}
#onboard-content .onboard-form .row.agents select:focus {
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
#onboard-content .onboard-form .row.agents input:disabled, #onboard-content .onboard-form .row.agents select:disabled {
  opacity: 0.3;
  cursor: default;
}
#onboard-content .onboard-form .row.agents div.tooltip {
  display: none;
  color: #888;
  margin-left: 8px;
  font-size: 15px;
}
#onboard-content .onboard-form .row.agents div.tooltip.sub {
  position: relative;
  top: 5px;
  display: inline-block;
}
#onboard-content .onboard-form .row.agents div.tooltip:hover {
  color: #333;
}
#onboard-content .onboard-form .row.agents:first-child div.tooltip {
  display: inline-block;
}
#onboard-content .onboard-form .row.agents label.error {
  top: -2px;
  right: initial;
}
#onboard-content .onboard-form .row.agents label.error[for="agent_email[]"] {
  left: 245px;
}
#onboard-content .onboard-form + .onboard-complete {
  padding-top: 34px;
}
#onboard-content .onboard-form + .onboard-complete.closer {
  padding-top: 24px;
}
#onboard-content .onboard-page {
  max-width: 800px;
  margin: 40px auto 0;
  background: #fff;
  padding: 30px;
  border-radius: 11px;
}
#onboard-content .onboard-page .page-desc {
  margin: 0 -30px 0;
}
#onboard-content .onboard-page .app-form-row input[type=text], #onboard-content .onboard-page .app-form-row input[type=email] {
  margin: 0;
}
#onboard-content .onboard-page .api_error {
  margin: 5px -30px 30px;
}
#onboard-content .onboard-page .connect-progress {
  padding-top: 0;
}
#onboard-content .onboard-page .generated-form {
  text-align: left;
}
#onboard-content .onboard-page .generated-form input[type=text], #onboard-content .onboard-page .generated-form input[type=email] {
  border: 1px solid #cecece;
}
#onboard-content .role-tooltip {
  display: none;
}
#onboard-content .separator {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  max-width: 500px;
  margin: 4px auto;
}
#onboard-content .separator.full {
  border-bottom: 1px solid #F0F0F0;
  max-width: none;
}

#onboard-toggle {
  position: absolute;
  top: 13px;
  right: 13px;
  z-index: 100;
  opacity: 0;
}
#onboard-toggle .onoffswitch {
  position: relative;
  width: 87px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
#onboard-toggle .onoffswitch-checkbox {
  display: none;
}
#onboard-toggle .onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid #FFFFFF;
  border-radius: 20px;
}
#onboard-toggle .onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  transition: margin 0.3s ease-in 0s;
}
#onboard-toggle .onoffswitch-inner:before, #onboard-toggle .onoffswitch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 30px;
  padding: 0;
  line-height: 30px;
  font-size: 14px;
  color: white;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  box-sizing: border-box;
  text-align: left;
}
#onboard-toggle .onoffswitch-inner:before {
  content: "LIVE";
  padding-left: 12px;
  background-color: rgba(18, 175, 215, 0.6);
  color: #FFFFFF;
  transition: background 1s ease 0s;
}
#onboard-toggle .onoffswitch-inner:after {
  content: "TEST";
  padding-right: 12px;
  background: rgba(0, 0, 0, 0.07);
  color: #555;
  text-align: right;
}
#onboard-toggle .onoffswitch-switch {
  display: block;
  width: 20px;
  margin: 5px;
  background: #FFFFFF;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 53px;
  border: 2px solid #FFFFFF;
  border-radius: 20px;
  transition: all 0.3s ease-in 0s;
}
#onboard-toggle .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}
#onboard-toggle .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}
#onboard-toggle:hover .onoffswitch-inner:before {
  background-color: rgb(18, 175, 215);
}

div.role-tooltip-row {
  padding: 6px 0;
  font-size: 13px;
  margin: 0;
  line-height: 15px;
  text-align: left;
}

body.scrolled #onboard #onboard-header-bg {
  opacity: 1;
}

@media (max-width: 400px) {
  .unimportant {
    display: none;
  }
  #onboard-content {
    padding: 80px 20px 50px;
  }
  #onboard-content h2 {
    font-size: 23px;
    line-height: 1.3em;
  }
  #onboard-content h4 {
    font-size: 14px;
    line-height: 1.3em;
    max-width: 290px;
  }
  #onboard-content h4.unimportant {
    display: none;
  }
  #onboard-content .onboard-providers {
    padding-top: 16px;
  }
  #onboard-content .onboard-form .row {
    width: 290px;
    padding-top: 10px;
  }
  #onboard-content .onboard-form .row input, #onboard-content .onboard-form .row textarea {
    width: 290px;
    border-radius: 6px;
    border: none;
    background: rgb(255, 255, 255);
    box-shadow: none;
  }
  #onboard-content .onboard-form .row label {
    color: #313131;
    width: 290px;
  }
  #onboard-content .onboard-page {
    padding: 11px 16px;
    font-size: 14px;
  }
  #onboard-content .onboard-page .single-item-section {
    border: none;
    margin: 0;
    padding: 0;
  }
  #onboard-content .onboard-page .single-item-section table.single-item {
    margin: 8px 0 0 0;
  }
  #onboard-content .onboard-page .single-item-section table.single-item th, #onboard-content .onboard-page .single-item-section table.single-item td {
    display: block;
    padding-left: 0;
  }
  #onboard-content .onboard-page .single-item-section table.single-item th {
    padding-top: 9px;
    font-weight: bold;
  }
  #onboard-content .onboard-page .single-item-section table.single-item td {
    padding-top: 0px;
  }
  #onboard-content .onboard-page .single-item-section table.single-item td input {
    max-width: 270px;
    -webkit-appearance: none;
  }
  #onboard-content .onboard-page .single-item-section table.single-item tr {
    display: block;
  }
  #onboard-content .onboard-page .single-item-section table.single-item tr.save th {
    display: none;
  }
  #onboard-content .onboard-complete {
    padding-top: 45px !important;
  }
  #onboard-content .msg-container {
    margin-top: -25px;
  }
  #onboard #progress {
    height: 60px;
  }
  #onboard #progress #progress-at {
    top: -13px;
    padding: 0px 11px;
    font-size: 13px;
  }
  #onboard #progress .progress {
    margin-top: 25px;
  }
  #onboard #onboard-content-wrapper {
    height: -moz-calc(100% - 60px);
    height: -webkit-calc(100% - 60px);
    height: calc(100% - 60px);
  }
}
#onboard.mobile {
  background: #0093b8;
}
#onboard.mobile #onboard-inner {
  background: linear-gradient(170deg, #007494 1%, #00b4e6 39%, #00aede 61%, #007494 100%);
  box-shadow: inset 0 0 200px 10px rgba(0, 0, 0, 0.12);
}
#onboard.mobile #onboard-logo {
  color: #fff;
  font-weight: bold;
  font-family: sans-serif;
  opacity: 1;
  top: 40px;
  left: 0;
  padding: 14px;
  font-size: 17px;
}
#onboard.mobile #onboard-toggle {
  top: 44px;
  right: 1px;
  transform: scale(0.8);
}
#onboard.mobile #onboard-toggle .onoffswitch-label {
  border: 1px solid rgba(255, 255, 255, 0.69);
}
#onboard.mobile #onboard-toggle .onoffswitch-inner:after {
  background: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0.81);
}
#onboard.mobile #onboard-header-bg {
  height: 20px;
  background: #007494;
}
#onboard.mobile #onboard-content h2 {
  color: #fff;
  font-weight: 400;
  padding-top: 0px;
}
#onboard.mobile #onboard-content h4 {
  color: #fff;
  font-weight: 200;
}
#onboard.mobile #onboard-content h4 a.info, #onboard.mobile #onboard-content h4 a.lighter {
  color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.52);
}
#onboard.mobile #onboard-content .onboard-page h4 {
  color: #333;
}
#onboard.mobile #onboard-content .onboard-complete button.skip, #onboard.mobile #onboard-content .onboard-complete a.skip {
  color: rgba(255, 255, 255, 0.87);
  border-color: rgba(255, 255, 255, 0.73);
}
#onboard.mobile #onboard-content .onboard-complete button.skip:hover, #onboard.mobile #onboard-content .onboard-complete button.skip:active, #onboard.mobile #onboard-content .onboard-complete a.skip:hover, #onboard.mobile #onboard-content .onboard-complete a.skip:active {
  color: rgb(255, 255, 255);
}
#onboard.mobile #onboard-content .provider {
  border: 1px solid #fff;
  line-height: 35px;
  background-position: 18px 9px;
  font-size: 14px;
  margin-top: 17px;
  width: 260px;
}
#onboard.mobile #onboard-content .provider.none {
  color: rgba(255, 255, 255, 0.85);
  border: 1px solid rgba(255, 255, 255, 0.61);
}
#onboard.mobile #onboard-content .onboard-form .row label {
  color: #ffffff;
}
#onboard.mobile #onboard-content .onboard-form .row label.error {
  top: 10px;
  right: 0px;
}
#onboard.mobile #onboard-content .onboard-form .row input, #onboard.mobile #onboard-content .onboard-form .row textarea {
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.7);
  background: transparent;
  -webkit-appearance: none;
  font-size: 13px;
  line-height: 33px;
  font-weight: 600;
}
#onboard.mobile #onboard-content .onboard-form .row input::-webkit-input-placeholder, #onboard.mobile #onboard-content .onboard-form .row textarea::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.7);
}
#onboard.mobile #onboard-content .onboard-form .row input.code, #onboard.mobile #onboard-content .onboard-form .row textarea.code {
  font-size: 26px;
  letter-spacing: 10px;
  padding: 2px 0 2px 10px;
}
#onboard.mobile #onboard-content .onboard-form .row input.code + label.error, #onboard.mobile #onboard-content .onboard-form .row textarea.code + label.error {
  top: -13px;
}
#onboard.mobile #onboard-content .btn.btn-flat:not(.provider) {
  color: #007a9c;
  background: #ffffff;
  border-radius: 6px;
}
#onboard.mobile #onboard-content .onboard-desc {
  display: none;
}
#onboard.mobile.full-load #progress #progress-at, #onboard.mobile.full-load #progress .progress {
  opacity: 0;
  transition: opacity 800ms ease;
}
#onboard.mobile.full-load #onboard-logo {
  opacity: 0;
  margin-top: 10px;
}
#onboard.mobile.full-load.has-loaded #onboard-logo {
  margin-top: 0px;
  transition: all 1800ms ease;
  opacity: 1;
}
#onboard.mobile.full-load.has-loaded #progress #progress-at, #onboard.mobile.full-load.has-loaded #progress .progress {
  opacity: 1;
}

@CHARSET "UTF-8";
/*
 * Main app CSS
 */
body {
  background: #f7f7f7;
  min-height: 100%;
  padding: 0;
  margin: 0;
  line-height: 1.5em;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  font-family: "Helvetica Neue", Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
  font-size: 15px;
  color: #333;
  width: 100%;
  min-width: 865px;
}

body#page-start {
  min-width: initial;
}

h1 {
  padding: 0 0 0 68px;
  z-index: 1;
  position: relative;
  color: #1286AB;
  margin-top: 60px;
  font-family: "Helvetica Neue", "Open Sans";
  font-weight: 300;
  font-size: 36px;
}

a {
  color: #1286AB;
}

.page {
  padding: 89px 0 98px 0;
}

.page h1 {
  margin: 0;
  padding: 0px 0 49px 0;
}

.page.page-error h1 {
  line-height: 1em;
  padding-bottom: 25px;
}

.page.page-error .bob-left {
  width: 150px;
}

.page.page-error .always_online, .page.page-error ul {
  display: inline-block;
}

.page.page-error .always_online li, .page.page-error ul li {
  list-style-type: circle;
}

.page.page-error .error-content {
  display: inline-block;
  width: 600px;
}

.page.page-attack .content {
  text-align: center;
}

.page.page-attack h1 img {
  width: 33px;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  margin-right: 9px;
  opacity: 0.6;
}

.page.page-attack #cf-content h1 {
  display: none;
}

.page.page-attack #challenge-form {
  clear: both;
  padding-top: 20px;
}

.page.page-captcha #challenge-form div {
  display: inline;
}

.page.page-captcha #challenge-form input[type=submit] {
  font-size: 15px;
  color: #494A4D;
  outline: none;
  margin: 0;
  position: relative;
  padding: 0 10px;
  line-height: 29px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.95);
  cursor: pointer;
  border: 1px solid #CCC;
  border-color: #CACACA #C9C9C9;
  border-bottom-color: #B4B4B4;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #767677;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #ffffff;
  background: -moz-linear-gradient(top, #F8F8F8 0%, #ECEDEE 98%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F8F8F8), color-stop(98%, #ECEDEE));
  background: -webkit-linear-gradient(top, #F8F8F8 0%, #ECEDEE 98%);
  background: -o-linear-gradient(top, #F8F8F8 0%, #ECEDEE 98%);
  background: -ms-linear-gradient(top, #F8F8F8 0%, #ECEDEE 98%);
  background: linear-gradient(to bottom, #F8F8F8 0%, #ECEDEE 98%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#F8F8F8", endColorstr="#ECEDEE",GradientType=0 );
  display: block;
  width: 227px;
  margin-top: 13px;
}

.page.page-captcha #challenge-form input[type=submit]:hover {
  color: #333;
  text-decoration: none;
  background: #E6E6E6;
}

pre.error-code {
  background: #fff;
  padding: 14px 23px;
}

#header {
  height: 45px;
  min-width: 800px;
  position: relative;
  z-index: 20;
  background: #484748;
}

#header-logo {
  float: left;
  margin-left: -3px;
  display: block;
  width: 181px;
  height: 45px;
  background: transparent url("https://cdn.chargedesk.com/header-logo6-2x.png") no-repeat top left;
  text-decoration: none;
  background-size: 181px 45px;
}

.content {
  width: 800px;
  margin: 0 auto;
}

body.content-only #header-logo, body.content-only #header-logo-white {
  margin-left: -19px;
}

.bob-left {
  padding-top: 50px;
  text-align: right;
  width: 96px;
  float: left;
  padding-right: 44px;
}

#footer-container {
  clear: both;
  min-width: 800px;
}

#footer {
  font-size: 13px;
  color: #999999;
  clear: both;
  position: relative;
  border-top: 1px solid #DDD;
}

@media (max-width: 1000px) {
  #footer {
    padding: 0 20px;
  }
}
.footer-app {
  padding: 42px 30px 42px 30px;
}

.footer-app .line {
  opacity: 0.5;
  padding: 0 6px;
}

.footer-right {
  float: right;
}

#ssl-link {
  padding-top: 3px;
}

#ssl-link .fa {
  font-size: 1.5em;
  vertical-align: top;
  padding-left: 5px;
  opacity: 0.8;
}

#footer a {
  color: #929292;
}

#footer .footer-app a {
  color: #999999;
  text-decoration: none;
}

#footer .footer-app a:hover {
  text-decoration: underline;
}


@keyframes happy-to-help-in-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes happy-to-help-out-fade {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes happy-to-help-in-slide {
  from {
    transform: translateY(20px) scale(0.98);
    opacity: 0;
  }
  to {
    transform: translateY(0px) scale(1);
    opacity: 1;
  }
}
@keyframes happy-to-help-out-slide {
  from {
    transform: translateY(0px) scale(1);
    opacity: 1;
  }
  to {
    transform: translateY(10px) scale(0.98);
    opacity: 0;
  }
}
#happy-to-help.opened .show-closed {
  display: none;
}
#happy-to-help.closed .show-opened {
  display: none;
}
#happy-to-help .happy-to-help-interact {
  font-family: "Open Sans";
  position: fixed;
  bottom: 104px;
  right: 25px;
  z-index: 99999;
  width: 400px;
  box-sizing: border-box;
  min-height: 300px;
  max-height: 700px;
  background: #00b4e6;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.03) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 0px 25px 0px, rgba(0, 0, 0, 0.02) 0px 4px 2px 0px;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(170deg, #007494 1%, #00b4e6 39%, #00aede 61%, #007494 100%);
  background-attachment: fixed;
  will-change: opacity, transform, display;
  display: none;
}
@media (max-height: 800px) {
  #happy-to-help .happy-to-help-interact {
    bottom: 104px;
    right: 25px;
    max-height: 490px;
  }
}
@media (max-height: 600px) {
  #happy-to-help .happy-to-help-interact {
    top: 0;
    bottom: unset !important;
    right: 0 !important;
    max-height: none;
    height: 100vh;
    width: 100vw;
    max-width: 500px;
    border-radius: 0px;
  }
}
#happy-to-help .happy-to-help-interact input, #happy-to-help .happy-to-help-interact textarea {
  font-weight: 400;
}
#happy-to-help .happy-to-help-interact input::placeholder, #happy-to-help .happy-to-help-interact textarea::placeholder {
  font-family: system-ui;
  font-weight: 400;
  color: #9a9a9a;
}
#happy-to-help .happy-to-help-interact .happy-to-help-header {
  color: #fff;
  position: relative;
  z-index: 10;
  width: 100%;
  padding: 30px 30px 30px 30px;
  box-sizing: border-box;
}
#happy-to-help .happy-to-help-interact .happy-to-help-header .happy-to-help-close {
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 23px;
  cursor: pointer;
  padding: 15px;
  display: none;
}
@media (max-height: 600px) {
  #happy-to-help .happy-to-help-interact .happy-to-help-header .happy-to-help-close {
    display: block;
  }
}
#happy-to-help .happy-to-help-interact .happy-to-help-header .happy-to-help-title {
  font-size: 54px;
  font-family: "Dancing Script", cursive;
  font-weight: 400;
  padding: 5px 0 29px;
  line-height: 45px;
  opacity: 0;
  will-change: opacity;
  text-align: center;
  transition: opacity 0.5s;
  word-break: break-word;
}
#happy-to-help .happy-to-help-interact .happy-to-help-header .happy-to-help-extra {
  font-size: 15px;
}
#happy-to-help .happy-to-help-interact .happy-to-help-header .happy-to-help-help-center {
  padding: 30px 0 0 0;
  position: relative;
}
#happy-to-help .happy-to-help-interact .happy-to-help-header .happy-to-help-help-center input {
  width: 100%;
  border: none !important;
  padding: 0 0 0 34px;
  box-shadow: 5px 5px 7px hsla(0, 0%, 0%, 0.06);
}
#happy-to-help .happy-to-help-interact .happy-to-help-header .happy-to-help-help-center .bg {
  position: absolute;
  top: 40px;
  left: 11px;
  color: rgba(0, 0, 0, 0.22);
  font-size: 13px;
}
#happy-to-help .happy-to-help-interact .happy-to-help-content {
  color: #333;
  width: 100%;
  padding: 35px 30px 30px 30px;
  box-sizing: border-box;
  overflow: hidden;
  transform: translateY(120%);
  will-change: transform;
  transition: transform 0.7s cubic-bezier(0.01, 0.98, 0.2, 0.99) 0s;
}
#happy-to-help .happy-to-help-interact .happy-to-help-content::before {
  content: "";
  display: block;
  position: absolute;
  background: white;
  height: 110%;
  width: 110%;
  top: 0px;
  right: 0;
  transform: rotate(-3deg);
  transform-origin: top right;
}
#happy-to-help .happy-to-help-interact .happy-to-help-content form {
  position: relative;
  z-index: 2;
  color: #666;
}
#happy-to-help .happy-to-help-interact .happy-to-help-content form .contact-form-desc {
  text-align: center;
  padding-bottom: 5px;
}
#happy-to-help .happy-to-help-interact .happy-to-help-content form .qq-upload-button {
  display: none;
}
#happy-to-help .happy-to-help-interact .happy-to-help-content form .qq-upload-list {
  padding: 0;
}
#happy-to-help .happy-to-help-interact .happy-to-help-content form .qq-upload-list li {
  margin: 16px 0 0 0;
  font-size: 13px;
}
#happy-to-help .happy-to-help-interact .happy-to-help-content form .contact-form-row {
  position: relative;
  padding-top: 16px;
}
#happy-to-help .happy-to-help-interact .happy-to-help-content form .contact-form-row label.error {
  position: absolute;
  left: 0px;
  bottom: unset;
  top: -2px;
  color: #bd0502;
  font-size: 12px;
  z-index: 1;
}
#happy-to-help .happy-to-help-interact .happy-to-help-content form .contact-form-row input, #happy-to-help .happy-to-help-interact .happy-to-help-content form .contact-form-row textarea {
  width: 100%;
  border: 1px solid #e8e8e8;
  color: #333;
}
#happy-to-help .happy-to-help-interact .happy-to-help-content form .contact-form-row input.error, #happy-to-help .happy-to-help-interact .happy-to-help-content form .contact-form-row textarea.error {
  border-color: #bd0502 !important;
}
#happy-to-help .happy-to-help-interact .happy-to-help-content form .contact-form-row textarea {
  height: 150px;
  min-height: 53px;
  max-height: 500px;
  resize: vertical;
  line-height: 1.5em;
}
#happy-to-help .happy-to-help-interact .happy-to-help-content form .contact-form-row button {
  background: transparent;
  border: none;
  color: #cecece;
  padding: 0;
  height: 41px !important;
  min-width: 40px;
  display: inline-block;
  font-size: 20px;
  float: right;
  margin-left: 1px;
  transform: scale(1);
  will-change: transform;
  transition: transform 0.1s ease-in-out 0s;
}
#happy-to-help .happy-to-help-interact .happy-to-help-content form .contact-form-row button:active {
  transform: scale(0.9);
}
#happy-to-help .happy-to-help-interact .happy-to-help-content form .contact-form-row button:hover {
  color: #484748;
  background: #f7f7f7;
}
#happy-to-help .happy-to-help-interact .happy-to-help-content form .contact-form-row button[type=submit] {
  background: #484748;
  color: #fff;
  text-align: left;
  padding: 0px 56px 0px 17px;
  float: right;
  font-size: 15px;
  margin-left: 15px;
}
#happy-to-help .happy-to-help-interact .happy-to-help-content form .contact-form-row button[type=submit]:hover {
  background: #000;
}
#happy-to-help .happy-to-help-interact .happy-to-help-content form .contact-form-row button[type=submit]:active {
  transform: scale(0.97);
}
#happy-to-help .happy-to-help-interact .happy-to-help-content form .contact-form-row button[type=submit] i {
  position: absolute;
  top: 13px;
  right: 14px;
  font-size: 17px;
}
#happy-to-help.opened .happy-to-help-interact {
  display: block;
  animation: happy-to-help-in-slide 1.5s cubic-bezier(0, 0.99, 0, 0.99);
}
#happy-to-help.opened .happy-to-help-interact.happy-to-help-in-complete .happy-to-help-content {
  transform: translateY(0px);
  /*
  * {
      opacity: 1;
      transition: opacity 0.7s cubic-bezier(.01,.98,.2,.99) 0.7s;
  }*/
}
#happy-to-help.closed .happy-to-help-interact.happy-to-help-in-complete {
  display: block;
  animation: happy-to-help-out-slide 0.4s cubic-bezier(0.15, 0.99, 0.15, 1);
}
#happy-to-help .happy-to-help-button {
  position: fixed;
  bottom: 25px;
  right: 25px;
  z-index: 99998;
  will-change: opacity;
  border-radius: 60px;
  height: 60px;
  width: 60px;
  transform: scale(1);
  background: #484748;
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px 0px, rgba(0, 0, 0, 0.05) 0px 2px 4px 0px;
  cursor: pointer;
  transition: transform 0.15s ease-in-out 0s;
}
@media (max-height: 800px) {
  #happy-to-help .happy-to-help-button {
    bottom: 15px;
    right: 15px;
  }
}
#happy-to-help .happy-to-help-button i {
  text-align: center;
  display: block !important;
  line-height: 60px;
  opacity: 0.9;
  margin: 0 auto;
  position: absolute;
  font-size: 22px;
  top: 1px;
  left: 24px;
  transform: scaleX(-1);
}
#happy-to-help .happy-to-help-button i.show-closed {
  font-size: 28px;
  top: 0px;
  left: 16px;
}
#happy-to-help .happy-to-help-button i {
  will-change: opacity, transform;
  display: none;
  transition: opacity 0.2s ease 0s, transform 0.2s ease-in-out 0s;
}
#happy-to-help .happy-to-help-button:hover {
  background: #333;
}
#happy-to-help .happy-to-help-button:hover i {
  opacity: 1;
}
#happy-to-help .happy-to-help-button:active {
  transform: scale(0.95);
}
#happy-to-help.opened i.show-closed {
  opacity: 0 !important;
  transform: scaleX(-0.5) scaleY(0.5) rotate(-5deg);
}
#happy-to-help.opened .happy-to-help-button {
  background: #333 !important;
}
#happy-to-help.opened .happy-to-help-button i.show-opened {
  opacity: 1;
}
#happy-to-help.closed i.show-opened {
  opacity: 0 !important;
  transform: scaleX(-0.9) scaleY(0.9) rotate(20deg);
}
#happy-to-help .happy-to-help-bg {
  position: fixed;
  right: 0px;
  bottom: 0px;
  height: 500px;
  width: 500px;
  z-index: 99997;
  pointer-events: none;
  background: radial-gradient(at right bottom, rgba(0, 0, 0, 0.19) 0px, rgba(0, 0, 0, 0) 70%);
  will-change: opacity, display;
  display: none;
}
#happy-to-help.opened .happy-to-help-bg {
  display: block;
  animation: happy-to-help-in-fade 2s cubic-bezier(0.15, 0.99, 0.15, 1);
}
#happy-to-help.closed .happy-to-help-bg.happy-to-help-in-complete {
  display: block;
  animation: happy-to-help-out-fade 0.5s cubic-bezier(0.15, 0.99, 0.15, 1);
}

html.wf-dancingscript-n4-active .happy-to-help-title {
  opacity: 1 !important;
}

h1.center {
  padding: 0 20px 0 0;
  text-align: center;
}

h2 {
  color: #454545;
  font-family: "Open Sans";
  font-size: 26px;
  font-weight: 200;
  padding: 0;
  margin: 0;
}

h3 {
  z-index: 1;
  padding: 0;
  position: relative;
  color: #1286AB;
  margin-top: 60px;
  font-family: "Open Sans";
  font-size: 30px;
  font-weight: 300;
  clear: both;
}
h3 + .screencast {
  margin-top: 0;
}

form {
  margin: 0;
  padding: 0;
}

a.darker {
  color: #A8A8A8;
  font-size: 12px;
  margin-left: 14px;
}

.feature-content a.darker {
  padding-left: 14px;
  padding-right: 10px;
  border-left: 1px solid #A8A8A8;
  margin: 0;
}

.feature-content .btn + a.darker, .feature-content .provider + a.darker {
  margin-left: 7px;
  border: 0;
}

body.full-screen .content {
  width: auto;
  min-width: 800px;
  margin: 0;
  padding: 0 10px 0 7px;
}

body.no-footer {
  background: #fff;
}

body.no-footer .content {
  box-shadow: none;
  border: none;
  padding: 0;
}

body.no-footer #header {
  padding: 0 10px 0 7px;
}

.home-section.home-section0 {
  padding: 0;
  margin: 0;
  position: relative;
  height: 100%;
  overflow: hidden;
  min-height: 616px;
}

@keyframes overlay-frames {
  0% {
    background: rgba(239, 102, 47, 0.55);
  }
  50% {
    background: rgba(239, 102, 47, 0.25);
  }
  75% {
    background: rgba(239, 102, 47, 0.65);
  }
  100% {
    background: rgba(239, 102, 47, 0.55);
  }
}
@-webkit-keyframes overlay-frames /* Safari and Chrome */ {
  0% {
    background: rgba(239, 102, 47, 0.55);
  }
  50% {
    background: rgba(239, 102, 47, 0.25);
  }
  75% {
    background: rgba(239, 102, 47, 0.65);
  }
  100% {
    background: rgba(239, 102, 47, 0.55);
  }
}
.home-section.home-section0 .section-overlay-bg {
  background: rgba(0, 0, 0, 0) url("https://cdn.chargedesk.com/blur-bg-new.jpg") no-repeat 0 0;
  margin: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-filter: blur(0px);
}
@media (min-width: 2220px) {
  .home-section.home-section0 .section-overlay-bg {
    background-size: cover;
  }
}

.home-section.home-section0 .section-overlay {
  background: linear-gradient(to bottom, rgba(239, 170, 47, 0.21) 0%, #EFAA2F 100%);
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 3;
}

.home-section.home-section0 .content {
  position: relative;
  z-index: 3;
  top: 50%;
  margin-top: -250px;
}

#header-title {
  float: left;
  display: block;
  height: 51px;
  color: rgb(243, 243, 243);
  line-height: 41px;
  font-size: 23px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-decoration: none;
  font-weight: bold;
}

#header-menu {
  float: right;
  margin: 0;
  padding: 0 45px 0 35px;
}

#header-menu li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: inline;
  height: 45px;
}

#header-menu li a {
  text-shadow: 1px 1px rgba(0, 0, 0, 0.56);
  display: inline-block;
  height: 45px;
  padding: 0 30px;
  line-height: 45px;
  font-size: 18px;
  color: #d5d5d5;
  text-decoration: none;
  border-right: 1px solid #363636;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

#header-menu li:first-child a {
  border-left: 1px solid #363636;
}

#header-menu li a:hover {
  background: rgba(0, 0, 0, 0.14);
}

#header-menu li a:active, #header-menu li a.active {
  box-shadow: inset 0 0 13px rgba(0, 0, 0, 0.29);
  background: rgba(0, 0, 0, 0.05);
}

#header .button {
  margin-top: 7px;
  float: right;
  font-size: 13px;
  height: 28px;
  line-height: 28px;
  margin-left: 17px;
}

.button {
  text-shadow: 1px 1px rgba(0, 0, 0, 0.56);
  box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.19);
  border: 1px solid #1a1c1f;
  border-radius: 3px;
  color: #fff;
  text-decoration: none;
  padding: 0 30px;
  background: #569fd6; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2OWZkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iIzJkNTNhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(top, #569fd6 0%, #2d53af 99%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #569fd6), color-stop(99%, #2d53af)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #569fd6 0%, #2d53af 99%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #569fd6 0%, #2d53af 99%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #569fd6 0%, #2d53af 99%); /* IE10+ */
  background: linear-gradient(to bottom, #569fd6 0%, #2d53af 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#569fd6", endColorstr="#2d53af",GradientType=0 ); /* IE6-8 */
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.button:hover {
  box-shadow: inset 0 0 32px rgba(255, 255, 255, 0.19);
  background: #569fd6; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxMSUiIHN0b3AtY29sb3I9IiM1NjlmZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0NyUiIHN0b3AtY29sb3I9IiM1NjlmZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI5OSUiIHN0b3AtY29sb3I9IiMyZDUzYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #569fd6 11%, #569fd6 47%, #2d53af 99%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(11%, #569fd6), color-stop(47%, #569fd6), color-stop(99%, #2d53af)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #569fd6 11%, #569fd6 47%, #2d53af 99%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #569fd6 11%, #569fd6 47%, #2d53af 99%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #569fd6 11%, #569fd6 47%, #2d53af 99%); /* IE10+ */
  background: linear-gradient(to bottom, #569fd6 11%, #569fd6 47%, #2d53af 99%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#569fd6", endColorstr="#2d53af",GradientType=0 ); /* IE6-8 */
}

#feature-home {
  width: 810px;
  height: 325px;
  position: relative;
  z-index: 1;
  display: none;
  display: none;
}

#feature-home.feature-business {
  margin-bottom: 62px;
  background: transparent url("https://cdn.chargedesk.com/feature-business.png") no-repeat top left;
}

#feature-home .btn {
  background: -webkit-linear-gradient(top, #FFF 0%, #FFFFDF 98%);
  margin: 0 0 28px 0;
  width: 305px;
  height: 43px;
  font-size: 20px;
  font-weight: 300;
  border-radius: 2px;
}

#feature-home .btn:hover {
  background: #FFF;
  color: #000;
}

#business-home {
  margin-bottom: 62px;
  padding: 0 31px;
}

.feature-form {
  padding: 0px 0 0 39px;
  margin: 0;
  display: block;
}

.feature-form h2 {
  font-size: 24px;
  margin: 0;
  padding: 0;
  text-align: center;
}

.feature-form .btn, .feature-form input {
  width: 227px;
  height: 33px;
}

.btn-group {
  display: inline-block;
  position: relative;
  vertical-align: top;
}

.form-row {
  position: relative;
  height: 24px;
  padding: 0px 0 0 0;
}

.app-form-row {
  clear: left;
  position: relative;
  padding: 29px 0 0 0;
}

.app-form-row:first-of-type {
  padding: 38px 0 0 0;
}
.app-form-row:first-of-type.less-padding {
  padding-top: 29px;
}

.app-form-cols label {
  display: block;
  text-align: right;
  width: 145px;
  float: left;
  font-weight: bold;
  padding-right: 16px;
  padding-top: 4px;
}

.app-form-cols .app-form-row {
  padding: 31px 0 0 0;
}

.app-form-cols.app-form-closer .app-form-row {
  padding: 17px 0 0 0;
}

.app-form-col {
  float: left;
  position: relative;
}

.app-form-col.text-only {
  padding-top: 5px;
}

.app-form-col.no-input {
  padding-top: 4px;
}

.app-form-col .desc {
  font-weight: normal;
  color: #ADADAD;
  padding: 2px 0 0 0;
  font-size: 13px;
  line-height: 1.4em;
  margin-bottom: -11px;
  max-width: 520px;
  max-width: 520px;
  max-width: 520px;
}

.app-form-cols label .desc {
  font-weight: normal;
  color: #ADADAD;
  font-size: 13px;
  line-height: 1.3em;
}

.desc.inline {
  display: inline;
  margin-left: -8px;
}

.app-form-col .btn {
  width: 249px;
  height: 35px;
  margin: 0;
}

.app-form-cols h2 {
  padding-top: 5px;
  padding-bottom: 28px;
}

.app-form-cols h2.normal-padding {
  padding-bottom: 0px;
}

.app-form-cols label.error {
  top: -18px;
  left: 3px;
  padding: 0;
  margin: 0;
  text-align: left;
  width: 600px;
}

.col-float label.error {
  top: 30px;
}

.col-float {
  float: left;
  position: relative;
}

.form-row-title {
  padding-bottom: 3px;
  font-weight: bold;
}
.form-row-title .smaller {
  font-weight: normal;
}

.small-form-row {
  position: relative;
  padding: 23px 0 0 0;
}
.small-form-row.padding-right {
  padding-right: 23px;
}

textarea:focus, input[type=text]: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=url]:focus, input[type=color]:focus, .uneditable-input:focus, .frame-input.focus {
  border-color: #33aad0 !important;
  outline: 0;
}

input[type=text], input[type=tel], input[type=url], input[type=number], input[type=email], input[type=button], input[type=submit], input[type=image], input[type=password], textarea, .frame-input, .btn-submit {
  margin: 0 21px 0 0;
  box-shadow: none;
  display: inline-block;
  padding: 0 1px 0 13px;
  font-size: 13px;
  line-height: 33px;
  color: #555;
  height: 33px;
  width: 227px;
  border: 1px solid #E0E0E0;
  border-radius: 3px;
  background: #fff;
  font-weight: 400;
  font-family: "Open Sans", Arial, "Lucida Grande", sans-serif;
}
input[type=text][disabled=disabled], input[type=tel][disabled=disabled], input[type=url][disabled=disabled], input[type=number][disabled=disabled], input[type=email][disabled=disabled], input[type=button][disabled=disabled], input[type=submit][disabled=disabled], input[type=image][disabled=disabled], input[type=password][disabled=disabled], textarea[disabled=disabled], .frame-input[disabled=disabled], .btn-submit[disabled=disabled] {
  background: #f3f3f3;
}

.input-wrapper {
  position: relative;
}

.input-bg {
  color: #A0A0A0;
  position: absolute;
  top: 5px;
  left: 14px;
  font-weight: 500;
  font-size: 13px;
  font-family: "Lucida Grande";
}

body input.auto-larger {
  width: auto;
  padding: 0 32px;
}

input.short {
  width: 248px;
}

input[type=text].mid, input[type=password].mid {
  width: 360px;
}
input[type=text].large, input[type=password].large {
  width: 460px;
}

input[type=text].card, input[type=tel].card, input[type=number].card, input[type=email].card, select.card, .frame-input.card {
  width: 245px;
  box-sizing: border-box;
}
input[type=text].card.cc-num, input[type=tel].card.cc-num, input[type=number].card.cc-num, input[type=email].card.cc-num, select.card.cc-num, .frame-input.card.cc-num {
  padding-left: 53px;
}
input[type=text].card.cc-exp, input[type=tel].card.cc-exp, input[type=number].card.cc-exp, input[type=email].card.cc-exp, select.card.cc-exp, .frame-input.card.cc-exp {
  width: 114px;
  padding-left: 40px;
}
input[type=text].card.cc-cvc, input[type=tel].card.cc-cvc, input[type=number].card.cc-cvc, input[type=email].card.cc-cvc, select.card.cc-cvc, .frame-input.card.cc-cvc {
  width: 100px;
  padding-left: 40px;
}
input[type=text].card .inline-exp, input[type=tel].card .inline-exp, input[type=number].card .inline-exp, input[type=email].card .inline-exp, select.card .inline-exp, .frame-input.card .inline-exp {
  width: 28px;
  display: inline-block;
  vertical-align: top;
}
input[type=text].card .inline-exp:last-child, input[type=tel].card .inline-exp:last-child, input[type=number].card .inline-exp:last-child, input[type=email].card .inline-exp:last-child, select.card .inline-exp:last-child, .frame-input.card .inline-exp:last-child {
  padding-left: 3px;
  width: 33px;
}
input[type=text].card .inline-exp div, input[type=tel].card .inline-exp div, input[type=number].card .inline-exp div, input[type=email].card .inline-exp div, select.card .inline-exp div, .frame-input.card .inline-exp div {
  display: inline-block;
}
input[type=text].card.inner, input[type=tel].card.inner, input[type=number].card.inner, input[type=email].card.inner, select.card.inner, .frame-input.card.inner {
  background: transparent;
  border: none;
  display: inline;
  width: 33px;
  margin: 0;
  padding: 0;
  text-align: center;
  box-shadow: none !important;
}
input[type=text].card.short, input[type=tel].card.short, input[type=number].card.short, input[type=email].card.short, select.card.short, .frame-input.card.short {
  width: 145px;
}
input[type=text].card.quantity, input[type=tel].card.quantity, input[type=number].card.quantity, input[type=email].card.quantity, select.card.quantity, .frame-input.card.quantity {
  width: 114px;
  text-align: center;
  padding: 0;
  margin-right: 8px;
}
input[type=text].card.amount, input[type=tel].card.amount, input[type=number].card.amount, input[type=email].card.amount, select.card.amount, .frame-input.card.amount {
  width: 174px;
  margin-right: 8px;
  margin-left: 4px;
  padding-left: 12px;
}
input[type=text].card.has-input-control, input[type=tel].card.has-input-control, input[type=number].card.has-input-control, input[type=email].card.has-input-control, select.card.has-input-control, .frame-input.card.has-input-control {
  border-radius: 0;
  margin: 0;
  width: 76px;
}
input[type=text].card:disabled, input[type=tel].card:disabled, input[type=number].card:disabled, input[type=email].card:disabled, select.card:disabled, .frame-input.card:disabled {
  background: #f1f1f1;
  box-shadow: none;
  color: #000;
}

input[type=button].input-control {
  width: 31px;
  padding: 0;
  vertical-align: bottom;
  line-height: 29px;
  box-shadow: none;
  outline: none;
  cursor: pointer;
  position: relative;
}
input[type=button].input-control:hover {
  font-weight: bold;
}
input[type=button].input-control:disabled {
  background: #F8F8F8;
  color: #b3b3b3;
  cursor: default;
  font-weight: normal !important;
}
input[type=button].input-control.before {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin: 0;
  border-right: none;
}
input[type=button].input-control.after {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 0;
  margin-right: 8px;
}

select.card {
  height: 33px;
  border: 1px solid #E0E0E0;
  box-shadow: none;
  border-radius: 3px;
  padding-left: 13px;
  background-color: #FFF;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+);
  background-position: 97% 50%;
  background-repeat: no-repeat;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
select.card:focus {
  outline: none;
}

textarea {
  width: 460px;
  height: 100px;
  line-height: normal;
  padding: 8px 13px;
  font-family: "Open Sans", Arial, "Lucida Grande", sans-serif;
}

textarea.large {
  width: 600px;
  height: 150px;
}

input.faded, textarea.faded {
  color: #A0A0A0;
}

body .btn {
  margin: 0;
  display: inline-block;
  position: relative;
  padding: 0 10px;
  font-size: 13px;
  line-height: 29px;
  text-align: center;
  cursor: pointer;
  border: 1px solid #cecece;
  border-radius: 5px;
  color: #767677;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  background: #ffffff; /* Old browsers */
  -webkit-appearance: none;
}
body .btn:focus {
  outline: none;
}

body .btn:hover {
  color: #333;
  text-decoration: none;
  background: #f3f3f3;
}

body .btn.active,
body .btn:active {
  background-color: #e6e6e6;
  background-image: none;
  outline: 0;
}

body .btn.disabled,
body .btn[disabled],
body .btn.disabled:hover,
body .btn[disabled]:hover {
  color: #333333;
  cursor: default;
  background-color: #e6e6e6;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  border: 1px solid #CECECE;
}

body .btn.disabled svg,
body .btn[disabled] svg,
body .btn.disabled:hover svg,
body .btn[disabled]:hover i {
  color: #B4B4B4;
}

body .btn-main {
  font-size: 15px;
  color: #fff;
  outline: none;
  background: #12AFD7;
  border: none;
  height: 41px;
}
body .btn-main:hover {
  background: #46C9EA;
  color: #fff;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid black;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.caret.caret-up {
  border-top: 0;
  border-bottom: 4px solid black;
  content: "↑2191";
}

.btn .caret.caret-up {
  position: absolute;
  top: 9px;
  right: 15px;
}

.btn .caret {
  position: absolute;
  top: 17px;
  right: 15px;
}

button.dropdown-toggle {
  padding-left: 16px;
  text-align: left;
}

button.dropdown-toggle.clean {
  border: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 4px 0;
  margin: 1px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
}

#feature-home .dropdown-menu {
  min-width: 225px;
  max-height: 300px;
  overflow: auto;
}

#gateway-dropdown {
  min-width: 225px;
  max-height: 300px;
  overflow: auto;
}

.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}

.dropdown-menu .divider {
  *width: 100%;
  height: 1px;
  margin: 8px 1px;
  *margin: -5px 0 5px;
  overflow: hidden;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

.dropdown-menu a {
  display: block;
  padding: 3px 21px 3px 15px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #333333;
  white-space: nowrap;
  text-decoration: none;
}

.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #0088cc;
}

.open > .dropdown-menu {
  display: block;
}

.dropdown-menu.show {
  display: block;
}

.btn-group.open .dropdown-toggle {
  background-image: none;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-group.open .btn.dropdown-toggle {
  background-color: #e6e6e6;
}

body .btn-danger {
  color: #ffffff;
  font-weight: normal;
  position: relative;
  top: -1px;
  margin-left: 7px;
  background: #5F2626;
  border: none;
  min-width: 100px;
}
body .btn-danger:hover {
  color: #ffffff;
  background: #900000;
}

.bob-section {
  float: left;
  height: 168px;
  width: 400px;
  padding-bottom: 62px;
}

.bob-section .bob {
  padding-right: 14px;
  float: left;
  width: 150px;
  text-align: right;
}

.bob-section .number {
  top: -16px;
  left: -1px;
  position: relative;
  font-family: "Overlock", cursive;
  font-weight: 400;
  font-size: 48px;
  color: #454545;
}

.bob-section .details {
  padding-top: 30px;
  font-size: 15px;
  color: #586060;
}

.bob-section.bob-section-numbered {
  padding-top: 19px;
}

.bob-section-numbered .details {
  padding-top: 6px;
}

.title-container {
  clear: both;
  position: relative;
}

.title-container h3 {
  margin-top: 45px;
}

.title-container h3.inline-title {
  margin-top: 0;
  position: absolute;
  top: 0;
  left: 400px;
}

.line-seperator {
  clear: both;
  border-top: 1px solid #DDDDDD;
}

.footer-header {
  padding: 29px 30px 0px 30px;
}

.footer-badges {
  position: absolute;
  right: 0;
  bottom: 0;
}
.footer-badges a {
  margin-left: 10px;
  opacity: 0.7;
}
.footer-badges a:first-child {
  margin-left: 0px;
}
.footer-badges a:hover {
  opacity: 1;
}
.footer-badges a img {
  height: 45px;
}

.footer-sshare {
  margin-top: 8px;
  min-height: 25px;
}
.footer-sshare .social-icon {
  background: #bfbfbf;
  color: #fff !important;
  text-decoration: none;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
  padding: 5px 0 0 0;
  margin: 0 3px 0 0;
  font-size: 15px;
  cursor: pointer;
}
.footer-sshare .social-icon i {
  position: relative;
  top: 1px;
}
.footer-sshare .social-icon:hover {
  background: #7b7b7b;
}

.footer-right img {
  vertical-align: top;
  padding-left: 4px;
}

.footer-block {
  float: left;
  width: 236px;
  padding: 28px 0px 50px 30px;
}

#footer h4 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  color: #575757;
}

#footer ul {
  margin: 0;
  padding: 0;
}

#footer li {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.full-screen .page {
  padding-top: 57px;
  padding-bottom: 0;
}

.sub-page {
  margin-top: -32px;
  padding: 0 0 0 128px;
  margin-bottom: 47px;
}

.bob-right {
  float: right;
  padding-left: 20px;
}

.content-after-bob {
  width: 659px;
  float: left;
}

.page ol li, .page ul.spaced li {
  line-height: 2em;
}

#form-business {
  top: 167px;
  left: 233px;
  position: absolute;
}

.app-content {
  margin-bottom: 70px;
  background: #fbfbfb;
  width: 800px;
  border-radius: 7px;
  margin-top: 22px;
  position: relative;
  border: 1px solid #DCDCDC;
}

.app-content-noform {
  padding: 50px 60px 58px 63px;
  width: 677px;
}

.app-content-noform.app-no-header {
  padding-top: 17px;
}

.app-items {
  padding: 0 50px 60px;
  width: 700px;
}

.breadcrumb {
  width: 753px;
  margin: 0 auto -41px auto;
  padding: 20px 0 11px 48px;
  color: #8B8B8B;
  background: rgba(0, 0, 0, 0.01);
  font-size: 12px;
}

.breadcrumb a {
  text-decoration: none;
  color: #8B8B8B;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.page .breadcrumb {
  width: 749px;
  margin: 0;
  color: #8B8B8B;
  font-size: 14px;
  position: relative;
  top: -61px;
  border-bottom: 1px solid #E4E4E4;
}

.highlight-quote {
  float: left;
  background: #fff;
  font-size: 25px;
  width: 290px;
  font-family: "Open Sans";
  text-align: left;
  padding: 19px 30px 20px 80px;
  margin: 3px 30px 13px -81px;
  border-radius: 4px;
  line-height: 1.3em;
  color: #007a98;
  position: relative;
}
.highlight-quote .mark {
  font-family: cursive;
  font-size: 144px;
  position: absolute;
  top: -4px;
  left: 0;
  line-height: 1em;
  opacity: 0.4;
}

#nav-bar {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.07);
  height: 48px;
  background: rgb(253, 253, 253); /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, rgb(253, 253, 253) 0%, rgb(236, 236, 236) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(253, 253, 253)), color-stop(100%, rgb(236, 236, 236))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgb(253, 253, 253) 0%, rgb(236, 236, 236) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(253, 253, 253) 0%, rgb(236, 236, 236) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgb(253, 253, 253) 0%, rgb(236, 236, 236) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgb(253, 253, 253) 0%, rgb(236, 236, 236) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#fdfdfd", endColorstr="#ececec",GradientType=0 ); /* IE6-8 */
  border: 1px solid #d3d3d3;
  border-radius: 3px;
  margin: 41px auto 0 auto;
}

#nav-bar ul {
  margin: 0;
  padding: 0;
}

#nav-bar li {
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.95);
  cursor: default;
  overflow: hidden;
  margin: 0;
  line-height: 48px;
  padding: 17px 39px 16px 10px;
  display: inline;
  font-size: 13px;
  color: #C7C7C7;
  font-weight: bold;
  background: transparent url("https://cdn.chargedesk.com/nav-arrow3.png") no-repeat top right;
}

#nav-bar li:first-child {
  padding-left: 19px;
}

#nav-bar li:last-child {
  padding-right: 0;
  padding-left: 23px;
  background: transparent;
}

#nav-bar li.complete, #nav-bar li.complete a {
  color: #B9B9B9;
  text-decoration: none;
}

#nav-bar li.complete a:hover {
  text-decoration: underline;
}

#nav-bar li.active {
  color: #999;
}

#nav-bar li.other {
  color: #5998AC;
}

#chargeback-overview {
  padding: 20px 0 0 0;
  font-size: 14px;
}

#chargeback-overview span {
  color: #8B8B8B;
  padding: 0 20px;
}

.app-form {
  padding: 50px 0 58px 63px;
  margin: 0;
  display: block;
}

.app-raw {
  margin-top: 50px;
  position: relative;
}
.app-raw .has-report {
  min-height: 150px;
}

.loader {
  vertical-align: middle;
  padding: 0 8px 3px 0;
}

.currency-loader {
  padding: 0 0 5px 17px;
}

input.error, textarea.error, select.error, .frame-input.error {
  color: #B94A48;
  border-color: #B94A48;
  z-index: 1;
  position: relative;
}

input.color-valid.valid {
  border-color: #00bb34 !important;
}

label.error {
  position: absolute;
  left: 14px;
  bottom: -29px;
  color: #B94A48;
  font-size: 12px;
}

.question {
  position: relative;
  padding-top: 31px;
  padding-right: 40px;
  text-shadow: 0 1px 0px white;
  padding-top: 5px;
}

.question.requires {
  display: none;
}

.question .desc, .small-form-row .desc {
  font-weight: normal;
  color: #ADADAD;
  padding: 0 0 8px 0;
  font-size: 13px;
  line-height: 1.4em;
  margin-top: 4px;
}

.question label {
  display: block;
  font-weight: bold;
}

.question label.error {
  font-weight: normal;
  bottom: -19px;
}

.question .btn {
  width: 227px;
  height: 35px;
}

.page-desc {
  color: #636363;
  font-size: 15px;
  padding: 5px 50px 5px 63px;
  margin: 28px 0 0 -63px;
  border-top: 1px solid #DFDFDF; /* W3C */
  border-bottom: 1px solid #DFDFDF;
  background: #E7F1F8;
  border-color: #BEDEFF;
}

#infoBox {
  position: absolute;
  z-index: 1020;
  display: none;
  padding: 5px;
  font-size: 11px;
}

#infoBox.down {
  margin-top: -2px;
}

#infoBox.right {
  margin-left: 2px;
}

#infoBox.up {
  margin-top: 2px;
}

#infoBox.left {
  margin-left: -2px;
}

#infoBox.down #infoBoxArrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top: 5px solid #000;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

#infoBox.left #infoBoxArrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000000;
}

#infoBox.up #infoBoxArrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000000;
  border-left: 5px solid transparent;
}

#infoBox.right #infoBoxArrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-left: 5px solid #000000;
  border-bottom: 5px solid transparent;
}

#infoBoxContent {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#infoBox.large #infoBoxContent {
  font-size: 13px;
  line-height: 1.4em;
  padding: 9px 12px;
}

#infoBox.dark #infoBoxContent {
  font-size: 12px;
  line-height: 1.5em;
  padding: 10px 17px;
  background-color: rgba(0, 0, 0, 0.75);
}

#infoBox.dark #infoBoxArrow {
  border-top: 5px solid rgba(0, 0, 0, 0.75);
}

#infoBox.white #infoBoxContent {
  color: #EFB22F;
  font-size: 13px;
  line-height: 1.5em;
  padding: 10px 17px;
  background-color: #fff;
  width: 188px;
}

#infoBox.white.smaller #infoBoxContent {
  width: 170px;
  padding: 10px 7px;
}

#infoBox.white.down #infoBoxArrow {
  border-top: 5px solid #fff;
}

#infoBox.white.up #infoBoxArrow {
  border-bottom: 5px solid #fff;
}

#infoBox.dark.right #infoBoxArrow {
  border-left: 5px solid rgba(0, 0, 0, 0.75);
  border-top: 5px solid rgba(0, 0, 0, 0);
  border-right: none;
}

#infoBoxArrow {
  position: absolute;
  width: 0;
  height: 0;
}

.disclaimer {
  padding: 18px 45px 0 0;
  margin: 0 0 -24px 0;
  font-size: 13px;
  color: #747474;
  position: relative;
  z-index: 10;
}

.disclaimer textarea {
  width: 600px;
  height: 216px;
  padding: 9px 12px;
  border: 1px solid #ccc;
  background: #fff;
}

.disclaimer label {
  cursor: pointer;
  padding: 13px 0;
  color: #686868;
  display: block;
  font-size: 14px;
}

.disclaimer label.error {
  bottom: -5px;
  left: 22px;
  color: #B94A48;
  display: none;
  font-weight: normal;
  font-size: 13px;
  margin: 0;
  padding: 0;
  cursor: default;
}

.question label.checkbox {
  font-weight: normal;
}

#merchant-email-unknown {
  padding-top: 13px;
  padding-left: 11px;
  color: #696969;
  font-size: 13px;
}

.question.disabled {
  opacity: 0.3;
}

#merchant-email-unknown-text {
  font-weight: bold;
  padding-top: 29px;
}

.msg {
  margin: 36px auto -10px;
  padding: 24px 41px;
  max-width: 715px;
  border-radius: 4px;
}
@media (max-width: 500px) {
  .msg {
    padding: 21px 26px;
  }
  .msg .msg-title {
    font-size: 17px;
  }
  .msg .msg-content {
    padding-top: 15px;
    font-size: 14px;
    line-height: 1.4em;
  }
}

.msg-title {
  font-family: "Open Sans";
  font-size: 22px;
  font-weight: 600;
  line-height: 1.3em;
}

.msg-content {
  font-size: 15px;
  padding-top: 23px;
}

.msg.positive {
  background: #fff;
  color: #11afd7;
  border: 1px solid #11afd7;
}
.msg.positive a {
  color: #11afd7;
}

.msg.negative {
  background: #fff;
  color: #e80000;
  border: 1px solid #e80000;
}
.msg.negative a {
  color: #e80000;
}

#page-content-home .msg {
  z-index: 20;
  position: relative;
  margin: 0px auto -90px;
  padding: 31px 23px 31px 3px;
  z-index: 9;
  position: relative;
  top: 87px;
  text-align: center;
  width: 772px;
  background: rgba(255, 255, 255, 0.11);
  box-shadow: none;
  color: #fff;
  border: 0;
}

#account {
  float: right;
  font-size: 14px;
  color: #fff;
  margin-top: 11px;
  cursor: pointer;
  position: relative;
}

#account:hover {
  color: #eee;
}

#account i {
  padding-left: 3px;
}

#account ul {
  display: none;
  padding: 7px 0 0 0;
  margin: 0;
  position: absolute;
  top: 20px;
  right: -27px;
  background: #424242;
  z-index: 20;
  box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.24);
  min-width: 140%;
}
#account ul i {
  padding: 0 0 0 11px;
  margin: 0;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.37);
}

body #header #account ul {
  background: #484748;
  max-height: 423px;
  overflow: auto;
}

#account:hover ul {
  display: block;
}

#account li {
  list-style: none;
  padding: 0;
  margin: 0;
}
#account li.seperator {
  border-top: 1px solid rgba(255, 255, 255, 0.14);
}
#account li.seperator + li a {
  padding-top: 9px;
}
#account li:last-child a {
  padding-bottom: 10px;
}
#account li.company a {
  padding-right: 27px;
}

#account ul a {
  color: #fff;
  padding: 9px 25px;
  display: block;
  text-align: right;
  white-space: nowrap;
  text-decoration: none;
}

#account ul a:hover {
  background: rgba(255, 255, 255, 0.09);
}

table.data {
  border: 1px solid #F0F0F0;
  border-collapse: collapse;
  width: 100%;
}

table.data td, table.data th {
  border: 1px solid #F0F0F0;
  padding: 3px;
  text-align: left;
  font-size: 13px;
}

.nostrong strong {
  font-weight: normal;
}

.right-box {
  clear: right;
  float: right;
  margin: 0px 0 9px 20px;
  padding: 15px 12px;
  background: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
  width: 250px;
  text-align: center;
}

.logo-frame {
  margin-bottom: 20px;
}

.chargeback-status {
  font-weight: normal;
  color: #666;
  padding: 19px 12px 16px;
  font-size: 14px;
}

.chargeback-status i {
  color: green;
  font-size: 20px;
  padding-left: 8px;
  vertical-align: middle;
}

.chargeback-status strong {
  font-weight: normal;
  color: #000;
}

.lodge-button {
  clear: right;
  float: right;
  margin: 12px 0 30px 20px;
}

.lodge-button .btn {
  width: 274px;
  padding: 8px 10px;
  display: block;
  margin: 0;
  white-space: normal;
  height: auto;
  line-height: 18px;
}

.lodge-button form {
  margin: 0;
  padding: 0;
}

.crunchbase-credit {
  padding: 18px 0 0 0;
}

.crunchbase-credit, #footer.content .crunchbase-credit a {
  color: #bbb;
}

.alt-page {
  margin: 40px 0 0 0;
  position: relative;
  z-index: 10;
}

.alt-page a {
  color: #A8A8A8;
  font-size: 13px;
}

a .hl {
  font-weight: bold;
}

.find-results .page-desc {
  margin-bottom: 12px;
  margin-top: 41px;
  font-weight: bold;
}

.find-results-no {
  margin-top: 31px;
  color: rgb(167, 19, 19);
}

.content input.ui-autocomplete-loading {
  background: white url("https://cdn.chargedesk.com/ajax-loader2.gif") 428px 5px no-repeat;
}

.autocomplete-wrapper {
  width: 460px;
}

.ui-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 160px;
  _width: 160px;
  padding: 2px 0;
  margin: 2px 0 0 0;
  list-style: none;
  background-color: #ffffff;
  border-color: #ccc;
  border-color: rgba(0, 0, 0, 0.2);
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  *border-right-width: 2px;
  *border-bottom-width: 2px;
}

.ui-autocomplete:before {
  content: "";
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 12px;
}

.ui-autocomplete:after {
  content: "";
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #FFF;
  position: absolute;
  top: -6px;
  left: 13px;
}

.ui-autocomplete .ui-menu-item > a.ui-corner-all {
  display: block;
  padding: 3px 13px;
  clear: both;
  font-weight: normal;
  line-height: 18px;
  color: #555555;
  white-space: nowrap;
  cursor: pointer;
}

.ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-hover, .ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-active, .ui-autocomplete .ui-menu-item > a.ui-corner-all.ui-state-focus {
  text-decoration: none;
  background-color: #C4D9E4;
  border: 0;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background-image: none;
}

.prefilled-show {
  display: none;
}

#slogan {
  position: absolute;
  line-height: 1.2em;
  bottom: 105px;
  left: 331px;
  width: 272px;
  font-size: 13px;
  color: #7C7C7C;
}

#slogan-business {
  position: absolute;
  line-height: 1.2em;
  top: 283px;
  left: 234px;
  width: 460px;
  font-size: 13px;
  color: #646464;
}

.no-logo {
  background: #999;
  color: #fff;
  width: 250px;
  height: 56px;
  text-align: center;
  padding-top: 33px;
  margin-bottom: 3px;
}

.no-logo i {
  font-size: 27px;
  padding-right: 10px;
  vertical-align: text-bottom;
}

.claim-logo {
  margin-bottom: 8px;
}

.page-desc.large {
  padding-top: 13px;
  padding-bottom: 14px;
}

.recent-update-list {
  max-height: 200px;
  overflow-x: scroll;
}

a.edit {
  color: #333;
}

form.inline {
  display: inline;
}

.beta {
  font-size: 13px;
  font-weight: normal;
  vertical-align: top;
  display: inline;
  padding-left: 7px;
  color: #BE3737;
  position: relative;
  top: -9px;
}
.beta.closer {
  padding-left: 4px;
  top: -3px;
}

#chat-container {
  margin: 0 0 0 0;
  display: block;
  font-size: 13px;
  color: #555;
  border: 1px solid #E2E2E2;
  border-radius: 6px;
  background: #fff;
  font-weight: 500;
  line-height: 1.4em;
  padding-top: 13px;
  padding: 0 13px 17px;
  max-width: 459px;
  height: 375px;
  overflow-y: scroll;
}
@media (max-width: 500px) {
  #chat-container {
    margin: 13px 16px 0;
  }
}

#chat-container-inner {
  position: relative;
}
#chat-container-inner .col-desc {
  display: none;
}

.chat-item {
  clear: both;
  position: relative;
  padding: 10px 0;
}

.chat-icon {
  position: absolute;
  bottom: 10px;
  font-size: 30px;
  color: #BDBDBD;
}

.chat-right .chat-icon {
  right: 1px;
}

.chat-left .chat-icon {
  left: 1px;
}

.chat-tail {
  position: absolute;
  bottom: 15px;
  font-size: 22px;
  z-index: 20;
}

.chat-right .chat-tail {
  right: 28px;
  color: #CDE6FA;
  text-shadow: 2px 0px 0 #85AFC9;
}

.chat-left .chat-tail {
  left: 28px;
  color: #f2f6f9;
  text-shadow: -2px 0px 0 #CED6E0;
}

.chat-text {
  letter-spacing: 0.01em;
  font-family: "Open Sans";
  padding: 8px 14px;
  margin: 0;
  list-style: none;
  background-color: #fff;
  display: block;
  float: left;
  clear: both;
  border-radius: 0.5rem 0.5rem 0.5rem 2px;
  font-size: 1em;
  word-break: break-word;
  max-width: 90%;
  box-sizing: border-box;
  border: 1px solid #e3e5ea;
  font-weight: 400;
}

.chat-right .chat-text {
  float: right;
  border-radius: 0.5rem 0.5rem 2px 0.5rem;
  background-color: #2ca1e5;
  border-color: #2ca1e5;
  color: #fff;
}

.chat-left .chat-text {
  float: left;
}

.clear {
  clear: both;
}

.chat-name {
  padding-top: 5px;
}

.chat-right .chat-name {
  clear: right;
  float: right;
}

.chat-content {
  padding-top: 1px;
}

.chat-content.full {
  padding-top: 10px;
}

.chat-date {
  color: #BEBEBE;
  text-align: center;
  padding-bottom: 4px;
  font-size: 10px;
}

.ticket-describe {
  color: #777777;
  text-align: center;
  padding: 11px 0 2px 0;
  font-size: 12px;
}

#chat-input {
  max-width: 457px;
  border: 1px solid #E2E2E2;
  background: #fff;
  border-radius: 6px;
  padding: 14px 11px 11px 18px;
  position: relative;
  margin-left: 0;
}
#chat-input .chat-tail {
  display: none;
  color: #ffffff;
  text-shadow: 2px 0px 0 #E6E6E6;
  bottom: 28px;
  right: -6px;
}
#chat-input.error {
  color: #B94A48;
  border-color: #B94A48;
}
@media (max-width: 800px) {
  #chat-input .chat-tail {
    display: none;
  }
}
@media (max-width: 500px) {
  #chat-input {
    margin: 13px 16px 0;
  }
}

#chat-message, #chat-name {
  border: 0;
  background: transparent;
  box-shadow: none;
}

#chat-name {
  width: 358px;
  margin: 0;
  line-height: normal;
  padding: 0;
  font-weight: bold;
}

#chat-message {
  width: 100%;
  max-width: 451px;
  height: 78px;
  margin-right: 8px;
  resize: none;
  padding: 0 0 0 0;
  transition: height 0.2s;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  line-height: 1.5em;
}

#chat-send {
  width: 130px;
  position: absolute;
  top: 0;
  right: -153px;
  line-height: 35px;
}
@media (max-width: 800px) {
  #chat-send {
    position: initial;
    width: 100%;
    display: block;
    padding: 0;
    bottom: 0;
    right: 0;
    margin: 0 0 0 -4px;
  }
  #chat-send i {
    display: none;
  }
}

.content .btn-chat {
  background: #2ca1e5 !important;
  border: 0 !important;
  color: #FFF !important;
}

.content .btn-chat:hover {
  opacity: 0.7;
}

#chat-input .chat-icon {
  right: 8px;
  top: 2px;
  position: absolute;
  text-shadow: none;
  color: #B6B6B6;
}

#chat-container-footer {
  height: 14px;
}

#chat-resolve {
  width: 486px;
}

#chat-resolve .btn-chat {
  width: 49%;
  padding: 0;
}

#chat-resolve .btn-chat:first-child {
  margin-right: 5px;
}

.chat-resolve .btn-chat i {
  padding-right: 6px;
  font-size: 25px;
  position: relative;
  top: 4px;
}

.chat-resolve .btn-chat:hover i {
  color: #000;
}

.chat-title {
  margin-top: 26px;
  font-family: "Open Sans";
  border-top: 1px solid #CACACA;
  text-align: center;
  width: 486px;
}

.chat-title span {
  background: #F8F8F8;
  position: relative;
  top: -12px;
  padding: 0 10px;
}

.chat-tip {
  clear: right;
  float: right;
  width: 152px;
  margin-right: -41px;
  margin-top: -14px;
  opacity: 0.2;
  cursor: default;
  -webkit-transition: opacity 0.4s ease-out;
  -moz-transition: opacity 0.4s ease-out;
  -ms-transition: opacity 0.4s ease-out;
  -o-transition: opacity 0.4s ease-out;
  transition: opacity 0.4s ease-out;
}

.chat-section:hover .chat-tip {
  opacity: 1;
}

.chat-tip-number {
  border-radius: 50%;
  width: 33px;
  height: 34px;
  background: #eee;
  padding: 11px 0 0 12px;
  font-size: 38px;
  color: #999;
  float: left;
  margin-right: 10px;
  margin-left: -55px;
}

.chat-tip-tip {
  font-size: 12px;
  padding: 10px 0 0 0;
  line-height: 1.3em;
  color: #666;
}

#fine-uploader {
  margin-top: 20px;
}

body .btn.qq-upload-button {
  padding: 0 22px;
  width: 442px;
  border: 1px solid #C9C9C9;
}

body .btn.qq-upload-button i {
  left: 4px;
  top: 5px;
  position: relative;
  text-shadow: none;
  color: #B6B6B6;
  font-size: 26px;
}

.qq-upload-status-text {
  display: block;
  padding-top: 6px;
}

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.alert,
.alert h4 {
  color: #c09853;
}

.alert h4 {
  margin: 0;
}

.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success h4 {
  color: #468847;
}

.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #F2DEDE;
  border-color: #EED3D7;
}

.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info h4 {
  color: #3a87ad;
}

.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
  margin-bottom: 0;
}

.alert-block p + p {
  margin-top: 5px;
}

.chat-img-preview {
  margin: -5px -20px -8px -12px;
  border: 0;
  opacity: 0.85;
}

.chat-img-preview:hover {
  opacity: 1;
}

.chat-text-file {
  position: relative;
  padding-right: 35px;
  min-height: 20px;
  padding-top: 2px;
}

.chat-text-file .fa-file {
  position: absolute;
  top: -8px;
  right: -6px;
  text-decoration: none;
  font-size: 40px;
  color: #78B4C4;
}

.chat-title-resolve {
  margin-top: 60px;
}

.chat-details {
  border-top: 1px solid #D5D5D5;
  border-bottom: 1px solid #D5D5D5;
  margin: 29px -60px 37px -63px;
  padding: 8px 60px 9px 63px;
  color: #646464;
  font-size: 13px;
  line-height: 1.3em;
  background: rgb(253, 253, 253);
}

.chat-section {
  margin-left: -20px;
}

.chat-section1 {
  margin-top: -12px;
  position: relative;
  z-index: 10;
  max-width: 488px;
}

.chat-section1 .chat-tip {
  margin-top: 4px;
}

.chat-section2 .chat-tip {
  margin-top: 10px;
}

.chat-section3 {
  padding-bottom: 30px;
}

.chat-section2 {
  padding-top: 22px;
}

#home-quote-person {
  position: absolute;
  top: 92px;
  left: 121px;
  color: #C2C2C2;
  display: none;
}

#api-docs {
  margin-top: 10px;
  position: relative;
}

#api-docs table {
  width: 100%;
  border-collapse: collapse;
}

#api-docs .command-desc {
  border-top: 1px solid #DDD;
  padding: 11px 32px 75px 32px;
  font-size: 14px;
  vertical-align: top;
}

#api-docs .command-code {
  border-left: 1px solid #DDD;
  border-top: 1px solid #DDD;
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.02) 0%, transparent 100%);
  padding: 89px 0 10px 30px;
  vertical-align: top;
  width: 44%;
  position: relative;
}

#api-docs .command-code pre {
  padding: 10px 0 25px 0;
  margin: 0;
  white-space: pre-wrap;
  font-size: 13px;
  color: #333;
  font-family: "Source Code Pro";
  font-weight: 300;
  line-height: 18px;
  word-break: break-word;
}

#api-docs h3, h4 {
  padding: 0;
  margin: 0;
}

h4.padded {
  padding-top: 10px;
}

h4.padded-extra {
  padding-top: 35px;
}

#api-docs h3 {
  font-size: 19px;
  color: #333;
  font-weight: bold;
  padding-bottom: 13px;
  padding-top: 14px;
}

#api-docs h4 {
  font-size: 14px;
}

#api-docs .params {
  padding-top: 29px;
}

#api-docs .params h5 {
  padding: 16px 0 2px 0;
  margin: 0;
}

#api-docs .params h5 .opt {
  color: #A3A3A3;
  font-weight: normal;
  padding-left: 4px;
}

#api-docs .params a {
  color: #646464;
}

#api-docs .param {
  padding-left: 18px;
  color: #646464;
}

#api-container {
  position: relative;
}

#api-container h1 {
  padding-left: 228px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
}

#api-menu {
  position: absolute;
  top: 96px;
  left: 0;
  margin: 0;
  padding: 13px 0 0 16px;
  width: 184px;
  z-index: 10;
  overflow-y: scroll;
}

#api-menu.fixed {
  position: fixed;
  top: 2px;
  left: 0;
  max-height: 100%;
  padding-bottom: 30px;
  box-sizing: border-box;
}

#api-menu li {
  list-style: none;
  margin: 0;
  padding: 0 0 0 10px;
  font-size: 12px;
  line-height: 19px;
}

#api-menu li.heading, #api-menu li.title {
  padding: 0;
}

#api-menu li.title {
  font-size: 20px;
  padding: 0 0 1px 0;
  color: #C7C7C7;
}

#api-menu li.heading {
  font-size: 13px;
  padding-top: 20px;
}

#api-menu li.desc {
  padding-top: 20px;
  padding-left: 0;
}

#api-docs-menu-bg {
  border-right: 1px solid #DDD;
  background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.02) 0%, transparent 100%);
  width: 192px;
  min-width: 184px;
}

#api-docs-menu-cell {
  display: table-cell;
  width: 200px;
}

#api-menu-bg {
  border-right: 1px solid #DDD;
  background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.02) 0%, transparent 100%);
  width: 194px;
  position: absolute;
  top: -55px;
  left: 0;
  height: 136px;
}

.api-currency-code {
  float: left;
  clear: left;
  font-weight: bold;
  width: 40px;
}

.api-currency-name {
  float: left;
  white-space: nowrap;
}

#sub-menu {
  width: 798px;
  position: relative;
  z-index: 1;
  margin: 44px auto -26px auto;
  overflow: hidden;
}

#sub-menu ul {
  width: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #DCDCDC;
  box-sizing: border-box;
  background: #fbfbfb;
}

#sub-menu li {
  font-size: 0.95em;
  list-style: none;
  padding: 0;
  margin: 0;
  flex: 1 100%;
  border-left: 1px solid #E0E0E0;
  box-sizing: border-box;
}

#sub-menu li:first-child {
  border-left: none;
  flex: 1 110%;
}

#sub-menu li a {
  display: block;
  padding: 20px 0;
  text-align: center;
  text-decoration: none;
  color: #989898;
  margin: 0;
  line-height: 1em;
}
#sub-menu li a:hover {
  color: #333;
}
#sub-menu li a i {
  margin-right: 11px;
  opacity: 0.8;
}

#sub-menu ul li.active {
  background: #fff;
}
#sub-menu ul li.active a {
  color: #1286AB !important;
}
#sub-menu ul li.active a i {
  opacity: 1;
}

.number-panel {
  display: inline;
  padding: 7px 9px;
  margin: 0 7px;
  color: rgb(46, 46, 46);
  border-bottom: 1px solid #666;
  font-weight: 400;
  line-height: 2.3em;
}

.number-panel-multi {
  display: inline-block;
  vertical-align: top;
  margin: 0 9px;
}
.number-panel-multi span {
  padding: 7px 0px;
  color: #2e2e2e;
  border-bottom: 1px solid #666;
  font-weight: 400;
  line-height: 2.3em;
}

.support-charge-panel {
  margin: -26px 0 0 -63px;
  padding: 25px 63px 28px;
  color: #636363;
  font-family: "Open Sans";
  font-weight: 200;
  line-height: 32px;
}

#charge-stamp {
  position: absolute;
  top: 11px;
  right: 10px;
}

table.items {
  padding: 0;
  margin: 0 0 0;
  border-collapse: collapse;
  width: 100%;
}

table.items th, table.items td {
  font-size: 13px;
  padding: 8px 4px;
}
table.items th.right, table.items td.right {
  text-align: right;
  padding-right: 20px;
  padding-left: 0px;
}
table.items th:first-child, table.items td:first-child {
  padding-left: 0;
}
table.items th:last-child, table.items td:last-child {
  padding-right: 0;
}

table.items th {
  text-align: left;
  color: #989898;
  font-size: 13px;
  font-family: Arial;
  font-weight: normal;
}

table.items th {
  border-bottom: 1px solid #ececec;
}

table.items td.nowrap {
  white-space: nowrap;
}

table.items td.multi {
  width: 30%;
}

table.items td.lighter {
  color: #888;
}

table.items tr:nth-child(2) td {
  padding-top: 13px;
}

table.items tr.report th, table.items tr.report td {
  padding: 7px 8px;
}
table.items tr.report td.right, table.items tr.report th.right {
  text-align: right !important;
}
table.items tr.report td.center, table.items tr.report th.center {
  text-align: center !important;
}
table.items tr.report.sub-row td {
  border-left: none;
  border-top: none;
}
table.items tr.report td.has-sub-row {
  border-bottom: none;
}
table.items tr.report td.top {
  vertical-align: top;
}
table.items tr.report.converted td {
  opacity: 0.6;
}
table.items tr.report.separated td {
  border-top: 1px solid #ECECEC;
}
table.items tr.report.separated td:first-child {
  padding-left: 20px;
}
table.items tr.report.odd {
  background: #fff;
}

table.items tr.item {
  cursor: pointer;
}
table.items tr.item td.expand-control, table.items tr.item th.expand-control {
  width: 37px;
}
table.items tr.item.expanded-row {
  cursor: default;
  background: #FFF;
  display: none;
}
table.items tr.item.expanded-row td {
  border-top: 0;
  padding: 3px 0 19px 49px;
}
table.items tr.item.expanded-row .expanded-field {
  padding: 3px 0;
}
table.items tr.item.expanded-row .expanded-field .expanded-title {
  display: inline-block;
  width: 90px;
  font-weight: bold;
  text-align: right;
  padding-right: 12px;
  white-space: nowrap;
  vertical-align: top;
}
table.items tr.item.expanded-row .expanded-field .expanded-content {
  display: inline-block;
  max-width: 510px;
}
table.items tr.item.expanded-row .expanded-field .expanded-content .icon {
  font-size: 11px;
}
table.items tr.item.expandable td, table.items tr.item.expandable th {
  padding: 9px 4px;
}
table.items tr.item.expandable td.icon i, table.items tr.item.expandable th.icon i {
  color: #CACACA;
  font-size: 16px;
  padding: 0px 0 0 9px;
  vertical-align: bottom;
}
table.items tr.item.expandable td.icon i.fa-minus, table.items tr.item.expandable th.icon i.fa-minus {
  position: relative;
  top: 1px;
}
table.items tr.item.expandable.expanded {
  background: #FFF;
}
table.items tr.item.expandable.expanded td {
  border-bottom: 0;
}
table.items tr.item.expandable.expanded + tr.item.expanded-row {
  display: table-row;
}
table.items tr.item.expandable.expanded .show-on-expand {
  display: inline;
}
table.items tr.item.expandable.expanded .show-on-collapse {
  display: none;
}
table.items tr.item.expandable .show-on-expand {
  display: none;
}
table.items tr.item.expandable .show-on-collapse {
  display: inline;
}

table.items tr.item:hover.expandable td.icon i {
  color: #000;
}

table.items tr.item:hover td.underline {
  text-decoration: underline;
}

table.items tr.item.checked {
  background: #F2FAFC;
}

table.items tr.item-question.checked-old {
  background: #F2FAFC;
}

table.items tr.item-cancel.checked-old {
  background: #FFF2F2;
}

table.items tr.item-refund.checked-old {
  background: #FFF6E4;
}

table.items td .none {
  color: rgb(196, 196, 196);
}

table.items td .none-darker {
  color: #888;
}

table.items td .light {
  color: rgb(196, 196, 196);
}

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

.charge-type, .subscription-type {
  border: 1px solid #ADADAD;
  background: #fbfbfb;
  color: #494949;
}

.ticket-type.type-question, .charge-type.type-paid, .subscription-type.type-active {
  border: 1px solid #86D4F1;
  background: #D6EBF3;
  color: #3992B4;
}

.charge-type.type-pending, .charge-type.type-subscription, .charge-type.type-authorized, .subscription-type.type-pending, .subscription-type.type-trialing {
  border: 1px solid rgba(0, 132, 165, 0.4901960784);
  background: #fbfbfb;
  color: #0094b9;
}

.ticket-type.type-refund, .charge-type.type-refunded, .charge-type.type-partially {
  border: 1px solid #F3BB84;
  background: #fbfbfb;
  color: #e26f00;
}

.ticket-type.type-cancel, .subscription-type.type-unpaid, .subscription-type.type-past_due {
  border: 1px solid #ff9066;
  background: #fbfbfb;
  color: #e85700;
}

.charge-type.type-requested, .subscription-type.type-requested {
  border: 1px solid #6CC36D;
  background: #fbfbfb;
  color: #0C940C;
}

.items-summary {
  margin: 0 -50px 0;
  margin-bottom: 23px;
  padding: 29px 0 27px 45px;
  font-size: 13px;
  color: #868686;
  background: #fff;
  border-bottom: 1px solid #E4E4E4;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom: 1px solid #E4E4E4;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  position: relative;
}

.items-summary button {
  position: absolute;
  top: 31px;
  right: 52px;
  padding: 0 20px;
  height: 35px;
}

.items-summary button i {
  padding-right: 3px;
  color: #999;
}

.select-all {
  border: 1px solid transparent;
  border-radius: 3px;
  display: inline;
  padding: 5px 9px 5px 4px;
  margin-left: -3px;
  font-size: 13px;
  line-height: 13px;
  font-weight: normal;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  cursor: pointer;
  position: relative;
  opacity: 0.3;
}

.select-all:hover {
  opacity: 1;
}

.select-all i {
  padding: 0 3px 0 5px;
  display: none;
}

.select-all.over i {
  display: inline;
}

.select-all.over {
  box-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px 1px 0px;
  background: #fff;
  color: #7C7C7C;
  border: 1px solid #F1F1F1;
  opacity: 1;
}

ul.select-all-menu {
  position: absolute;
  top: 26px;
  left: -11px;
  margin: 0;
  padding: 5px 0 7px;
  background: #f7f7f7;
  border-radius: 3px;
  box-shadow: 0 1px 5px 0px rgba(0, 0, 0, 0.12);
  display: none;
}

.select-all.over ul.select-all-menu {
  display: block;
}

ul.select-all-menu li {
  margin: 0;
  padding: 8px 26px 7px 18px;
  list-style: none;
  font-size: 12px;
  white-space: nowrap;
}

ul.select-all-menu li:hover {
  background: #FDFDFD;
}

ul.select-all-menu li .ticket-type, ul.select-all-menu li .charge-type {
  margin-left: 30px;
}

.ticket-panel {
  position: absolute;
  top: 44px;
  right: 27px;
  width: 223px;
  z-index: 20;
}

.panel-section {
  background: whiteSmoke;
  border: 1px solid #E4E4E4;
  border-radius: 5px;
  margin-bottom: 15px;
  text-align: right;
  position: relative;
  padding: 10px 10px 2px 0;
  font-size: 13px;
  transition: all 0.3s;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
}

.panel-section a {
  color: #333;
  text-decoration: none;
}

.panel-section-title {
  position: absolute;
  top: 7px;
  left: 10px;
  text-align: left;
  color: #E6E6E6;
  font-size: 34px;
}

.panel-section-item {
  padding: 0 0 9px 0;
  position: relative;
  z-index: 2;
  font-size: 13px;
}

.panel-section-item b {
  color: #CCCCCC;
}

.panel-section-button {
  padding: 3px 0 15px 0;
  text-align: center;
}

button.btn.btn-primary.btn-chat.btn-charge {
  border: 1px solid #C9C9C9;
  background: -webkit-linear-gradient(top, white 0%, #EDF5F8 100%);
  padding: 0 18px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.28), 0 1px 2px rgba(0, 0, 0, 0.13);
}

button.btn.btn-primary.btn-chat.btn-charge:hover {
  background: -webkit-linear-gradient(top, white 50%, #EDF5F8 100%);
}

button.btn.btn-primary.btn-chat.btn-charge:active {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

#chat-input label.error {
  bottom: 10px;
  left: 18px;
}

#chat-input.focus {
  border-color: #33aad0 !important;
  outline: 0;
}

#chat-input.focus .chat-tail {
  color: white;
  text-shadow: 2px 0px 0 #33aad0;
}

.panel-caret {
  display: none;
  position: absolute;
  top: 14px;
  left: -12px;
  font-size: 38px;
  color: whitesmoke;
  text-shadow: -1px 0px 0 #E0E0E0;
  transition: all 0.2s;
  -moz-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
}

.panel-section.panel-active {
  background: #ffffff;
  border: 1px solid #DBDBDB;
}

.panel-section.panel-active .panel-caret {
  color: #fff;
  text-shadow: -1px 0px 0 #CFCFCF;
}

.ticket-section {
  min-height: 380px;
}

#chat-ticket {
  min-height: 362px;
}

h2.single-item-title {
  color: #999;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  padding-bottom: 23px;
  border-bottom: 1px solid #EBEBEB;
}
h2.single-item-title + p {
  margin-top: 30px;
}

h2.single-item-title .core {
  color: #444;
  font-size: 31px;
  position: relative;
  top: 4px;
  padding: 0 5px 0 0;
}

h2.single-item-title.small {
  clear: both;
  font-weight: normal;
  padding-bottom: 0;
  font-size: 17px;
  padding-top: 42px;
  border: 0;
  color: #CCC;
}
h2.single-item-title.small a {
  color: #CCC;
  font-size: 14px;
  margin-left: 5px;
}

h2.single-item-title.small.inside {
  padding-top: 47px;
}

table.single-item {
  margin: 27px 20px 0 82px;
  padding: 0;
  border-collapse: collapse;
}
table.single-item .desc {
  font-weight: normal;
  color: #C0C0C0;
  padding: 0px;
  font-size: 13px;
  line-height: 1.4em;
  margin-top: 2px;
}
table.single-item.metadata {
  margin-top: 0;
}
table.single-item.metadata th {
  padding-top: 15px !important;
  width: 50px;
}
table.single-item.metadata tbody td {
  padding-top: 9px !important;
}
table.single-item.metadata input.short {
  width: 157px;
}
table.single-item.metadata .btn .fa {
  line-height: 29px;
}
table.single-item tr th .desc {
  color: #999;
  font-size: 14px;
  padding-top: 2px;
}
table.single-item tr td.info {
  color: #777;
  font-size: 14px;
}
table.single-item tr td.info.padded {
  padding-bottom: 20px;
}
table.single-item tr.spaced th, table.single-item tr.spaced td {
  padding-top: 12px;
}
table.single-item tr.line-through th, table.single-item tr.line-through td {
  text-decoration: line-through;
}
table.single-item tr.separator th, table.single-item tr.separator td {
  padding-bottom: 0;
}
table.single-item tr.separator th div, table.single-item tr.separator td div {
  margin-top: 20px;
  border-top: 1px solid #ccc;
  color: #ccc;
  margin-right: 15px;
}
table.single-item tr.separator th div span, table.single-item tr.separator td div span {
  background: #fff;
  position: relative;
  top: -10px;
  padding: 0 20px 0 0;
}

.agent-log {
  font-size: 90%;
}
.agent-log .description {
  font-weight: bold;
}
.agent-log .time {
  color: #888;
}

table.single-item th, table.single-item td {
  padding: 9px 5px;
}

table.single-item th {
  text-align: left;
  color: #C2C2C2;
  font-size: 15px;
  width: 100px;
  font-weight: normal;
}

table.single-item tr.requires th {
  padding-left: 15px;
}

table.single-item td.sub-title {
  color: #C2C2C2;
  font-size: 15px;
  padding-bottom: 0;
}

table.single-item td {
  font-size: 15px;
  position: relative;
}

.single-item-input table.single-item td, .single-item-input table.single-item th {
  padding-top: 22px;
}

.single-item-section {
  margin: 38px 0 0 0;
  padding: 0 0 32px 0;
  background: #fff;
  position: relative;
  border: 1px solid #F0F0F0;
}

.single-item-section .title {
  color: #FFFFFF;
  font-size: 17px;
  padding: 26px 0 25px 85px;
  position: relative;
  background: #00CCFF;
  transition: background 0.2s;
  -moz-transition: background 0.2s; /* Firefox 4 */
  -webkit-transition: background 0.2s; /* Safari and Chrome */
  -o-transition: background 0.2s; /* Opera */
}

.single-item-section .title i {
  color: rgba(255, 255, 255, 0.4);
  font-size: 42px;
  vertical-align: middle;
  position: absolute;
  top: 18px;
  left: 2px;
  width: 80px;
  text-align: center;
}
.single-item-section .title i.fa-stack {
  font-size: 21px;
}

.single-item-section.single-item-input {
  background: #FFFFFF;
}

table.single-item .none {
  color: rgb(196, 196, 196);
}

table.single-item .none-darker {
  color: #888;
}

.items-none {
  padding: 17px 0 0 64px;
  position: relative;
}

.items-none i {
  color: #E2E2E2;
  position: absolute;
  top: 15px;
  left: 3px;
  font-size: 48px;
}

.items-none i.fa-plus {
  color: #AFAFAF;
  position: absolute;
  top: 9px;
  left: 27px;
  font-size: 13px;
  display: none;
}

.items-none a {
  text-decoration: none;
}

.items-none a:hover {
  text-decoration: underline;
}

.items-none .single-line {
  padding: 8px 0 0 5px;
  color: #A0A0A0;
}

.single-item-input input[type=text], .single-item-input textarea {
  border: 1px solid #ccc;
  width: 402px;
}

.single-item-input input[type=text]:focus, .single-item-input textarea:focus {
  border-color: rgba(26, 200, 255, 0.8);
}

.single-item-input input.ui-autocomplete-loading {
  background: #FFFFFF url("https://cdn.chargedesk.com/ajax-loader2.gif") 374px 5px no-repeat;
}

.single-item-input input[type=text].short, .btn.short {
  width: 227px;
}

.single-item-input input[type=text].petite, .btn.petite {
  width: 130px;
  text-align: center;
  padding-right: 4px;
  padding-left: 4px;
}

.single-item-input input[disabled=disabled] {
  background: #f1f1f1;
  box-shadow: none;
}

.btn.tiny {
  width: 62px;
}

.single-item-input input[type=text].tiny {
  width: 62px;
  text-align: center;
  padding: 0;
}
.single-item-input input[type=text].tiny.closer {
  margin-right: 9px;
}

.single-item-input input[type=text].error, .single-item-input textarea.error {
  border-color: #B94A48;
}

table.settings .desc, .single-item-input .desc {
  padding-top: 4px;
  color: #BBB;
  font-size: 12px;
  padding-right: 62px;
  padding-bottom: 10px;
}

.single-item-input table.single-item th {
  vertical-align: top;
  padding-top: 28px;
}

.single-item-input table.single-item tr:first-child th {
  padding-top: 15px;
}

.single-item-input table.single-item tr:first-child td {
  padding-top: 9px;
}

.single-item-input table.single-item tr.no-input th, .single-item-input table.single-item tr.no-input td {
  vertical-align: top;
  padding-top: 9px;
}

table.single-item td.input-desc {
  font-size: 13px;
  padding: 26px 23px 15px 3px;
  border-top: 1px solid #ECECEC;
}

table.single-item label.error {
  top: 7px;
  left: 5px;
}

.single-item-input table.single-item tr:first-child th label.error, .single-item-input table.single-item tr:first-child td label.error {
  top: -5px;
}

td.icon i {
  color: rgb(129, 193, 230);
  font-size: 22px;
  padding: 0px 0 0 5px;
  vertical-align: bottom;
}

.app-items i.incomplete {
  color: #d1e2ec;
}

.app-items i.inactive {
  color: #d1e2ec;
}

.items-callout {
  padding: 12px 0 34px 10px;
  font-size: 14px;
  color: #C08080;
}

.items-callout a {
  color: #C08080;
  text-decoration: underline;
}

.items-callout i {
  font-size: 22px;
  vertical-align: middle;
  padding-right: 10px;
}

#item-filter {
  display: block;
  border: 1px solid transparent;
  padding: 10px;
  border-radius: 3px;
  margin-left: -1px;
  cursor: pointer;
  max-width: 65%;
  line-height: 18px;
  position: relative;
  font-size: 13px;
}
#item-filter b {
  padding: 0 3px;
  font-size: 1.07em;
}
#item-filter .far {
  margin-right: 0.7em;
  font-size: 1.2em;
  vertical-align: middle;
  text-align: center;
  transition: transform 100ms ease-in-out;
}
#item-filter:hover, #item-filter.opened {
  color: #333;
}
#item-filter:hover .far, #item-filter.opened .far {
  transform: rotate(90deg);
}

#item-filter-open {
  display: none;
  background: #f7f7f7;
  position: relative;
  margin-top: 0;
  padding: 11px 29px;
  margin-right: 50px;
  border-radius: 8px;
}

.items-summary.open #item-filter-open {
  display: block;
}

.report-controls #item-filter-open {
  margin-right: 0;
}

.home-section {
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 2;
}

.home-section h2 {
  font-family: "Helvetica Neue", "Open Sans";
  font-weight: 200;
}

.home-section h2 {
  font-family: "Helvetica Neue", "Open Sans";
  font-weight: 200;
}

.home-section h2 {
  font-family: "Helvetica Neue", "Open Sans";
  font-weight: 200;
}

.home-section h2 {
  text-align: center;
  font-size: 38px;
  margin: 30px 0;
  color: #4FB3E2;
  font-family: "Open Sans";
  font-weight: 300;
}

.home-section.home-section-testimonial {
  background: #0CF;
}
.home-section.home-section-testimonial h2 {
  color: #fff;
  text-align: left;
  padding: 0 0 46px 0;
  font-size: 29px;
}
.home-section.home-section-testimonial .section-content-text {
  color: rgb(255, 255, 255);
  padding-left: 288px;
  font-size: 17px;
  position: relative;
}
.home-section.home-section-testimonial .section-content-text img {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}
.home-section.home-section-testimonial .section-content-text a {
  color: rgb(255, 255, 255);
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.home-section.home-section-testimonial.home-section-testimonial2 {
  background: #fff;
}
.home-section.home-section-testimonial.home-section-testimonial2 .section-content-text {
  color: #009ECA;
}
.home-section.home-section-testimonial.home-section-testimonial2 .section-content-text a {
  color: #009ECA;
  border-bottom: 1px solid rgba(0, 158, 202, 0.7);
}
.home-section.home-section-testimonial.home-section-testimonial2 h2 {
  color: #333;
}

.home-section-setup {
  background: #0CF;
}

.home-section h2 {
  margin: 0;
}

.home-section-hero1 {
  background: #fff;
  min-height: 591px;
  height: 100%;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.home-section-hero1 h2 {
  color: #009ECA;
}
.home-section-hero1 .content {
  position: relative;
  top: 50%;
  margin-top: -251px;
}

.home-section-hero2 {
  background: #0CF;
  overflow: hidden;
  height: 100%;
  min-height: 606px;
  position: relative;
  text-align: center;
}
.home-section-hero2 h2 {
  color: #fff;
}
.home-section-hero2 .content {
  position: relative;
  top: 50%;
  margin-top: -271px;
}

.home-section-hero3 {
  background: #fff;
  height: 100%;
  overflow: hidden;
  min-height: 620px;
  position: relative;
  text-align: center;
}
.home-section-hero3 h2 {
  margin-top: 48px;
  color: #009ECA;
  padding-bottom: 21px;
}
.home-section-hero3 .content {
  position: relative;
  top: 50%;
  margin-top: -276px;
}

.home-section-setup h2 {
  color: #fff;
  position: relative;
  top: 50px;
}

.home-section-hero h2 {
  font-family: "Open Sans";
  font-weight: 300;
  font-size: 38px;
  line-height: 50px;
  padding: 0 0 40px 0;
  margin: 0;
  text-align: center;
}

.home-section-half {
  height: 50%;
  position: relative;
  overflow: hidden;
  min-height: 308px;
}
.home-section-half .content {
  position: relative;
  left: 0;
  top: 50%;
  margin-top: -144px;
}

.home-section-half.home-section-testimonial .content {
  margin-top: -67px;
}

h1.home {
  text-align: center;
  margin: 0 0 24px 0;
  padding: 0 0 0 0;
  font-size: 60px;
  line-height: 69px;
  letter-spacing: -1px;
  font-family: "Open Sans";
  font-weight: 100;
  color: #FFFFFF;
  text-shadow: 0 0 20px rgba(0, 0, 0, 0.11);
}

h1.home span.ani {
  position: relative;
  text-transform: uppercase;
  width: 400px;
  display: inline-block;
  line-height: 68px;
}

h1.home span.ani.blur {
  -webkit-filter: blur(2px);
}

h1.home span.blur {
  font-family: "Nothing You Could Do";
  font-size: 64px;
  padding-right: 5px;
}

@media screen and (min-width: 1000px) {
  h1.home span.star {
    font-weight: 600;
    font-family: "Codystar";
    margin-bottom: -2px;
  }
}
h1.home span.hide {
  opacity: 0;
  -webkit-transition: opacity 2000ms ease-in-out;
  -moz-transition: opacity 2000ms ease-in-out;
  -ms-transition: opacity 2000ms ease-in-out;
  -o-transition: opacity 2000ms ease-in-out;
  transition: opacity 2000ms ease-in-out;
}

h1.home span.hide.done {
  opacity: 1;
}

h1.home.sub {
  margin: -60px 0 0 0;
}

.btn.btn-filter {
  padding: 3px 10px;
  width: auto;
  line-height: 17px;
  height: auto;
  font-size: 11px;
  margin-left: 11px;
  font-weight: normal;
  border: 1px solid #C7C7C7;
}

.single-item-section .edit {
  position: absolute;
  top: 22px;
  right: 39px;
  z-index: 10;
}
.single-item-section .edit .btn {
  border: 0;
}

a.btn {
  text-decoration: none;
  padding: 0 16px;
}
a.btn.btn-main {
  height: auto;
}

.single-item-section.product.complete .title, .single-item-section.charge.paid .title, .single-item-section.new .title {
  background: #00CCFF;
}

.single-item-section.charge.pending .title, .single-item-section.charge.authorized .title {
  background: #00CCFF;
}

.single-item-section.product.incomplete .title {
  background: #FFBBBB;
}

.single-item-section.charge.failed .title, .single-item-section.charge.canceled .title, .single-item-section.charge.void .title, .single-item-section.charge.uncollectible .title, .single-item-section.charge.unpaid .title, .single-item-section.charge.past_due .title, .single-item-section.charge.past .title, .single-item-section.charge.disputed .title, .single-item-section.ticket.cancel .title, .single-item-section.subscription.canceled .title, .single-item-section.subscription.pending_cancel .title {
  background: #616161;
}

.single-item-section.charge.refunded .title {
  background: #F3BB84;
}

.single-item-section.charge.invoiced .title, .single-item-section.charge.requested .title, .single-item-section.subscription.requested .title {
  background: #2CBF2C;
}

.single-item-section.customer .title {
  background: #00CCFF;
}

.single-item-section.company .title {
  background: #0CF;
}

.single-item-section.ticket.question .title {
  background: #0CF;
}

.single-item-section.ticket.refund .title {
  background: #F3BB84;
}

.single-item-section.subscription.past_due .title, .single-item-section.subscription.unpaid .title {
  background: #FF564A;
}

.single-item-desc {
  padding-top: 33px;
}

.product-type.type-complete {
  color: rgb(129, 193, 230);
}

.product-type.type-incomplete {
  color: #FFBBBB;
}

.product-type.type-complete i {
  padding-right: 2px;
}

.product-type.type-incomplete i {
  padding-right: 2px;
}

.email-type i {
  padding-right: 3px;
  padding-left: 1px;
  opacity: 0.8;
}
.email-type.type-delivered {
  color: #005400;
}
.email-type.type-failed, .email-type.type-rejected {
  color: #ab0000;
}

.dropdown-selected .charge-type {
  width: 200px;
  display: block;
  margin: 0 -16px;
  padding: 1px 12px 1px 13px;
  position: relative;
  top: -1px;
  left: -1px;
}

.btn-group.open .dropdown-selected .charge-type {
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.single-item .dropdown-menu {
  min-width: 225px;
  max-height: 300px;
  overflow: scroll;
}

.req {
  color: #FFBDBD;
  padding-left: 3px;
  font-weight: bold;
  font-size: 15px;
  position: relative;
  top: -3px;
}

.req span {
  font-weight: normal;
  padding-left: 5px;
  font-size: 14px;
}

#chat-container .single-item-section .title {
  padding-left: 82px;
}

#chat-container .single-item-section {
  border: none;
  padding-top: 0;
  margin: 13px 0 0 0;
  background: none;
}

#chat-container .single-item-section .title i {
  top: 14px;
}

#chat-container .single-item-section.ticket .title {
  padding-left: 91px;
}

#chat-container table.single-item {
  margin-left: 37px;
  margin-top: 20px;
}

#chat-container #chat-ticket .single-item-section {
  padding-bottom: 0;
}

.per-month {
  font-size: 12px;
  color: #999;
}

table.pricing {
  margin-top: 40px;
  border-collapse: collapse;
}

table.pricing td.unlimited {
  color: #A3A3A3;
  font-size: 14px;
}

table.pricing th {
  text-align: right;
  font-size: 14px;
  padding-right: 9px;
  color: #A7A7A7;
  width: 133px;
  font-weight: normal;
}

table.pricing td {
  white-space: nowrap;
  padding: 17px 13px;
  width: 112px;
}

table.pricing tr.first th {
  text-align: left;
  font-size: 16px;
  padding: 12px 13px 8px;
  color: #000;
  width: auto;
  background: transparent;
  font-weight: bold;
}

#pricing-desc {
  margin: 20px 59px 0 145px;
  color: #999;
  font-size: 12px;
}

.plan1 {
  background: #F3F3F3;
}

.plan3 {
  background: #F3F3F3;
}

table.pricing i {
  color: #BAE6FF;
  padding: 0 4px;
  font-size: 14px;
}

table.pricing .btn i {
  color: #C5C5C5;
  padding: 0px 2px 0 0;
  font-size: 14px;
}

table.pricing .btn {
  padding: 0 13px;
}

.col-select .dropdown-menu {
  max-height: 200px;
  overflow: scroll;
}

.short .dropdown-menu {
  min-width: 148px;
}

.short button.btn {
  width: 150px;
}

.app-form-cols input.short {
  width: 100px;
}

.app-form-cols .app-form-row-title {
  padding-top: 40px;
  background: #f8f8f8;
  padding-left: 161px;
}

.app-form-cols .app-form-row-title label {
  text-align: left;
  width: auto;
  font-weight: normal;
}

.app-form-cols .app-form-row.inside {
  padding-top: 48px;
}

.app-form-cols .app-form-row.confirm {
  padding: 30px 0 0 5px;
}
.app-form-cols .app-form-row.confirm .btn {
  width: 287px;
}

.app-form-cols h2.full {
  margin-left: 0px;
}

.app-form-cols button.btn {
  height: 33px;
}

img.card-logos {
  vertical-align: middle;
  opacity: 0.4;
  height: 23px;
  margin-top: -2px;
}

img.card-logos.active {
  opacity: 1;
}

#card-visa {
  margin-left: -10px;
}

#card-mastercard {
  height: 21px;
}

form .processing {
  display: none;
  line-height: 33px;
}

form .processing img {
  vertical-align: middle;
  padding-right: 3px;
}

#trial-notice {
  padding-top: 10px;
  color: #686868;
  margin-bottom: -23px;
}

#feature-home .btn:focus {
  box-shadow: 0 0 9px #C9B000;
}

.section-tickets i.featured-icon {
  font-size: 287px;
  color: #fff;
  float: right;
  margin-right: -42px;
  margin-top: -10px;
}

.home-section-hero3 .section-content {
  text-align: center;
  font-family: "Helvetica Neue", "Open Sans";
  font-weight: 200;
  position: relative;
  z-index: 1;
  margin-top: 0px;
}

.home-section-hero3 .section-content img {
  padding-top: 18px;
}

.home-section-hero3 .section-content-text {
  padding: 16px 62px 0;
  color: #A0A0A0;
}

.home-section .section-content-text a {
  text-decoration: none;
  color: #3FB3E2;
  display: inline-block;
  /* vertical-align: bottom; */
}

.home-section .section-content-text a:hover {
  /* text-decoration: underline; */
}

.home-section .section-content-text i {
  position: relative;
  top: 0px;
  left: 2px;
  color: #6CCEF7;
  font-size: 13px;
}

.home-section-setup .section-content-text {
  color: #FFF;
  padding-top: 95px;
  font-family: "Open Sans";
  font-weight: 400;
  line-height: 21px;
  text-align: center;
}

.home-section-setup .section-content-text a {
  color: rgb(255, 255, 255);
}

.home-section-setup .section-content-text a:hover {
  text-decoration: underline;
}

.home-section.home-section-setup .section-content-text svg, .home-section.home-section-hero2 .section-content-text i {
  position: relative;
  top: 1px;
  text-decoration: none;
  color: #FFF;
}

.home-section-hero1 .section-content-text {
  color: #747474;
  font-family: "Helvetica Neue", "Open Sans";
  font-weight: 200;
  font-size: 16px;
  display: none;
}

.home-section-hero1 .section-content {
  min-height: 246px;
}

.home-section .section-content {
  position: relative;
}

.home-section-hero2 .section-content-text {
  color: #FFFFFF;
  padding-top: 0;
  font-size: 16px;
  line-height: 16px;
  text-align: center;
}

.home-section-hero2 .section-content-text a {
  text-decoration: underline;
}

.section-content-gateways {
  background: transparent url("https://cdn.chargedesk.com/gateway-logos.png") no-repeat center 0px;
  background-size: 170px auto;
  width: 170px;
  height: 40px;
  position: absolute;
  top: 100px;
  right: 28px;
}

.section-content-gateways-bg {
  border-radius: 43px;
  border: 20px solid #fff;
  position: absolute;
  top: 13px;
  right: 0;
  width: 185px;
  height: 185px;
}

.section-content-gateways.logo0 {
  background-position: center 7px;
}

.section-content-gateways.logo1 {
  background-position: center -42px;
}

.section-content-gateways.logo2 {
  background-position: center -88px;
}

.section-content-gateways.logo3 {
  background-position: center -141px;
}

.section-content-gateways.logo4 {
  background-position: center -184px;
}

#feature-home .btn {
  border: 0;
}

.single-item-section .title i.cloud-card {
  color: #00CCFF;
  z-index: 10;
  font-size: 23px;
  top: 28px;
  right: 618px;
}

.single-item-section .title i.cloud-card.icon-group {
  font-size: 20px;
  right: 620px;
  top: 29px;
}

.single-item-section .title i.cloud-card.icon-comments-alt {
  font-size: 22px;
  right: 618px;
  top: 27px;
}

.multi-item {
  border-top: 1px solid #F5F5F5;
  padding: 36px 0 36px 87px;
}
.multi-item table.single-item {
  min-width: 95%;
}

span.primary {
  font-weight: normal;
  font-size: 12px;
  color: #999;
  padding-left: 7px;
  vertical-align: top;
}

#header-sub-title {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #E7E7E7;
  font-size: 25px;
  padding: 21px 0 0 0;
  margin-bottom: -29px;
  width: 723px;
  font-weight: 500;
}

table.single-item td.desc {
  font-size: 13px;
  color: #999;
  padding: 19px 0 9px;
}

table.single-item td .info {
  font-size: 13px;
  color: #888;
  padding: 2px 0 0 0;
}

i.item-info {
  color: #BAE6FF;
  font-size: 14px;
}

.single-item-input input.small {
  width: 180px;
}

#page-content-home a.stripe-connect {
  text-decoration: none;
  margin-top: 13px;
  border-bottom: 0;
}

.stripe-connect {
  display: inline-block;
  margin-bottom: 1px;
  background-image: -webkit-linear-gradient(#28A0E5, #015E94);
  background-image: -moz-linear-gradient(#28A0E5, #015E94);
  background-image: -ms-linear-gradient(#28A0E5, #015E94);
  background-image: linear-gradient(#28A0E5, #015E94);
  -webkit-font-smoothing: antialiased;
  border: 0;
  padding: 1px;
  height: 30px;
  text-decoration: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.stripe-connect span {
  display: block;
  position: relative;
  padding: 0 12px 0 44px;
  height: 30px;
  background: #1275FF;
  background-image: -webkit-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
  background-image: -moz-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
  background-image: -ms-linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
  background-image: linear-gradient(#7DC5EE, #008CDD 85%, #30A2E4);
  font-size: 14px;
  line-height: 30px;
  color: white;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.stripe-connect span:before {
  content: "";
  display: block;
  position: absolute;
  left: 11px;
  top: 50%;
  width: 23px;
  height: 24px;
  margin-top: -12px;
  background-repeat: no-repeat;
  background-size: 23px 24px;
}

.stripe-connect:active {
  background: #005D93;
}

.stripe-connect:active span {
  color: #EEE;
  background: #008CDD;
  background-image: -webkit-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
  background-image: -moz-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
  background-image: -ms-linear-gradient(#008CDD, #008CDD 85%, #239ADF);
  background-image: linear-gradient(#008CDD, #008CDD 85%, #239ADF);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}

.stripe-connect.light-blue {
  background: #b5c3d8;
  background-image: -webkit-linear-gradient(#b5c3d8, #9cabc2);
  background-image: -moz-linear-gradient(#b5c3d8, #9cabc2);
  background-image: -ms-linear-gradient(#b5c3d8, #9cabc2);
  background-image: linear-gradient(#b5c3d8, #9cabc2);
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  -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;
}

.stripe-connect.light-blue:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 0 56px 3px rgba(255, 255, 255, 0.62);
}

.stripe-connect.light-blue span {
  color: #556F88;
  text-shadow: none;
  background: #FFFFFF;
  box-shadow: none;
}

.stripe-connect.light-blue:active {
  background: #9babc2;
}

.stripe-connect.light-blue:active span {
  color: #556F88;
  text-shadow: 0 1px rgba(255, 255, 255, 0.8);
  background: #d7dee8;
  background-image: -webkit-linear-gradient(#d7dee8, #e7eef6);
  background-image: -moz-linear-gradient(#d7dee8, #e7eef6);
  background-image: -ms-linear-gradient(#d7dee8, #e7eef6);
  background-image: linear-gradient(#d7dee8, #e7eef6);
  -moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.05);
}

.stripe-connect.dark {
  background: #252525;
  background: rgba(0, 0, 0, 0.5) !important;
}

/* Images*/
.stripe-connect span:before, .stripe-connect.blue span:before {
  background-image: url("data:image/png;base64,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");
}

.stripe-connect.light-blue span:before {
  background-image: url("data:image/png;base64,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");
}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .stripe-connect span:before, .stripe-connect.blue span:before {
    background-image: url("data:image/png;base64,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");
  }
  .stripe-connect.light-blue span:before {
    background-image: url("data:image/png;base64,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");
  }
}
.api_error {
  color: #636363;
  font-size: 15px;
  padding: 5px 50px 5px 63px;
  margin: 30px -60px 30px -63px;
  border-top: 1px solid #DFDFDF; /* W3C */
  border-bottom: 1px solid #DFDFDF;
  background: #FCEFF4;
  border-color: #FFDBDB;
}

#page-manage-id-gateways .api_error {
  margin-top: 0px;
}

#api-controls, #api-controls-placeholder {
  background: rgb(243, 243, 243);
  position: absolute;
  width: 602px;
  padding: 13px 0px 13px 30px;
  right: 0;
  top: 184px;
  border-bottom: 1px solid #DDD;
  z-index: 2;
  display: none;
}

#api-controls.fixed {
  position: fixed;
  top: -1px;
}

.api-lang-link {
  line-height: 30px;
  padding-left: 13px;
  display: inline;
}

.api-lang-link a {
  font-size: 12px;
}

#api-controls-placeholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 57px;
  display: block;
  z-index: 1;
  padding: 0;
}

#api-download {
  position: absolute;
  top: 41px;
  left: 226px;
  padding: 0 12px;
  line-height: 23px;
  font-size: 13px;
  z-index: 4;
  color: #999;
}

.support-content .dropdown-menu {
  max-height: 200px;
  min-width: 225px;
  overflow: scroll;
}

#api-controls button {
  width: 170px;
}

#api-controls .dropdown-menu {
  min-width: 169px;
}

table.gateways {
  border-collapse: collapse;
  width: 100%;
  margin-top: 57px;
  margin-bottom: 57px;
}
table.gateways.closer {
  margin: 11px 0 28px;
}

table.gateways th, table.gateways td {
  padding: 10px;
}

table.gateways td {
  border: 1px solid #ececec;
  padding-left: 20px;
}

table.gateways td.tick {
  text-align: center;
  width: 177px;
  padding: 0;
}

table.gateways td i {
  color: #57C3E6;
  font-size: 22px;
}

table.gateways td.full i {
  color: #1286ab;
}

table.gateways td.sign-up {
  text-align: center;
  padding: 8px 0px;
}

table.gateways tr.gateway {
  background: #fff;
}

table.gateways tr.gateway:hover {
  background: #FBFBFB;
  color: #000;
}
table.gateways tr.gateway:hover td.title {
  background: #fff;
}

table.gateways tr.gateway:hover td i {
  color: #fff;
}

table.gateways tr.gateway:hover td.sign-up a {
  opacity: 1;
}

table.gateways tr.left th {
  text-align: left;
  padding-left: 20px;
}

.setting .desc {
  color: #999;
}

table.single-item td.smaller {
  font-size: 12px;
}

#homepage-laptop {
  width: 800px;
  height: 460px;
  background: transparent url("https://cdn.chargedesk.com/homepage-screen-outline-new.png") no-repeat top left;
  background-size: 800px;
  margin: 0 auto;
  position: relative;
  z-index: 3;
}

#homepage-laptop-screen {
  position: absolute;
  z-index: 2;
  top: 31px;
  left: 109px;
  width: 582px;
  height: 374px;
  overflow: hidden;
  background: #F8F8F8;
  padding: 0;
}

#homepage-laptop-screen .screen {
  width: 582px;
  height: 374px;
  background-position: top left;
  background-repeat: no-repeat;
  background-color: transparent;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

#homepage-laptop-screen .screen:first-child {
  display: block;
}

#homepage-laptop-screen .screen-support {
  background-image: url("https://cdn.chargedesk.com/home-screen-support.jpg");
}

#homepage-laptop-screen .screen-zendesk {
  background-image: url("https://cdn.chargedesk.com/home-screen-zendesk.jpg");
}

#homepage-laptop-screen .screen-helpdesk {
  background-image: url("https://cdn.chargedesk.com/home-screen-helpdesk.jpg");
}

.multi-item-right {
  float: right;
  padding-right: 39px;
}

.multi-item-right svg {
  color: #B6B6B6;
  font-size: 23px;
  vertical-align: middle;
  padding-right: 3px;
  position: relative;
  top: -1px;
}

.multi-item-right a, .multi-item-bottom a {
  text-decoration: none;
  color: #A0A0A0;
  padding: 0px 20px;
  background: #fff;
  border-color: #D5D5D5;
}

.multi-item table.single-item {
  margin: 6px 0 0 -5px;
}

.multi-item table.single-item th, .multi-item table.single-item td {
  padding: 7px 5px;
}

.multi-item table.single-item th {
  width: 84px;
}

#upgrade-notify {
  padding: 16px 28px;
  background: #FFB820;
  color: #fff;
  margin: -11px 41px 30px -24px;
}

#upgrade-notify a {
  color: #fff;
  font-weight: bold;
}

#child-notify {
  padding: 16px 28px;
  background: #f1f9ff;
  color: #0c0c0c;
  margin: -11px 41px 35px -24px;
  border: 1px solid #cce9ff;
  font-weight: bold;
}
#child-notify a {
  color: #0c0c0c;
}

.multi-break {
  height: 29px;
  border-bottom: 1px solid #F1F1F1;
  margin-bottom: 25px;
  margin-right: 39px;
}

.multi-item h4 {
  font-size: 16px;
  padding-top: 6px;
  padding-bottom: 3px;
}
.multi-item h4 .lighter {
  font-weight: normal;
  margin-left: 10px;
  color: #C0C0C0;
}
.multi-item h4 .lighter.closer {
  margin-left: 0px;
}
.multi-item h4 + .lighter {
  color: #C0C0C0;
  font-size: 14px;
}

.multi-item:first-child {
  border: 0;
}

.multi-items {
  margin-bottom: -27px;
}

#customer-ticket-view .support-charge-panel {
  margin-bottom: 17px;
  margin-top: -27px;
}

#customer-ticket-view .title {
  display: none;
}

#customer-ticket-view #chat-container .single-item-section {
  margin: 0;
}

#customer-ticket-view .chat-section {
  margin-left: 0;
}

#account li.company {
  font-weight: bold;
  font-family: "Open Sans";
}

.single-item-input .card-number {
  font-family: "Open Sans";
  font-weight: 300;
  letter-spacing: 4px;
}

ol.gateway-steps {
  margin: 14px 0 21px;
}

table.settings {
  margin: 0;
  padding: 0 0 0 0;
}

table.settings th, table.settings td {
  font-size: 15px;
  padding-right: 5px;
  font-family: "Helvetica Neue", "Open Sans";
  font-weight: 400;
}

table.settings th {
  text-align: right;
  vertical-align: top;
  padding-top: 16px;
}

table.settings td.html {
  padding: 0 0 19px 0;
}

tr.save td {
  padding-top: 10px;
}

.gateway-image {
  margin: 0 0 20px 0;
}

.gateway-image img {
  margin-top: 10px;
  max-width: 100%;
  border: none;
}

table.settings td > label {
  position: relative;
}

table.settings td label.error {
  bottom: -23px;
}

.gateway_error {
  color: red;
  border: 1px dashed red;
  padding: 10px 19px;
  margin-bottom: 19px;
}

a.item-edit {
  color: #C2C2C2;
  font-size: 13px;
  padding-left: 2px;
}

.pagination {
  text-align: right;
  padding: 25px 0 0 0;
  font-size: 12px;
  color: #999;
}

.pagination-btn, .pagination a.btn {
  font-size: 11px;
  box-shadow: none;
  padding: 0 13px;
  margin: 0 1px;
  height: 24px;
  line-height: 24px;
  white-space: nowrap;
  color: #616161;
  border: 1px solid #DDDDDD;
  font-weight: 400;
  border-radius: 4px;
  background: #FEFEFE;
}
.pagination-btn:hover, .pagination a.btn:hover {
  color: #333;
  text-decoration: none;
  background: #f3f3f3;
}

.pagination a.btn.active {
  color: #222;
  font-size: 1em;
  padding: 0 8px;
  font-weight: bold;
  background-color: transparent;
  border-color: transparent;
}

#feature-home-pagination {
  padding: 25px 0 12px;
  margin: 0 auto 0;
}

#feature-home-pagination li {
  list-style: none;
  padding: 3px 6px;
  margin: 0;
  display: inline-block;
  color: #E0E0E0;
  cursor: pointer;
  font-size: 15px;
}

#feature-home-pagination li.active {
  color: #00CAFF;
}

#chat-container table.single-item th, #chat-container table.single-item td {
  padding: 8px 5px;
}

#company-header {
  clear: both;
  width: 800px;
  min-height: 32px;
  margin: 30px auto -23px;
  position: relative;
}

#company-title {
  color: #a9a9a9;
  font-family: "Open Sans";
  font-weight: 200;
  font-size: 24px;
  padding: 0 285px 0 20px;
  line-height: 1.3em;
}

#search {
  position: absolute;
  top: 0;
  right: 0;
  width: 186px;
  transition: width 150ms ease-in-out;
  -moz-transition: width 150ms ease-in-out; /* Firefox 4 */
  -webkit-transition: width 150ms ease-in-out; /* Safari and Chrome */
  -o-transition: width 150ms ease-in-out; /* Opera */
}

#search.focused, #search.expanded {
  width: 280px;
}

#search .bg {
  position: absolute;
  top: 7px;
  left: 14px;
  color: #AAAAAA;
  font-size: 12px;
}

#search .bg i {
  color: #D6D6D6;
  padding-right: 8px;
  font-size: 15px;
  position: relative;
  top: 4px;
}

#search input {
  width: 100%;
  height: 35px;
  border: 1px solid #d3d3d3;
  line-height: 18px;
  margin: 0;
  padding-left: 38px;
  border-radius: 6px;
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  color: #333;
}

ul.tabs {
  padding: 12px 0 0 0;
  margin: 0 -60px 0 0;
}

ul.tabs li {
  list-style: none;
  padding: 0;
  margin: 0 12px 0 0;
  display: inline-block;
}

ul.tabs li:last-child {
  margin-right: 0;
}

ul.tabs li a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  padding: 0 6px;
  text-decoration: none;
  color: #B3B3B3;
}

ul.tabs li a:hover {
  color: #000;
}

ul.tabs li.active a {
  color: #FAA000;
  border-bottom: 3px solid #FAA000;
  font-weight: 600;
}

.top-section {
  margin: -50px -60px 0 -63px;
  padding: 50px 60px 0 63px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom: 1px solid #E6E6E6;
  color: #868686;
  background: #fff;
}

.top-section h2.single-item-title {
  border-bottom: 0;
}

.bottom-section {
  margin: 0 -60px -58px -63px;
  padding: 36px 60px 41px 63px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  min-height: 100px;
}

.no-search-results {
  margin: 15px 0 -16px 7px;
  font-size: 17px;
  font-family: "Open Sans";
  font-weight: 300;
  color: #616161;
}

.no-search-results b {
  font-weight: 400;
}

#feature-home .left-col {
  float: left;
  width: 200px;
}

#feature-home .right-col {
  float: right;
  width: 305px;
}

#page-content-home #header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
}

#page-content-home #header {
  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}

.home-section .interact {
  background-image: url("https://cdn.chargedesk.com/home-logos15.png");
  background-repeat: no-repeat;
  background-size: 1636px;
  height: 53px;
  display: inline-block;
  display: inline-block;
}

.home-section .interact.stripe {
  width: 80px;
  background-position: -203px 0px;
}

.home-section .interact.paypal {
  width: 101px;
  background-position: -289px 0px;
  margin-right: 7px;
}

.home-section .interact.braintree-payments {
  width: 133px;
  background-position: -398px 2px;
}

.home-section .interact.wepay {
  width: 99px;
  background-position: -537px 0px;
}

.home-section .interact.recurly {
  width: 97px;
  background-position: -267px -53px;
  background-size: 1200px;
  position: relative;
  top: 17px;
  left: 0px;
}

.home-section .interact.authorize-net {
  width: 151px;
  background-position: -365px -53px;
  background-size: 1200px;
  position: relative;
  top: 16px;
  left: 1px;
}

.home-section .interact.zuora {
  width: 97px;
  background-position: -524px -53px;
  background-size: 1200px;
  position: relative;
  top: 16px;
  left: 1px;
}

.home-section .interact.chargify {
  width: 130px;
  background-position: -1034px -50px;
  background-size: 1200px;
  position: relative;
  top: 16px;
  left: 1px;
}

.home-section .interact.paymentsmb {
  width: 160px;
  background-position: -996px -59px;
  background-size: 1350px;
  position: relative;
  top: 15px;
  left: 1px;
}

.home-section .interact.shopify {
  width: 110px;
  background-position: -770px -53px;
  background-size: 1200px;
  position: relative;
  top: 16px;
  left: 1px;
}

.home-section .interact.azuredesk {
  width: 137px;
  background-position: -626px -53px;
  background-size: 1200px;
  position: relative;
  top: 9px;
  left: 1px;
}

.home-section .interact.zendesk {
  width: 141px;
  background-position: 0px 0px;
  background-size: 1200px;
  position: relative;
  top: 4px;
  left: 2px;
}

.home-section .interact.woocommerce {
  width: 163px;
  background-position: 10px -53px;
  background-size: 1400px;
  position: relative;
  top: 2px;
  left: -2px;
}

.home-section .interact.front {
  width: 130px;
  background-position: -131px -53px;
  background-size: 1200px;
  position: relative;
  top: 10px;
  left: 0px;
}

.home-section .interact.desk {
  width: 90px;
  background-position: -469px 0px;
  position: relative;
  top: 6px;
  left: 1px;
  background-size: 1200px;
}

.home-section .interact.help-scout {
  width: 140px;
  background-position: -559px -4px;
  position: relative;
  top: 8px;
  left: 2px;
  background-size: 1200px;
}

.home-section .interact.chrome {
  width: 134px;
  background-position: -697px -2px;
  position: relative;
  top: 6px;
  left: -2px;
  background-size: 1200px;
}

.home-section .interact.intercom {
  width: 133px;
  background-position: -1066px -4px;
  position: relative;
  top: 8px;
  left: 0px;
  background-size: 1400px;
}

.home-section .interact.gmail {
  width: 76px;
  background-position: -834px -4px;
  position: relative;
  top: 9px;
  left: 0px;
  background-size: 1200px;
}

.home-section .interact.freshdesk {
  width: 133px;
  background-position: -1103px -4px;
  position: relative;
  top: 9px;
  left: -1px;
  background-size: 1287px;
}

#home-gateways ul {
  padding: 0;
  margin: 0;
  text-align: center;
  position: relative;
  z-index: 2;
  width: 800px;
  height: 136px;
  overflow: hidden;
  padding-bottom: 12px;
}

#home-gateways ul li {
  display: inline-block;
  position: relative;
  top: 71px;
  -webkit-transition: top 1600ms ease-out 400ms;
  -moz-transition: top 1600ms ease-out 400ms;
  -ms-transition: top 1600ms ease-out 400ms;
  -o-transition: top 1600ms ease-out 400ms;
  transition: top 1600ms ease-out 400ms;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
}

#home-gateways ul.gateways li {
  margin-top: 10px !important;
  position: relative;
  top: -175px;
}

body #home-gateways.open ul li {
  top: 0;
  opacity: 1;
}

body #home-gateways.open ul.gateways li {
  top: -16px;
}

#home-gateways ul.gateways {
  padding-top: 24px;
  padding-bottom: 0;
  padding-left: 0;
  border-top: 1px dashed rgba(255, 255, 255, 0);
  height: 159px;
  -webkit-transition: border-color 1200ms ease-in-out;
  -moz-transition: border-color 1200ms ease-in-out;
  -ms-transition: border-color 1200ms ease-in-out;
  -o-transition: border-color 1200ms ease-in-out;
  transition: border-color 1200ms ease-in-out;
  white-space: normal;
}

#home-gateways.start ul.gateways {
  border-top: 1px dashed rgb(255, 255, 255);
}

#home-gateways.start.open ul.gateways {
  border-top: 1px dashed rgba(255, 255, 255, 0.5);
}

#home-gateways.start.done ul.gateways {
  -webkit-transition: border-color 0.4s ease-in-out;
  -moz-transition: border-color 0.4s ease-in-out;
  -ms-transition: border-color 0.4s ease-in-out;
  -o-transition: border-color 0.4s ease-in-out;
  transition: border-color 0.4s ease-in-out;
}

#home-gateways.start.open.done:hover ul.gateways {
  border-top: 1px dashed rgba(255, 255, 255, 0.3);
}

#home-gateways ul li a {
  padding: 0 0 14px 0;
  border: 1px solid transparent;
  border-radius: 3px;
  margin: 0;
  list-style: none;
  display: inline-block;
  color: #fff;
  font-family: "Open Sans";
  font-size: 23px;
  width: 180px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
}

#home-gateways ul li a span {
  display: none;
}

#home-gateways ul li a:hover {
  border: 1px solid #FFF;
  background: rgba(255, 255, 255, 0.1);
}

#home-gateways ul li a span {
  position: relative;
  top: -8px;
}

#home-gateways ul li.dots a {
  padding-top: 13px;
  width: 53px;
  height: 21px;
  position: relative;
  top: -9px;
  margin-left: 29px;
}

#home-gateways ul li.dots a span {
  display: inline;
}

#home-gateways ul li.soon a {
  opacity: 0.4;
  -webkit-transition: opacity 0.6s ease-in-out;
  -moz-transition: opacity 0.6s ease-in-out;
  -ms-transition: opacity 0.6s ease-in-out;
  -o-transition: opacity 0.6s ease-in-out;
  transition: opacity 0.6s ease-in-out;
}

#home-gateways ul li.soon a:hover {
  opacity: 0.8;
}

#home-gateways ul.gateways li a {
  padding: 2px 13px 2px;
  width: 168px;
}

#home-gateways ul.gateways li.dots a {
  width: 50px;
  padding: 13px 0 9px;
  position: relative;
  top: -10px;
  margin-left: 14px;
}

#home-gateways ul.gateways li.dots a span {
  top: -8px;
}

#home-gateways {
  margin-top: 0;
  padding: 41px 0 35px;
  position: relative;
}

#feature-home-explain .explain {
  display: none;
}

#feature-home-explain .explain:first-child {
  display: block;
}

#feature-home-explain .explain .lighter {
  color: #BEBEBE;
}

.section-content-button {
  position: absolute;
  top: 85px;
  right: 0;
}

body .btn.btn-primary {
  color: #FFF;
  border-color: #357EBD;
  text-shadow: none;
  padding: 2px 23px;
  background: #428BCA; /* Old browsers */
  background: -moz-linear-gradient(top, #5C9ACF 0%, #428BCA 98%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5C9ACF), color-stop(98%, #428BCA)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #5C9ACF 0%, #428BCA 98%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #5C9ACF 0%, #428BCA 98%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #5C9ACF 0%, #428BCA 98%); /* IE10+ */
  background: linear-gradient(to bottom, #5C9ACF 0%, #428BCA 98%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#5C9ACF", endColorstr="##428BCA",GradientType=0 ); /* IE6-8 */
}

body .btn.btn-primary:hover {
  background: #2A7ABE;
}

body .btn.btn-primary.select-account {
  margin-top: 8px;
  padding-left: 76px;
}

#page-connect-sign-up .page-desc {
  margin-top: 11px;
  padding-left: 76px;
}

#page-connect-sign-up .app-content {
  min-height: 233px;
}

#api_dialog .api_level {
  display: none;
}

#sign-up-connected .api_level.api_level_connected {
  display: block;
}

.app-form-row.app-form-row-text {
  padding: 30px 58px 0 161px;
}

.app-form-row.app-form-row-closer {
  padding: 17px 0 0 0;
}

.api_error.api_level {
  margin: 33px 0px 10px -63px;
  padding-left: 76px;
}

#api_dialog .page-desc.api_level {
  margin: 33px 0px 4px -63px;
  padding-left: 76px;
}

body .btn.btn-connect {
  width: auto;
  height: auto;
  padding: 4px 0;
  width: 249px;
  font-weight: 400;
}

#api_dialog .page-desc.explain {
  margin-top: 20px;
  margin-bottom: -8px;
  font-size: 14px;
  color: #777;
  border: 0;
  background: none;
  line-height: 18px;
}

#api_dialog .page-desc.explain a {
  color: #777;
}

#api_dialog.show_api_level0 .api_level0, #api_dialog.show_api_level1 .api_level1, #api_dialog.show_api_level2 .api_level2, #api_dialog.show_api_level_support .api_level_support, #api_dialog.show_api_level_zendesk .api_level_zendesk {
  display: block;
}

#api_dialog.show_api_level0 tr.api_level0, #api_dialog.show_api_level1 tr.api_level1, #api_dialog.show_api_level2 tr.api_level2, #api_dialog.show_api_level_support tr.api_level_support, #api_dialog.show_api_level_zendesk tr.api_level_zendesk {
  display: table-row;
}

#api_dialog tr.item-desc td {
  padding-right: 20px;
  font-size: 14px;
}

input.no-margin {
  margin: 0;
}

.less-details {
  display: none;
}

.details-action {
  color: #B1B1B1;
  cursor: pointer;
  border-bottom: 1px solid #C4C4C4;
  display: inline;
  padding-bottom: 2px;
}

#sign-up h2 {
  padding-left: 13px;
  padding-bottom: 18px;
}

#page-connect-sign-up .page-desc.error {
  background: #FCEFF4;
  border-color: #FFDBDB;
}

table.settings label.error {
  top: -48px;
  left: 5px;
}

#arrow-home {
  position: absolute;
  top: 167px;
  left: 389px;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}

#home-bob-happy {
  position: absolute;
  bottom: -147px;
  left: 6px;
}

#home-gateways.done:hover #arrow-home {
  opacity: 0.5;
}

#page-content-home #footer-container {
  background: #FFF;
  position: relative;
  z-index: 2;
}

#page-content-home.scrolled #header {
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
  opacity: 1;
  background: #484748;
  box-shadow: none;
}

#pretend-header {
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 25;
}

#page-content-home.scrolled #pretend-header {
  z-index: 5;
}

#header-logo-white {
  float: left;
  margin-left: -3px;
  display: block;
  width: 181px;
  height: 45px;
  background: transparent url("https://cdn.chargedesk.com/header-logo-white-2x.png") no-repeat top left;
  text-decoration: none;
  background-size: 181px 45px;
}

#pretend-header .button {
  margin-top: 7px;
  float: right;
  font-size: 13px;
  height: 28px;
  line-height: 28px;
  margin-left: 17px;
  background: transparent;
  text-shadow: none;
  color: #fff;
  border: 1px solid #fff;
}

#pretend-header .button:hover {
  background: rgba(255, 255, 255, 0.19);
}

.section-footer {
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 0;
  width: 100%;
}

.section-footer-left, .section-footer-right, .section-footer-corner {
  height: 35px;
}

.section-footer-left, .section-footer-right {
  width: 50%;
  background: #FFF;
  position: relative;
}

.section-footer-left {
  float: left;
  margin-left: -100px;
}

.section-footer-right {
  float: right;
  margin-right: -100px;
}

.section-footer-corner {
  width: 100px;
  border-top: 30px solid transparent;
  position: absolute;
  top: 0;
}

.section-footer-left .section-footer-corner {
  border-left: 100px solid #fff;
  right: -200px;
}

.section-footer-right .section-footer-corner {
  border-right: 100px solid #fff;
  left: -200px;
}

.pretty-circle {
  position: fixed;
  background: rgb(255, 204, 0);
  z-index: 2;
  opacity: 0;
}

.home-section .section-content-text a.other-gateway-sign-up {
  position: relative;
  font-size: 12px;
  vertical-align: middle;
  top: 6px;
}

table.single-item.full {
  width: 100%;
}

.multi-item-bottom {
  margin-top: 23px;
  margin-bottom: -10px;
}

#page-content-home.authenticated #header {
  opacity: 1;
}

#page-content-home.authenticated #pretend-header {
  display: none;
}

.app-form-row label.error {
  bottom: 31px;
}

.small-form-row label.error {
  position: initial;
  display: block;
  max-width: 500px;
  margin-top: 4px;
  line-height: 1.2em;
  margin-bottom: -10px;
}
.small-form-row label.error + .desc {
  margin-top: 14px;
}

a.red {
  color: #A80000;
}

button.href {
  background: none;
  text-decoration: underline;
  color: #1286AB;
  border: none;
  cursor: pointer;
  font-size: 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  padding: 0;
  margin: 0;
}

.btn.btn-secondary {
  padding: 3px 24px;
  margin-top: 7px;
}

.btn.btn-small {
  padding: 1px 9px 4px;
  margin: 0;
  line-height: initial;
}

.multi-item table.single-item.full th {
  width: auto;
  border-bottom: 1px solid #f3f3f3;
}

table.single-item td .lighter {
  color: #C0C0C0;
}
table.single-item td .lighter a {
  color: #C0C0C0;
}
table.single-item td .lighter a:hover {
  color: #000;
}

.app-form.right-padding {
  padding-right: 50px;
}

.app-form.right-padding-full {
  padding-right: 63px;
}

table.minimal {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}

table.minimal th, table.minimal td {
  padding: 2px 18px 2px 0;
}

body .btn.btn-delete {
  position: absolute;
  top: 46px;
  right: 60px;
  font-weight: 400;
  color: #640000;
}

body .btn.btn-config {
  position: absolute;
  top: 46px;
  right: 149px;
  font-weight: 400;
}

body .btn.btn-to-live {
  position: absolute;
  top: 46px;
  right: 149px;
  font-weight: 400;
  color: #000;
}

body .btn.btn-auto {
  width: auto;
  outline: none;
}

#pricing-box {
  border: 1px solid #C7F4FF;
  margin: 38px auto 0;
  width: 462px;
  padding: 20px 20px 0;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(156, 215, 230, 0.22);
  font-family: "Open Sans";
  overflow: visible;
}

#pricing-box .title {
  text-align: center;
  padding: 14px 0 10px;
}

#pricing-box .price {
  font-size: 38px;
  line-height: 35px;
  color: #0CF;
}

#pricing-box .price .cross {
  text-decoration: line-through;
  color: #D5D5D5;
  margin-left: -60px;
  padding-right: 4px;
}

#pricing-box .desc {
  color: #A2A2A2;
}

#pricing-box ul {
  margin: 0;
  padding: 14px 42px;
}

#pricing-box li {
  margin: 0;
  padding: 0 0px 14px 8px;
  list-style-type: circle;
  font-size: 15px;
  color: #64C2DA;
  line-height: 21px;
}

#pricing-box .offer {
  color: #00C6F7;
  font-weight: 600;
}

#pricing-box li span {
  color: #333;
}

#pricing-box li .sub {
  color: #929292;
  font-size: 12px;
  line-height: 14px;
}

#pricing-box .upgrade {
  color: #333;
  background: #0CF;
  margin: 6px -21px 0;
  padding: 32px 0 30px 0;
  text-align: center;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

#pricing-box .upgrade a {
  color: #fff;
  text-decoration: none;
  border: 1px solid #FFF;
  border-radius: 4px;
  padding: 7px 29px;
  font-weight: 400;
  font-size: 20px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

#pricing-box .upgrade a:hover {
  background-color: rgba(255, 255, 255, 0.19);
}

#calculate-fees {
  font-family: "Open Sans";
  border: 1px solid #E7E7E7;
  border-left: 0;
  border-right: 0;
  margin: 41px 0 0;
  padding: 11px 0 14px 0;
  text-align: left;
  font-size: 19px;
}

#fee-computer {
  padding-left: 109px;
  padding-top: 4px;
}

#calculate-fees h4 {
  color: #929292;
  padding: 0 0 0;
  font-weight: 300;
  text-align: left;
  font-size: 16px;
}

#calculate-fees input {
  background: transparent;
  border: none;
  border-bottom: 1px solid #444;
  text-align: center;
  font-family: "Open Sans";
  font-size: 19px;
  width: 79px;
  outline: none;
  margin-left: 7px;
}

#calculate-fees .text {
  font-size: 14px;
  color: #8F8F8F;
}

#computed-cost {
  width: 20px;
}

#calculate-fees .smaller {
  font-size: 80%;
  position: relative;
  top: -1px;
}

.payment-errors {
  display: none;
  color: #C50000;
  padding: 0 96px 0 160px;
  margin: 10px 0 -3px 0;
}

.receipt-preview {
  width: 100%;
  height: 826px;
  margin: 0;
  overflow: hidden;
  position: relative;
  padding: 0;
  border: none;
}

.iframe-loader {
  border: 1px solid #E6E6E6;
  margin: 8px 0 0 0;
  padding: 0;
}

.iframe-loader.loading {
  background: url("https://cdn.chargedesk.com/ajax-loader-large3.gif");
  background-repeat: no-repeat;
  background-position: 50% 100px;
  background-size: 64px;
}

#picker {
  margin: 0 0 0 0;
  padding: 0 8px;
  border: 0;
  width: 99px;
  border: 1px solid #000;
  border-right: 32px solid #008000;
  line-height: 29px;
  height: auto;
  cursor: pointer;
}

.colpick {
  z-index: 100;
}

.colpick_hex .colpick_hex_field input {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 20px;
  width: auto;
  border: none;
  background: rgba(0, 0, 0, 0);
}

.colpick_hex_ns .colpick_new_color, .colpick_hex_ns .colpick_hex_field {
  display: none;
}

.colpick_hex {
  height: 173px;
  margin-top: 33px;
  margin-left: -5px;
}

body .logo-uploader .btn.qq-upload-button {
  width: 181px;
  outline: none;
  margin: 0;
}

.logo-uploader .qq-upload-drop-area, .qq-upload-extra-drop-area {
  width: 300px;
}

.logo-uploader .qq-uploader {
  width: initial;
}

body .logo-uploader .btn.qq-upload-button i {
  color: rgba(0, 0, 0, 0.39);
  font-size: 15px;
  left: -5px;
  top: 1px;
}

.logo-uploader .qq-upload-list {
  padding-top: 18px;
  max-width: 80%;
}

.receipt-setting-logo {
  min-height: 67px;
}

.logo-uploader-suggest {
  position: absolute;
  top: 46px;
  left: 6px;
  font-size: 12px;
  line-height: 13px;
  color: #AAA;
}

body .receipt-settings .receipt-setting-save {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 128px;
}

.receipt-setting-logo-uploaded img {
  vertical-align: middle;
}
.receipt-setting-logo-uploaded .btn {
  width: 90px;
  margin-left: 10px;
}

#home-card-bob {
  width: 300px;
  height: 304px;
  position: absolute;
  margin: 0 0 0 -116px;
  left: 50px;
  top: 97px;
  left: 50%;
}

#home-card-bob img {
  width: 300px;
  height: 304px;
  position: absolute;
  top: 0;
  left: 0;
}

#home-card-bob.bob1 .home-card-bob1, #home-card-bob.bob2 .home-card-bob2, #home-card-bob.bob3 .home-card-bob3 {
  opacity: 1;
}

#home-card-bob .home-card-bob1, #home-card-bob .home-card-bob2, #home-card-bob .home-card-bob3 {
  opacity: 0;
  -webkit-transition: opacity 400ms ease-out;
  -moz-transition: opacity 400ms ease-out;
  -ms-transition: opacity 400ms ease-out;
  -o-transition: opacity 400ms ease-out;
  transition: opacity 400ms ease-out;
}

h2.bob-title {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  margin-top: 0px;
  -webkit-transition: all 600ms ease-out;
  -moz-transition: all 600ms ease-out;
  -ms-transition: all 600msms ease-out;
  transition: all 600ms ease-out;
}

h2.bob-title.hidden {
  opacity: 0;
  top: 30px;
}

h2.bob-title2 {
  top: 452px;
  font-size: 22px;
  color: #646464;
  line-height: 32px;
}

h2.bob-title2 .dotted {
  font-weight: 600;
  font-family: "Codystar";
}

.receipt-settings .logo-uploaded, .receipt-settings .favicon-uploaded {
  display: none;
}

.receipt-settings .qq-upload-button, .receipt-settings .logo-remove {
  margin-top: 0 !important;
}
.receipt-settings.has-logo .logo-needed {
  display: none;
}
.receipt-settings.has-logo .logo-uploaded {
  display: block;
}
.receipt-settings.has-logo tr.logo-uploaded {
  display: table-row;
}
.receipt-settings.has-logo th.title-logo {
  vertical-align: middle !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.receipt-settings.has-favicon .favicon-needed {
  display: none;
}
.receipt-settings.has-favicon .favicon-uploaded {
  display: block;
}
.receipt-settings.has-favicon tr.favicon-uploaded {
  display: table-row;
}
.receipt-settings.has-favicon th.title-favicon {
  vertical-align: middle !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#setup .bottom-section {
  padding: 17px 60px 54px 63px;
  background: -webkit-linear-gradient(top, #FFF 0px, #F8F8F8 200px);
}

#setup ul.tabs li.active a {
  font-weight: 400;
  color: #0093B8;
  border-bottom: 3px solid #00A8D2;
}

#setup ul.tabs {
  padding-top: 22px;
}

#setup ul.tabs li {
  margin: 0;
}

#setup ul.tabs li a {
  padding: 0 12px;
}

.tab-alert {
  color: #FAA000;
  padding-left: 3px;
  font-weight: 800;
  font-size: 20px;
}

.inline-highlight {
  color: #FAA000;
}

.api-doc-link {
  position: relative;
  right: -82px;
}

.single-item-section.no-header table.single-item {
  margin-left: 60px;
}

.single-item-section.no-header table.single-item.less-padding {
  margin-left: 40px;
}

.single-item-section.no-header table.single-item th {
  width: auto;
  padding-right: 20px;
  white-space: nowrap;
  color: #7E7E7E;
}

.single-item-section.no-header {
  padding-bottom: 22px;
}

.single-item-info {
  padding-bottom: 8px;
  color: #777;
  font-size: 13px;
  padding-top: 3px;
}

table.single-item th.top {
  vertical-align: top;
}

body .single-item-section.no-header table.single-item .btn {
  margin-top: 12px;
  height: auto;
}
body .single-item-section.no-header table.single-item .btn.btn-danger {
  width: auto;
  min-width: auto;
}
body .single-item-section.no-header table.single-item .btn.input {
  margin: 0;
}
body .single-item-section.no-header table.single-item .btn.control {
  margin: 0;
}
body .single-item-section.no-header table.single-item .btn.control.single {
  margin: 0 0 2px 0;
}
body .single-item-section.no-header table.single-item .btn.control {
  background: #fff;
}

.btn-group + .desc {
  margin-top: 8px;
}

body .single-item-section.no-header table.single-item .btn-main {
  margin-top: 15px;
  width: initial;
  background: #12AFD7;
  text-shadow: none;
  color: #fff;
  box-shadow: none;
  border: none;
  height: 41px;
  padding: 0 41px;
  font-size: 15px;
}

body .single-item-section.no-header table.single-item .btn-main:hover {
  background: #46C9EA;
}

body .single-item-section.no-header table.single-item label {
  display: block;
  padding: 3px 10px 3px 0;
}
body .single-item-section.no-header table.single-item label.no-padding {
  padding: 0;
}
body .single-item-section.no-header table.single-item label .inline-code {
  padding: 8px 0 0;
  cursor: text;
}

.support-content label .desc {
  color: #BEBEBE;
  padding-left: 5px;
}

.setup-content {
  padding: 25px 12px 8px;
}

.setup-content p {
  margin: 0;
  padding: 0 0 23px;
}

.setup-content strong {
  font-weight: 500;
  padding-right: 7px;
}

.setup-content + form > .single-item-section.no-header {
  margin-top: 0;
}

table.single-item tr.top-input th {
  vertical-align: top;
  padding-top: 16px;
}

table.single-item tr.top th, table.single-item tr.top td {
  vertical-align: top;
}

.no-header table.single-item td .desc {
  padding-left: 1px;
  padding-right: 56px;
  font-size: 12px;
  color: #B0B0B0;
  line-height: 1.3em;
}
.no-header table.single-item td .desc.extra-space {
  padding-top: 4px;
}

.no-header table.single-item input[type=text], .no-header table.single-item textarea {
  border: 1px solid #EAEAEA;
  box-shadow: none;
  margin-bottom: 6px;
}

.no-header table.single-item select {
  margin-top: 7px;
  margin-bottom: 6px;
  max-width: 350px;
}

.no-header table.single-item input[type=text].short, .no-header table.single-item input[type=password].short {
  width: 300px;
}

.no-header table.single-item input[type=text].mid, .no-header table.single-item input[type=password].mid {
  width: 402px;
}

.no-header table.single-item input[type=text].subdomain {
  margin-right: 0;
  width: 130px;
}
.no-header table.single-item input[type=text].subdomain.mid {
  width: 402px;
}

.no-header table.single-item input[type=text].rate-name {
  margin-right: 0;
  width: 100px;
}

.no-header table.single-item textarea.mid {
  width: 402px;
}
.no-header table.single-item textarea.mid.shorter {
  height: 53px;
}
.no-header table.single-item textarea.mid.slightly-shorter {
  height: 68px;
}

.no-header table.single-item input[type=text].inline {
  margin-right: 5px;
}
.no-header table.single-item input[type=text].inline.closer {
  margin-right: 0px;
}
.no-header table.single-item input[type=text].inline + label.error {
  position: initial;
}

.no-header table.single-item input[type=text].tiny {
  width: 63px;
}

.no-header table.single-item input[type=text].right {
  text-align: right;
  padding-right: 10px;
  padding-left: 0;
}

.no-header table.single-item th .optional {
  color: #B0B0B0;
  padding-top: 2px;
  font-size: 12px;
}

body .single-item-section.no-header table.single-item label.error {
  padding: 0;
  top: -1px;
}

body .single-item-section.no-header table.single-item .top-radio label.error {
  top: -5px;
}

.no-header table.single-item input[type=text].error, .no-header table.single-item textarea.error {
  color: #B94A48;
  border-color: #B94A48;
}

form .single-item-section.no-header table.single-item tr.top-input th {
  padding-top: 21px;
}

form .single-item-section.no-header table.single-item th {
  color: #333;
}

form .single-item-section.no-header table.single-item th.lighter {
  color: #777;
}

form .single-item-section.no-header table.single-item tr.top-input td {
  padding-top: 14px;
}

body .single-item-section.no-header table.single-item label.radio {
  display: inline;
}

body .single-item-section.no-header table.single-item label.individual-checkbox {
  font-size: 14px;
}

table.single-item tr.top-radio th, table.single-item tr.top-radio td {
  padding-top: 22px;
  vertical-align: top;
}

form .single-item-section.no-header table.single-item tr.top-radio th, form .single-item-section.no-header table.single-item tr.top-radio td {
  padding-top: 10px;
  vertical-align: top;
}

form .single-item-section.no-header table.single-item tr.top-radio.no-padding th {
  padding-top: 0px;
  padding-bottom: 0px;
}

form .single-item-section.no-header table.single-item tr.top-radio.less-padding-top th {
  padding-top: 4px;
}

form .single-item-section.no-header table.single-item tr.top-radio.less-padding-top td {
  padding-top: 4px;
}

form .single-item-section.no-header table.single-item tr.top-radio.no-padding-bottom th {
  padding-bottom: 0px;
}

form .single-item-section.no-header table.single-item tr.top-radio.extra-padding th {
  padding-top: 17px;
}

form .single-item-section.no-header table.single-item tr.top-radio.no-padding td {
  padding-top: 0px;
  padding-bottom: 14px;
}

form .single-item-section.no-header table.single-item tr.top-radio.no-padding.mid-closer td {
  padding-bottom: 6px;
}
form .single-item-section.no-header table.single-item tr.top-radio.no-padding.mid-closer td select {
  margin-top: 2px;
}

form .single-item-section.no-header table.single-item tr.top-radio.no-padding.closer td, form .single-item-section.no-header table.single-item tr.top-radio.no-padding-bottom.closer td {
  padding-bottom: 0px;
}

.single-item-section.no-header table.single-item tr.top-text th, .single-item-section.no-header table.single-item tr.top-text td {
  padding-top: 10px;
  vertical-align: top;
}

form .single-item-section.no-header table.single-item tr.top-radio td .desc {
  padding-top: 3px;
  clear: left;
}
form .single-item-section.no-header table.single-item tr.top-radio td .desc.above {
  padding-top: 2px;
  padding-bottom: 5px;
}

form .single-item-section.no-header table.single-item tr.top-radio td label .desc {
  padding: 0;
}
form .single-item-section.no-header table.single-item tr.top-radio td label .desc.multiline {
  display: inline-block;
}

form .single-item-section.no-header table.single-item tr.top-text td .desc {
  padding-top: 3px;
}

form .single-item-section.no-header table.single-item tr.top-radio .setting-template {
  font-size: 12px;
  float: right;
  color: #B0B0B0;
}
form .single-item-section.no-header table.single-item tr.top-radio .setting-template:hover {
  color: #333;
}

form .single-item-section.no-header table.single-item tr.requires {
  border-radius: 5px;
}
form .single-item-section.no-header table.single-item tr.requires th, form .single-item-section.no-header table.single-item tr.requires td {
  background: rgba(0, 0, 0, 0.024);
}
form .single-item-section.no-header table.single-item tr.requires th .seperator, form .single-item-section.no-header table.single-item tr.requires td .seperator {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  height: 13px;
  width: 80%;
}
form .single-item-section.no-header table.single-item tr.requires th {
  padding-left: 16px;
}
form .single-item-section.no-header table.single-item tr.requires:not([style*="display: none;"]):not([style*="display:none;"]) + tr:not(.requires) th, form .single-item-section.no-header table.single-item tr.requires:not([style*="display: none;"]):not([style*="display:none;"]) + tr:not(.requires) td {
  padding-top: 30px;
}
form .single-item-section.no-header table.single-item tr.requires.no-bg-change th, form .single-item-section.no-header table.single-item tr.requires.no-bg-change td {
  background: transparent;
}

form .single-item-section.no-header table.single-item tr.spacer th, form .single-item-section.no-header table.single-item tr.spacer td {
  padding: 0;
}

body .single-item-section.no-header table.single-item label.checkbox {
  padding-top: 5px;
  cursor: pointer;
}
body .single-item-section.no-header table.single-item label.checkbox strong {
  font-weight: 500;
  font-size: 14px;
}
body .single-item-section.no-header table.single-item label.checkbox .desc {
  padding-top: 1px !important;
}

.checkbox-container {
  padding-top: 7px;
}

/* placeholder styling */
::-webkit-input-placeholder {
  font-weight: 200;
  color: #aaa;
  font-family: "Open Sans";
}

::-moz-placeholder {
  font-weight: 200;
  color: #aaa;
  font-family: "Open Sans";
} /* firefox 19+ */
:-ms-input-placeholder {
  font-weight: 200;
  color: #aaa;
  font-family: "Open Sans";
} /* ie */
input:-moz-placeholder {
  font-weight: 200;
  color: #aaa;
  font-family: "Open Sans";
}

form .single-item-section.no-header table.single-item tr.top-logo th {
  vertical-align: top;
  padding-top: 13px;
}

form .single-item-section.no-header table.single-item tr.top-logo td {
  vertical-align: top;
  padding-top: 7px;
  width: 100%;
}

.logo-uploader .qq-upload-status-text {
  font-size: 12px;
}

.logo-uploader .qq-upload-list li {
  background: #F7F7F7;
  border-radius: 6px;
  border: 1px solid #E5E5E5;
}

.logo-uploader .qq-upload-list li.alert-error {
  background: #F2DEDE;
  border: 1px solid #DD7786;
}

#logo-position {
  padding: 13px 0;
}
#logo-position .setting-row div {
  display: inline-block;
}
#logo-position .setting-row div.setting-title {
  width: 80px;
  font-weight: bold;
}
#logo-position .setting-row div.setting-title + .setting-title {
  padding-top: 5px;
}
#logo-position td {
  padding-bottom: 20px;
}

#theme-preview {
  padding-top: 18px;
  padding-left: 11px;
  color: #777;
}
#theme-preview .preview {
  margin-right: 9px;
}
#theme-preview .dropdown-input {
  vertical-align: inherit;
}
#theme-preview .dropdown-menu {
  min-width: 225px;
}
#theme-preview .dropdown-menu a.active {
  color: #333;
  text-decoration: none;
  font-weight: bold;
}
#theme-preview .edit-text {
  margin: 0 0 0 7px;
  font-size: 13px;
  color: #888;
  font-weight: 500;
}

.single-item .edit-text {
  color: #B0B0B0;
}

.inline-desc {
  color: #888;
}

.tax-country {
  padding-left: 7px;
  color: #333;
  padding-right: 2px;
  max-width: 208px;
  display: inline-block;
  vertical-align: text-top;
  font-size: 15px;
  margin-bottom: 10px;
}

.btn.auto {
  width: auto;
  padding: 0 17px;
}

.single-item-section.no-header .app-form-col {
  float: none;
  padding-bottom: 8px;
  margin-top: -7px;
}

.single-item-section.no-header .btn {
  outline: none;
}

body .single-item-section.no-header table.single-item .remove-tax-country {
  /* float:right; */
  margin: 0 0 0 8px;
}

.profile-photo.first {
  padding-top: 32px;
}

.profile-photo {
  padding-top: 14px;
  padding-left: 24px;
}

.profile-photo span {
  vertical-align: middle;
  padding-left: 20px;
  font-size: 17px;
  color: #000;
}

.profile-photo img {
  width: 100px;
  border-radius: 200px;
  vertical-align: middle;
}

.home-section.home-section-hero2 .section-content-text .home-icons {
  border-top: 1px solid #fff;
  margin: 104px 0 0;
  position: relative;
}

.home-section.home-section-hero2 .section-content-text .home-icons .home-icon {
  display: block;
  margin: 0px 56px 0;
  position: absolute;
  top: -55px;
  left: 15px;
  padding-bottom: 76px;
  -webkit-transition: margin 200ms ease-in-out;
  -moz-transition: margin 200ms ease-in-out;
  -ms-transition: margin 200ms ease-in-out;
  -o-transition: margin 200ms ease-in-out;
  transition: margin 200ms ease-in-out;
}

.home-section.home-section-hero2 .section-content-text .home-icons .home-icon1 {
  left: 24px;
  top: -55px;
}

.home-section.home-section-hero2 .section-content-text .home-icons .home-icon2 {
  left: 272px;
  top: -44px;
}

.home-section.home-section-hero2 .section-content-text .home-icons .home-icon3 {
  left: 525px;
  top: -51px;
}

.home-section.home-section-hero2 .section-content-text .home-icons i {
  font-size: 100px;
  background: #00CAFF;
  padding: 0px 16px 0;
  cursor: pointer;
}

.home-section.home-section-hero2 .section-content-text .home-icons span {
  display: block;
  position: absolute;
  font-size: 21px;
  bottom: 22px;
  left: 0px;
  line-height: 24px;
  font-weight: 300;
  opacity: 0;
  color: #FFFFFF;
  -webkit-transition: opacity 200ms ease-in-out;
  -moz-transition: opacity 200ms ease-in-out;
  -ms-transition: opacity 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out;
  transition: opacity 200ms ease-in-out;
}

.home-section.home-section-hero2 .section-content-text .home-icon.home-icon3 span {
  bottom: 15px;
}

.home-section.home-section-hero2 .section-content-text .home-icon:hover span {
  opacity: 1;
}

.home-section.home-section-hero2 .section-content-text .home-icon:hover {
  margin-top: -12px;
}

#page-content-home #header .button, body #header .button {
  background: #009ECA;
  text-shadow: none;
  border: 1px solid #009ECA;
  color: #FFF;
  box-shadow: none;
}

#page-content-home #header .button.trial, body #header .button.trial {
  background: #fff;
  border: 1px solid #FFF;
  color: #000;
}

#page-content-home #footer {
  border: 0;
}

h2.bob-title.bob-title1 {
  padding: 0 164px 0 0px;
  position: relative;
  font-size: 25px;
}

.tweet-bracket {
  position: absolute;
  top: 11px;
  right: 129px;
  font-size: 66px;
  color: rgba(0, 164, 205, 0.31);
}

.tweet-button {
  position: absolute;
  top: 21px;
  right: 27px;
  opacity: 0.8;
  -webkit-transition: opacity 600ms ease-out;
  -moz-transition: opacity 600ms ease-out;
  -ms-transition: opacity 600msms ease-out;
  transition: opacity 600ms ease-out;
  cursor: pointer;
}

.tweet-button:hover {
  opacity: 1;
}

.import-disabled {
  border: 1px solid #DFDFDF;
  background: #FDFDFD;
  padding: 0 15px 15px;
  margin: 13px 6px 0 -15px;
  color: #888;
  font-size: 12px;
}
.import-disabled.settings {
  padding: 10px 15px 15px;
  margin: -11px 6px -3px -13px;
}

.trial-alert {
  border: 1px solid #efefef;
  background: #fff;
  padding: 10px 15px 15px 48px;
  margin: 50px -15px -16px -15px;
  color: #ef9a00;
  font-size: 14px;
  line-height: 1.2em;
  border-radius: 3px;
  position: relative;
}
.trial-alert a {
  color: #ef9a00;
}
.trial-alert i {
  position: absolute;
  top: 13px;
  left: 12px;
  font-size: 19px;
}

#progressbar {
  width: 100%;
  height: 14px;
  border-radius: 2px;
  margin-top: 6px;
  box-shadow: none;
  border: none;
}

#progressbar .ui-progressbar-value {
  background-color: #12AFD7;
  border: none;
}

#progressbar .ui-progressbar-overlay {
  border-color: #FFF;
  border: none;
}

table.single-item td.full {
  width: 498px;
}

.single-item-section-header {
  margin-bottom: -19px;
}

.btn.btn-flat {
  width: initial;
  background: #12AFD7;
  text-shadow: none;
  color: #FFF;
  box-shadow: none;
  border: none;
  font-weight: 400;
  padding: 0 41px;
  font-size: 15px;
  line-height: 41px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  height: auto !important;
  -webkit-appearance: none;
}
.btn.btn-flat.darker {
  background: #424F52;
}
.btn.btn-flat.darker:hover {
  background: #5C6A6D;
}

.btn.btn-flat:hover {
  background: #46C9EA;
  color: #fff;
}

.feature {
  width: 361px;
  display: inline-block;
  margin-top: 20px;
  padding: 0 13px 11px;
  background: #FFF;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
}

.feature .title {
  font-weight: 200;
  padding: 10px 0 7px;
  font-size: 19px;
  color: #000;
  line-height: 25px;
}

.feature .text {
  font-size: 13px;
  line-height: 19px;
}

.feature-col {
  width: 387px;
  display: inline-block;
  vertical-align: top;
  padding-bottom: 27px;
}

.feature-col.col1 {
  padding-right: 20px;
}

.app-form-row.not-full {
  padding-right: 30px;
}

.app-content-noform .page-desc {
  margin-right: -60px;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-ms-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 17px;
  background-color: #F6F6F6;
  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F5F5F5), to(#F9F9F9));
  background-image: -webkit-linear-gradient(top, #F5F5F5, #F9F9F9);
  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
  background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFF5F5F5", endColorstr="#FFF9F9F9", GradientType=0);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.progress.active .bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}

.progress.striped .bar {
  background-color: #00A2CF;
  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, rgba(0, 0, 0, 0) 75%, rgba(0, 0, 0, 0));
  -webkit-background-size: 40px 40px;
  -moz-background-size: 40px 40px;
  -o-background-size: 40px 40px;
  background-size: 40px 40px;
}

.progress .bar {
  width: 0%;
  height: 100%;
  color: #FFF;
  float: left;
  font-size: 12px;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #0D90D1;
  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149BDF), to(#0480BE));
  background-image: -webkit-linear-gradient(top, #149BDF, #0480BE);
  background-image: -o-linear-gradient(top, #149bdf, #0480be);
  background-image: linear-gradient(to bottom, #149BDF, #0480BE);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FF149BDF", endColorstr="#FF0480BE", GradientType=0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress.indeterminate .bar {
  width: 100%;
}

.connect-progress {
  padding-top: 27px;
  color: #A5A5A5;
}

.progress-desc {
  padding-bottom: 13px;
}

.progress-desc-percent {
  float: right;
  color: #9C9C9C;
  font-size: 13px;
  position: relative;
  top: 3px;
}

@-webkit-keyframes expand {
  from {
    -webkit-transform: scale(0);
  }
  to {
    -webkit-transform: scale(0.85);
  }
}
@-moz-keyframes expand {
  from {
    -moz-transform: scale(0);
  }
  to {
    -moz-transform: scale(0.85);
  }
}
@-ms-keyframes expand {
  from {
    -ms-transform: scale(0);
  }
  to {
    -ms-transform: scale(0.85);
  }
}
@-o-keyframes expand {
  from {
    -o-transform: scale(0);
  }
  to {
    -o-transform: scale(0.85);
  }
}
@keyframes expand {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(0.85);
  }
}
.pulseLoader {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.12);
  position: relative;
  top: 3px;
  margin-right: 6px;
}

.pulseLoader:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgb(255, 255, 255);
  -moz-animation: expand 0.8s infinite alternate;
  -o-animation: expand 0.8s infinite alternate;
  -webkit-animation: expand 0.8s infinite alternate;
  animation: expand 0.8s infinite alternate;
}

.feature-header {
  min-height: 194px;
  padding-bottom: 45px;
  box-sizing: border-box;
  color: #fff;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.95);
}

.feature-header.zendesk {
  border-bottom: 38px solid #174d4d;
}

.feature-header.braintree-payments {
  border-bottom: 38px solid #484748;
}

.feature-header.stripe {
  border-bottom: 38px solid #12AFD7;
}

.feature-header.wepay {
  border-bottom: 38px solid #2EB135;
}

.feature-header.paypal {
  border-bottom: 38px solid #1E96D0;
}

.feature-header.recurly {
  border-bottom: 38px solid #5b2666;
}

.feature-header.zuora {
  border-bottom: 38px solid #394c5d;
}

.feature-header.chargify {
  border-bottom: 38px solid #47c486;
}

.feature-header.paymentsmb {
  border-bottom: 38px solid #0088aa;
}

.feature-header.woocommerce {
  border-bottom: 38px solid #96588a;
}

.feature-header.nmi {
  border-bottom: 38px solid #981f21;
}

.feature-header.authorize-net {
  border-bottom: 38px solid #2f5571;
}

.feature-header.custom {
  border-bottom: 38px solid #555555;
}

.feature-header.shopify {
  border-bottom: 38px solid #008060;
}

.feature-header.square {
  border-bottom: 38px solid #333333;
}

.feature-header.gocardless {
  border-bottom: 38px solid #1c1b18;
}

.btn.btn-flat.zendesk {
  background: #174d4d;
}

.btn.btn-flat.braintree-payments {
  background: #484748;
}

.btn.btn-flat.stripe {
  background: #12AFD7;
}

.btn.btn-flat.wepay {
  background: #2EB135;
}

.btn.btn-flat.paypal {
  background: #1E96D0;
}

.btn.btn-flat.recurly {
  background: #5b2666;
}

.btn.btn-flat.zuora {
  background: #394c5d;
}

.btn.btn-flat.chargify {
  background: #47c486;
}

.btn.btn-flat.paymentsmb {
  background: #0088aa;
}

.btn.btn-flat.woocommerce {
  background: #96588a;
}

.btn.btn-flat.nmi {
  background: #981f21;
}

.btn.btn-flat.authorize-net {
  background: #2f5571;
}

.btn.btn-flat.custom {
  background: #555555;
}

.btn.btn-flat.shopify {
  background: #008060;
}

.btn.btn-flat.square {
  background: #333333;
}

.btn.btn-flat.gocardless {
  background: #1c1b18;
}

.feature-header.intercom {
  border-bottom: 38px solid #1e7ce4;
}

.btn.btn-flat.intercom {
  background: #1e7ce4;
}

.feature-header.front {
  border-bottom: 38px solid #ff0c64;
}

.btn.btn-flat.front {
  background: #ff0c64;
}

.feature-header.azuredesk {
  border-bottom: 38px solid #002258;
}

.btn.btn-flat.azuredesk {
  background: #002258;
}

.feature-header.help-scout {
  border-bottom: 38px solid #3197d6;
}

.btn.btn-flat.help-scout {
  background: #3197d6;
}

.feature-header.crisp {
  border-bottom: 38px solid #1972F5;
}

.btn.btn-flat.crisp {
  background: #1972F5;
}

.feature-header.okta {
  border-bottom: 38px solid #007dc1;
}

.btn.btn-flat.okta {
  background: #007dc1;
}

.feature-header.freshdesk {
  border-bottom: 38px solid #26a88e;
}

.btn.btn-flat.freshdesk {
  background: #26a88e;
}

.feature-header.desk {
  border-bottom: 38px solid #693e98;
}

.btn.btn-flat.desk {
  background: #693e98;
}

.feature-header.chrome {
  border-bottom: 38px solid #4689f4;
}

.btn.btn-flat.chrome {
  background: #4689f4;
}

.feature-header.gmail {
  border-bottom: 38px solid #b1392e;
}

.btn.btn-flat.gmail {
  background: #b1392e;
}

.feature-header.email {
  border-bottom: 38px solid #717171;
}

.btn.btn-flat.email {
  background: #717171;
}

.feature-header.uservoice {
  border-bottom: 38px solid #f7941e;
}

.btn.btn-flat.uservoice {
  background: #f7941e;
}

.feature-header.hubspot {
  border-bottom: 38px solid #ff7a59;
}

.btn.btn-flat.hubspot {
  background: #ff7a59;
}

.feature-header.missive {
  border-bottom: 38px solid #2266ED;
}

.btn.btn-flat.missive {
  background: #2266ED;
}

.feature-header.livechat {
  border-bottom: 38px solid #d86c37;
}

.btn.btn-flat.livechat {
  background: #d86c37;
}

.feature-header.liveagent {
  border-bottom: 38px solid #faa634;
}

.btn.btn-flat.liveagent {
  background: #faa634;
}

.btn.btn-flat.none {
  background: rgba(0, 0, 0, 0.07);
  color: #555;
}

.btn.btn-flat.provider.with-icon {
  background-position: 18px 13px;
  background-repeat: no-repeat;
  background-size: 15px;
}
.btn.btn-flat.provider.with-icon.stripe {
  background-image: url("https://cdn.chargedesk.com/icon-stripe-white.png");
}
.btn.btn-flat.provider.with-icon.braintree-payments {
  background-image: url("https://cdn.chargedesk.com/icon-braintree-white.png");
}
.btn.btn-flat.provider.with-icon.wepay {
  background-image: url("https://cdn.chargedesk.com/icon-wepay-white.png");
}
.btn.btn-flat.provider.with-icon.paypal {
  background-image: url("https://cdn.chargedesk.com/icon-paypal-white.png");
}
.btn.btn-flat.provider.with-icon.recurly {
  background-image: url("https://cdn.chargedesk.com/icon-recurly-white.png");
}
.btn.btn-flat.provider.with-icon.zuora {
  background-image: url("https://cdn.chargedesk.com/icon-zuora-white.png");
}
.btn.btn-flat.provider.with-icon.chargify {
  background-image: url("https://cdn.chargedesk.com/icon-chargify-white.png");
}
.btn.btn-flat.provider.with-icon.paymentsmb {
  background-image: url("https://cdn.chargedesk.com/icon-paymentsmb-white.png");
}
.btn.btn-flat.provider.with-icon.nmi {
  background-image: url("https://cdn.chargedesk.com/icon-nmi2-white.png");
}
.btn.btn-flat.provider.with-icon.authorize-net {
  background-image: url("https://cdn.chargedesk.com/icon-authorize-white.png");
}
.btn.btn-flat.provider.with-icon.custom {
  background-image: url("https://cdn.chargedesk.com/icon-custom-integration-white.png");
}
.btn.btn-flat.provider.with-icon.zendesk {
  background-image: url("https://cdn.chargedesk.com/icon-zendesk2-white.png");
}
.btn.btn-flat.provider.with-icon.intercom {
  background-image: url("https://cdn.chargedesk.com/icon-intercom-white.png");
}
.btn.btn-flat.provider.with-icon.front {
  background-image: url("https://cdn.chargedesk.com/icon-front2-white.png");
}
.btn.btn-flat.provider.with-icon.azuredesk {
  background-image: url("https://cdn.chargedesk.com/icon-azuredesk-white.png");
}
.btn.btn-flat.provider.with-icon.help-scout {
  background-image: url("https://cdn.chargedesk.com/icon-helpscout2-white.png");
}
.btn.btn-flat.provider.with-icon.okta {
  background-image: url("https://cdn.chargedesk.com/icon-okta-white.png");
}
.btn.btn-flat.provider.with-icon.crisp {
  background-image: url("https://cdn.chargedesk.com/icon-crisp-white.png");
}
.btn.btn-flat.provider.with-icon.freshdesk {
  background-image: url("https://cdn.chargedesk.com/icon-freshdesk-white.png");
}
.btn.btn-flat.provider.with-icon.desk {
  background-image: url("https://cdn.chargedesk.com/icon-desk-white.png");
}
.btn.btn-flat.provider.with-icon.chrome {
  background-image: url("https://cdn.chargedesk.com/icon-chrome-white.png");
}
.btn.btn-flat.provider.with-icon.gmail {
  background-image: url("https://cdn.chargedesk.com/icon-gmail-white.png");
}
.btn.btn-flat.provider.with-icon.uservoice {
  background-image: url("https://cdn.chargedesk.com/icon-uservoice-white.png");
}
.btn.btn-flat.provider.with-icon.hubspot {
  background-image: url("https://cdn.chargedesk.com/icon-hubspot-white.png");
}
.btn.btn-flat.provider.with-icon.missive {
  background-image: url("https://cdn.chargedesk.com/icon-missive-white.png");
}
.btn.btn-flat.provider.with-icon.woocommerce {
  background-image: url("https://cdn.chargedesk.com/icon-woocommerce-white.png");
}
.btn.btn-flat.provider.with-icon.livechat {
  background-image: url("https://cdn.chargedesk.com/icon-livechat-white.png");
}
.btn.btn-flat.provider.with-icon.email {
  background-image: url("https://cdn.chargedesk.com/icon-email-white.png");
}
.btn.btn-flat.provider.with-icon.liveagent {
  background-image: url("https://cdn.chargedesk.com/icon-liveagent-white.png");
}
.btn.btn-flat.provider.with-icon.square {
  background-image: url("https://cdn.chargedesk.com/icon-square-white.png");
}
.btn.btn-flat.provider.with-icon.gocardless {
  background-image: url("https://cdn.chargedesk.com/icon-gocardless-white.png");
}
.btn.btn-flat.provider.with-icon.shopify {
  background-image: url("https://cdn.chargedesk.com/icon-shopify-white.png");
}
.btn.btn-flat.provider.with-icon.connecting {
  opacity: 0.6;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.2);
}

.feature-header {
  border-bottom: 38px solid #12AFD7;
}

.btn.btn-flat.provider:hover {
  opacity: 0.7;
}

.provider.img:hover {
  opacity: 0.9;
}

.feature-content .provider.img img {
  vertical-align: middle;
}

.feature-header .overlay-bg {
  background: rgba(0, 0, 0, 0) url("https://cdn.chargedesk.com/blur-bg-new.jpg") no-repeat 0 0;
  margin: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 280px;
  width: 100%;
  opacity: 0.5;
}

.feature-header .overlay {
  background: linear-gradient(to bottom, rgba(239, 170, 47, 0.21) 0%, #EFAA2F 100%);
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 280px;
  width: 100%;
  z-index: 3;
  opacity: 1;
  background: #fff;
}

.feature-header .content {
  position: relative;
  z-index: 3;
}

.feature .text a {
  color: #333;
}

.feature-header h1 {
  margin: 0;
  padding: 72px 0 0 0;
  color: #626262;
  width: 500px;
  line-height: 41px;
}
.feature-header h1.shorter {
  width: 450px;
}

.feature-header h2 {
  margin: 0;
  padding: 5px 0 0 0;
  color: #626262;
  font-size: 17px;
  width: 520px;
}

.feature-header .provider {
  vertical-align: middle;
  position: absolute;
  top: 73px;
  right: 0;
}

.feature-content .btn.provider, .feature-header .provider {
  padding: 0 26px 0 50px;
}

.feature-header .provider.stripe-connect {
  margin-top: 3px;
}

.feature-header .partner-badge {
  float: right;
  margin: -6px 25px -10px 0;
  text-align: left;
}

.feature-content .partner-badge {
  float: right;
  display: inline-block;
  margin-top: 12px;
}

.feature-content {
  padding: 19px 0 62px;
  position: relative;
  z-index: 1;
}

.feature img.hero {
  width: 387px;
  height: 290px;
  margin: 0 -13px 0px;
  background: #F4F4F4;
  border: 0;
}

.feature .btn.btn-flat.connect {
  background: #F9F9F9;
  border: 1px solid #E7E7E7;
  color: #616161;
  margin-top: 8px;
  width: 278px;
  -webkit-transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
  -ms-transition: background 0.1s ease-in-out;
  -o-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
}

.feature .btn.btn-flat.connect:hover {
  background: #ffffff;
}

.comic-strip {
  padding: 53px 0 0 0;
}

.comic-strip .comic {
  border: 3px solid #00A4CD;
  display: inline-block;
  padding: 16px;
  opacity: 1;
  -webkit-transition: opacity 1000ms ease-in-out, box-shadow 1000ms ease-in-out;
  -moz-transition: opacity 1000ms ease-in-out, box-shadow 1000ms ease-in-out;
  -ms-transition: opacity 1000ms ease-in-out, box-shadow 1000ms ease-in-out;
  -o-transition: opacity 1000ms ease-in-out, box-shadow 1000ms ease-in-out;
  transition: opacity 1000ms ease-in-out, box-shadow 1000ms ease-in-out;
  border-radius: 2px;
  box-shadow: 0 0 10px rgba(70, 172, 199, 0.45);
  position: relative;
  overflow: hidden;
}

.comic-strip .comic.faded {
  opacity: 0.2;
  box-shadow: 0 0 10px #FFFFFF;
}

.comic-strip .comic img {
  width: 243px;
}

.animated-icon {
  width: 80px;
  height: 80px;
  position: relative;
  margin: 0 auto 34px;
  background: #fff;
  overflow: hidden;
  border-radius: 100px;
  border: 3px solid rgb(181, 222, 232);
}

.animated-icon.success .fix {
  width: 5px;
  height: 90px;
  background-color: white;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.animated-icon.success .line {
  height: 5px;
  background-color: #00A4CD;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
  opacity: 0;
}

.animated-icon.success .line.tip {
  width: 25px;
  left: 14px;
  top: 40px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.animated-icon.success .line.long {
  width: 47px;
  right: 8px;
  top: 32px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

@-webkit-keyframes animateSuccessTip {
  0% {
    opacity: 1;
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    opacity: 1;
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    opacity: 1;
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    opacity: 1;
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    opacity: 1;
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@-moz-keyframes animateSuccessTip {
  0% {
    opacity: 1;
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    opacity: 1;
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    opacity: 1;
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    opacity: 1;
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    opacity: 1;
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes animateSuccessTip {
  0% {
    opacity: 1;
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    opacity: 1;
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    opacity: 1;
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    opacity: 1;
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    opacity: 1;
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@-webkit-keyframes animateSuccessLong {
  0% {
    opacity: 1;
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    opacity: 1;
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    opacity: 1;
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    opacity: 1;
    width: 47px;
    right: 7px;
    top: 37px;
  }
}
@-moz-keyframes animateSuccessLong {
  0% {
    opacity: 1;
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    opacity: 1;
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    opacity: 1;
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    opacity: 1;
    width: 47px;
    right: 7px;
    top: 37px;
  }
}
@keyframes animateSuccessLong {
  0% {
    opacity: 1;
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    opacity: 1;
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    opacity: 1;
    width: 55px;
    right: 0px;
    top: 35px;
  }
  100% {
    opacity: 1;
    width: 47px;
    right: 7px;
    top: 37px;
  }
}
.animated-icon .animateSuccessTip {
  -webkit-animation: animateSuccessTip 0.75s forwards;
  -moz-animation: animateSuccessTip 0.75s forwards;
  animation: animateSuccessTip 0.75s forwards;
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}

.animated-icon .animateSuccessLong {
  -webkit-animation: animateSuccessLong 0.75s forwards;
  -moz-animation: animateSuccessLong 0.75s forwards;
  animation: animateSuccessLong 0.75s forwards;
  -webkit-animation-delay: 200ms;
  -moz-animation-delay: 200ms;
  animation-delay: 200ms;
}

.home-hero {
  text-align: center;
  position: relative;
}

.home-hero img {
  margin: 0 auto;
}

.home-hero-laptop .laptop {
  position: relative;
  z-index: 2;
}
.home-hero-laptop .home-hero-laptop-screen {
  position: absolute;
  top: 29px;
  left: 120px;
}

#circle-path {
  position: relative;
}

#circle-path .circle {
  background: #00CAFF;
  border-radius: 50%;
  width: 11px;
  height: 11px;
  position: absolute;
  z-index: 10;
  opacity: 0;
}

.btn.btn-flat.white {
  background: rgba(255, 255, 255, 0);
  text-decoration: none !important;
  border: 1px solid #FFF !important;
  -webkit-transition: background 0.1s ease-in-out;
  -moz-transition: background 0.1s ease-in-out;
  -ms-transition: background 0.1s ease-in-out;
  -o-transition: background 0.1s ease-in-out;
  transition: background 0.1s ease-in-out;
}

.btn.btn-flat.white:hover {
  background: rgba(255, 255, 255, 0.24);
}

.home-section .btn.btn-flat.white {
  margin-top: 18px;
  font-weight: 600;
}

.details-expansion {
  padding-top: 10px;
}

body .single-item-section.no-header.helpdesk table.single-item .btn {
  margin-top: 0;
}

.item-light-header {
  margin: 45px 65px 0 65px;
  font-size: 18px;
}

.single-item-section.no-header table.single-item th.total {
  color: #333;
}

.no-header table.single-item td .info {
  color: #797979;
  padding: 10px 10px 6px 0;
  font-size: 13px;
}

button.darker {
  background: 0;
  border: 0;
  color: #A8A8A8;
  font-size: 12px;
  margin-left: 20px;
  text-decoration: underline;
  cursor: pointer;
  outline: none;
}

button.darker:hover {
  color: #333;
}

#footer a.social-footer {
  text-decoration: none;
  color: #999;
  padding-right: 8px;
}

#footer a.social-footer i {
  padding-right: 4px;
  color: #DADADA;
}

#footer a.social-footer:hover {
  color: #333;
}

#api_dialog .api_level.connect-button {
  padding-left: 13px;
}

body .provider-connect {
  text-decoration: none;
  padding: 8px 23px;
  margin: 17px 4px 0;
  border-radius: 3px;
  font-weight: 400;
  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;
  border: 1px solid #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

body .provider-connect.dark {
  border: 1px solid rgba(54, 157, 176, 0.51);
  box-shadow: 0 1px 0 rgba(54, 157, 176, 0.06);
}

body a.provider-connect:hover {
  text-decoration: none !important;
}

body .provider-connect:hover {
  -webkit-transition: box-shadow 0.2s ease-in-out;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -ms-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 0 26px 3px rgba(255, 255, 255, 0.62);
}

body .provider-connect.stripe {
  background: #FFF url("https://cdn.chargedesk.com/btn-stripe-light.png") no-repeat 13px 9px;
  background-size: 10px 15px;
  padding-left: 36px;
}

body .provider-connect.stripe:hover {
  background-image: url("https://cdn.chargedesk.com/btn-stripe.png");
}

body .provider-connect.braintree {
  background: #FFF url("https://cdn.chargedesk.com/btn-braintree-light.png") no-repeat 13px 9px;
  background-size: 15px;
  padding-left: 39px;
}

body .provider-connect.braintree:hover {
  background-image: url("https://cdn.chargedesk.com/btn-braintree.png");
}

body .provider-connect.wepay {
  background: #FFF url("https://cdn.chargedesk.com/btn-wepay-light.png") no-repeat 13px 9px;
  background-size: 17px 15px;
  padding-left: 42px;
}

body .provider-connect.wepay:hover {
  background-image: url("https://cdn.chargedesk.com/btn-wepay.png");
}

body .provider-connect.paypal {
  background: #FFF url("https://cdn.chargedesk.com/btn-paypal-light.png") no-repeat 13px 9px;
  background-size: 12px 15px;
  padding-left: 38px;
}

body .provider-connect.paypal:hover {
  background-image: url("https://cdn.chargedesk.com/btn-paypal.png");
}

body .provider-connect.recurly {
  background: #FFF url("https://cdn.chargedesk.com/btn-recurly-light.png") no-repeat 13px 9px;
  background-size: 14px 15px;
  padding-left: 39px;
}

body .provider-connect.recurly:hover {
  background-image: url("https://cdn.chargedesk.com/btn-recurly.png");
}

body .provider-connect.authorize {
  background: #FFF url("https://cdn.chargedesk.com/btn-authorize-light.png") no-repeat 13px 9px;
  background-size: 15px 15px;
  padding-left: 39px;
}

body .provider-connect.authorize:hover {
  background-image: url("https://cdn.chargedesk.com/btn-authorize.png");
}

body .provider-connect span {
  border-left: 1px solid #F2F2F2;
  display: block;
  line-height: 17px;
  color: #369DB0;
  padding-left: 17px;
}

body .provider-connect.white {
  color: #369DB0;
  width: auto;
}

body .home-section .provider-connect span {
  width: 101px;
  padding-left: 0;
}

body .provider-connect:hover span {
  color: #00687B;
}

@media screen and (max-width: 1000px) {
  .no-mobile {
    display: none;
  }
}
.single-item-section.no-header table.single-item .complete th {
  text-decoration: line-through;
}

#checklist {
  margin-top: 22px;
  padding: 0;
  background: none;
  border: 0;
}
#checklist .desc {
  padding-top: 3px;
}
#checklist .checkmark {
  color: #00AEDA;
  font-size: 18px;
  line-height: 16px;
  padding-right: 3px;
}
#checklist table.single-item {
  margin: 0;
}
#checklist table.single-item tr.top-text td {
  padding-left: 32px;
}

.small-section-title {
  position: absolute;
  top: -23px;
  left: 11px;
  color: #777;
}

.single-item-section.extra-space {
  margin-top: 42px;
}

.single-item-section.less-space {
  margin-top: 25px;
}

.section-content .desc {
  padding: 41px 0 0;
  font-size: 16px;
  color: #999;
}

.home-section-hero2 .desc {
  color: rgba(255, 255, 255, 0.94);
}

#pop-up-contact {
  position: fixed;
  bottom: 0;
  right: 41px;
  width: 272px;
  z-index: 100;
  border-radius: 7px;
  overflow: hidden;
  background: #fff;
  font-family: "Open Sans";
  margin-bottom: -312px;
  -webkit-transition: margin 0.5s ease-in-out;
  -moz-transition: margin 0.5s ease-in-out;
  -ms-transition: margin 0.5s ease-in-out;
  -o-transition: margin 0.5s ease-in-out;
  transition: margin 0.5s ease-in-out;
  display: none;
}

#pop-up-contact:hover {
  margin-bottom: -14px;
}

#pop-up-contact .contact-header {
  background: #484748;
  line-height: 22px;
  font-size: 15px;
  padding: 9px 35px 9px 16px;
  color: #fff;
  position: relative;
}

#pop-up-contact .contact-form {
  padding: 0 16px 20px;
  color: #333;
  border: 1px solid #DADADA;
  border-top: none;
}

#pop-up-contact .contact-form input, #pop-up-contact .contact-form textarea {
  width: 99%;
  margin: 0 0 9px 0;
}

#pop-up-contact .contact-form-desc {
  line-height: 17px;
  padding: 14px 0 16px;
  font-size: 14px;
}

#pop-up-contact .contact-header i {
  position: absolute;
  top: 9px;
  right: 16px;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

#pop-up-contact .contact-header i.down {
  opacity: 0;
}

#pop-up-contact .contact-header i.up {
  opacity: 1;
}

#pop-up-contact:hover .contact-header i.down {
  opacity: 1;
}

#pop-up-contact:hover .contact-header i.up {
  opacity: 0;
}

#pop-up-contact .btn-flat {
  margin-top: 8px !important;
  line-height: 33px;
  outline: none;
  font-size: 15px;
}

@media screen and (min-width: 1000px) {
  #pop-up-contact {
    display: block;
  }
}
.billing-title {
  color: #9d9d9d;
  font-weight: normal;
  margin: 33px 0 18px;
}

.billing-chart {
  height: 150px;
}

.testimonials {
  display: table;
}

.testimonial {
  display: table-row;
}

.testimonial > div {
  display: table-cell;
  padding-top: 30px;
  border-top: 1px solid #E2E2E2;
  padding-bottom: 30px;
}

.testimonials .logo img {
  width: 200px;
}

.testimonials .logo {
  width: 200px;
  vertical-align: top;
  padding-top: 67px;
}

.testimonials .text {
  padding-left: 50px;
}

.testimonials .text .who {
  font-weight: bold;
}

.testimonials .text .title {
  font-weight: bold;
  color: #1286AB;
  font-size: 21px;
  margin-bottom: 0px;
  display: inline-block;
  text-decoration: none;
}

table.tiers {
  border-collapse: collapse;
  border: 1px solid #f3f3f3;
  width: 100%;
  margin-top: 8px;
}

table.tiers th, table.tiers td {
  text-align: left;
  padding: 5px 10px;
  border: 1px solid #DFDFDF;
  font-size: 15px;
}

.discount {
  padding-left: 5px;
  color: #888;
}

a.invoice {
  color: #444;
  margin-bottom: 15px;
  display: inline-block;
  text-decoration: none;
  font-size: 13px;
}

a.invoice:hover {
  text-decoration: underline;
}

a.invoice img {
  vertical-align: middle;
  margin-right: 9px;
  width: 24px;
  opacity: 0.6;
}

a.invoice:hover img {
  opacity: 1;
}

#connect-extension {
  padding-top: 36px;
}

#connect-extension .desc {
  color: #ADADAD;
  font-size: 14px;
  line-height: 17px;
}

#connect-extension .on-success, #connect-extension .on-failed, #connect-extension.success .progress, #connect-extension.failed .progress {
  display: none;
}

#connect-extension.success .on-success, #connect-extension.failed .on-failed {
  display: block;
}

.featured-section {
  display: inline-block;
  padding: 47px 103px 0 0;
  line-height: 50px;
  font-size: 17px;
  font-family: "Open Sans";
  font-weight: 200;
}

.featured-section a:hover {
  opacity: 0.7;
}

.provider-animate {
  border-bottom: 2px solid #009ECA;
  width: 220px;
  display: inline-block;
}

.provider-animate .text.empty {
  margin-left: -10px;
}

@keyframes blink {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink {
  to {
    visibility: hidden;
  }
}
.provider-animate .cursor {
  background: #009ECA;
  margin-left: 8px;
  opacity: 1;
  color: transparent;
  width: 2px;
  display: inline-block;
  line-height: 41px;
  animation: blink 1.2s steps(3, start) infinite;
  -webkit-animation: blink 1.2s steps(3, start) infinite;
}

.lowercase {
  text-transform: lowercase;
}

input.toggle {
  width: initial;
  background: none;
  border: 0;
  color: #BDBDBD;
  font-size: 13px;
  padding: 0 0 0 2px;
  box-shadow: none;
  text-decoration: underline;
  cursor: pointer;
  margin: 0;
  height: initial;
  line-height: normal;
}

.content.app-connect-extension {
  width: 500px;
  left: -83px;
  padding-right: 70px;
}

.welcome-arrow {
  display: none;
  position: fixed;
  z-index: 999999999999999;
  top: 3px;
  right: 40px;
}

.chrome-install {
  outline: none;
}

#install-prompt {
  position: relative;
  background: #12AFD7;
  width: 100%;
  text-align: center;
  line-height: 38px;
  color: #FFF;
  display: none;
}
#install-prompt .btn {
  line-height: 26px;
  background: #FFF;
  color: #3FB3E2;
  font-size: 12px;
  padding: 1px 13px 0 9px;
  margin-left: 13px;
  position: relative;
  top: -1px;
  -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;
}
#install-prompt .btn img {
  height: 17px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  padding-right: 6px;
  opacity: 0.8;
}
#install-prompt .btn:hover {
  opacity: 1;
  color: #00687B;
  background: #FFF;
  webkit-transition: box-shadow 0.2s ease-in-out;
  -moz-transition: box-shadow 0.2s ease-in-out;
  -ms-transition: box-shadow 0.2s ease-in-out;
  -o-transition: box-shadow 0.2s ease-in-out;
  transition: box-shadow 0.2s ease-in-out;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 0 26px 3px rgba(255, 255, 255, 0.62);
}
#install-prompt .btn:hover img {
  opacity: 1;
}
#install-prompt a {
  color: #fff;
  margin-left: 7px;
}
#install-prompt a:hover {
  opacity: 0.9;
}
#install-prompt #install-prompt-close {
  position: absolute;
  top: 0px;
  right: 0px;
  line-height: 34px;
  padding: 0 12px;
  font-size: 20px;
  font-family: "Arial";
  font-weight: bold;
  cursor: pointer;
}
#install-prompt #install-prompt-close:hover {
  opacity: 0.9;
}

.loupe {
  background-color: #555;
  background: rgba(0, 0, 0, 0.25);
  border: 5px solid rgba(0, 0, 0, 0);
  z-index: 100;
  border-radius: 300px;
  cursor: none;
}

.feature-integrations {
  margin-top: 37px;
  font-size: 15px;
  font-weight: 300;
  padding: 18px 26px;
  background: #FFF;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
  box-sizing: border-box;
}
.feature-integrations .inner-content + .inner-content {
  padding-top: 10px;
}
.feature-integrations b, .feature-integrations a {
  font-weight: 400;
}

.feature-video {
  margin-top: 37px;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
  box-sizing: border-box;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.25);
  background: #fff;
}
.feature-video .video-title, .feature-video .video-footer {
  position: absolute;
  left: 0;
  width: 100%;
  color: #FFF;
  background: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  padding: 4px 13px;
  z-index: 2;
}
.feature-video .video-title {
  top: 0;
}
.feature-video .video-footer {
  bottom: 0;
  min-height: 1px;
}
.feature-video img.play {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -37px 0 0 -64px;
  z-index: 10;
  opacity: 0.8;
  transform: scale(0.9);
}
.feature-video img.bg {
  opacity: 0.7;
  border: 0;
  max-width: 800px;
}
.feature-video:hover img.play {
  opacity: 1;
}
.feature-video:hover img.bg {
  opacity: 0.9;
}

#lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.66);
  z-index: 999;
}
#lightbox .lightbox-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 16px 0px rgba(0, 0, 0, 0.75);
  background: #fff;
}
#lightbox .lightbox-inner .lightbox-close {
  position: absolute;
  top: -29px;
  right: -29px;
  color: rgba(255, 255, 255, 0.63);
  padding: 14px 10px 15px;
  vertical-align: middle;
  font-family: "Arial";
  font-weight: bold;
  font-size: 17px;
  line-height: 0px;
  border: 1px solid rgba(255, 255, 255, 0.46);
  border-radius: 50px;
  background-color: #000;
  cursor: pointer;
}
#lightbox .lightbox-inner .lightbox-close:hover {
  color: rgb(255, 255, 255);
  border: 1px solid rgba(255, 255, 255, 0.8);
}
#lightbox .lightbox-inner img {
  max-height: 80vh;
  max-width: 80vw;
  border-radius: 8px;
}
#lightbox .lightbox-inner.image {
  border-radius: 9px;
}
#lightbox .lightbox-inner.youtube {
  border-radius: 9px;
}
#lightbox .lightbox-inner.youtube iframe {
  border-radius: 8px;
  width: 1140px;
  height: 720px;
  max-height: 90vh;
  max-width: 90vw;
}

.feature-content-title {
  font-size: 23px;
  padding: 17px 0 7px 10px;
  line-height: 1em;
  font-weight: 300;
  font-family: "Helvetica Neue", "Open Sans";
  color: #626262;
}

#template-text .texts {
  display: none;
}
#template-text .texts.active {
  display: block;
}

body .btn.btn-reset {
  background: none;
  border: 0;
  box-shadow: none;
  text-decoration: underline;
  margin: 0 0 0 19px;
  padding: 5px;
  width: initial;
  font-weight: normal;
}

.not-available {
  padding-top: 50px;
}

#customer-email-settings h2 {
  padding-bottom: 10px;
}
#customer-email-settings .row {
  padding-top: 15px;
}
#customer-email-settings .row label {
  display: block;
  padding-bottom: 5px;
  cursor: pointer;
}
#customer-email-settings .row input[type=text] {
  margin: 2px 0 4px -1px;
}
#customer-email-settings .row .desc {
  font-size: 12px;
  color: #B0B0B0;
  line-height: 1.3em;
}

.btn.btn-light {
  color: #A0A0A0;
  background: #FFF;
  border-color: #D5D5D5;
}
.btn.btn-light.extra-space {
  margin-top: 10px;
  margin-left: -1px;
}

.buttonable, .provider-connect-pretty {
  text-shadow: none;
  box-shadow: none;
  cursor: pointer;
  border-radius: 3px;
  border: none;
  outline: none;
}
.buttonable:active, .provider-connect-pretty:active {
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.provider-connect-pretty {
  width: 210px;
  padding: 8px 0 8px 40px;
  margin: 18px 0 0;
  font-weight: 400;
  text-decoration: none;
  vertical-align: baseline;
  background: #FFF;
  display: inline-block;
  font-family: "Open Sans";
  font-size: 13px;
}
.provider-connect-pretty .name {
  border-left: 1px solid rgba(255, 255, 255, 0.25);
  display: block;
  line-height: 21px;
  color: #FFF;
  padding-left: 28px;
}
.provider-connect-pretty .name strong {
  padding-left: 1px;
}
.provider-connect-pretty:hover {
  opacity: 0.7;
}
.provider-connect-pretty.stripe {
  background: #12AFD7 url("https://cdn.chargedesk.com/btn-stripe-white.png") no-repeat 15px 11px;
  background-size: 10px 15px;
}
.provider-connect-pretty.braintree {
  background: #484748 url("https://cdn.chargedesk.com/btn-braintree-white.png") no-repeat 13px 10px;
  background-size: 15px;
}
.provider-connect-pretty.wepay {
  background: #2EB135 url("https://cdn.chargedesk.com/btn-wepay-white.png") no-repeat 13px 11px;
  background-size: 17px 15px;
}
.provider-connect-pretty.paypal {
  background: #1E96D0 url("https://cdn.chargedesk.com/btn-paypal-white.png") no-repeat 14px 11px;
  background-size: 12px 15px;
}

.page-desc-plain {
  padding-top: 15px;
  padding-right: 65px;
  padding-bottom: 10px;
}
.page-desc-plain p {
  margin: 0;
  padding: 0;
}
.page-desc-plain p + p {
  padding-top: 15px;
}

.page-desc-bottom {
  padding-top: 35px;
  padding-right: 65px;
  margin-bottom: -14px;
}
.page-desc-bottom p {
  margin: 0;
  padding: 0;
}
.page-desc-bottom p + p {
  padding-top: 15px;
}

#text-editor {
  position: relative;
  background: #fff;
}
#text-editor h2 {
  padding: 10px 30px;
  font-size: 18px;
  border-bottom: 1px solid #ECECEC;
}
#text-editor h2 a {
  float: right;
  padding-right: 10px;
  font-weight: 400;
  font-size: 14px;
  text-decoration: none;
}
#text-editor h2 a:hover {
  text-decoration: underline;
}
#text-editor .nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  height: 100%;
  height: calc(100% - 45px);
  z-index: 100;
}
#text-editor .nav .breadcrumbs {
  padding: 10px 15px;
  font-size: 14px;
  color: #7b7b7b;
}
#text-editor .nav .breadcrumbs a {
  text-decoration: none;
}
#text-editor .nav .breadcrumbs a:hover {
  text-decoration: underline;
}
#text-editor .nav .nav-back {
  display: inline-block;
  padding: 10px 8px;
  text-decoration: none;
  font-size: 14px;
}
#text-editor .nav .nav-back:hover {
  text-decoration: underline;
}
#text-editor .nav .nav-msg {
  margin: 8px 6px 0;
  padding: 5px 8px;
  border: 1px solid #fbc767;
  border-radius: 4px;
  background: #fff2da;
  line-height: 1.2em;
  font-size: 11px;
}
#text-editor .nav .nav-msg a {
  color: #000;
}
#text-editor .nav #nav-theme {
  font-weight: bold;
  border: 1px solid #ECECEC;
  border-left: none;
  border-right: none;
  padding: 5px 15px;
  line-height: 27px;
  position: relative;
  background: #f7f7f7;
  margin-bottom: 1px;
}
#text-editor .nav #nav-theme .desc {
  font-size: 11px;
  line-height: 1.1em;
  padding: 2px 0;
  color: #a0a0a0;
}
#text-editor .nav #nav-theme .desc b {
  font-size: 10px;
}
#text-editor .nav #nav-theme i.expand {
  position: absolute;
  top: 11px;
  right: 14px;
}
#text-editor .nav #nav-theme ul.theme-menu {
  display: none;
  margin: 0;
  font-weight: normal;
  position: absolute;
  top: 32px;
  margin-top: 5px;
  background: #ffffff;
  width: 250px;
  padding: 0;
  box-sizing: border-box;
  border: 1px solid #dadada;
  box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.08);
  cursor: pointer;
  border-radius: 3px;
}
#text-editor .nav #nav-theme ul.theme-menu li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#text-editor .nav #nav-theme ul.theme-menu li a {
  display: block;
  padding: 5px 15px;
  color: #333;
  text-decoration: none;
  cursor: pointer;
}
#text-editor .nav #nav-theme ul.theme-menu li a:hover {
  background: #f7f7f7;
}
#text-editor .nav #nav-theme ul.theme-menu li a.active {
  font-weight: bold;
}
#text-editor .nav #nav-theme ul.theme-menu li a.manage {
  border-top: 1px solid #ECECEC;
  font-weight: bold;
}
#text-editor .nav #nav-theme ul.theme-menu li a.manage i {
  padding-right: 2px;
  color: #1286AB;
}
#text-editor .nav #nav-theme:hover ul.theme-menu {
  display: block;
}
#text-editor .nav ul.menu {
  padding: 0;
  margin: 0;
  height: 100%;
  height: calc(100% - 35px);
  overflow-y: auto;
}
#text-editor .nav ul.menu li {
  padding: 0;
  margin: 0;
  list-style: none;
}
#text-editor .nav ul.menu li.title {
  padding: 10px 0px 5px 15px;
  color: #505050;
  font-weight: bold;
}
#text-editor .nav ul.menu li a {
  display: block;
  padding: 8px 10px 8px 24px;
  color: #4E4E4E;
  text-decoration: none;
}
#text-editor .nav ul.menu li a:hover {
  border-left: 4px solid #999;
  padding-left: 20px;
  background: rgba(0, 0, 0, 0.04);
}
#text-editor .nav ul.menu li a.active {
  background: #F3F9FF;
  color: #005A71;
  border-left: 4px solid #00A8D2;
  padding-left: 20px;
}
#text-editor .nav ul.menu li ul.sub-menu {
  padding: 0;
}
#text-editor .nav ul.menu li ul.sub-menu li.sub-menu-title {
  padding: 6px 10px 6px 24px;
  cursor: pointer;
  color: #000;
  background: #F3F9FF;
  border-bottom: 2px solid #fff;
  border-top: 2px solid #fff;
}
#text-editor .nav ul.menu li ul.sub-menu li.sub-menu-title i.mark {
  width: 10px;
  text-align: left;
}
#text-editor .nav ul.menu li ul.sub-menu li.sub-menu-title i.mark.closed {
  display: none;
}
#text-editor .nav ul.menu li ul.sub-menu li a {
  padding-left: 39px;
}
#text-editor .nav ul.menu li ul.sub-menu li a:hover {
  padding-left: 35px;
}
#text-editor .nav ul.menu li ul.sub-menu li a.active {
  padding-left: 35px;
}
#text-editor .nav ul.menu li ul.sub-menu.closed li {
  display: none;
}
#text-editor .nav ul.menu li ul.sub-menu.closed li.sub-menu-title {
  display: block;
  color: #333;
  background: rgba(0, 0, 0, 0);
}
#text-editor .nav ul.menu li ul.sub-menu.closed li.sub-menu-title:hover {
  background: rgba(0, 0, 0, 0.04);
}
#text-editor .nav ul.menu li ul.sub-menu.closed li.sub-menu-title i.mark.closed {
  display: inline-block;
}
#text-editor .nav ul.menu li ul.sub-menu.closed li.sub-menu-title i.mark.open {
  display: none;
}
#text-editor .main {
  margin-left: 200px;
  min-height: 500px;
  border-left: 1px solid #ECECEC;
}
#text-editor .main h2 .title-options {
  display: inline;
  font-size: 14px;
  padding-left: 12px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  float: right;
}
#text-editor .main h2 .title-options label {
  padding: 0px 0px 0 7px;
}
#text-editor .main h2 .title-options label input {
  vertical-align: middle;
  position: relative;
  top: -1px;
}
#text-editor .main .section {
  position: relative;
  z-index: 2;
  overflow: hidden;
}
#text-editor .main .section .editor {
  float: left;
  width: 45%;
  position: relative;
}
#text-editor .main .section .editor h2 {
  padding-left: 30px;
}
#text-editor .main .section .editor #template-text {
  height: 100%;
  height: calc(100% - 90px);
  overflow-y: auto;
  box-sizing: border-box;
}
#text-editor .main .section .preview {
  border-left: 1px solid #ECECEC;
  position: relative;
  z-index: 2;
  margin-left: 45%;
}
#text-editor .main .section .preview .receipt-preview {
  height: 100%;
  height: calc(100% - 90px);
}
#text-editor #template-text .edit-theme {
  padding: 20px 0px 20px 30px;
}
#text-editor #template-text .text-form {
  padding: 20px 0;
}
#text-editor #template-text .text-form .text-row-buttons {
  /*padding: 13px 0 12px 139px;
  position: absolute;
  bottom: 0;
  background: #fff;
  width: 100%;
  border-top: 1px solid #ECECEC;
  box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.13);
  box-sizing: border-box;*/
  padding: 13px 0 13px 139px;
}
#text-editor #template-text .text-form .text-row-buttons .btn-main {
  width: initial;
  background: #12AFD7;
  text-shadow: none;
  color: #fff;
  box-shadow: none;
  border: none;
  height: 41px;
  padding: 0 41px;
  font-size: 15px;
}
#text-editor #template-text .text-form .text-row-buttons .btn-main:hover {
  background: #46C9EA;
}
#text-editor #template-text .text-form .seperator {
  border-bottom: 1px dashed #dadada;
}
#text-editor #template-text .text-form .text-row {
  padding: 10px 40px 13px 30px;
  position: relative;
}
#text-editor #template-text .text-form .text-row.default input[type=text], #text-editor #template-text .text-form .text-row.default textarea {
  color: #bdbdbd;
  transition: color 200ms ease-in-out;
}
#text-editor #template-text .text-form .text-row.default.edited input[type=text], #text-editor #template-text .text-form .text-row.default.edited textarea {
  color: #555;
}
#text-editor #template-text .text-form .text-row.introduction {
  font-size: 14px;
  line-height: 1.4em;
  padding-top: 2px;
}
#text-editor #template-text .text-form .text-row.setting .text-row-title {
  top: 14px;
}
#text-editor #template-text .text-form .text-row.setting label {
  padding-right: 13px;
}
#text-editor #template-text .text-form .text-row label.error {
  left: 141px;
  top: -9px;
  bottom: initial;
  z-index: 90;
}
#text-editor #template-text .text-form .text-row .toggle {
  position: relative;
  padding-left: 23px;
  font-size: 13px;
  line-height: 26px;
}
#text-editor #template-text .text-form .text-row .toggle label {
  position: relative;
  z-index: 2;
  padding-right: 3px;
}
#text-editor #template-text .text-form .text-row .toggle .toggle-bg {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 7px;
  border: 1px dashed #a0a0a0;
  border-bottom: none;
  border-right: none;
  height: 13px;
  width: 13px;
}
#text-editor #template-text .text-form .text-row .toggle.closed {
  border-bottom: 1px dashed #a0a0a0;
}
#text-editor #template-text .text-form .text-row .toggle.closed + .toggle-content {
  display: none;
}
#text-editor #template-text .text-form .text-row .toggle.toggle-only {
  padding-left: 0;
  font-size: 14px;
}
#text-editor #template-text .text-form .text-row .toggle.toggle-only .toggle-bg {
  display: none;
}
#text-editor #template-text .text-form .text-row .toggle.toggle-only.closed {
  border-bottom: none;
}
#text-editor #template-text .text-form .text-row .controls {
  position: relative;
  padding-left: 23px;
  font-size: 13px;
  line-height: 26px;
}
#text-editor #template-text .text-form .text-row .controls .controls-title, #text-editor #template-text .text-form .text-row .controls .controls-options {
  position: relative;
  z-index: 2;
  padding-right: 3px;
}
#text-editor #template-text .text-form .text-row .controls .controls-title {
  padding-top: 5px;
  color: #9c9c9c;
}
#text-editor #template-text .text-form .text-row .controls .controls-options {
  border-left: 1px solid #e6e6e6;
  padding-left: 6px;
}
#text-editor #template-text .text-form .text-row .controls .controls-options label {
  display: block;
}
#text-editor #template-text .text-form .text-row .controls .controls-bg {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 7px;
  border: 1px dashed #e6e6e6;
  border-top: none;
  border-right: none;
  height: 49px;
  width: 15px;
}
#text-editor #template-text .text-form .text-row .text-row-info {
  line-height: 1.1em;
  border-top: 1px dashed #dadada;
  padding-top: 17px;
  margin-top: 6px;
  font-size: 14px;
}
#text-editor #template-text .text-form .text-row .text-row-info .desc {
  padding-left: 4px;
}
#text-editor #template-text .text-form .text-row .text-row-title {
  position: absolute;
  top: 21px;
  left: 30px;
  width: 90px;
  line-height: 1.1em;
  font-size: 14px;
}
#text-editor #template-text .text-form .text-row .text-row-title .optional {
  color: #B0B0B0;
  padding-top: 2px;
  font-size: 12px;
}
#text-editor #template-text .text-form .text-row .text-row-input {
  padding-left: 110px;
}
#text-editor #template-text .text-form .text-row .text-row-input textarea.autosize, #text-editor #template-text .text-form .text-row .text-row-input input[type=text].mid {
  width: 100%;
  line-height: 18px;
  border: 1px solid #EAEAEA;
  box-shadow: none;
}
#text-editor #template-text .text-form .text-row .text-row-input textarea.autosize:focus, #text-editor #template-text .text-form .text-row .text-row-input input[type=text].mid:focus {
  border-color: rgba(26, 200, 255, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
}
#text-editor #template-text .text-form .text-row .text-row-input textarea.autosize.error, #text-editor #template-text .text-form .text-row .text-row-input input[type=text].mid.error {
  color: #B94A48;
  border-color: #B94A48;
}
#text-editor #template-text .text-form .text-row .text-row-input textarea.autosize {
  height: 54px;
}
#text-editor #template-text .text-form .text-row .text-row-input input[type=text].mid {
  height: 37px;
}
#text-editor #template-text .text-form .text-row .text-row-input input[type=text]#picker {
  line-height: 29px;
}
#text-editor #template-text .text-form .text-row .text-row-input .radio {
  padding-top: 7px;
  font-size: 14px;
}
#text-editor #template-text .text-form .text-row .text-row-input .radio label {
  padding-right: 6px;
}
#text-editor #template-text .text-form .text-row .desc {
  padding-left: 1px;
  padding-top: 4px;
  font-size: 12px;
  color: #B0B0B0;
  line-height: 1.3em;
}
#text-editor #template-text .single-item-section {
  border: none;
  margin: 0;
}
#text-editor #template-text .single-item-section table.single-item {
  margin: 0;
  width: 100%;
}
#text-editor #template-text .single-item-section table.single-item tr.common th, #text-editor #template-text .single-item-section table.single-item tr.common td {
  background: #f5f5f5;
}
#text-editor #template-text .single-item-section table.single-item .desc {
  padding-right: 0;
}
#text-editor #template-text .single-item-section table.single-item textarea.autosize, #text-editor #template-text .single-item-section table.single-item input[type=text].mid {
  width: 100%;
  line-height: 18px;
}
#text-editor #template-text .single-item-section table.single-item textarea.autosize {
  height: 54px;
}
#text-editor #template-text .single-item-section table.single-item input[type=text].mid {
  height: 37px;
}
#text-editor #template-text .single-item-section table.single-item input[type=text]#picker {
  line-height: 29px;
}
#text-editor #template-text input[type=text]:focus, #text-editor #template-text textarea:focus {
  border-color: rgba(26, 200, 255, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) !important;
}
#text-editor #manage-templates {
  padding: 15px;
  width: 50%;
}
#text-editor #manage-templates .single-item-section {
  border: none;
}
#text-editor #manage-templates .desc {
  padding-bottom: 15px;
  font-size: 14px;
  line-height: 1.3em;
}
#text-editor #manage-templates .order-msg {
  display: inline-block;
  float: right;
  padding-top: 6px;
  padding-right: 10px;
  color: #0091ff;
  font-weight: bold;
  display: none;
}
#text-editor #manage-templates ul.manage-templates {
  padding: 0;
  margin: 0;
}
#text-editor #manage-templates ul.manage-templates li.template {
  list-style: none;
  border: 1px solid #c8efff;
  border-radius: 4px;
  padding: 14px 20px 15px 50px;
  box-sizing: border-box;
  position: relative;
  margin: 0 0 11px 0;
  background: #fafeff;
}
#text-editor #manage-templates ul.manage-templates li.template.default {
  border: 1px solid #e0e0e0;
  background: #f9f9f9;
}
#text-editor #manage-templates ul.manage-templates li.template.default .buttons a {
  color: #555;
}
#text-editor #manage-templates ul.manage-templates li.template .drag {
  position: absolute;
  top: 0;
  left: 0;
  padding: 18px 16px;
  cursor: move;
  opacity: 0.6;
}
#text-editor #manage-templates ul.manage-templates li.template .drag:hover {
  opacity: 1;
}
#text-editor #manage-templates ul.manage-templates li.template .title {
  font-weight: bold;
  padding-bottom: 5px;
}
#text-editor #manage-templates ul.manage-templates li.template .desc {
  font-size: 13px;
  color: #555;
  padding: 0;
}
#text-editor #manage-templates ul.manage-templates li.template .desc b {
  color: #666;
  font-size: 12px;
}
#text-editor #manage-templates ul.manage-templates li.template .buttons {
  padding-top: 5px;
}
#text-editor #manage-templates ul.manage-templates li.template .buttons a {
  margin-right: 35px;
  font-size: 14px;
}
#text-editor #manage-templates .rules-logic {
  display: none;
}
#text-editor #manage-templates .rules-logic select {
  width: 300px;
  height: 30px;
}
#text-editor #manage-templates .rule-id {
  width: 237px;
  height: 30px;
  margin-top: 0;
  margin-bottom: 14px;
}
#text-editor #manage-templates .btn.add-rule {
  width: 300px;
  box-sizing: border-box;
}
#text-editor #manage-templates .rule-container {
  border: 1px solid #F0F0F0;
  padding: 19px 27px;
  width: 300px;
  box-sizing: border-box;
  position: relative;
  background: #fbfbfb;
}
#text-editor #manage-templates .rule-container .rule-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
  opacity: 0.3;
  cursor: pointer;
}
#text-editor #manage-templates .rule-container .rule-close:hover {
  opacity: 1;
}
#text-editor #manage-templates .rule-container + .rule-container {
  margin-top: 10px;
}
#text-editor #manage-templates .rule-container + .btn {
  margin-top: 25px;
}
#text-editor #manage-templates .rule-template {
  display: none;
}
#text-editor #manage-templates .rule-template + .btn {
  margin-top: 0;
}
#text-editor #manage-templates .rule-type {
  display: none;
}
#text-editor #manage-templates .rule-type.selected {
  display: block;
}
#text-editor #manage-templates .rule-type select, #text-editor #manage-templates .rule-type input[type=text] {
  max-width: 216px;
  margin-left: 20px;
  margin-top: 0;
}

body.full-screen .msg-container {
  position: absolute;
  z-index: 100;
  top: 0;
  left: 50%;
  width: 650px;
  margin-left: -325px;
}
body.full-screen .msg-container .msg {
  position: relative;
}
body.full-screen .msg-container .msg .msg-close {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px 9px;
  cursor: pointer;
  opacity: 0.3;
  color: #333;
}
body.full-screen .msg-container .msg .msg-close:hover {
  opacity: 1;
}

.dropdown-menu.textcomplete-dropdown {
  margin: 4px 0 0 -40px;
  padding: 0;
}
.dropdown-menu.textcomplete-dropdown .textcomplete-item {
  max-width: 400px;
}
.dropdown-menu.textcomplete-dropdown .textcomplete-item .word {
  padding: 2px 0 0;
  font-size: 13px;
}
.dropdown-menu.textcomplete-dropdown .textcomplete-item .word .active {
  font-weight: bold;
}
.dropdown-menu.textcomplete-dropdown .textcomplete-item .desc {
  font-size: 11px;
  opacity: 0.8;
  padding: 1px 0 5px;
  white-space: normal;
  line-height: 1.2em;
}

.edit-settings {
  font-size: 12px;
  margin-left: 6px;
  position: relative;
  top: -1px;
  color: #616161;
}
.edit-settings:hover {
  color: #000;
}

.settings-icon {
  color: #ADADAD;
  margin-right: 3px;
}
.settings-icon.on {
  color: #47AAC3;
}
.settings-icon.off {
  color: #D06666;
}
ul.help {
  margin: 0;
  padding: 0px 0px 0px 30px;
}
ul.help li {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.help li a {
  display: inline-block;
}
ul.help.level0 {
  padding: 10px 0 0 0px;
}
ul.help.level0 > li {
  background: #fff;
  font-weight: 600;
  margin: 10px 0 30px;
  border-radius: 10px;
  padding: 12px 20px;
}
ul.help.level0 > li a {
  padding: 0px 0px 10px 0px;
  text-decoration: none;
  color: #333;
}
ul.help.level1 li {
  font-weight: 400;
  list-style: disc;
}
ul.help.level1 li a {
  padding: 3px 0px;
  color: #1286AB;
}
ul.help.level2 li {
  list-style: circle;
}

.doc {
  width: 800px;
  margin: 35px auto 65px;
}
.doc h1 {
  margin: 76px 0 0 0;
  padding: 0 0 25px 0;
  color: #404040;
  font-size: 32px;
}
.doc h2 {
  margin: 41px 0 0 0;
  padding: 0;
  font-size: 18px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.2em;
}
.doc pre code {
  border: 1px solid #E2E2E2;
  padding-left: 13px !important;
}
.doc .help-breadcrumbs {
  margin-bottom: -27px;
  padding-bottom: 15px;
  padding-left: 5px;
  font-size: 13px;
  color: #888;
  border-bottom: 1px solid #e4e4e4;
  position: relative;
}
.doc .help-breadcrumbs .sep {
  display: inline-block;
  padding: 0 10px;
  color: #aaa;
}
.doc .help-breadcrumbs a {
  color: #888;
  text-decoration: none;
  border-bottom: 1px solid #ccc;
}
.doc .help-breadcrumbs a:hover {
  border-bottom: 1px solid #888;
}
.doc .help-breadcrumbs .help-search-button {
  position: absolute;
  top: -6px;
  right: 5px;
  background: #f7f7f7;
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 40px;
  text-align: center;
  border: 1px solid #ececec;
}
.doc .help-breadcrumbs .help-search-button:hover {
  border: 1px solid #e4e4e4;
  background: #fff;
}
.doc .help-breadcrumbs .help-search-button i {
  vertical-align: middle;
  font-size: 12px;
  line-height: 30px;
}
@media (max-width: 1000px) {
  .doc .help-breadcrumbs {
    margin-bottom: 17px;
  }
  .doc .help-breadcrumbs .help-search-button {
    display: none;
  }
}
.doc .doc-control {
  border: 1px solid #E2E2E2;
  padding: 0.5em 16px;
  line-height: 1.8em;
  background: #fff;
}
.doc .doc-control .desc {
  font-size: 13px;
  color: #555;
  line-height: 1em;
  padding-top: 15px;
  display: block;
}
.doc .doc-control.data th, .doc .doc-control.data td {
  padding: 3px 10px;
}
.doc ol.spaced-steps {
  margin: 0;
  padding: 0 0 0 21px;
}
.doc ol.spaced-steps li {
  margin: 0;
  padding: 5px 5px 15px;
}
.doc ul.options li {
  margin: 0;
  padding: 8px 4px;
}
.doc ul.options li .option {
  background: #cce4ff;
  padding: 0 5px;
  border-radius: 6px;
  color: #000;
  font-family: monospace;
}
.doc .placeholder {
  padding-bottom: 15px;
  line-height: 1.4em;
}
.doc .placeholder .id {
  font-weight: bold;
}
.doc .placeholder .desc {
  color: #555;
}
.doc .placeholder .example {
  color: #888;
}
.doc .placeholder:last-child {
  padding-bottom: 3px;
}

.help-center .help-header {
  border-bottom: 1px solid #e4e4e4;
  position: relative;
}
.help-center .help-header h1 a {
  text-decoration: none;
  color: #333;
}
.help-center .help-header {
  margin: 0 0 30px 0;
}
.help-center .help-header .help-search-form {
  margin: 0;
  padding: 0;
  position: absolute;
  top: -3px;
  right: 0;
  z-index: 1;
}
.help-center .help-header .help-search-form .bg {
  position: absolute;
  top: 10px;
  right: 325px;
  color: #d2d2d2;
  font-size: 13px;
}
.help-center .help-header .help-search-form input[type=text] {
  width: 350px;
  margin: 0;
  padding-left: 39px;
}
@media (max-width: 1000px) {
  .help-center .help-header {
    border-bottom: 0px;
  }
  .help-center .help-header .help-search-form {
    padding-top: 15px;
    position: relative;
    top: 0px;
  }
  .help-center .help-header .help-search-form .bg {
    display: none;
  }
  .help-center .help-header .help-search-form input[type=text] {
    width: 100%;
    padding-left: 13px;
  }
}
.help-center .help-search-results .count {
  color: #666;
  padding: 0px 0 10px;
}
.help-center .help-search-results .result {
  padding: 10px 0;
}
.help-center .help-search-results .result .highlighted {
  font-weight: bold;
}
.help-center .help-search-results .result .url {
  color: #888;
  font-size: 14px;
}
.help-center .help-search-results .result .snippet {
  font-size: 14px;
  line-height: 1.4em;
  padding: 3px 0 0 0;
}

.inline-code {
  font-family: monospace;
}

body.embeddable {
  background: transparent !important;
}
body.embeddable #footer-container {
  display: none;
}

a.anchor {
  position: absolute;
}

.screencast {
  border: 11px solid #fff !important;
  box-shadow: 0 0 1px #CECECE;
  margin-top: 13px;
  border-radius: 4px;
  max-width: 500px;
  padding: 0;
  background: #fff;
  outline: none;
  min-width: 200px;
  min-height: 200px;
}
.screencast.help {
  max-width: 800px;
  min-height: 0px;
  box-sizing: border-box;
}

.radio-multiline {
  padding-bottom: 2px;
  font-size: 14px;
}
.radio-multiline + .radio-multiline {
  padding-top: 1px;
}

.radio-separator {
  border-top: 1px solid #eaeaea;
  width: 30%;
  margin-top: 6px;
  height: 7px;
  margin-left: 22px;
}

h2 + table.gateways {
  margin-top: 11px;
}

input[type=text].refund-amount {
  width: 131px;
}

textarea.log-reason {
  height: 59px;
  width: 300px;
  margin-bottom: 11px;
}
textarea.log-reason::-webkit-input-placeholder {
  font-weight: 400;
  color: #888;
  font-family: "Open Sans";
}

.error-containter {
  position: relative;
}
.error-containter label.error {
  display: block;
  position: static;
  left: 0;
  bottom: 0;
}

#left-menu-container {
  position: relative;
  width: 800px;
  margin: 0 auto;
}
#left-menu-container + .app-content {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
#left-menu-container #left-menu-spacer {
  position: absolute;
  top: 50px;
  display: none;
  width: 1px;
}
#left-menu-container #left-menu-spacer.fixed {
  display: block;
}
#left-menu-container #left-menu {
  position: absolute;
  top: 50px;
  left: -232px;
  width: 230px;
  background: #FFF;
  border-radius: 7px;
  padding: 0 0 10px 0;
  border: 1px solid #DCDCDC;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
#left-menu-container #left-menu.fixed {
  position: fixed;
  top: 6px;
  max-height: 100%;
  max-height: calc(100% - 25px);
  overflow-y: auto;
}
#left-menu-container #left-menu .title {
  padding: 10px 0px 6px 16px;
  color: #505050;
  font-weight: bold;
  font-size: 14px;
}
#left-menu-container #left-menu a {
  display: block;
  padding: 5px 0 5px 25px;
  color: #4E4E4E;
  text-decoration: none;
}
#left-menu-container #left-menu a.active {
  background: #F3F9FF;
  color: #005A71;
  border-left: 4px solid #00A8D2;
  padding-left: 21px;
}
#left-menu-container #left-menu a:hover {
  color: #005A71;
}
#left-menu-container #left-menu a .plus {
  opacity: 0.5;
  position: relative;
  top: -2px;
  padding-right: 2px;
}
#left-menu-container #left-menu a i {
  font-size: 12px;
  padding-left: 2px;
  opacity: 0.5;
  position: relative;
  top: -1px;
}
@media (max-width: 1250px) {
  #left-menu-container #left-menu-spacer.fixed {
    display: none;
  }
  #left-menu-container #left-menu {
    position: static;
    margin: 40px 0 -35px 0;
    width: 100%;
    max-height: 200px;
    overflow: auto;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
  }
  #left-menu-container #left-menu.fixed {
    position: static;
    max-height: 200px;
  }
  #left-menu-container + .app-content {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
  }
}

.report-title .smaller {
  font-size: 17px;
  color: #ADADAD;
  padding-left: 2px;
  position: relative;
  top: -2px;
}

.report-controls {
  background: #FFF;
  position: relative;
  padding: 15px 63px;
  border: 1px solid #E8E8E8;
  margin: 3px -60px 20px -63px;
  border-left: 0;
  border-right: 0;
}
.report-controls .btn-download {
  margin-top: 4px;
}
.report-controls .control {
  display: inline-block;
  color: #4E4E4E;
  font-size: 12px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.report-controls .control:last-of-type {
  padding-right: 0px;
}
.report-controls .control .btn.btn-filter {
  margin: 0;
}
.report-controls .control .date-range {
  min-width: 70px;
  font-size: 12px;
  line-height: 26px;
  font-weight: 400;
  color: #444;
  cursor: pointer;
}
.report-controls .control .date-range .caret {
  opacity: 1;
}
.report-controls .control select {
  min-width: 70px;
  line-height: 26px;
  font-size: 12px;
  border: 1px solid #E0E0E0;
  box-shadow: none;
  border-radius: 3px;
  padding-left: 10px;
  padding-right: 20px;
  background-color: #FFF;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+);
  background-position: 96% 50%;
  background-repeat: no-repeat;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: #444;
  font-weight: 400;
  font-family: "Helvetica Neue", Helvetica, "Open Sans", Arial, "Lucida Grande", sans-serif;
  cursor: pointer;
}
.report-controls .control select:focus {
  border-color: #33aad0 !important;
  outline: 0;
}
.report-controls .desc {
  font-size: 13px;
  line-height: 1.3em;
  padding-top: 10px;
}
.report-controls .desc a {
  color: #333;
}
.report-controls .control-table {
  display: table;
  padding-top: 9px;
  border-top: 1px solid #dedede;
  margin-top: 9px;
}
.report-controls .control-table .control-row {
  display: table-row;
}
.report-controls .control-table .control-row .control-cell {
  display: table-cell;
  padding-right: 20px;
}

.add-agent-row {
  padding-bottom: 15px;
  position: relative;
}
.add-agent-row:not(:last-child) .add-agent-email-field {
  display: none;
}
.add-agent-row:last-child .remove-agent-email-field {
  display: none;
}
.add-agent-row label.error {
  position: absolute;
  bottom: revert;
  left: 0;
  margin-top: 0px;
}

.app-form .report-controls {
  margin-right: 0;
  margin-bottom: 5px;
}
.app-form .show-on-multiple-agents {
  display: none;
}
.app-form.has-multiple-agents .show-on-multiple-agents {
  display: revert;
}

.report-none {
  padding-top: 8px;
  font-weight: 200;
  color: #000;
}
.report-none.extra-space {
  padding-bottom: 18px;
}

.btn-download {
  float: right;
}
.btn-download i.icon {
  padding-right: 3px;
  color: #9E9E9E;
}

.report-desc {
  margin: 24px 0 0 0;
  color: #555;
  line-height: 1.4em;
}

.date-range {
  border: 1px solid #E0E0E0;
  font-size: 12px;
  line-height: 27px;
  color: #555;
  border-radius: 3px;
  background: #fff;
  font-weight: 500;
  display: inline-block;
  padding: 0 25px 0 11px;
  position: relative;
  vertical-align: middle;
  box-shadow: none;
}
.date-range.open {
  border-color: #33aad0 !important;
  outline: 0;
}
.date-range .fa-calendar {
  padding-right: 3px;
}
.date-range .caret {
  position: absolute;
  top: 12px;
  right: 10px;
}

.daterangepicker {
  font-size: 14px;
}
.daterangepicker .btn {
  display: none;
}
.daterangepicker .calendar th, .daterangepicker .calendar td {
  padding: 5px;
  min-width: inherit;
}
.daterangepicker .calendar.left .daterangepicker_input::before {
  content: "Start Date";
}
.daterangepicker .calendar.right .daterangepicker_input::before {
  content: "End Date";
  right: 8px;
}
.daterangepicker .calendar .daterangepicker_input::before {
  display: block;
  position: absolute;
  right: 20px;
  top: 4px;
  color: #777;
}
.daterangepicker.opensright:before {
  left: 14px;
}
.daterangepicker.opensright:after {
  left: 15px;
}
.daterangepicker .ranges {
  margin: 7px 13px 0px;
}
.daterangepicker .calendar-time {
  text-align: left;
}

.report-generating {
  display: none;
  margin-left: 10px;
  color: #737373;
  background: #F1F1F1;
  padding: 4px 14px;
  border-radius: 5px;
  font-size: 12px;
}
.report-generating .far {
  margin-right: 4px;
}

.report-form.submitted .report-generating {
  display: inline-block;
}
.report-form.submitted input[type=submit] {
  display: none;
}

.report-chart-title {
  color: #9d9d9d;
  font-weight: normal;
  margin: 30px 0 18px;
}

.report-chart {
  height: 250px;
  margin-left: -10px;
  margin-bottom: -10px;
}

#checklist-progress {
  padding-bottom: 11px;
}
#checklist-progress .progress {
  display: inline-block;
  width: 222px;
  background-image: linear-gradient(to bottom, #CCC, #E6E6E6);
  height: 16px;
  vertical-align: middle;
  margin-right: 12px;
}
#checklist-progress .progress .bar {
  background: #00AEDA;
}

table.light th, table.light td {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 15px;
  color: #333;
  line-height: 1.5em;
  padding-top: 20px;
}
table.light th {
  font-weight: normal;
  padding-right: 12px;
  vertical-align: top;
  padding-top: 26px;
  text-align: left;
}
table.light th .desc {
  font-size: 12px;
  color: #B0B0B0;
  line-height: 1.3em;
}
table.light td .desc {
  font-size: 13px;
  color: #B0B0B0;
  line-height: 1.3em;
  padding-top: 7px;
}

table.permissions {
  width: 91%;
  border-collapse: collapse;
  border: 1px solid #E2E2E2;
}
table.permissions th, table.permissions td {
  border: 1px solid #E2E2E2;
  border-left: 0;
  border-right: 0;
  padding: 7px 0;
}
table.permissions th {
  text-align: left;
}
table.permissions td.selector {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  width: 50px;
  vertical-align: top;
}
table.permissions td .desc {
  padding: 3px 0 0 0;
}
table.permissions tr.level th, table.permissions tr.level td {
  background: #fff;
  padding: 11px 0 12px;
}
table.permissions tr.level th.selector, table.permissions tr.level td.selector {
  vertical-align: bottom;
}
table.permissions tr.toggle th, table.permissions tr.toggle td {
  cursor: pointer;
}
table.permissions tr.sub-title th, table.permissions tr.sub-title td {
  color: #8c8c8c;
}
table.permissions tr.before-limit-row td {
  border-bottom: none;
}
table.permissions tr.limit-row td {
  border-top: none;
  padding-top: 0;
}
table.permissions tr.limit-row td label {
  margin-right: 8px;
}
table.permissions tr.limit-row td input {
  margin: 0 3px 0 0;
  width: 70px;
  padding-left: 8px;
  text-align: center;
}
table.permissions tr.limit-row td select {
  border: 1px solid #E0E0E0;
  border-radius: 3px;
  padding: 7px 4px;
}

.role-desc {
  color: #BBB;
  font-size: 12px;
}

.role-seperator {
  border-top: 1px solid #E6E6E6;
  margin: 3px 0 2px 20px;
  width: 30%;
}

div.modal {
  display: none;
  top: 100px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 370px;
  background: #fff;
  position: fixed;
  z-index: 9001;
  padding: 30px 25px 18px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  overflow: auto;
  max-height: calc(100vh - 148px);
  max-width: 96%;
  box-sizing: border-box;
}
div.modal.active {
  display: block;
}
div.modal h2 {
  font-size: 22px;
  line-height: 1em;
  font-weight: 400;
  color: #454545;
  margin: 11px 0 -12px 0;
  padding: 0;
  border-top: 1px solid #cacaca;
  text-align: center;
}
div.modal h2 span {
  position: relative;
  top: -14px;
  left: -2px;
  background: #fff;
  padding: 0 11px;
}
div.modal .row {
  padding-top: 26px;
  position: relative;
}
div.modal .row label.error {
  position: initial;
  line-height: 1.2em;
  display: block;
  margin-top: 4px;
  margin-bottom: -10px;
}
div.modal .row.first {
  padding-top: 3px;
}
div.modal .row.closer {
  padding-top: 18px;
}
div.modal .row.middle {
  padding-top: 21px;
}
div.modal .row.no-matches {
  padding-top: 15px;
}
div.modal .row.hidden {
  display: none;
}
div.modal .row.darker {
  padding-top: 16px;
  text-align: center;
}
div.modal .row.darker a {
  color: #A8A8A8;
  font-size: 12px;
}
div.modal input, div.modal input.btn {
  width: 100%;
  box-shadow: none;
  line-height: 35px;
  height: 35px;
  font-family: "Open Sans";
  font-size: 14px;
  outline: none;
}
div.modal input::-webkit-input-placeholder, div.modal input.btn::-webkit-input-placeholder {
  font-family: "Open Sans";
  font-size: 14px;
  color: #666;
  font-weight: 400;
}

div.modal input:-moz-placeholder, div.modal input.btn:-moz-placeholder {
  font-family: "Open Sans";
  font-size: 14px;
  color: #666;
  font-weight: 400;
}

div.modal input::-moz-placeholder, div.modal input.btn::-moz-placeholder {
  font-family: "Open Sans";
  font-size: 14px;
  color: #666;
  font-weight: 400;
}

div.modal input:-ms-input-placeholder, div.modal input.btn:-ms-input-placeholder {
  font-family: "Open Sans";
  font-size: 14px;
  color: #666;
  font-weight: 400;
}

div.modal input[type=text], div.modal input[type=password], div.modal input.btn[type=text], div.modal input.btn[type=password] {
  border: 1px solid #d0d0d0;
  color: #000;
}
div.modal input[type=text]:focus, div.modal input[type=password]:focus, div.modal input.btn[type=text]:focus, div.modal input.btn[type=password]:focus {
  border-color: #52a8ec;
}
div.modal input[type=text].error, div.modal input[type=password].error, div.modal input.btn[type=text].error, div.modal input.btn[type=password].error {
  color: #B94A48;
  border-color: #B94A48;
}
div.modal input[type=text].search, div.modal input[type=password].search, div.modal input.btn[type=text].search, div.modal input.btn[type=password].search {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  padding: 0 0 0 64px;
  margin: 0;
  outline: none;
  box-shadow: none;
  border: none;
  border-radius: 4px;
  line-height: 37px;
  background: #f3f3f3;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.05);
}
div.modal input[type=text].search::-webkit-input-placeholder, div.modal input[type=password].search::-webkit-input-placeholder, div.modal input.btn[type=text].search::-webkit-input-placeholder, div.modal input.btn[type=password].search::-webkit-input-placeholder {
  color: #9c9c9c;
}

div.modal input[type=text].search:-moz-placeholder, div.modal input[type=password].search:-moz-placeholder, div.modal input.btn[type=text].search:-moz-placeholder, div.modal input.btn[type=password].search:-moz-placeholder {
  color: #9c9c9c;
}

div.modal input[type=text].search::-moz-placeholder, div.modal input[type=password].search::-moz-placeholder, div.modal input.btn[type=text].search::-moz-placeholder, div.modal input.btn[type=password].search::-moz-placeholder {
  color: #9c9c9c;
}

div.modal input[type=text].search:-ms-input-placeholder, div.modal input[type=password].search:-ms-input-placeholder, div.modal input.btn[type=text].search:-ms-input-placeholder, div.modal input.btn[type=password].search:-ms-input-placeholder {
  color: #9c9c9c;
}

div.modal input.btn-flat, div.modal input.btn.btn-flat {
  border: 1px solid #12AFD7;
}
div.modal input.btn-flat:hover, div.modal input.btn.btn-flat:hover {
  border-color: #46C9EA;
}
div.modal input.btn-flat.sign-up, div.modal input.btn.btn-flat.sign-up {
  background: #f3f3f3;
  color: #111;
  border: 1px solid #dadada;
}
div.modal input.btn-flat.sign-up:hover, div.modal input.btn.btn-flat.sign-up:hover {
  background: #f9f9f9;
  color: #000;
  border: 1px solid #eaeaea;
}
div.modal i.icon.search {
  position: absolute;
  bottom: 9px;
  left: 11px;
  color: rgba(0, 0, 0, 0.17);
}
div.modal .seperator {
  border-top: 1px solid #e8e8e8;
  margin: 12px 0 -12px;
  text-align: center;
}
div.modal .seperator span {
  background: #FFF;
  position: relative;
  top: -12px;
  padding: 0 6px;
  color: #b1b1b1;
}
div.modal a.btn {
  width: 100%;
  padding: 0;
  text-align: left;
  box-sizing: border-box;
  padding-left: 64px;
}

#modal-bg {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9000;
  top: 0;
  left: 0;
  cursor: pointer;
}
#modal-bg.active {
  display: block;
}

#modal-sign-up {
  padding-top: 10px;
}
#modal-sign-up h2 {
  margin: 21px 0 -2px 0;
}

.super {
  vertical-align: super;
  font-size: 0.6em;
  padding: 0 1px;
}

ul.connectedCurrencies {
  margin: 0;
  padding: 0;
}
ul.connectedCurrencies li {
  list-style: none;
  background: #dedede;
  margin: 0 13px 6px 0;
  padding: 5px 11px;
  border-radius: 4px;
  cursor: move;
  position: relative;
}
ul.connectedCurrencies li label.default {
  display: none !important;
}
ul.connectedCurrencies li div {
  display: inline-block;
}
ul.connectedCurrencies li div.code {
  width: 40px;
  font-weight: bold;
}
ul.connectedCurrencies li .move {
  position: absolute;
  top: 3px;
  right: 3px;
  padding: 0px 6px 2px;
  width: auto;
  margin: 0;
  line-height: normal;
  height: initial;
  font-size: 16px;
  cursor: pointer;
  background: #fff;
  border: 1px solid #b7b7b7;
  color: #444;
  outline: none;
  background: linear-gradient(to bottom, #fdfdfd 0%, #ececec 100%);
}
ul.connectedCurrencies li .move-right {
  display: none;
}
ul.connectedCurrencies#set-currencies li {
  background: #12AFD7;
  color: #fff;
}
ul.connectedCurrencies#set-currencies li .move-left {
  display: none;
}
ul.connectedCurrencies#set-currencies li .move-right {
  display: inline;
}
ul.connectedCurrencies#set-currencies label.default {
  display: block !important;
  position: absolute;
  top: 0;
  left: -67px;
  width: 60px;
  text-align: center;
  padding: 4px 0;
  background: #e6faff;
  border-radius: 4px;
}
ul.connectedCurrencies#set-currencies label.default label.error {
  padding: 0;
  top: -51px;
  left: -21px;
  width: 200px;
  text-align: left;
  font-weight: bold;
}

.header-dropdown {
  display: inline-block;
  position: relative;
  color: #dcdcdc;
  float: right;
  line-height: 44px;
  font-size: 15px;
  padding: 0;
  margin: 0 32px 0 0;
}
.header-dropdown a {
  color: #dcdcdc;
  text-decoration: none;
}
.header-dropdown ul {
  position: absolute;
  top: 42px;
  left: -20px;
  background: #484748;
  padding: 0 0 5px 0;
  margin: 0;
  display: none;
  border-radius: 4px;
  z-index: 21;
  box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.24);
}
.header-dropdown ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: normal;
}
.header-dropdown ul li a.btn.btn-flat.provider.with-icon {
  background-color: #484748;
  width: 115px;
  text-align: left;
  padding: 0 0 0 48px;
  line-height: 35px;
  background-position: 19px 11px;
  background-size: 13px;
  opacity: 0.6;
}
.header-dropdown ul li a.btn.btn-flat.provider.with-icon:hover {
  opacity: 1;
}
.header-dropdown:hover {
  color: #fff;
}
.header-dropdown:hover a {
  color: #fff;
}
.header-dropdown:hover ul {
  display: block;
}

img.app-setting {
  width: 175px;
  border: 1px solid #d0d0d0;
  margin: 5px 0 7px;
}

div.additional-field {
  padding: 0 0 10px;
  margin: 10px 0 4px;
  border-bottom: 1px solid #f3f3f3;
}
div.additional-field table tr th, div.additional-field table tr td {
  padding-bottom: 4px !important;
}
div.additional-field table tr.top-input th {
  padding-top: 7px !important;
}

.docs-separator {
  border-top: 1px solid #d6d6d6;
  margin: 61px 0 -9px 0;
  text-align: center;
}
.docs-separator span {
  margin: 0;
  background: #f7f7f7;
  position: relative;
  top: -12px;
  display: inline-block;
  padding: 0 10px;
  color: #bfbfbf;
  font-size: 14px;
  font-family: sans-serif;
}

.default-sales-tax-row div {
  display: inline-block;
  min-width: 88px;
  padding: 8px 0 4px 0px;
  color: #888;
  font-size: 11px;
}

h2.collapsible {
  cursor: pointer;
  margin: 30px 0 0 0;
  padding: 11px 18px;
  background: #434343;
  transition: background 0.2s ease-in-out;
  border-radius: 4px;
  color: #fff;
  font-size: 18px;
  font-family: "Open Sans";
  position: relative;
  z-index: 10;
}
h2.collapsible .fas {
  width: 24px;
  opacity: 0.6;
}
h2.collapsible.expanded {
  background: #00b5e2;
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.1);
}
h2.collapsible.expanded .icon-collapsed {
  display: none;
}
h2.collapsible.expanded .fas {
  opacity: 0.8;
}
h2.collapsible.collapsed .icon-expanded {
  display: none;
}
h2.collapsible.collapsed + div.collapsible {
  display: none;
}
h2.collapsible:first-of-type {
  margin-top: 40px;
}

div.collapsible {
  margin-top: -10px;
  padding: 23px 30px 15px;
  background: rgba(255, 255, 255, 0.4);
  border-radius: 7px;
}
div.collapsible.padded {
  padding-top: 35px;
  padding-bottom: 20px;
}
div.collapsible ol, div.collapsible ul {
  line-height: 2em;
}

.info-panel {
  background: #fff;
  margin: 50px 0 0 0;
  padding: 10px;
  border: 1px solid #e0e0e0;
  text-align: center;
  font-size: 14px;
  border-radius: 4px;
  color: #868686;
}
.info-panel a {
  opacity: 0.8;
}
.info-panel i {
  margin-right: 9px;
  opacity: 0.8;
}

ul.supported-providers {
  margin: 0;
  padding: 23px;
}
ul.supported-providers li {
  list-style: none;
  padding: 0 0 10px 0;
}
ul.supported-providers li a.btn.btn-flat {
  min-width: 160px;
  text-align: left;
  padding-left: 68px;
  font-weight: 600;
}

ul.features {
  padding-left: 20px;
  text-indent: 14px;
  list-style: none;
  list-style-position: outside;
}
ul.features li {
  padding-bottom: 1px;
}
ul.features li:before {
  content: "✔";
  margin-left: -1em;
  margin-right: 12px;
  color: rgb(48, 171, 210);
}

ul.feature-providers {
  margin: 0;
  padding: 10px 0 0 0;
}
ul.feature-providers li {
  list-style: none;
  padding: 0 10px 10px 0;
  display: inline-block;
}
ul.feature-providers li a.btn.btn-flat {
  min-width: 114px;
  text-align: left;
  padding-left: 57px;
  font-weight: 600;
  opacity: 0.9;
}
ul.feature-providers li a.btn.btn-flat:hover {
  opacity: 1;
  transition: opacity 0.1s ease-in-out;
}

body .single-item-section.no-header table.single-item label.notification-event {
  margin-bottom: 3px;
}
body .single-item-section.no-header table.single-item label.notification-event .desc {
  padding-top: 1px;
}

#ui-datepicker-div {
  z-index: 9999999 !important;
}

.mobile-only {
  display: none;
}

.home-section-hero2::before, .home-section-hero2::after, .home-section-testimonial1::before, .home-section-testimonial1::after, .home-section-setup::before, .home-section-setup::after {
  content: "";
  display: block;
  position: absolute;
  background: white;
  height: 39px;
  width: 100%;
}

.home-section-hero2::before {
  top: -24px;
  transform: rotate(-1deg);
}
.home-section-hero2::after {
  bottom: -24px;
  transform: rotate(1deg);
}

.home-section-testimonial1::before {
  top: -24px;
  transform: rotate(1deg);
}
.home-section-testimonial1::after {
  bottom: -24px;
  transform: rotate(-1deg);
}

.home-section-setup::before {
  top: -24px;
  transform: rotate(-1deg);
}
.home-section-setup::after {
  display: none;
}

@media (max-width: 1000px) {
  #page-content-home.scrolled #header {
    display: none;
  }
  .mobile-only {
    display: block;
  }
  body.content-only {
    min-width: auto;
  }
  body.content-only #header, body.content-only #pretend-header {
    width: 100%;
    min-width: auto;
    min-height: 45px;
    height: auto;
  }
  body.content-only #header #header-logo, body.content-only #header #header-logo-white, body.content-only #pretend-header #header-logo, body.content-only #pretend-header #header-logo-white {
    margin: 0;
    float: none;
    padding-top: 8px;
    background-position-y: 8px;
  }
  body.content-only #header #account, body.content-only #pretend-header #account {
    float: none;
    margin: 10px 17px;
    padding: 12px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
  }
  body.content-only #header #account ul, body.content-only #pretend-header #account ul {
    top: 46px;
    right: 0;
    min-width: auto;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    border-top: 1px solid rgba(255, 255, 255, 0.16);
  }
  body.content-only #header #account ul a, body.content-only #pretend-header #account ul a {
    text-align: left;
    padding: 8px 20px;
  }
  body.content-only #header #header-menu, body.content-only #pretend-header #header-menu {
    display: none;
  }
  body.content-only #header .button, body.content-only #pretend-header .button {
    float: none;
    display: inline-block;
    margin: 8px 0px 13px 17px;
  }
  body.content-only #pretend-header {
    text-align: center;
    position: absolute;
  }
  body.content-only #pretend-header #header-logo, body.content-only #pretend-header #header-logo-white {
    margin: 0;
    padding-right: 22px;
  }
  body.content-only #pretend-header .button {
    margin: 24px 10px 0;
  }
  body.content-only .home-section {
    height: auto !important;
    min-height: auto;
  }
  body.content-only .home-section .content {
    top: 0;
    margin: 0;
  }
  body.content-only .home-section .content h1.home {
    font-size: 38px;
    line-height: 50px;
    margin-bottom: 0px;
    padding: 140px 14px 0;
  }
  body.content-only .home-section .content h1.home br {
    display: none;
  }
  body.content-only .home-section.home-section-hero h2 {
    padding: 80px 20px;
  }
  body.content-only .home-section.home-section-hero .home-hero {
    display: none;
  }
  body.content-only .home-section.home-section-testimonial .section-content-text {
    padding-left: 0;
    padding: 80px 4%;
  }
  body.content-only .home-section.home-section-testimonial .section-content-text a {
    display: none;
  }
  body.content-only .home-section.home-section-testimonial .section-content-text strong a {
    display: inline;
  }
  body.content-only .home-section.home-section-setup .content {
    padding: 80px 4%;
    text-align: center;
  }
  body.content-only .home-section.home-section-setup .content .button {
    border: 1px solid #fff;
    background: rgb(255, 255, 255);
    text-shadow: none;
    box-shadow: none;
    font-size: 22px;
    font-family: "Open Sans";
    font-weight: 400;
    border-radius: 5px;
    padding: 10px 47px;
    display: inline-block;
    line-height: 33px;
    color: #00a9d4;
  }
  body.content-only #circle-path {
    display: none;
  }
  body.content-only #home-gateways #arrow-home {
    display: none;
  }
  body.content-only #home-gateways ul {
    width: auto;
    height: auto;
    margin-bottom: 10px;
  }
  body.content-only #home-gateways ul.gateways {
    margin-bottom: 50px;
  }
  body.content-only #home-gateways ul li {
    width: 100%;
    margin-top: 10px;
  }
  body.content-only #home-gateways ul li a {
    width: 90%;
    padding-left: 0;
    padding-right: 0;
    border-color: #fff;
  }
  body.content-only #home-gateways ul li.dots {
    display: none;
  }
  body.content-only .doc {
    width: 100%;
    min-width: auto;
    padding: 0 4%;
    box-sizing: border-box;
    margin: 40px auto;
  }
  body.content-only .doc h1 {
    margin: 0;
    padding: 0 0 10px 0;
    line-height: 39px;
  }
  body.content-only h2.single-item-title {
    border: 0;
    line-height: 1.8em;
    padding-bottom: 18px;
  }
  body.content-only h3 {
    line-height: 38px;
    margin: 40px 0 30px;
  }
  body.content-only #left-menu-container #left-menu {
    margin-bottom: 0;
  }
  body.content-only .content {
    width: 100%;
    box-sizing: border-box;
  }
  body.content-only .content.app-content-noform {
    padding: 34px 4%;
    margin: 2%;
    width: 96%;
  }
  body.content-only .content .report-controls {
    margin: 3px -4% 20px;
    padding: 15px 4%;
  }
  body.content-only .content.feature-content {
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 30px;
  }
  body.content-only .content.feature-content .feature-col {
    width: 100%;
    box-sizing: border-box;
  }
  body.content-only .content.feature-content .feature-col.col1 {
    padding-right: 0px;
  }
  body.content-only .content.feature-content .btn.btn-flat {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 14px;
  }
  body.content-only .content.feature-content a.darker {
    display: none;
  }
  body.content-only .content.feature-content .partner-badge {
    display: none;
  }
  body.content-only .content.feature-integrations, body.content-only .content.feature-video {
    margin-left: 2%;
    margin-right: 2%;
    width: 96%;
  }
  body.content-only .content .header-dropdown {
    display: none;
  }
  body.content-only .content .feature {
    width: 100%;
    box-sizing: border-box;
    padding: 0 5% 5%;
  }
  body.content-only .content .feature img.hero {
    width: 112%;
    height: auto;
    margin: 0 -6% 0;
  }
  body.content-only .content .feature .title {
    padding-top: 5%;
  }
  body.content-only .feature-header {
    border-bottom-width: 1px;
    padding-bottom: 30px;
  }
  body.content-only .feature-header h1, body.content-only .feature-header h2 {
    width: 100%;
    box-sizing: border-box;
    padding: 0 4%;
  }
  body.content-only .feature-header h1 {
    padding-top: 40px;
  }
  body.content-only .feature-header h2 {
    padding-top: 10px;
  }
  body.content-only .feature-header .btn.btn-flat {
    position: relative;
    top: 0;
    left: 0;
    margin: 30px 4% 0;
    width: 92%;
    box-sizing: border-box;
  }
  body.content-only .feature-header .partner-badge {
    float: none;
    margin: 20px 0 0 4%;
  }
  body.content-only .featured-section {
    padding-right: 0;
  }
  body.content-only .page {
    padding: 40px 0;
  }
  body.content-only .page h1 {
    padding: 0px 0 30px 0;
  }
  body.content-only .page .content {
    padding: 0 4%;
    box-sizing: border-box;
  }
  body.content-only img.screencast {
    max-width: 100% !important;
    box-sizing: border-box;
    min-width: auto;
  }
  body.content-only .highlight-quote {
    float: none;
    width: auto;
    margin: 0;
  }
  body.content-only #plans h1 {
    line-height: 45px;
  }
  body.content-only #plans .plan {
    width: 100%;
    margin-bottom: 14px;
    border-radius: 5px;
    border-width: 1px !important;
  }
  body.content-only #plans .plan.highlight {
    min-height: auto;
    padding-top: 8px;
  }
  body.content-only .plan-desc {
    width: 100%;
    padding: 0 4%;
    box-sizing: border-box;
  }
  body.content-only .full-page {
    width: 100%;
    padding: 1px 4% 30px;
    box-sizing: border-box;
  }
  body.content-only #footer-container {
    min-width: auto;
  }
  body.content-only #footer-container .footer-badges {
    position: initial;
    right: 0;
    bottom: 0;
    margin: 0 0 25px -1px;
  }
  body.content-only #footer-container .footer-share {
    display: none;
  }
  body.content-only #footer-container .footer-block {
    padding-bottom: 8px;
    max-width: 260px;
    width: 100%;
    box-sizing: border-box;
  }
  body.content-only #footer-container .footer-block:last-of-type {
    padding-bottom: 50px;
  }
}
table.controls {
  border: 0;
}
table.controls tr th, table.controls tr td {
  font-weight: normal;
  padding: 2px 0;
  font-size: 13px;
  color: #868686;
}
table.controls tr th {
  text-align: right;
  padding-right: 8px;
}
table.controls tr td input, table.controls tr td select, table.controls tr td .date-range {
  line-height: 22px;
  height: 24px;
  width: 250px;
  padding: 0 7px;
  color: #333;
  background: #fff;
  border-color: #d6d6d6;
  border-radius: 4px;
  box-shadow: none;
  font-size: 12px;
  font-weight: normal;
  border-style: solid;
  border-width: 1px;
}
table.controls tr td .date-range {
  font-weight: normal;
  border: 1px solid #E0E0E0;
  box-shadow: inset 0 0 4px rgba(116, 116, 116, 0.09);
  box-sizing: border-box;
}
table.controls tr td .date-range.open {
  border-color: rgba(82, 168, 236, 0.9);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
table.controls tr td .date-range .caret {
  top: 9px;
}
table.controls tr.buttons th, table.controls tr.buttons td {
  padding-top: 8px;
}

.show-on-too-long {
  padding-top: 21px;
  display: none;
}

.hidden {
  display: none;
}

.logReasons {
  margin: 0 0 0 -55px;
  padding: 0 0 0 55px;
}
.logReasons li {
  margin: 0 0 0 -55px;
  padding: 0 0 0 55px;
  list-style: none;
  position: relative;
}
.logReasons li.sortable-placeholder {
  border: 1px dotted #777;
  height: 48px;
  margin: 3px 0;
}
.logReasons li .desc {
  padding: 0 !important;
  margin: -3px 0 9px 0;
}
.logReasons li .sort {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  padding: 16px;
  cursor: move;
  opacity: 0.4;
}
.logReasons li .sort:hover {
  opacity: 1;
}
.logReasons li .remove {
  position: absolute;
  right: 9px;
  top: 4px;
}
.logReasons li .remove button {
  margin: 0 !important;
  padding: 7px 10px;
  opacity: 0.9;
}
.logReasons li .reason textarea {
  height: 50px;
  width: 390px !important;
}
.logReasons li .code input {
  width: 100px !important;
}
.logReasons.singleLine li .remove {
  right: 0px;
  top: 1px;
}
.logReasons.singleLine li .sort {
  padding: 8px;
  left: 16px;
}
.logReasons.singleLine input.mid {
  width: 380px !important;
}

.logReasonAdd {
  margin: 0 0 10px !important;
}

#chargedesk-inline-app {
  padding-top: 10px;
}

table.inline-records {
  width: 100%;
  box-sizing: border-box;
  border-collapse: collapse;
  margin: 10px 0px;
  border: 1px solid #f4f4f4;
}
table.inline-records th {
  font-weight: bold;
}
table.inline-records th, table.inline-records td {
  text-align: left;
  padding: 4px !important;
  background: #fff !important;
  border: 1px solid #f4f4f4;
}
table.inline-records th.breakable, table.inline-records td.breakable {
  word-break: break-all;
}

.edit-reason {
  margin-left: 9px;
  color: #888;
}
.edit-reason:hover {
  text-decoration: none;
}

.provider-desc {
  padding-top: 3px;
  font-size: 12px;
  color: #B0B0B0;
  line-height: 1.3em;
}

#metadata-input .metadata-row {
  padding-bottom: 10px;
}
#metadata-input .metadata-row input[type=text] {
  width: 200px !important;
  margin: 0;
}
#metadata-input .metadata-row .metadata-remove {
  padding: 9px 0;
  width: 30px;
  height: auto;
  line-height: 30px;
  display: inline-block;
  text-align: center;
}

#metadata-add {
  margin: 3px 0 0 0;
}

pre.copy-code {
  border: 1px solid #E2E2E2;
  background: #ffffff;
  padding: 10px 20px;
  margin-top: -10px;
  display: inline-block;
  margin-bottom: 5px;
}
pre.copy-code.highlighted {
  border: 1px solid #50aeff;
  background: #def0ff;
}

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

.provider-form {
  padding: 41px 66px 30px 67px !important;
}
.provider-form .input-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 23px;
}
.provider-form .input-col {
  width: 100%;
}
.provider-form .form-label {
  color: #333;
  white-space: nowrap;
  width: 155px;
  padding-top: 6px;
  padding-right: 20px;
}
.provider-form .form-text {
  padding-left: 1px;
  padding-right: 56px;
  font-size: 12px;
  color: #B0B0B0;
  line-height: 1.3em;
  margin-top: 8px;
}
.provider-form .save {
  padding-left: 145px;
}
.provider-form .btn.btn-main {
  margin-top: 15px;
  width: initial;
  background: #12AFD7;
  text-shadow: none;
  color: #fff;
  box-shadow: none;
  border: none;
  height: 41px;
  padding: 0 41px;
  font-size: 15px;
}
.provider-form input.mid {
  width: 400px;
}
.provider-form .border-bottom {
  border-top: 1px solid #f0f0f0;
  margin-bottom: 23px;
}
.provider-form input.subdomain {
  width: 130px;
  margin-right: 0;
}
.provider-form select.form-select {
  margin-top: 8px;
}

.msg-container .msg {
  position: relative;
}
.msg-container .msg .msg-prompt-close {
  position: absolute;
  top: 0;
  right: 0;
  font-weight: bold;
  padding: 10px 20px;
  cursor: pointer;
  color: #898989;
}
.msg-container .msg .msg-prompt-close:hover {
  color: #000;
}

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