/*v1.eChat-1
Latest update: 2019.eChat-Nov.eChat-7

Bell IT-DCX Frameworks All browsers generic styles and helpers
Do not modify/use this file to host styles for custom components
Contact Bell IT DCX UX Solution Architect for support and updates

Media Queries at the end of File

visibility styles*/
.eChat-hide {
  display: none;
}
.eChat-hidden {
  visibility: hidden;
}
.eChat-block {
  display: block;
}
.eChat-d-list-item {
  display: list-item;
}
.eChat-inlineBlock {
  display: inline-block;
}
.eChat-overflowHidden {
  overflow: hidden;
}
.eChat-overflow-y-auto {
  overflow: hidden;
  overflow-y: auto;
}
.eChat-overflow-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*Flex helpers*/
.eChat-container-flex-box-wrap {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.eChat-container-flex-box-no-wrap {
  display: flex;
  display: -webkit-flex;
  flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
}
.eChat-container-flex-grow-fill {
  flex-grow: 1;
}
.eChat-container-flex-grow-0 {
    flex-grow: 0 !important;
}
.eChat-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.eChat-flex-start {
  align-self: flex-start;
}
.eChat-flex-direction-row-reverse {
  flex-direction: row-reverse;
}
.eChat-flex-direction-row {
  flex-direction: row;
}
.eChat-middle-align-self {
  align-self: center;
}
.eChat-bottom-align-self {
  align-self: flex-end;
}
.eChat-flex-end {
  align-self: flex-end;
}
.eChat-flex-wrap {
  flex-wrap: wrap;
}
.eChat-align-items-center {
  align-items: center;
}
.eChat-flex-justify-space-between {
  justify-content: space-between;
}
.eChat-column {
  flex-direction: column;
}
.eChat-justify-end {
  justify-content: flex-end;
}
.eChat-justify-center {
  justify-content: center;
}
.eChat-flex-vCenter {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.eChat-justify-content-start {
  justify-content: flex-start;
}
.eChat-flex1 {
  flex: 1;
}

.eChat-clearfix {
  content: "";
  clear: both;
  display: table;
}

/*text colors*/
.eChat-txtBlack {
  color: #000;
}
.eChat-txtBlack2 {
  color: #111;
}
.eChat-txtBlack3 {
  color: #111111;
}
.eChat-txtBlack4 {
  color: #222222;
}
.eChat-txtBlackLight {
  color: #212121;
}
.eChat-txtWhite {
  color: #fff;
}
.eChat-txtBlueWhite {
  color: #f2f4f8;
}
.eChat-txtDarkGrey {
  color: #555;
}
.eChat-txtGrey {
  color: #a1a5a6;
}
.eChat-txtLightGray {
  color: #b4b4b4;
}
.eChat-txtLightGray2 {
  color: #999;
}
.eChat-txtLightGray3 {
  color: #666666;
}
.eChat-txtBlue {
  color: #00549a;
}
.eChat-txtBlueExtraLight {
  color: #c2cedf;
}
.eChat-txtBlueExtraDark2 {
  color: #01215e;
}
.eChat-txtBlueExtraDark3 {
  color: #003778;
}
.eChat-txtBlueExtraDark4 {
  color: #002d72;
}
.eChat-txtRed {
  color: #bd2025;
}
.eChat-txtRed2 {
  color: #d32020;
}
.eChat-txtGreen {
  color: #339043;
}
.eChat-txtYellow {
  color: #e2a52c;
}
.eChat-txtGray4A {
  color: #4a4a4a;
}
.eChat-txtBlack2B {
  color: #2b2b2b;
}
.eChat-txtBluea4 {
  color: #0066a4;
}
.eChat-txt-grey-d4 {
  color: #d4d4d4;
}
.eChat-txt-vm-blue {
  color: #006fe6;
}
.eChat-txtblue {
  color: #006fe6;
}

/* container box round, shadow, vignette, and bottom gradient */
.eChat-box-round-grey,
.eChat-box-vignette-round,
.eChat-box-shadow-round {
  border-radius: 10px;
}
.eChat-box-round-grey {
  background-color: #f4f4f4;
}
.eChat-box-vignette,
.eChat-box-vignette-round {
  box-shadow: inset 0 0 80px 30px rgba(0, 0, 0, 0.05);
}
.eChat-box-shadow,
.eChat-box-shadow-round {
  box-shadow: 0 6px 25px 0 rgba(0, 0, 0, 0.12);
}
.eChat-shadow-none {
  box-shadow: none;
}
.eChat-bottom-gradient::after {
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0,
    rgba(0, 0, 0, 0.07) 100%
  );
  bottom: 0;
  content: "";
  height: 100px;
  left: 0;
  pointer-events: none;
  position: absolute;
  width: 100%;
}
.position-bottom-40 {
  bottom: 40px;
}

/*background colours*/
.eChat-bgTransparent {
  background-color: transparent;
}
.eChat-bgWhite {
  background-color: #fff;
}
.eChat-bgBlack {
  background-color: black;
}
.eChat-bgBlack2 {
  background-color: #111;
}
.eChat-bgBlackLight {
  background-color: #212121;
}
.eChat-bgGray {
  background-color: #ccc;
}
.eChat-bgGray2 {
  background-color: #d6d6d6;
}
.eChat-bgGray4 {
  background-color: #eee;
}
.eChat-bgGray9 {
  background-color: #e2e2e2;
}
.eChat-bgGray19 {
  background-color: #f4f4f4;
}
.eChat-bgGrayLight {
  background-color: #eee;
}
.eChat-bgGrayLight2 {
  background-color: #e1e1e1;
}
.eChat-bgGrayLight3 {
  background-color: #d7d7d7;
}
.eChat-bgGrayLight4 {
  background-color: #f0f0f0;
}
.eChat-bgGrayLight5 {
  background-color: #f5f5f5;
}
.eChat-bgGrayLight6 {
  background-color: #d4d4d4;
}
.eChat-bgGrayLight7 {
  background-color: #6b6b6b;
}
.eChat-bgGrayLight8 {
  background-color: #d3d3d3;
}
.eChat-bgGrayLight9 {
  background-color: #979797;
}
.eChat-bgGrayLight10 {
  background-color: #a0a6af;
}
.eChat-bgGrayLight11 {
  background-color: #c7cacf;
}
.eChat-bgGrayLight12 {
  background-color: #dbdddf;
}
.eChat-bgGrayMedium2 {
  background-color: #404040;
}
.eChat-bgLightGray {
  background-color: #999;
}
.eChat-bgMediumGray {
  background-color: #555;
}
.eChat-bgBlue {
  background-color: #00549a;
}
.eChat-bgBlueDark {
  background-color: #003778;
}
.eChat-bgBlueExtraDark {
  background-color: #003075;
}
.eChat-bgBlueExtraDark2 {
  background-color: #01215e;
}
.eChat-bgBlueExtraLight {
  background-color: #c2cedf;
}
.eChat-bgBlueLight {
  background-color: #dae8f1;
}
.eChat-bgBlueDark2 {
  background-color: #025795;
}
.eChat-bgBlueDark3 {
  background-color: #002d72;
}
.eChat-bgBlueDark4 {
  background-color: #00549a;
}
.eChat-bgRed {
  background-color: #c40000;
}
.eChat-bgRed2 {
  background-color: #900;
}

.eChat-bgBlue-radial-gradient {
  background: #00549a;
  background: -webkit-radial-gradient(#00549a 50%, #003778);
  background: -o-radial-gradient(#00549a 50%, #003778);
  background: -moz-radial-gradient(#00549a 50%, #003778);
  background: radial-gradient(#00549a 50%, #003778);
}
.eChat-bgDkBlue-radial-gradient {
  background: #00549a;
  background: -webkit-radial-gradient(#00549a 50%, #003778);
  background: -o-radial-gradient(#00549a 50%, #003778);
  background: -moz-radial-gradient(#00549a 50%, #003778);
  background: radial-gradient(
    farthest-corner at 40% 40%,
    #00549a 30%,
    #01215e 70%
  );
}
.eChat-bgBlue-radial-gradient2 {
  background: #005399;
  background: -webkit-linear-gradient(#005399, #003778);
  background: -o-linear-gradient(#005399, #003778);
  background: -moz-linear-gradient(#005399, #003778);
  background: linear-gradient(#005399, #003778);
}
/* Opacity */
.opacity-4 {
  opacity: 0.4;
}
/* borders*/
.eChat-border-2px {
  border-width: 2px;
}
.eChat-border-1-top-GrayLight6 {
  border-top: 1px solid #d4d4d4;
}
.eChat-borderBlue {
  border: 1px solid #00549a;
}
.eChat-border-2-Blue {
  border: 2px solid #00549a;
}
.eChat-border-gray-light {
  border: 1px solid #e8e8e8;
}
.eChat-borderGrayLight6 {
  border: 1px solid #d4d4d4;
}
.eChat-border-gray2-top {
  border-top: 1px solid #e1e1e1;
}
.eChat-border-gray2-bottom {
  border-bottom: 1px solid #e1e1e1;
}
.eChat-border-lightGray {
  border: 1px solid #d4d4d4;
}
.eChat-border-lightGray-right {
  border-right: 1px solid #d4d4d4;
}
.eChat-border-lightGray-left {
  border-left: 1px solid #d4d4d4;
}
.eChat-border-lightGray-top {
  border-top: 1px solid #d4d4d4;
}
.eChat-border-lightGray-bottom {
  border-bottom: 1px solid #d4d4d4;
}
.eChat-border-2-White {
  border: 2px solid #fff;
}
.eChat-border-gray2 {
  border: 1px solid #e1e1e1;
}
.eChat-border-red {
  border: 2px solid #d32020;
}
.eChat-border-0 {
  border: 0;
}
.eChat-border-l-0 {
  border-left: 0;
}
.eChat-border-r-0 {
  border-right: 0;
}
.eChat-border-b-0 {
  border-bottom: 0;
}
.eChat-border-darkBlue {
  border: 1px solid #003778;
}
.eChat-border-l-darkBlue {
  border-left: 1px solid #003778;
}
.eChat-border-r-darkBlue {
  border-right: 1px solid #003778;
}
.eChat-border-t-darkBlue {
  border-top: 1px solid #003778;
}
.eChat-border-b-darkBlue {
  border-bottom: 1px solid #003778;
}
.eChat-border-none {
  border: none;
}

/*Radius*/
.eChat-noBorderRadius {
  border-radius: 0;
}
.eChat-border-allRound {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.eChat-borderRadius25 {
  border-radius: 25px;
}
.eChat-borderRadiusAll8 {
  border-radius: 8px;
}
.eChat-borderRadiusAll10,
.eChat-box-round {
  border-radius: 10px;
}
.eChat-borderRadiusBottom10 {
  border-radius: 0 0 10px 10px;
}
.eChat-radius-10-top {
  border-radius: 10px 10px 0 0;
}
.eChat-borderRadiusAll15 {
  border-radius: 15px;
}
.eChat-bottom-border-none-noradius {
  border-bottom: none;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* alignment*/
.eChat-txtRight {
  text-align: right;
}
.eChat-txtLeft {
  text-align: left;
}
.eChat-txtCenter {
  text-align: center;
}
.eChat-txtNoWrap {
  white-space: nowrap;
}

/*txt formatting*/
.eChat-text-bold,
.eChat-txtBold {
  font-weight: bold;
}
.eChat-txtBold-500 {
  font-weight: 500;
}
.eChat-icon.eChat-txtBold,
.eChat-icon2.eChat-txtBold,
.eChat-icon-o.eChat-txtBold {
  font-weight: 700;
}
.eChat-letter-zerospace {
  letter-spacing: 0;
}
.eChat-letter-normalspace {
  letter-spacing: normal;
}

.eChat-txtNormal {
  font-weight: normal;
}
.eChat-no-txt-transform {
  text-transform: none;
}
.eChat-txtCapital {
  text-transform: uppercase;
}
.eChat-wordBreak {
  word-break: break-all;
}
.eChat-txtUnderline {
  text-decoration: underline;
}
.eChat-txtDecoration-none {
  text-decoration: none;
}
.eChat-txtDecoration_hover:hover,
.eChat-txtDecoration_hover:focus {
  text-decoration: underline;
}
.eChat-txtDecorationNoneHover:hover,
.eChat-txtDecorationNoneHover:focus {
  text-decoration: none;
}
/*old IE support*/
.eChat-removeIconUnderlineOnHover:hover i,
.eChat-removeIconUnderlineOnHover:focus i,
.eChat-removeIconUnderlineOnHover:hover span,
.eChat-removeIconUnderlineOnHover:focus span {
  display: inline-block;
  text-decoration: none;
}

.eChat-noTxt {
  font-size: 0;
  line-height: 0;
}
.eChat-txtSize10 {
  font-size: 10px;
}
.eChat-txtSize11 {
  font-size: 11px;
}
.eChat-txtSize12 {
  font-size: 12px;
}
.eChat-txtSize13 {
  font-size: 13px;
}
.eChat-txtSize14 {
  font-size: 14px;
}
.eChat-txtSize15 {
  font-size: 15px;
}
.eChat-txtSize17 {
  font-size: 17px;
}
.eChat-txtSize16 {
  font-size: 16px;
}
.eChat-txtSize18 {
  font-size: 18px;
}
.eChat-txtSize20 {
  font-size: 20px;
}
.eChat-txtSize22 {
  font-size: 22px;
}
.eChat-txtSize24 {
  font-size: 24px;
}
.eChat-txtSize26 {
  font-size: 26px;
}
.eChat-txtSize28 {
  font-size: 28px;
}
.eChat-txtSize30 {
  font-size: 30px;
}
.eChat-txtSize32 {
  font-size: 32px;
}
.eChat-txtSize34 {
  font-size: 34px;
}
.eChat-txtSize35 {
  font-size: 35px;
}
.eChat-txtSize38 {
  font-size: 38px;
}
.eChat-txtSize40 {
  font-size: 40px;
}
.eChat-txtSize42 {
  font-size: 42px;
}
.eChat-txtSize44 {
  font-size: 44px;
}
.eChat-txtSize50 {
  font-size: 50px;
}
.eChat-txtSize60 {
  font-size: 60px;
}
.eChat-txtSize70 {
  font-size: 70px;
}
.eChat-txtSize72 {
  font-size: 72px;
}
.eChat-txtSize128 {
  font-size: 128px;
}
.eChat-txtSize74-before:before {
  font-size: 74px;
}

/*positioning*/
.eChat-top0 {
  top: 0;
}
.eChat-top035 {
  top: 35%;
}
.eChat-bottom-0 {
  bottom: 0px;
}
.eChat-bottom-30 {
  bottom: 30px;
}
.eChat-left-negative-10-before:before {
  left: -10px;
}
.eChat-floatR {
  float: right;
}
.eChat-floatL {
  float: left;
}
.eChat-clear {
  clear: both;
}
.eChat-fixed {
  position: fixed;
}
.eChat-absolute {
  position: absolute;
}
.eChat-relative {
  position: relative;
}
.eChat-inherit {
    position: inherit;
}
.eChat-v-align-middle {
  vertical-align: middle;
}
.eChat-v-align-top {
  vertical-align: top;
}
.eChat-top-neg-zero:before {
  top: 0px;
}
.eChat-top-neg-one:before {
  top: -1px;
}
.eChat-top-neg-two:before {
  top: -2px;
}
.eChat-top-neg-three:before {
  top: -3px;
}
.eChat-rel-top-neg-four {
  position: relative;
  top: -4px;
}

/*mouse cursor*/
.eChat-pointer {
  cursor: pointer;
}
.eChat-noPointer {
  cursor: default;
}
.eChat-move {
    cursor: move;
}
/*spacers*/
.eChat-spacer0 {
  height: 0;
}
.eChat-spacer1 {
  height: 1px;
}
.eChat-spacer2 {
  height: 2px;
}
.eChat-spacer3 {
  height: 3px;
}
.eChat-spacer5 {
  height: 5px;
}
.eChat-spacer8 {
  height: 8px;
}
.eChat-spacer9 {
  height: 9px;
}
.eChat-spacer10 {
  height: 10px;
}
.eChat-spacer11 {
  height: 11px;
}
.eChat-spacer12 {
  height: 12px;
}
.eChat-spacer15 {
  height: 15px;
}
.eChat-spacer20 {
  height: 20px;
}
.eChat-spacer25 {
  height: 25px;
}
.eChat-spacer30 {
  height: 30px;
}
.eChat-spacer35 {
  height: 35px;
}
.eChat-spacer40 {
  height: 40px;
}
.eChat-spacer45 {
  height: 45px;
}
.eChat-spacer48 {
  height: 48px;
}
.eChat-spacer50 {
  height: 50px;
}
.eChat-spacer60 {
  height: 60px;
}
/*heights*/
.eChat-fullHeight {
  height: 100%;
}
.eChat-fullHeight-100vh {
  height: 100vh !important;
}
.eChat-autoHeight {
  height: auto;
}
.eChat-autoHeight-important {
    height: auto !important;
}
.eChat-height-22 {
  height: 22px;
}
.eChat-height-26 {
  height: 26px;
}
.eChat-height-74 {
  height: 74px;
}
.eChat-height-230 {
  height: 230px;
}
.eChat-height-300 {
  height: 300px;
}
.eChat-height-315 {
  height: 315px;
}
.eChat-height-335 {
  height: 335px;
}
.eChat-same-H-container {
  overflow: hidden;
  height: auto;
}
.eChat-same-H {
  padding-bottom: 999998px;
  margin-bottom: -999999px;
}
/*widths*/
.eChat-width-40 {
  width: 40%;
}
.eChat-width-60 {
  width: 60%;
}
.eChat-width-50 {
  width: 50%;
}
.eChat-width-20 {
  width: 20%;
}
.eChat-width-10px {
  width: 10px;
}
.eChat-width-20px {
  width: 20px;
}
.eChat-width-25px {
  width: 25px;
}
.eChat-width-70px {
  width: 70px;
}
.eChat-width-175px {
  width: 175px;
}
.eChat-fullwidth-100 {
  width: 100%;
}
.eChat-max-width-100-percent {
  max-width: 100%;
}
.eChat-autoWidth {
  width: auto;
}
/*height and width*/
.eChat-dimension-72 {
  height: 72px;
  width: 72px;
}
.eChat-dimension-16 {
  height: 16px;
  width: 16px;
}
.eChat-dimension-30 {
    height: auto;
    width: 30px;
}
.eChat-dimension-35 {
    height: auto;
    width: 35px;
}

/*Line heights*/
.eChat-lineHeight1_5 {
  line-height: 1.5em;
}
.eChat-line-height14 {
  line-height: 14px;
}
.eChat-line-height16 {
  line-height: 16px;
}
.eChat-line-height17 {
  line-height: 17px;
}
.eChat-line-height18 {
  line-height: 18px;
}
.eChat-line-height20 {
  line-height: 20px;
}
.eChat-line-height21 {
    line-height: 21px;
}
.eChat-line-height32 {
  line-height: 32px;
}
.eChat-line-height40 {
  line-height: 40px;
}
.eChat-vSpacer5 {
  width: 5px;
}
.eChat-vSpacer10 {
  width: 10px;
}
.eChat-vSpacer15 {
  width: 15px;
}
.eChat-vSpacer20 {
  width: 20px;
}
.eChat-vSpacer30 {
  width: 30px;
}

/*vertical paddings*/ /*Note we do not use top and bottom padding because is not consitent results in every browser.eChat- use spacers as an alternative for padding top bottom*/
.eChat-vPadding5 {
  padding: 0 5px;
}
.eChat-vPadding10 {
  padding: 0 10px;
}
.eChat-vPadding15 {
  padding: 0 15px;
}
.eChat-vPadding20 {
  padding: 0 20px;
}
.eChat-vPadding30 {
  padding: 0 30px;
}
.eChat-vPadding40 {
  padding: 0 40px;
}

/*Non-Standard Padding*/
.eChat-paddingRightInherit {
  padding-right: inherit;
}

.eChat-pad-half-left {
  padding-left: 0.5px;
}
.eChat-pad-half-right {
  padding-right: 0.5px;
}
.eChat-pad-1 {
  padding: 1px;
}
.eChat-pad-1-left {
  padding-left: 1px;
}
.eChat-pad-1-right {
  padding-right: 1px;
}
.eChat-pad-1-top {
  padding-top: 1px;
}
.eChat-pad-1-bottom {
  padding-bottom: 1px;
}
.eChat-pad-4-top {
  padding-top: 4px;
}
.eChat-pad-4-bottom {
  padding-bottom: 4px;
}
.eChat-pad-4-left {
  padding-left: 4px;
}
.eChat-pad-4-right {
  padding-right: 4px;
}
.eChat-pad-7-right {
  padding-right: 7px;
}
.eChat-pad-7_half {
  padding-left: 7.5px;
  padding-right: 7.5px;
}
.eChat-pad-8-left {
  padding-left: 8px;
}
.eChat-pad-12-left {
  padding-left: 12px;
}
.eChat-pad-13 {
  padding: 13px;
}
.eChat-pad-65-left {
  padding-left: 65px;
}

/*Non-Standard Margins*/
.eChat-verticalMarginAuto {
  margin: auto 0;
}
.eChat-marginAutoCheck {
  margin: 0 auto;
}
.eChat-margin-2-left {
  margin-left: 2px;
}
.eChat-margin-2-right {
  margin-right: 2px;
}
.eChat-margin-2-top {
  margin-top: 2px;
}
.eChat-margin-2-bottom {
  margin-bottom: 2px;
}
.eChat-margin-3-left {
  margin-left: 3px;
}
.eChat-margin-3-right {
  margin-right: 3px;
}
.eChat-margin-3-top {
  margin-top: 3px;
}
.eChat-margin-3-bottom {
  margin-bottom: 3px;
}
.eChat-margin-8-left {
  margin-left: 8px;
}
.eChat-margin-8-right {
  margin-right: 8px;
}
.eChat-margin-h-12 {
  margin-left: 12px;
  margin-right: 12px;
}
.eChat-margin-12-left {
  margin-right: 12px;
}
.eChat-margin-12-right {
  margin-right: 12px;
}
.eChat-margin-12-top {
  margin-top: 12px;
}
.eChat-margin-13-right {
  margin-right: 13px;
}
.eChat-margin-14-right {
  margin-right: 14px;
}
.eChat-margin-18-right {
  margin-right: 18px;
}
.eChat-margin-negative-2-top {
  margin-top: -2px;
}
.eChat-margin-negative-5-top {
  margin-top: -5px;
}
.eChat-margin-neg-7_half {
  margin-left: -7.5px;
  margin-right: -7.5px;
}
.eChat-margin-left-n13 {
  margin-left: -13px;
}
.eChat-margin-neg-15-l {
  margin-left: -15px;
}
.eChat-margin-neg-15-t {
  margin-top: -15px;
}
.eChat-margin-neg-20-t {
  margin-top: -20px;
}

/* standard-size (0, 15, 30, 45, 60, and every 5 interval in between, plus 'auto' for margin) padding and margin helpers that are desktop-first responsive (note the different naming pattern) */
.eChat-pad-0,
.eChat-no-pad {
  padding: 0;
}
.eChat-no-pad-right {
  padding-right: 0px;
}
.eChat-pad-h-0 {
  padding-left: 0;
  padding-right: 0;
}
.eChat-pad-v-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.eChat-pad-l-0,
.eChat-no-pad-left {
  padding-left: 0;
}
.eChat-pad-r-0,
.eChat-no-pad-right {
  padding-right: 0;
}
.eChat-pad-t-0,
.eChat-no-pad-top {
  padding-top: 0;
}
.eChat-pad-b-0,
.eChat-no-pad-bottom {
  padding-bottom: 0;
}
.eChat-pad-t-3,
.eChat-pad-3-top {
  padding-top: 3px;
}
.eChat-pad-t-2,
.eChat-pad-2-top {
  padding-top: 2px;
}
.eChat-pad-v-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}
.eChat-pad-5 {
  padding: 5px;
}
.eChat-pad-h-5 {
  padding-left: 5px;
  padding-right: 5px;
}
.eChat-pad-v-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}
.eChat-pad-l-5,
.eChat-pad-5-left {
  padding-left: 5px;
}
.eChat-pad-r-5,
.eChat-pad-5-right {
  padding-right: 5px;
}
.eChat-pad-t-5,
.eChat-pad-5-top {
  padding-top: 5px;
}
.eChat-pad-b-5,
.eChat-pad-5-bottom {
  padding-bottom: 5px;
}
.eChat-pad-10 {
  padding: 10px;
}
.eChat-pad-h-10 {
  padding-left: 10px;
  padding-right: 10px;
}
.eChat-pad-v-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}
.eChat-pad-l-10,
.eChat-pad-10-left {
  padding-left: 10px;
}
.eChat-pad-r-10,
.eChat-pad-10-right {
  padding-right: 10px;
}
.eChat-pad-t-10,
.eChat-pad-10-top {
  padding-top: 10px;
}
.eChat-pad-b-10,
.eChat-pad-10-bottom {
  padding-bottom: 10px;
}
.eChat-pad-h-12 {
  padding-left: 12px;
  padding-right: 12px;
}
.eChat-pad-15 {
  padding: 15px;
}
.eChat-pad-h-15,
.eChat-pad-15-left-right {
  padding-left: 15px;
  padding-right: 15px;
}
.eChat-pad-v-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}
.eChat-pad-l-15,
.eChat-pad-15-left {
  padding-left: 15px;
}
.eChat-pad-r-15,
.eChat-pad-15-right {
  padding-right: 15px;
}
.eChat-pad-t-15,
.eChat-pad-15-top {
  padding-top: 15px;
}
.eChat-pad-b-15,
.eChat-pad-15-bottom {
  padding-bottom: 15px;
}
.eChat-pad-20 {
  padding: 20px;
}
.eChat-pad-h-20 {
  padding-left: 20px;
  padding-right: 20px;
}
.eChat-pad-v-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.eChat-pad-l-20,
.eChat-pad-20-left {
  padding-left: 20px;
}
.eChat-pad-r-20,
.eChat-pad-20-right {
  padding-right: 20px;
}
.eChat-pad-t-20,
.eChat-pad-20-top {
  padding-top: 20px;
}
.eChat-pad-b-20,
.eChat-pad-20-bottom {
  padding-bottom: 20px;
}
.eChat-pad-25 {
  padding: 25px;
}
.eChat-pad-h-25 {
  padding-left: 25px;
  padding-right: 25px;
}
.eChat-pad-v-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}
.eChat-pad-l-25,
.eChat-pad-25-left {
  padding-left: 25px;
}
.eChat-pad-r-25,
.eChat-pad-25-right {
  padding-right: 25px;
}
.eChat-pad-t-25,
.eChat-pad-25-top {
  padding-top: 25px;
}
.eChat-pad-b-25,
.eChat-pad-25-bottom {
  padding-bottom: 25px;
}
.eChat-pad-30 {
  padding: 30px;
}
.eChat-pad-h-30,
.eChat-pad-30-left-right {
  padding-left: 30px;
  padding-right: 30px;
}
.eChat-pad-v-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}
.eChat-pad-l-30,
.eChat-pad-30-left {
  padding-left: 30px;
}
.eChat-pad-r-30,
.eChat-pad-30-right {
  padding-right: 30px;
}
.eChat-pad-t-30,
.eChat-pad-30-top {
  padding-top: 30px;
}
.eChat-pad-b-30,
.eChat-pad-30-bottom {
  padding-bottom: 30px;
}
.eChat-pad-35 {
  padding: 35px;
}
.eChat-pad-h-35 {
  padding-left: 35px;
  padding-right: 35px;
}
.eChat-pad-v-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}
.eChat-pad-l-35,
.eChat-pad-35-left {
  padding-left: 35px;
}
.eChat-pad-r-35 {
  padding-right: 35px;
}
.eChat-pad-t-35 {
  padding-top: 35px;
}
.eChat-pad-b-35 {
  padding-bottom: 35px;
}
.eChat-pad-40 {
  padding: 40px;
}
.eChat-pad-h-40 {
  padding-left: 40px;
  padding-right: 40px;
}
.eChat-pad-v-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.eChat-pad-l-40,
.eChat-pad-40-left {
  padding-left: 40px;
}
.eChat-pad-r-40,
.eChat-pad-40-right {
  padding-right: 40px;
}
.eChat-pad-t-40,
.eChat-pad-40-top {
  padding-top: 40px;
}
.eChat-pad-b-40,
.eChat-pad-40-bottom {
  padding-bottom: 40px;
}
.eChat-pad-45 {
  padding: 45px;
}
.eChat-pad-h-45 {
  padding-left: 45px;
  padding-right: 45px;
}
.eChat-pad-v-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}
.eChat-pad-l-45,
.eChat-pad-45-left {
  padding-left: 45px;
}
.eChat-pad-r-45,
.eChat-pad-45-right {
  padding-right: 45px;
}
.eChat-pad-t-45,
.eChat-pad-45-top {
  padding-top: 45px;
}
.eChat-pad-b-45,
.eChat-pad-45-bottom {
  padding-bottom: 45px;
}
.eChat-pad-50 {
  padding: 50px;
}
.eChat-pad-h-50 {
  padding-left: 50px;
  padding-right: 50px;
}
.eChat-pad-v-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.eChat-pad-l-50 {
  padding-left: 50px;
}
.eChat-pad-r-50 {
  padding-right: 50px;
}
.eChat-pad-t-50 {
  padding-top: 50px;
}
.eChat-pad-b-50 {
  padding-bottom: 50px;
}
.eChat-pad-55 {
  padding: 55px;
}
.eChat-pad-h-55 {
  padding-left: 55px;
  padding-right: 55px;
}
.eChat-pad-v-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}
.eChat-pad-l-55 {
  padding-left: 55px;
}
.eChat-pad-r-55 {
  padding-right: 55px;
}
.eChat-pad-t-55 {
  padding-top: 55px;
}
.eChat-pad-b-55 {
  padding-bottom: 55px;
}
.eChat-pad-60 {
  padding: 60px;
}
.eChat-pad-h-60 {
  padding-left: 60px;
  padding-right: 60px;
}
.eChat-pad-v-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.eChat-pad-l-60,
.eChat-pad-60-left {
  padding-left: 60px;
}
.eChat-pad-r-60,
.eChat-pad-60-right {
  padding-right: 60px;
}
.eChat-pad-t-60,
.eChat-pad-60-top {
  padding-top: 60px;
}
.eChat-pad-b-60,
.eChat-pad-60-bottom {
  padding-bottom: 60px;
}

.eChat-margin-auto,
.eChat-middleAlign {
  margin: auto;
}
.eChat-margin-h-auto {
  margin-left: auto;
  margin-right: auto;
}
.eChat-margin-v-auto {
  margin-top: auto;
  margin-bottom: auto;
}
.eChat-margin-l-auto,
.eChat-margin-auto-left {
  margin-left: auto;
}
.eChat-margin-r-auto,
.eChat-margin-auto-right {
  margin-right: auto;
}
.eChat-margin-t-auto,
.eChat-margin-auto-top {
  margin-top: auto;
}
.eChat-margin-b-auto {
  margin-bottom: auto;
}
.eChat-margin-0,
.eChat-no-margin,
.eChat-noMargin {
  margin: 0;
}
.eChat-margin-h-0 {
  margin-left: 0;
  margin-right: 0;
}
.eChat-margin-v-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.eChat-margin-l-0,
.eChat-no-margin-left {
  margin-left: 0;
}
.eChat-margin-r-0,
.eChat-no-margin-right {
  margin-right: 0;
}
.eChat-margin-t-0,
.eChat-no-margin-top {
  margin-top: 0;
}
.eChat-margin-b-0,
.eChat-no-margin-bottom {
  margin-bottom: 0;
}
.eChat-margin-b-3 {
  margin-bottom: 3px;
}
.eChat-margin-5 {
  margin: 5px;
}
.eChat-margin-h-5 {
  margin-left: 5px;
  margin-right: 5px;
}
.eChat-margin-v-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}
.eChat-margin-l-5,
.eChat-margin-5-left {
  margin-left: 5px;
}
.eChat-margin-r-5,
.eChat-margin-5-right {
  margin-right: 5px;
}
.eChat-margin-t-5,
.eChat-margin-5-top {
  margin-top: 5px;
}
.eChat-margin-b-5,
.eChat-margin-5-bottom {
  margin-bottom: 5px;
}
.eChat-margin-10 {
  margin: 10px;
}
.eChat-margin-h-10 {
  margin-left: 10px;
  margin-right: 10px;
}
.eChat-margin-v-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}
.eChat-margin-l-10,
.eChat-margin-10-left {
  margin-left: 10px;
}
.eChat-margin-r-10,
.eChat-margin-10-right {
  margin-right: 10px;
}
.eChat-margin-t-10,
.eChat-margin-10-top {
  margin-top: 10px;
}
.eChat-margin-b-10,
.eChat-margin-10-bottom {
  margin-bottom: 10px;
}
.eChat-margin-15 {
  margin: 15px;
}
.eChat-margin-h-15 {
  margin-left: 15px;
  margin-right: 15px;
}
.eChat-margin-v-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.eChat-margin-l-15,
.eChat-margin-15-left {
  margin-left: 15px;
}
.eChat-margin-r-15,
.eChat-margin-15-right {
  margin-right: 15px;
}
.eChat-margin-t-15,
.eChat-margin-15-top {
  margin-top: 15px;
}
.eChat-margin-b-15,
.eChat-margin-15-bottom {
  margin-bottom: 15px;
}
.eChat-margin-20 {
  margin: 20px;
}
.eChat-margin-h-20 {
  margin-left: 20px;
  margin-right: 20px;
}
.eChat-margin-v-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.eChat-margin-l-20,
.eChat-margin-20-left {
  margin-left: 20px;
}
.eChat-margin-r-20,
.eChat-margin-20-right {
  margin-right: 20px;
}
.eChat-margin-t-20,
.eChat-margin-20-top {
  margin-top: 20px;
}
.eChat-margin-b-20,
.eChat-margin-20-bottom {
  margin-bottom: 20px;
}
.eChat-margin-25 {
  margin: 25px;
}
.eChat-margin-h-25 {
  margin-left: 25px;
  margin-right: 25px;
}
.eChat-margin-v-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}
.eChat-margin-l-25,
.eChat-margin-25-left {
  margin-left: 25px;
}
.eChat-margin-r-25,
.eChat-margin-25-right {
  margin-right: 25px;
}
.eChat-margin-t-25,
.eChat-margin-25-top {
  margin-top: 25px;
}
.eChat-margin-b-25,
.eChat-margin-25-bottom {
  margin-bottom: 25px;
}
.eChat-margin-30 {
  margin: 30px;
}
.eChat-margin-h-30 {
  margin-left: 30px;
  margin-right: 30px;
}
.eChat-margin-v-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}
.eChat-margin-l-30,
.eChat-margin-30-left {
  margin-left: 30px;
}
.eChat-margin-r-30,
.eChat-margin-30-right {
  margin-right: 30px;
}
.eChat-margin-t-30,
.eChat-margin-30-top {
  margin-top: 30px;
}
.eChat-margin-b-30,
.eChat-margin-30-bottom {
  margin-bottom: 30px;
}
.eChat-margin-35 {
  margin: 35px;
}
.eChat-margin-h-35 {
  margin-left: 35px;
  margin-right: 35px;
}
.eChat-margin-v-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}
.eChat-margin-l-35 {
  margin-left: 35px;
}
.eChat-margin-r-35 {
  margin-right: 35px;
}
.eChat-margin-t-35 {
  margin-top: 35px;
}
.eChat-margin-b-35 {
  margin-bottom: 35px;
}
.eChat-margin-40 {
  margin: 40px;
}
.eChat-margin-h-40 {
  margin-left: 40px;
  margin-right: 40px;
}
.eChat-margin-v-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}
.eChat-margin-l-40,
.eChat-margin-40-left {
  margin-left: 40px;
}
.eChat-margin-r-40,
.eChat-margin-40-right {
  margin-right: 40px;
}
.eChat-margin-t-40,
.eChat-margin-40-top {
  margin-top: 40px;
}
.eChat-margin-b-40,
.eChat-margin-40-bottom {
  margin-bottom: 40px;
}
.eChat-margin-45 {
  margin: 45px;
}
.eChat-margin-h-45 {
  margin-left: 45px;
  margin-right: 45px;
}
.eChat-margin-v-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}
.eChat-margin-l-45 {
  margin-left: 45px;
}
.eChat-margin-r-45,
.eChat-margin-45-right {
  margin-right: 45px;
}
.eChat-margin-t-45 {
  margin-top: 45px;
}
.eChat-margin-b-45,
.eChat-margin-45-bottom {
  margin-bottom: 45px;
}
.eChat-margin-50 {
  margin: 50px;
}
.eChat-margin-h-50 {
  margin-left: 50px;
  margin-right: 50px;
}
.eChat-margin-v-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}
.eChat-margin-l-50 {
  margin-left: 50px;
}
.eChat-margin-r-50 {
  margin-right: 50px;
}
.eChat-margin-t-50 {
  margin-top: 50px;
}
.eChat-margin-b-50 {
  margin-bottom: 50px;
}
.eChat-margin-55 {
  margin: 55px;
}
.eChat-margin-h-55 {
  margin-left: 55px;
  margin-right: 55px;
}
.eChat-margin-v-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}
.eChat-margin-l-55 {
  margin-left: 55px;
}
.eChat-margin-r-55 {
  margin-right: 55px;
}
.eChat-margin-t-55 {
  margin-top: 55px;
}
.eChat-margin-b-55 {
  margin-bottom: 55px;
}
.eChat-margin-60 {
  margin: 60px;
}
.eChat-margin-h-60 {
  margin-left: 60px;
  margin-right: 60px;
}
.eChat-margin-v-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}
.eChat-margin-l-60,
.eChat-margin-60-left {
  margin-left: 60px;
}
.eChat-margin-r-60,
.eChat-margin-60-right {
  margin-right: 60px;
}
.eChat-margin-t-60,
.eChat-margin-60-top {
  margin-top: 60px;
}
.eChat-margin-b-60,
.eChat-margin-60-bottom {
  margin-bottom: 60px;
}
.eChat-margin-b-90,
.eChat-margin-90-bottom {
  margin-bottom: 90px;
}

.eChat-margin-t-175,
.eChat-margin-175-top {
  margin-top: 175px;
}

/*columns*/
.eChat-col1 {
  width: 100%;
}
.eChat-col2 {
  width: 50%;
}
.eChat-col5 {
  width: 20%;
}

/*List styles*/
.eChat-noBullets {
  list-style: none;
  margin: 0;
  padding: 0;
}
.eChat-listStyleNone {
  list-style: none;
}

/*Accessible hidder*/
.eChat-hiddenClip {
  position: absolute;
  clip: rect(0 0 0 0);
}

/*Default outline of focused elements*/
.eChat-focus-outline-white:focus {
  outline-color: #fff;
}

/*icons helper*/
/*icons helper*/
.eChat-icon-circle_white {
  border-color: #fff;
  color: #fff;
}
.eChat-icon-circle-xsmall .eChat-text {
  line-height: 14px;
  font-size: 10px;
}
.eChat-icon-circle-small .eChat-text {
  line-height: 36px;
  font-size: 18px;
}
.eChat-icon-circle-medium .eChat-text {
  line-height: 56px;
  font-size: 27px;
}
.eChat-icon-circle-large .eChat-text {
  line-height: 76px;
  font-size: 35px;
}
.eChat-icon-circle-xlarge .eChat-text {
  line-height: 136px;
  font-size: 55px;
}
.eChat-icon-circle-xsmall:before,
.eChat-icon-circle-small:before,
.eChat-icon-circle-medium:before,
.eChat-icon-circle-large:before,
.eChat-icon-circle-xlarge:before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.eChat-icon-square-xsmall {
  width: 30px;
  height: 30px;
}
.eChat-icon-circle-xsmall {
  width: 18px;
  height: 18px;
}
.eChat-icon-circle-small {
  width: 40px;
  height: 40px;
}

.eChat-icon-circle-medium {
  width: 60px;
  height: 60px;
}
.eChat-icon-circle-large {
  width: 80px;
  height: 80px;
}
.eChat-icon-circle-xlarge {
  width: 140px;
  height: 140px;
}
.eChat-icon-xsmall:before,
.eChat-icon-circle-xsmall:before {
  font-size: 10px;
}
.eChat-icon-small:before,
.eChat-icon-circle-small:before {
  font-size: 37px;
}
.eChat-icon-medium:before,
.eChat-icon-circle-medium:before {
  font-size: 58px;
}
.eChat-icon-large:before,
.eChat-icon-circle-large:before {
  font-size: 78px;
}
.eChat-icon-xlarge:before,
.eChat-icon-circle-xlarge:before {
  font-size: 137px;
}

/* Width */
.eChat-widthInherit {
  width: inherit;
}

/* Height */
.eChat-heightInherit {
  height: inherit;
}

/*Greater than Mobile*/
@media (min-width: 768px) {
  .eChat-bottom-45-sm-md {
    bottom: 45px;
  }
  .eChat-radius-10-bottom-sm {
    border-radius: 0 0 10px 10px;
  }
  .eChat-lineHeight-38-smUp {
    line-height: 38px;
  }
  .eChat-margin-bottom-sm-30 {
    margin-bottom: 30px;
  }

  .eChat-shadow-sm-none {
    box-shadow: none;
  }
  .eChat-after-sm-none:after {
    display: none;
  }
  .eChat-display-sm-none {
    display: none;
  }
}

/*For Tablet and Mobile*/
@media screen and (max-width: 991px) {
  .eChat-float-none-sm {
    float: none;
  }

  .eChat-txtSize12-sm {
    font-size: 12px;
  }

  .eChat-overflow-x-auto-sm {
    overflow-x: auto;
  }

  .eChat-text-sm-normal,
  .eChat-txtNormal-sm {
    font-weight: normal;
  }

  .eChat-margin-28-right-sm {
    margin-right: 28px;
  }

  /* standard-size (0, 15, 30, 45, 60, and every 5 interval in between, plus 'auto' for margin) padding and margin helpers that are desktop-first responsive (note the different naming pattern) */
  .eChat-pad-sm-0 {
    padding: 0;
  }

  .eChat-pad-h-sm-0 {
    padding-left: 0;
    padding-right: 0;
  }

  .eChat-pad-v-sm-0 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .eChat-pad-l-sm-0,
  .eChat-no-pad-left-sm {
    padding-left: 0;
  }

  .eChat-pad-r-sm-0 {
    padding-right: 0;
  }

  .eChat-pad-t-sm-0 {
    padding-top: 0;
  }

  .eChat-pad-b-sm-0 {
    padding-bottom: 0;
  }

  .eChat-pad-sm-5 {
    padding: 5px;
  }

  .eChat-pad-h-sm-5 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .eChat-pad-v-sm-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .eChat-pad-l-sm-5 {
    padding-left: 5px;
  }

  .eChat-pad-r-sm-5 {
    padding-right: 5px;
  }

  .eChat-pad-t-sm-5 {
    padding-top: 5px;
  }

  .eChat-pad-b-sm-5 {
    padding-bottom: 5px;
  }

  .eChat-pad-sm-10 {
    padding: 10px;
  }

  .eChat-pad-h-sm-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .eChat-pad-v-sm-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .eChat-pad-l-sm-10 {
    padding-left: 10px;
  }

  .eChat-pad-r-sm-10 {
    padding-right: 10px;
  }

  .eChat-pad-t-sm-10 {
    padding-top: 10px;
  }

  .eChat-pad-b-sm-10 {
    padding-bottom: 10px;
  }

  .eChat-pad-sm-15 {
    padding: 15px;
  }

  .eChat-pad-h-sm-15 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .eChat-pad-v-sm-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .eChat-pad-l-sm-15,
  .eChat-pad-15-left-sm {
    padding-left: 15px;
  }

  .eChat-pad-r-sm-15,
  .eChat-pad-15-right-sm {
    padding-right: 15px;
  }

  .eChat-pad-t-sm-15 {
    padding-top: 15px;
  }

  .eChat-pad-b-sm-15 {
    padding-bottom: 15px;
  }

  .eChat-pad-sm-20 {
    padding: 20px;
  }

  .eChat-pad-h-sm-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .eChat-pad-v-sm-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .eChat-pad-l-sm-20 {
    padding-left: 20px;
  }

  .eChat-pad-r-sm-20 {
    padding-right: 20px;
  }

  .eChat-pad-t-sm-20 {
    padding-top: 20px;
  }

  .eChat-pad-b-sm-20 {
    padding-bottom: 20px;
  }

  .eChat-pad-sm-25 {
    padding: 25px;
  }

  .eChat-pad-h-sm-25 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .eChat-pad-v-sm-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .eChat-pad-l-sm-25 {
    padding-left: 25px;
  }

  .eChat-pad-r-sm-25 {
    padding-right: 25px;
  }

  .eChat-pad-t-sm-25 {
    padding-top: 25px;
  }

  .eChat-pad-b-sm-25 {
    padding-bottom: 25px;
  }

  .eChat-pad-sm-30 {
    padding: 30px;
  }

  .eChat-pad-h-sm-30 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .eChat-pad-v-sm-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .eChat-pad-l-sm-30,
  .eChat-pad-30-left-sm {
    padding-left: 30px;
  }

  .eChat-pad-r-sm-30,
  .eChat-pad-30-right-sm {
    padding-right: 30px;
  }

  .eChat-pad-t-sm-30 {
    padding-top: 30px;
  }

  .eChat-pad-b-sm-30 {
    padding-bottom: 30px;
  }

  .eChat-pad-sm-35 {
    padding: 35px;
  }

  .eChat-pad-h-sm-35 {
    padding-left: 35px;
    padding-right: 35px;
  }

  .eChat-pad-v-sm-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .eChat-pad-l-sm-35 {
    padding-left: 35px;
  }

  .eChat-pad-r-sm-35 {
    padding-right: 35px;
  }

  .eChat-pad-t-sm-35 {
    padding-top: 35px;
  }

  .eChat-pad-b-sm-35 {
    padding-bottom: 35px;
  }

  .eChat-pad-sm-40 {
    padding: 40px;
  }

  .eChat-pad-h-sm-40 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .eChat-pad-v-sm-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .eChat-pad-l-sm-40 {
    padding-left: 40px;
  }

  .eChat-pad-r-sm-40 {
    padding-right: 40px;
  }

  .eChat-pad-t-sm-40 {
    padding-top: 40px;
  }

  .eChat-pad-b-sm-40 {
    padding-bottom: 40px;
  }

  .eChat-pad-sm-45 {
    padding: 45px;
  }

  .eChat-pad-h-sm-45 {
    padding-left: 45px;
    padding-right: 45px;
  }

  .eChat-pad-v-sm-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .eChat-pad-l-sm-45 {
    padding-left: 45px;
  }

  .eChat-pad-r-sm-45 {
    padding-right: 45px;
  }

  .eChat-pad-t-sm-45 {
    padding-top: 45px;
  }

  .eChat-pad-b-sm-45 {
    padding-bottom: 45px;
  }

  .eChat-pad-sm-50 {
    padding: 50px;
  }

  .eChat-pad-h-sm-50 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .eChat-pad-v-sm-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .eChat-pad-l-sm-50 {
    padding-left: 50px;
  }

  .eChat-pad-r-sm-50 {
    padding-right: 50px;
  }

  .eChat-pad-t-sm-50 {
    padding-top: 50px;
  }

  .eChat-pad-b-sm-50 {
    padding-bottom: 50px;
  }

  .eChat-pad-sm-55 {
    padding: 55px;
  }

  .eChat-pad-h-sm-55 {
    padding-left: 55px;
    padding-right: 55px;
  }

  .eChat-pad-v-sm-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .eChat-pad-l-sm-55 {
    padding-left: 55px;
  }

  .eChat-pad-r-sm-55 {
    padding-right: 55px;
  }

  .eChat-pad-t-sm-55 {
    padding-top: 55px;
  }

  .eChat-pad-b-sm-55 {
    padding-bottom: 55px;
  }

  .eChat-pad-sm-60 {
    padding: 60px;
  }

  .eChat-pad-h-sm-60 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .eChat-pad-v-sm-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .eChat-pad-l-sm-60 {
    padding-left: 60px;
  }

  .eChat-pad-r-sm-60 {
    padding-right: 60px;
  }

  .eChat-pad-t-sm-60 {
    padding-top: 60px;
  }

  .eChat-pad-b-sm-60 {
    padding-bottom: 60px;
  }

  .eChat-margin-sm-auto {
    margin: auto;
  }

  .eChat-margin-h-sm-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .eChat-margin-v-sm-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .eChat-margin-l-sm-auto,
  .eChat-margin-auto-left-sm {
    margin-left: auto;
  }

  .eChat-margin-r-sm-auto,
  .eChat-margin-auto-right-sm {
    margin-right: auto;
  }

  .eChat-margin-t-sm-auto {
    margin-top: auto;
  }

  .eChat-margin-b-sm-auto {
    margin-bottom: auto;
  }

  .eChat-margin-sm-0,
  .eChat-no-margin-sm {
    margin: 0;
  }

  .eChat-margin-h-sm-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .eChat-margin-v-sm-0 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .eChat-margin-l-sm-0 {
    margin-left: 0;
  }

  .eChat-margin-r-sm-0,
  .eChat-no-margin-right-sm {
    margin-right: 0;
  }

  .eChat-margin-t-sm-0,
  .eChat-no-margin-top-sm {
    margin-top: 0;
  }

  .eChat-margin-b-sm-0 {
    margin-bottom: 0;
  }

  .eChat-margin-sm-5 {
    margin: 5px;
  }

  .eChat-margin-h-sm-5 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .eChat-margin-v-sm-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .eChat-margin-l-sm-5 {
    margin-left: 5px;
  }

  .eChat-margin-r-sm-5 {
    margin-right: 5px;
  }

  .eChat-margin-t-sm-5 {
    margin-top: 5px;
  }

  .eChat-margin-b-sm-5 {
    margin-bottom: 5px;
  }

  .eChat-margin-sm-10 {
    margin: 10px;
  }

  .eChat-margin-h-sm-10 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .eChat-margin-v-sm-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .eChat-margin-l-sm-10 {
    margin-left: 10px;
  }

  .eChat-margin-r-sm-10 {
    margin-right: 10px;
  }

  .eChat-margin-t-sm-10 {
    margin-top: 10px;
  }

  .eChat-margin-b-sm-10 {
    margin-bottom: 10px;
  }

  .eChat-margin-sm-15 {
    margin: 15px;
  }

  .eChat-margin-h-sm-15 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .eChat-margin-v-sm-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .eChat-margin-l-sm-15 {
    margin-left: 15px;
  }

  .eChat-margin-r-sm-15 {
    margin-right: 15px;
  }

  .eChat-margin-t-sm-15 {
    margin-top: 15px;
  }

  .eChat-margin-b-sm-15 {
    margin-bottom: 15px;
  }

  .eChat-margin-sm-20 {
    margin: 20px;
  }

  .eChat-margin-h-sm-20 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .eChat-margin-v-sm-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .eChat-margin-l-sm-20 {
    margin-left: 20px;
  }

  .eChat-margin-r-sm-20 {
    margin-right: 20px;
  }

  .eChat-margin-t-sm-20 {
    margin-top: 20px;
  }

  .eChat-margin-b-sm-20 {
    margin-bottom: 20px;
  }

  .eChat-margin-sm-25 {
    margin: 25px;
  }

  .eChat-margin-h-sm-25 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .eChat-margin-v-sm-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .eChat-margin-l-sm-25 {
    margin-left: 25px;
  }

  .eChat-margin-r-sm-25 {
    margin-right: 25px;
  }

  .eChat-margin-t-sm-25,
  .eChat-margin-25-top-sm {
    margin-top: 25px;
  }

  .eChat-margin-b-sm-25 {
    margin-bottom: 25px;
  }

  .eChat-margin-sm-30 {
    margin: 30px;
  }

  .eChat-margin-h-sm-30 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .eChat-margin-v-sm-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .eChat-margin-l-sm-30 {
    margin-left: 30px;
  }

  .eChat-margin-r-sm-30 {
    margin-right: 30px;
  }

  .eChat-margin-t-sm-30 {
    margin-top: 30px;
  }

  .eChat-margin-b-sm-30,
  .eChat-margin-30-bottom-sm {
    margin-bottom: 30px;
  }

  .eChat-margin-sm-35 {
    margin: 35px;
  }

  .eChat-margin-h-sm-35 {
    margin-left: 35px;
    margin-right: 35px;
  }

  .eChat-margin-v-sm-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .eChat-margin-l-sm-35 {
    margin-left: 35px;
  }

  .eChat-margin-r-sm-35 {
    margin-right: 35px;
  }

  .eChat-margin-t-sm-35 {
    margin-top: 35px;
  }

  .eChat-margin-b-sm-35 {
    margin-bottom: 35px;
  }

  .eChat-margin-sm-40 {
    margin: 40px;
  }

  .eChat-margin-h-sm-40 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .eChat-margin-v-sm-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .eChat-margin-l-sm-40 {
    margin-left: 40px;
  }

  .eChat-margin-r-sm-40 {
    margin-right: 40px;
  }

  .eChat-margin-t-sm-40,
  .eChat-margin-40-top-sm {
    margin-top: 40px;
  }

  .eChat-margin-b-sm-40 {
    margin-bottom: 40px;
  }

  .eChat-margin-sm-45 {
    margin: 45px;
  }

  .eChat-margin-h-sm-45 {
    margin-left: 45px;
    margin-right: 45px;
  }

  .eChat-margin-v-sm-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }

  .eChat-margin-l-sm-45 {
    margin-left: 45px;
  }

  .eChat-margin-r-sm-45 {
    margin-right: 45px;
  }

  .eChat-margin-t-sm-45,
  .eChat-margin-45-top-sm {
    margin-top: 45px;
  }

  .eChat-margin-b-sm-45 {
    margin-bottom: 45px;
  }

  .eChat-margin-sm-50 {
    margin: 50px;
  }

  .eChat-margin-h-sm-50 {
    margin-left: 50px;
    margin-right: 50px;
  }

  .eChat-margin-v-sm-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .eChat-margin-l-sm-50 {
    margin-left: 50px;
  }

  .eChat-margin-r-sm-50 {
    margin-right: 50px;
  }

  .eChat-margin-t-sm-50,
  .eChat-margin-50-top-sm {
    margin-top: 50px;
  }

  .eChat-margin-b-sm-50 {
    margin-bottom: 50px;
  }

  .eChat-margin-sm-55 {
    margin: 55px;
  }

  .eChat-margin-h-sm-55 {
    margin-left: 55px;
    margin-right: 55px;
  }

  .eChat-margin-v-sm-55 {
    margin-top: 55px;
    margin-bottom: 55px;
  }

  .eChat-margin-l-sm-55 {
    margin-left: 55px;
  }

  .eChat-margin-r-sm-55 {
    margin-right: 55px;
  }

  .eChat-margin-t-sm-55 {
    margin-top: 55px;
  }

  .eChat-margin-b-sm-55 {
    margin-bottom: 55px;
  }

  .eChat-margin-sm-60 {
    margin: 60px;
  }

  .eChat-margin-h-sm-60 {
    margin-left: 60px;
    margin-right: 60px;
  }

  .eChat-margin-v-sm-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .eChat-margin-l-sm-60 {
    margin-left: 60px;
  }

  .eChat-margin-r-sm-60 {
    margin-right: 60px;
  }

  .eChat-margin-t-sm-60 {
    margin-top: 60px;
  }

  .eChat-margin-b-sm-60 {
    margin-bottom: 60px;
  }
  .eChat-margin-l-sm-80 {
    margin-left: 80px;
  }

  .eChat-width-100-percent-sm {
    width: 100%;
  }

  .eChat-max-width-100-percent-sm {
    max-width: 100%;
  }

  .eChat-spacer10-sm {
    height: 10px;
  }

  .eChat-spacer25-sm {
    height: 25px;
  }

  .eChat-flex-1-sm {
    flex: 1;
  }

  .eChat-flex-dir-column-sm {
    flex-direction: column;
  }

  .eChat-top-neg-zero-xs-sm:before {
    top: 0px;
  }

  .eChat-top-neg-one-xs-sm:before {
    top: -1px;
  }

  .eChat-top-neg-two-xs-sm:before {
    top: -2px;
  }

  .eChat-top-neg-three-xs-sm:before {
    top: -3px;
  }

  .eChat-no-border-radius-sm {
    border-radius: 0;
  }
}

/*For Tablet only*/
@media (min-width: 768px) and (max-width: 991.98px) {
  .eChat-no-pad-sm {
    padding: 0;
  }

  .eChat-pad-10-left-sm {
    padding-left: 10px;
  }
  .eChat-pad-10-right-sm {
    padding-right: 10px;
  }
  .eChat-pad-10-top-sm {
    padding-top: 10px;
  }
  .eChat-pad-10-bottom-sm {
    padding-bottom: 10px;
  }
  .eChat-pad-15-sm {
    padding: 15px;
  }
  .eChat-pad-15-top-sm {
    padding-top: 15px;
  }
  .eChat-pad-15-bottom-sm {
    padding-bottom: 15px;
  }
  .eChat-pad-15-left-sm {
    padding-left: 15px;
  }
  .eChat-pad-15-right-sm {
    padding-right: 15px;
  }
  .eChat-pad-15-left-right-sm {
    padding-left: 15px;
    padding-right: 15px;
  }
  .eChat-pad-20-40-sm {
    padding: 20px 40px;
  }
  .eChat-pad-20-left-sm {
    padding-left: 20px;
  }
  .eChat-pad-25-left-sm {
    padding-left: 25px;
  }
  .eChat-pad-25-right-sm {
    padding-right: 25px;
  }
  .eChat-pad-25-top-sm {
    padding-top: 25px;
  }
  .eChat-pad-25-bottom-sm {
    padding-bottom: 25px;
  }
  .eChat-pad-30-sm {
    padding: 30px;
  }
  .eChat-pad-30-top-sm {
    padding-top: 30px;
  }
  .eChat-pad-30-bottom-sm {
    padding-bottom: 30px;
  }
  .eChat-pad-30-left-sm {
    padding-left: 30px;
  }
  .eChat-pad-30-right-sm {
    padding-right: 30px;
  }

  .eChat-txt-right-sm {
    text-align: right;
  }
  .eChat-txtCenter-sm {
    text-align: center;
  }

  .eChat-margin-30-b-sm {
    margin-bottom: 30px;
  }

  /*Tablet Font sizes*/
  .eChat-txtSize10-sm {
    font-size: 10px;
  }
  .eChat-txtSize12-sm {
    font-size: 12px;
  }
  .eChat-txtSize14-sm {
    font-size: 14px;
  }
  .eChat-txtSize15-sm {
    font-size: 15px;
  }
  .eChat-txtSize16-sm {
    font-size: 16px;
  }
  .eChat-txtSize17-sm {
    font-size: 17px;
  }
  .eChat-txtSize18-sm {
    font-size: 18px;
  }
  .eChat-txtSize20-sm {
    font-size: 20px;
  }
  .eChat-txtSize22-sm {
    font-size: 22px;
  }
  .eChat-txtSize24-sm {
    font-size: 24px;
  }
  .eChat-txtSize26-sm {
    font-size: 26px;
  }
  .eChat-txtSize30-sm {
    font-size: 30px;
  }
  .eChat-txtSize32-sm {
    font-size: 32px;
  }
  .eChat-txtSize34-sm {
    font-size: 34px;
  }
  .eChat-txtSize38-sm {
    font-size: 38px;
  }
  .eChat-txtSize40-sm {
    font-size: 40px;
  }
  .eChat-txtSize42-sm {
    font-size: 42px;
  }

  .eChat-spacer0-sm {
    height: 0;
  }
  .eChat-spacer1-sm {
    height: 1px;
  }
  .eChat-spacer2-sm {
    height: 2px;
  }
  .eChat-spacer3-sm {
    height: 3px;
  }
  .eChat-spacer5-sm {
    height: 5px;
  }
  .eChat-spacer8-sm {
    height: 8px;
  }
  .eChat-spacer9-sm {
    height: 9px;
  }
  .eChat-spacer10-sm {
    height: 10px;
  }
  .eChat-spacer11-sm {
    height: 11px;
  }
  .eChat-spacer12-sm {
    height: 12px;
  }
  .eChat-spacer15-sm {
    height: 15px;
  }
  .eChat-spacer20-sm {
    height: 20px;
  }
  .eChat-spacer25-sm {
    height: 25px;
  }
  .eChat-spacer30-sm {
    height: 30px;
  }
  .eChat-spacer35-sm {
    height: 35px;
  }
  .eChat-spacer40-sm {
    height: 40px;
  }
  .eChat-spacer45-sm {
    height: 45px;
  }
  .eChat-spacer48-sm {
    height: 48px;
  }
  .eChat-spacer50-sm {
    height: 50px;
  }
  .eChat-spacer60-sm {
    height: 60px;
  }
  .eChat-top-neg-zero-sm:before {
    top: 0px;
  }
  .eChat-top-neg-one-sm:before {
    top: -1px;
  }
  .eChat-top-neg-two-sm:before {
    top: -2px;
  }
  .eChat-top-neg-three-sm:before {
    top: -3px;
  }
  .eChat-txtNoWrap-sm {
    white-space: nowrap;
  }

  /*custom classes for background image in Tablet view */
  .eChat-bgpos.eChat-rightView-md,
  .eChat-bgpos.eChat-rightView-0-md {
    background-position: right;
  }
  .eChat-bgpos.eChat-rightView-5-md {
    background-position: 95% 50%;
  }
  .eChat-bgpos.eChat-rightView-10-md {
    background-position: 90% 50%;
  }
  .eChat-bgpos.eChat-rightView-15-md {
    background-position: 85% 50%;
  }
  .eChat-bgpos.eChat-rightView-20-md {
    background-position: 80% 50%;
  }
  .eChat-bgpos.eChat-rightView-25-md {
    background-position: 75% 50%;
  }
  .eChat-bgpos.eChat-rightView-30-md {
    background-position: 70% 50%;
  }
  .eChat-bgpos.eChat-rightView-35-md {
    background-position: 65% 50%;
  }
  .eChat-bgpos.eChat-rightView-40-md {
    background-position: 60% 50%;
  }
  .eChat-bgpos.eChat-rightView-45-md {
    background-position: 55% 50%;
  }
  .eChat-bgpos.eChat-centerView-md,
  .eChat-bgpos.eChat-rightView-50-md,
  .eChat-bgpos.eChat-leftView-50-md {
    background-position: 50% 50%;
  }
  .eChat-bgpos.eChat-leftView-45-md {
    background-position: 45% 50%;
  }
  .eChat-bgpos.eChat-leftView-40-md {
    background-position: 40% 50%;
  }
  .eChat-bgpos.eChat-leftView-35-md {
    background-position: 35% 50%;
  }
  .eChat-bgpos.eChat-leftView-30-md {
    background-position: 30% 50%;
  }
  .eChat-bgpos.eChat-leftView-25-md {
    background-position: 25% 50%;
  }
  .eChat-bgpos.eChat-leftView-20-md {
    background-position: 20% 50%;
  }
  .eChat-bgpos.eChat-leftView-15-md {
    background-position: 15% 50%;
  }
  .eChat-bgpos.eChat-leftView-10-md {
    background-position: 10% 50%;
  }
  .eChat-bgpos.eChat-leftView-5-md {
    background-position: 5% 50%;
  }
  .eChat-bgpos.eChat-leftView-0-md,
  .eChat-bgpos.eChat-leftView-md {
    background-position: left;
  }
}
/*For Desktop*/
@media (min-width: 992px) {
  .eChat-pad-30-md {
    padding: 30px;
  }
  .eChat-no-pad-right-md {
    padding-right: 0px;
  }

  .eChat-pad-15-left-right-lg {
    padding-left: 15px;
    padding-right: 15px;
  }
  .eChat-pad-30-left-right-lg {
    padding-left: 30px;
    padding-right: 30px;
  }
  .eChat-pad-45-left-right-lg {
    padding-left: 45px;
    padding-right: 45px;
  }

  .eChat-spacer0-md {
    height: 0;
  }
  .eChat-spacer1-md {
    height: 1px;
  }
  .eChat-spacer2-md {
    height: 2px;
  }
  .eChat-spacer3-md {
    height: 3px;
  }
  .eChat-spacer5-md {
    height: 5px;
  }
  .eChat-spacer8-md {
    height: 8px;
  }
  .eChat-spacer9-md {
    height: 9px;
  }
  .eChat-spacer10-md {
    height: 10px;
  }
  .eChat-spacer11-md {
    height: 11px;
  }
  .eChat-spacer12-md {
    height: 12px;
  }
  .eChat-spacer15-md {
    height: 15px;
  }
  .eChat-spacer20-md {
    height: 20px;
  }
  .eChat-spacer25-md {
    height: 25px;
  }
  .eChat-spacer30-md {
    height: 30px;
  }
  .eChat-spacer35-md {
    height: 35px;
  }
  .eChat-spacer40-md {
    height: 40px;
  }
  .eChat-spacer45-md {
    height: 45px;
  }
  .eChat-spacer48-md {
    height: 48px;
  }
  .eChat-spacer50-md {
    height: 50px;
  }
  .eChat-spacer60-md {
    height: 60px;
  }
}
/*Media Query*/
/*For mobile only*/
@media screen and (max-width: 767.98px) {
  .eChat-margin-bottom-sm-50 {
    margin-bottom: 50px;
  }
  .eChat-overflow-hidden-xs {
    overflow: hidden;
  }
  .eChat-hidden-m {
    display: none;
  }
  .eChat-block-xs {
    display: block;
  }
  .eChat-no-side-borders-xs {
    border-left: none;
    border-right: none;
  }
  .eChat-no-borders-xs,
  .eChat-desktop-outline {
    border: 0;
  }

  .eChat-no-border-radius-xs {
    border-radius: 0;
  }

  .eChat-shadow-xs-none {
    box-shadow: none;
  }
  .eChat-after-xs-none:after {
    display: none;
  }
  .eChat-hidden-sm::before {
    visibility: hidden;
  }

  .eChat-txtCenter-xs {
    text-align: center;
  }
  .eChat-txtRight-xs {
    text-align: right;
  }
  .eChat-txtLeft-xs {
    text-align: left;
  }

  .eChat-border-gray-top-sm-xs {
    border-top: 1px solid #d3d3d3;
  }
  .eChat-borderRadiusTop10-xs {
    border-radius: 10px 10px 0 0;
  }

  .eChat-fullHeight-xs {
  height: 100%;
}
  /*Mobile Font sizes*/
  .eChat-txtSize10-xs {
    font-size: 10px;
  }
  .eChat-txtSize11-xs {
    font-size: 11px;
  }
  .eChat-txtSize12-xs,
  .eChat-text-size-xs-12 {
    font-size: 12px;
  }
  .eChat-txtSize14-xs,
  .eChat-text-size-xs-14 {
    font-size: 14px;
  }
  .eChat-txtSize15-xs {
    font-size: 15px;
  }
  .eChat-txtSize16-xs {
    font-size: 16px;
  }
  .eChat-txtSize17-xs {
    font-size: 17px;
  }
  .eChat-txtSize18-xs {
    font-size: 18px;
  }
  .eChat-txtSize20-xs {
    font-size: 20px;
  }
  .eChat-txtSize21-xs {
    font-size: 21px;
  }
  .eChat-txtSize22-xs {
    font-size: 22px;
  }
  .eChat-txtSize24-xs {
    font-size: 24px;
  }
  .eChat-txtSize26-xs {
    font-size: 26px;
  }
  .eChat-txtSize30-xs {
    font-size: 30px;
  }
  .eChat-txtSize32-xs {
    font-size: 32px;
  }
  .eChat-txtSize34-xs {
    font-size: 34px;
  }
  .eChat-txtSize38-xs {
    font-size: 38px;
  }
  .eChat-txtSize40-xs {
    font-size: 40px;
  }
  .eChat-txtSize42-xs {
    font-size: 42px;
  }
  .eChat-txtSize50-xs {
    font-size: 50px;
  }

  /*Non-Standard Mobile Paddings*/
  .eChat-pad-half-left-xs {
    padding-left: 0.5px;
  }
  .eChat-pad-half-right-xs {
    padding-right: 0.5px;
  }
  .eChat-pad-1-xs {
    padding: 1px;
  }
  .eChat-pad-1-left-xs {
    padding-left: 1px;
  }
  .eChat-pad-1-right-xs {
    padding-right: 1px;
  }
  .eChat-pad-1-top-xs {
    padding-top: 1px;
  }
  .eChat-pad-1-bottom-xs {
    padding-bottom: 1px;
  }
  .eChat-pad-7-right-xs {
    padding-right: 7px;
  }
  .eChat-pad-8-left-xs {
    padding-left: 8px;
  }
  .eChat-pad-16-bottom-xs {
    padding-bottom: 16px;
  }
  .eChat-pad-28-right-xs {
    padding-right: 28px;
  }

  /*Non-Standard Margin*/
  .eChat-margin-2-left-xs {
    margin-left: 2px;
  }
  .eChat-margin-2-right-xs {
    margin-right: 2px;
  }
  .eChat-margin-2-top-xs {
    margin-top: 2px;
  }
  .eChat-margin-2-bottom-xs {
    margin-bottom: 2px;
  }
  .eChat-margin-3-left-xs {
    margin-left: 3px;
  }
  .eChat-margin-3-right-xs {
    margin-right: 3px;
  }
  .eChat-margin-3-top-xs {
    margin-top: 3px;
  }
  .eChat-margin-3-bottom-xs {
    margin-bottom: 3px;
  }
  .eChat-margin-7-bottom-xs {
    margin-bottom: 7px;
  }
  .eChat-margin-12-left-xs {
    margin-left: 12px;
  }
  .eChat-margin-12-right-xs {
    margin-right: 12px;
  }
  .eChat-margin-12-bottom-xs {
    margin-bottom: 12px;
  }

  /* standard-size (0, 15, 30, 45, 60, and every 5 interval in between, plus 'auto' for margin) padding and margin helpers that are desktop-first responsive (note the different naming pattern) */
  .eChat-pad-xs-0,
  .eChat-no-pad-xs {
    padding: 0;
  }
  .eChat-pad-h-xs-0,
  .eChat-no-pad-LR-xs {
    padding-left: 0;
    padding-right: 0;
  }
  .eChat-pad-v-xs-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .eChat-pad-l-xs-0,
  .eChat-no-pad-left-xs {
    padding-left: 0;
  }
  .eChat-pad-r-xs-0,
  .eChat-no-pad-right-xs {
    padding-right: 0;
  }
  .eChat-pad-t-xs-0,
  .eChat-no-pad-top-xs {
    padding-top: 0;
  }
  .eChat-pad-b-xs-0,
  .eChat-no-pad-bottom-xs {
    padding-bottom: 0;
  }
  .eChat-pad-xs-5,
  .eChat-pad-5-xs {
    padding: 5px;
  }
  .eChat-pad-h-xs-5 {
    padding-left: 5px;
    padding-right: 5px;
  }
  .eChat-pad-v-xs-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .eChat-pad-l-xs-5,
  .eChat-pad-5-left-xs {
    padding-left: 5px;
  }
  .eChat-pad-r-xs-5,
  .eChat-pad-5-right-xs {
    padding-right: 5px;
  }
  .eChat-pad-t-xs-5,
  .eChat-pad-5-top-xs {
    padding-top: 5px;
  }
  .eChat-pad-b-xs-5,
  .eChat-pad-5-bottom-xs {
    padding-bottom: 5px;
  }
  .eChat-pad-xs-10,
  .eChat-pad-10-xs {
    padding: 10px;
  }
  .eChat-pad-h-xs-10 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .eChat-pad-v-xs-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .eChat-pad-l-xs-10,
  .eChat-pad-10-left-xs {
    padding-left: 10px;
  }
  .eChat-pad-r-xs-10,
  .eChat-pad-10-right-xs {
    padding-right: 10px;
  }
  .eChat-pad-t-xs-10,
  .eChat-pad-10-top-xs {
    padding-top: 10px;
  }
  .eChat-pad-b-xs-10,
  .eChat-pad-10-bottom-xs {
    padding-bottom: 10px;
  }
  .eChat-pad-xs-15,
  .eChat-pad-15-xs {
    padding: 15px;
  }
  .eChat-pad-h-xs-15,
  .eChat-pad-15-left-right-xs {
    padding-left: 15px;
    padding-right: 15px;
  }
  .eChat-pad-v-xs-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .eChat-pad-l-xs-15,
  .eChat-pad-15-left-xs {
    padding-left: 15px;
  }
  .eChat-pad-r-xs-15,
  .eChat-pad-15-right-xs {
    padding-right: 15px;
  }
  .eChat-pad-t-xs-15,
  .eChat-pad-15-top-xs {
    padding-top: 15px;
  }
  .eChat-pad-b-xs-15,
  .eChat-pad-15-bottom-xs {
    padding-bottom: 15px;
  }
  .eChat-pad-xs-20,
  .eChat-pad-20-xs {
    padding: 20px;
  }
  .eChat-pad-h-xs-20 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .eChat-pad-v-xs-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .eChat-pad-l-xs-20,
  .eChat-pad-20-left-xs {
    padding-left: 20px;
  }
  .eChat-pad-r-xs-20,
  .eChat-pad-20-right-xs {
    padding-right: 20px;
  }
  .eChat-pad-t-xs-20,
  .eChat-pad-20-top-xs {
    padding-top: 20px;
  }
  .eChat-pad-b-xs-20,
  .eChat-pad-20-bottom-xs {
    padding-bottom: 20px;
  }
  .eChat-pad-xs-25 {
    padding: 25px;
  }
  .eChat-pad-h-xs-25 {
    padding-left: 25px;
    padding-right: 25px;
  }
  .eChat-pad-v-xs-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }
  .eChat-pad-l-xs-25,
  .eChat-pad-25-left-xs {
    padding-left: 25px;
  }
  .eChat-pad-r-xs-25,
  .eChat-pad-25-right-xs {
    padding-right: 25px;
  }
  .eChat-pad-t-xs-25,
  .eChat-pad-25-top-xs {
    padding-top: 25px;
  }
  .eChat-pad-b-xs-25,
  .eChat-pad-25-bottom-xs {
    padding-bottom: 25px;
  }
  .eChat-pad-xs-30,
  .eChat-pad-30-xs {
    padding: 30px;
  }
  .eChat-pad-h-xs-30,
  .eChat-pad-30-left-right-xs {
    padding-left: 30px;
    padding-right: 30px;
  }
  .eChat-pad-v-xs-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .eChat-pad-l-xs-30,
  .eChat-pad-30-left-xs {
    padding-left: 30px;
  }
  .eChat-pad-r-xs-30,
  .eChat-pad-30-right-xs {
    padding-right: 30px;
  }
  .eChat-pad-t-xs-30,
  .eChat-pad-30-top-xs {
    padding-top: 30px;
  }
  .eChat-pad-b-xs-30,
  .eChat-pad-30-bottom-xs {
    padding-bottom: 30px;
  }
  .eChat-pad-xs-35 {
    padding: 35px;
  }
  .eChat-pad-h-xs-35 {
    padding-left: 35px;
    padding-right: 35px;
  }
  .eChat-pad-v-xs-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }
  .eChat-pad-l-xs-35 {
    padding-left: 35px;
  }
  .eChat-pad-r-xs-35 {
    padding-right: 35px;
  }
  .eChat-pad-t-xs-35 {
    padding-top: 35px;
  }
  .eChat-pad-b-xs-35 {
    padding-bottom: 35px;
  }
  .eChat-pad-xs-40,
  .eChat-pad-40-xs {
    padding: 40px;
  }
  .eChat-pad-h-xs-40 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .eChat-pad-v-xs-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .eChat-pad-l-xs-40,
  .eChat-pad-40-left-xs {
    padding-left: 40px;
  }
  .eChat-pad-r-xs-40,
  .eChat-pad-40-right-xs {
    padding-right: 40px;
  }
  .eChat-pad-t-xs-40,
  .eChat-pad-40-top-xs {
    padding-top: 40px;
  }
  .eChat-pad-b-xs-40,
  .eChat-pad-40-bottom-xs {
    padding-bottom: 40px;
  }
  .eChat-pad-xs-45 {
    padding: 45px;
  }
  .eChat-pad-h-xs-45 {
    padding-left: 45px;
    padding-right: 45px;
  }
  .eChat-pad-v-xs-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }
  .eChat-pad-l-xs-45,
  .eChat-pad-45-left-xs {
    padding-left: 45px;
  }
  .eChat-pad-r-xs-45,
  .eChat-pad-45-right-xs {
    padding-right: 45px;
  }
  .eChat-pad-t-xs-45,
  .eChat-pad-45-top-xs {
    padding-top: 45px;
  }
  .eChat-pad-b-xs-45,
  .eChat-pad-45-bottom-xs {
    padding-bottom: 45px;
  }
  .eChat-pad-xs-50 {
    padding: 50px;
  }
  .eChat-pad-h-xs-50 {
    padding-left: 50px;
    padding-right: 50px;
  }
  .eChat-pad-v-xs-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .eChat-pad-l-xs-50 {
    padding-left: 50px;
  }
  .eChat-pad-r-xs-50 {
    padding-right: 50px;
  }
  .eChat-pad-t-xs-50 {
    padding-top: 50px;
  }
  .eChat-pad-b-xs-50 {
    padding-bottom: 50px;
  }
  .eChat-pad-xs-55 {
    padding: 55px;
  }
  .eChat-pad-h-xs-55 {
    padding-left: 55px;
    padding-right: 55px;
  }
  .eChat-pad-v-xs-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }
  .eChat-pad-l-xs-55 {
    padding-left: 55px;
  }
  .eChat-pad-r-xs-55 {
    padding-right: 55px;
  }
  .eChat-pad-t-xs-55 {
    padding-top: 55px;
  }
  .eChat-pad-b-xs-55 {
    padding-bottom: 55px;
  }
  .eChat-pad-xs-60,
  .eChat-pad-60-xs {
    padding: 60px;
  }
  .eChat-pad-h-xs-60 {
    padding-left: 60px;
    padding-right: 60px;
  }
  .eChat-pad-v-xs-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .eChat-pad-l-xs-60,
  .eChat-pad-60-left-xs {
    padding-left: 60px;
  }
  .eChat-pad-r-xs-60,
  .eChat-pad-60-right-xs {
    padding-right: 60px;
  }
  .eChat-pad-t-xs-60,
  .eChat-pad-60-top-xs {
    padding-top: 60px;
  }
  .eChat-pad-b-xs-60,
  .eChat-pad-60-bottom-xs {
    padding-bottom: 60px;
  }

  .eChat-margin-xs-auto {
    margin: auto;
  }
  .eChat-margin-h-xs-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .eChat-margin-v-xs-auto {
    margin-top: auto;
    margin-bottom: auto;
  }
  .eChat-margin-l-xs-auto {
    margin-left: auto;
  }
  .eChat-margin-r-xs-auto {
    margin-right: auto;
  }
  .eChat-margin-t-xs-auto {
    margin-top: auto;
  }
  .eChat-margin-b-xs-auto {
    margin-bottom: auto;
  }
  .eChat-margin-xs-0,
  .eChat-no-margin-xs {
    margin: 0;
  }
  .eChat-margin-h-xs-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .eChat-margin-v-xs-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .eChat-margin-l-xs-0,
  .eChat-no-margin-left-xs {
    margin-left: 0;
  }
  .eChat-margin-r-xs-0,
  .eChat-no-margin-right-xs {
    margin-right: 0;
  }
  .eChat-margin-t-xs-0,
  .eChat-no-margin-top-xs {
    margin-top: 0;
  }
  .eChat-margin-b-xs-0,
  .eChat-no-margin-bottom-xs {
    margin-bottom: 0;
  }
  .eChat-margin-xs-5 {
    margin: 5px;
  }
  .eChat-margin-h-xs-5 {
    margin-left: 5px;
    margin-right: 5px;
  }
  .eChat-margin-v-xs-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .eChat-margin-l-xs-5,
  .eChat-margin-5-left-xs {
    margin-left: 5px;
  }
  .eChat-margin-r-xs-5,
  .eChat-margin-5-right-xs {
    margin-right: 5px;
  }
  .eChat-margin-t-xs-5,
  .eChat-margin-5-top-xs {
    margin-top: 5px;
  }
  .eChat-margin-b-xs-5,
  .eChat-margin-5-bottom-xs {
    margin-bottom: 5px;
  }
  .eChat-margin-xs-10 {
    margin: 10px;
  }
  .eChat-margin-h-xs-10 {
    margin-left: 10px;
    margin-right: 10px;
  }
  .eChat-margin-v-xs-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .eChat-margin-l-xs-10,
  .eChat-margin-10-left-xs {
    margin-left: 10px;
  }
  .eChat-margin-r-xs-10,
  .eChat-margin-10-right-xs {
    margin-right: 10px;
  }
  .eChat-margin-t-xs-10,
  .eChat-margin-10-top-xs {
    margin-top: 10px;
  }
  .eChat-margin-b-xs-10,
  .eChat-margin-10-bottom-xs {
    margin-bottom: 10px;
  }
  .eChat-margin-xs-15 {
    margin: 15px;
  }
  .eChat-margin-h-xs-15 {
    margin-left: 15px;
    margin-right: 15px;
  }
  .eChat-margin-v-xs-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .eChat-margin-l-xs-15,
  .eChat-margin-15-left-xs {
    margin-left: 15px;
  }
  .eChat-margin-r-xs-15,
  .eChat-margin-15-right-xs {
    margin-right: 15px;
  }
  .eChat-margin-t-xs-15,
  .eChat-margin-15-top-xs {
    margin-top: 15px;
  }
  .eChat-margin-b-xs-15,
  .eChat-margin-15-bottom-xs {
    margin-bottom: 15px;
  }
  .eChat-margin-xs-20 {
    margin: 20px;
  }
  .eChat-margin-h-xs-20 {
    margin-left: 20px;
    margin-right: 20px;
  }
  .eChat-margin-v-xs-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .eChat-margin-l-xs-20,
  .eChat-margin-20-left-xs {
    margin-left: 20px;
  }
  .eChat-margin-r-xs-20,
  .eChat-margin-20-right-xs {
    margin-right: 20px;
  }
  .eChat-margin-t-xs-20,
  .eChat-margin-20-top-xs {
    margin-top: 20px;
  }
  .eChat-margin-b-xs-20,
  .eChat-margin-20-bottom-xs {
    margin-bottom: 20px;
  }
  .eChat-margin-xs-25 {
    margin: 25px;
  }
  .eChat-margin-h-xs-25 {
    margin-left: 25px;
    margin-right: 25px;
  }
  .eChat-margin-v-xs-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .eChat-margin-l-xs-25,
  .eChat-margin-25-left-xs {
    margin-left: 25px;
  }
  .eChat-margin-r-xs-25,
  .eChat-margin-25-right-xs {
    margin-right: 25px;
  }
  .eChat-margin-t-xs-25,
  .eChat-margin-25-top-xs {
    margin-top: 25px;
  }
  .eChat-margin-b-xs-25,
  .eChat-margin-25-bottom-xs {
    margin-bottom: 25px;
  }
  .eChat-margin-xs-30 {
    margin: 30px;
  }
  .eChat-margin-h-xs-30 {
    margin-left: 30px;
    margin-right: 30px;
  }
  .eChat-margin-v-xs-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .eChat-margin-l-xs-30,
  .eChat-margin-30-left-xs {
    margin-left: 30px;
  }
  .eChat-margin-r-xs-30,
  .eChat-margin-30-right-xs {
    margin-right: 30px;
  }
  .eChat-margin-t-xs-30,
  .eChat-margin-30-top-xs {
    margin-top: 30px;
  }
  .eChat-margin-b-xs-30,
  .eChat-margin-30-bottom-xs {
    margin-bottom: 30px;
  }
  .eChat-margin-xs-35 {
    margin: 35px;
  }
  .eChat-margin-h-xs-35 {
    margin-left: 35px;
    margin-right: 35px;
  }
  .eChat-margin-v-xs-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }
  .eChat-margin-l-xs-35 {
    margin-left: 35px;
  }
  .eChat-margin-r-xs-35 {
    margin-right: 35px;
  }
  .eChat-margin-t-xs-35 {
    margin-top: 35px;
  }
  .eChat-margin-b-xs-35 {
    margin-bottom: 35px;
  }
  .eChat-margin-xs-40 {
    margin: 40px;
  }
  .eChat-margin-h-xs-40 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .eChat-margin-v-xs-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .eChat-margin-l-xs-40,
  .eChat-margin-40-left-xs {
    margin-left: 40px;
  }
  .eChat-margin-r-xs-40,
  .eChat-margin-40-right-xs {
    margin-right: 40px;
  }
  .eChat-margin-t-xs-40,
  .eChat-margin-40-top-xs {
    margin-top: 40px;
  }
  .eChat-margin-b-xs-40,
  .eChat-margin-40-bottom-xs {
    margin-bottom: 40px;
  }
  .eChat-margin-xs-45 {
    margin: 45px;
  }
  .eChat-margin-h-xs-45 {
    margin-left: 45px;
    margin-right: 45px;
  }
  .eChat-margin-v-xs-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }
  .eChat-margin-l-xs-45 {
    margin-left: 45px;
  }
  .eChat-margin-r-xs-45 {
    margin-right: 45px;
  }
  .eChat-margin-t-xs-45 {
    margin-top: 45px;
  }
  .eChat-margin-b-xs-45,
  .eChat-margin-45-bottom-xs {
    margin-bottom: 45px;
  }
  .eChat-margin-xs-50 {
    margin: 50px;
  }
  .eChat-margin-h-xs-50 {
    margin-left: 50px;
    margin-right: 50px;
  }
  .eChat-margin-v-xs-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .eChat-margin-l-xs-50 {
    margin-left: 50px;
  }
  .eChat-margin-r-xs-50 {
    margin-right: 50px;
  }
  .eChat-margin-t-xs-50 {
    margin-top: 50px;
  }
  .eChat-margin-b-xs-50 {
    margin-bottom: 50px;
  }
  .eChat-margin-xs-55 {
    margin: 55px;
  }
  .eChat-margin-h-xs-55 {
    margin-left: 55px;
    margin-right: 55px;
  }
  .eChat-margin-v-xs-55 {
    margin-top: 55px;
    margin-bottom: 55px;
  }
  .eChat-margin-l-xs-55 {
    margin-left: 55px;
  }
  .eChat-margin-r-xs-55 {
    margin-right: 55px;
  }
  .eChat-margin-t-xs-55 {
    margin-top: 55px;
  }
  .eChat-margin-b-xs-55 {
    margin-bottom: 55px;
  }
  .eChat-margin-xs-60 {
    margin: 60px;
  }
  .eChat-margin-h-xs-60 {
    margin-left: 60px;
    margin-right: 60px;
  }
  .eChat-margin-v-xs-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }
  .eChat-margin-l-xs-60,
  .eChat-margin-60-left-xs {
    margin-left: 60px;
  }
  .eChat-margin-r-xs-60,
  .eChat-margin-60-right-xs {
    margin-right: 60px;
  }
  .eChat-margin-t-xs-60,
  .eChat-margin-60-top-xs {
    margin-top: 60px;
  }
  .eChat-margin-b-xs-60,
  .eChat-margin-60-bottom-xs {
    margin-bottom: 60px;
  }

  .eChat-width-auto-xs {
    width: auto;
  }
  .eChat-width-xs-100,
  .eChat-width-100-percent-xs {
    width: 100%;
  }
  .eChat-flex-0-xs {
    flex: 0;
  }
  .eChat-flex-auto-xs {
    flex: auto;
  }
  .eChat-flex-direction-column-xs {
    flex-direction: column;
  }
  .eChat-justify-start-xs {
    justify-content: flex-start;
  }
  .eChat-justify-center-xs {
    justify-content: center;
  }

  /*Overflow*/
  .eChat-overflow-x-auto-xs {
    overflow-x: auto;
  }
  .eChat-overflow-y-auto-xs {
    overflow-y: auto;
  }
  .eChat-overflow-auto-xs {
    overflow: auto;
  }

  /*Spacers*/
  .eChat-spacer15-xs {
    height: 15px;
  }
  .eChat-spacer20-xs {
    height: 20px;
  }
  .eChat-spacer30-xs {
    height: 30px;
  }
  .eChat-spacer45-xs {
    height: 45px;
  }
  .eChat-height-auto-xs {
    height: auto;
  }
  .eChat-float-none-xs {
    float: none;
  }

  .eChat-float-left-xs {
    float: left;
  }
  .eChat-line-height-14-xs {
    line-height: 14px;
  }
  .eChat-line-height-26-xs {
    line-height: 26px;
  }
  .eChat-container.eChat-no-pad-xs,
  .eChat-container.eChat-pad-xs-0 {
    padding: 0;
  }
}

/*For I.eChat-E*/
@media screen and (-ms-high-contrast: active),
  screen and (-ms-high-contrast: none) {
  .eChat-height-100-ie {
    height: 100%;
  }
}