/* Utilities */
/* Border radius  */
/* Color scheme */
/* Lightness scale */
/* Discontinued colors */
/* Letter spacing  */
/* HB Template */
@import url("materialdesignicons.css");
.boxSizing-contentBox,
.avatar-team {
  box-sizing: content-box;
}
.boxSizing-borderBox,
nav,
main,
section,
article,
aside,
header,
footer,
div,
details,
summary,
form,
fieldset,
textarea,
select,
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="email"],
input[type="search"],
input[type="number"],
input[type="password"],
input[type="submit"],
pre,
code,
a,
button,
nav:before,
main:before,
section:before,
article:before,
aside:before,
header:before,
footer:before,
div:before,
details:before,
summary:before,
form:before,
fieldset:before,
textarea:before,
pre:before,
code:before,
a:before,
button:before,
nav:after,
main:after,
section:after,
article:after,
aside:after,
header:after,
footer:after,
div:after,
details:after,
summary:after,
form:after,
fieldset:after,
textarea:after,
pre:after,
code:after,
a:after,
button:after,
.form-control-indicator {
  box-sizing: border-box;
}
.position-fixed,
.posFixTL,
.posFixTR,
.posFixBL,
.posFixBR,
.posFixAll,
.modal-overlay,
.overlay {
  position: fixed;
  backface-visibility: hidden;
  /* 1 */
}
.position-absolute,
.posPinTL,
.posPinTR,
.posPinBL,
.posPinBR,
.absolutelyCenter,
.posFill,
.posPinAll,
.posOffScreen,
.verticallyCenter-absolute,
.visuallyHidden,
.avatar-img,
.avatar-team,
.form-control input,
.buttonGroup div:not(:last-child) .button:hover:before,
.buttonGroup div.is-active:not(:last-child) .button:before,
.button--xl:after,
.button--l:after,
.button--m:after,
.button--s:after,
.button--xs:after,
.button--legible:after,
.button--responsive:after,
.button--stateful:before,
.uiIcon--xl:after,
.uiIcon--l:after,
.uiIcon--m:after,
.uiIcon--s:after,
.popover,
.popover.has-caret:after,
.antiscroll-scrollbar,
.divider-with-text:before,
.divider-with-text:after,
.aspectRatio-content,
.is-loading:after,
.select:after,
.select-toggle:after,
.form-control-indicator,
.radio-tick,
.button.is-sad:before,
.uiIcon .svgIcon,
.modal-icon:before,
.modal-icon:after,
.modal-iconClose,
.modal-iconBack,
.modal-container {
  position: absolute;
}
.position-relative,
.aspectRatio,
.verticallyCenter,
.avatar,
.inputGroup-context.button.is-loading,
.select,
.select-toggle,
.form-control,
.buttonGroup .button,
.button.is-loading,
.button--flat.is-loading,
.button.is-sad,
.logoWrap,
.button--stateful,
.uiIcon,
.uiIcon.is-loading,
.componentIconContainer,
.popover-select-item,
.modal,
.antiscroll-wrap,
.divider-with-text {
  position: relative;
}
.position-static {
  position: static;
}
@media only screen and (min-width: 480px) {
  .breakPointS-position-fixed {
    position: fixed;
    backface-visibility: hidden;
    /* 1 */
  }
  .breakPointS-position-absolute {
    position: absolute;
  }
  .breakPointS-position-relative {
    position: relative;
  }
  .breakPointS-position-static {
    position: static;
  }
}
@media only screen and (min-width: 792px) {
  .breakPointM-position-fixed {
    position: fixed;
    backface-visibility: hidden;
    /* 1 */
  }
  .breakPointM-position-absolute {
    position: absolute;
  }
  .breakPointM-position-relative {
    position: relative;
  }
  .breakPointM-position-static {
    position: static;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-position-fixed {
    position: fixed;
    backface-visibility: hidden;
    /* 1 */
  }
  .breakPointL-position-absolute {
    position: absolute;
  }
  .breakPointL-position-relative {
    position: relative;
  }
  .breakPointL-position-static {
    position: static;
  }
}
.display-none,
.uiIcon.is-loading .svgIcon {
  display: none;
}
.display-block,
.truncateText,
.is-loading:after,
.select:after,
.form-control-indicator,
.buttonGroup div:not(:last-child) .button:hover:before,
.buttonGroup div.is-active:not(:last-child) .button:before,
.button.is-sad:before,
.componentIconContainer,
pre,
.popover.has-caret:after,
.popover-list a,
.modal-icon:before,
.modal-icon:after,
.buttonX,
.popover-select-title,
.popover-select-subtitle {
  display: block;
}
.display-inline {
  display: inline;
}
.display-inlineBlock,
.inline > div,
.inputGroup-context,
.inputGroup div,
.select,
.select select,
.select-toggle,
.form-control,
.button,
.buttonGroup > div,
.logoWrap,
.button--stateful span,
.uiIcon,
.componentIcon,
.antiscroll-wrap {
  display: inline-block;
}
.display-inlineTable {
  display: inline-table;
}
.display-table,
.cf:before,
.cf:after {
  display: table;
  width: 100%;
}
.display-tableCell {
  display: table-cell;
}
.display-tableColumn {
  display: table-column;
}
.display-tableRow {
  display: table-row;
}
@media only screen and (min-width: 480px) {
  .breakPointS-display-none {
    display: none;
  }
  .breakPointS-display-block {
    display: block;
  }
  .breakPointS-display-inline {
    display: inline;
  }
  .breakPointS-display-inlineBlock {
    display: inline-block;
  }
  .breakPointS-display-inlineTable {
    display: inline-table;
  }
  .breakPointS-display-table {
    display: table;
    width: 100%;
  }
  .breakPointS-display-tableCell {
    display: table-cell;
  }
  .breakPointS-display-tableColumn {
    display: table-column;
  }
  .breakPointS-display-tableRow {
    display: table-row;
  }
}
@media only screen and (min-width: 792px) {
  .breakPointM-display-none {
    display: none;
  }
  .breakPointM-display-block {
    display: block;
  }
  .breakPointM-display-inline {
    display: inline;
  }
  .breakPointM-display-inlineBlock {
    display: inline-block;
  }
  .breakPointM-display-inlineTable {
    display: inline-table;
  }
  .breakPointM-display-table {
    display: table;
    width: 100%;
  }
  .breakPointM-display-tableCell {
    display: table-cell;
  }
  .breakPointM-display-tableColumn {
    display: table-column;
  }
  .breakPointM-display-tableRow {
    display: table-row;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-display-none {
    display: none;
  }
  .breakPointL-display-block {
    display: block;
  }
  .breakPointL-display-inline {
    display: inline;
  }
  .breakPointL-display-inlineBlock {
    display: inline-block;
  }
  .breakPointL-display-inlineTable {
    display: inline-table;
  }
  .breakPointL-display-table {
    display: table;
    width: 100%;
  }
  .breakPointL-display-tableCell {
    display: table-cell;
  }
  .breakPointL-display-tableColumn {
    display: table-column;
  }
  .breakPointL-display-tableRow {
    display: table-row;
  }
}
.width-10 {
  width: 10%;
}
.width-15 {
  width: 15%;
}
.width-20,
.grid--5 > div {
  width: 20%;
}
.width-25,
.grid--4 > div {
  width: 25%;
}
.width-30,
.grid--7-3 > div:last-child,
.grid--3-7 > div:first-child {
  width: 30%;
}
.width-33,
.grid--3 > div {
  width: 33.3333%;
}
.width-35 {
  width: 35%;
}
.width-40,
.grid--6-4 > div:last-child,
.grid--4-6 > div:first-child {
  width: 40%;
}
.width-45 {
  width: 45%;
}
.width-50,
.grid--2 > div {
  width: 50%;
}
.width-55 {
  width: 55%;
}
.width-60,
.grid--6-4 > div:first-child,
.grid--4-6 > div:last-child {
  width: 60%;
}
.width-65 {
  width: 65%;
}
.width-70,
.grid--7-3 > div:first-child,
.grid--3-7 > div:last-child {
  width: 70%;
}
.width-75 {
  width: 75%;
}
.width-80 {
  width: 80%;
}
.width-85 {
  width: 85%;
}
.width-90,
.pageWrap {
  width: 90%;
}
.width-95 {
  width: 95%;
}
.width-100,
.aspectRatio-content,
.grid--1 > div,
.avatar-initials,
.avatar--custom,
.intl-tel-input,
.textarea,
.select select,
.select-toggle:after,
.buttonGroup.full-widthGroup .button,
.table {
  width: 100%;
}
.width-auto {
  width: auto;
}
@media only screen and (min-width: 480px) {
  .breakPointS-width-10 {
    width: 10%;
  }
  .breakPointS-width-15 {
    width: 15%;
  }
  .breakPointS-width-20 {
    width: 20%;
  }
  .breakPointS-width-25 {
    width: 25%;
  }
  .breakPointS-width-30 {
    width: 30%;
  }
  .breakPointS-width-33 {
    width: 33.3333%;
  }
  .breakPointS-width-35 {
    width: 35%;
  }
  .breakPointS-width-40 {
    width: 40%;
  }
  .breakPointS-width-45 {
    width: 45%;
  }
  .breakPointS-width-50 {
    width: 50%;
  }
  .breakPointS-width-55 {
    width: 55%;
  }
  .breakPointS-width-60 {
    width: 60%;
  }
  .breakPointS-width-65 {
    width: 65%;
  }
  .breakPointS-width-70 {
    width: 70%;
  }
  .breakPointS-width-75 {
    width: 75%;
  }
  .breakPointS-width-80 {
    width: 80%;
  }
  .breakPointS-width-85 {
    width: 85%;
  }
  .breakPointS-width-90 {
    width: 90%;
  }
  .breakPointS-width-95 {
    width: 95%;
  }
  .breakPointS-width-100 {
    width: 100%;
  }
  .breakPointS-width-auto {
    width: auto;
  }
}
@media only screen and (min-width: 792px) {
  .breakPointM-width-10 {
    width: 10%;
  }
  .breakPointM-width-15 {
    width: 15%;
  }
  .breakPointM-width-20 {
    width: 20%;
  }
  .breakPointM-width-25 {
    width: 25%;
  }
  .breakPointM-width-30 {
    width: 30%;
  }
  .breakPointM-width-33 {
    width: 33.3333%;
  }
  .breakPointM-width-35 {
    width: 35%;
  }
  .breakPointM-width-40 {
    width: 40%;
  }
  .breakPointM-width-45 {
    width: 45%;
  }
  .breakPointM-width-50 {
    width: 50%;
  }
  .breakPointM-width-55 {
    width: 55%;
  }
  .breakPointM-width-60 {
    width: 60%;
  }
  .breakPointM-width-65 {
    width: 65%;
  }
  .breakPointM-width-70 {
    width: 70%;
  }
  .breakPointM-width-75 {
    width: 75%;
  }
  .breakPointM-width-80 {
    width: 80%;
  }
  .breakPointM-width-85 {
    width: 85%;
  }
  .breakPointM-width-90 {
    width: 90%;
  }
  .breakPointM-width-95 {
    width: 95%;
  }
  .breakPointM-width-100 {
    width: 100%;
  }
  .breakPointM-width-auto {
    width: auto;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-width-10 {
    width: 10%;
  }
  .breakPointL-width-15 {
    width: 15%;
  }
  .breakPointL-width-20 {
    width: 20%;
  }
  .breakPointL-width-25 {
    width: 25%;
  }
  .breakPointL-width-30 {
    width: 30%;
  }
  .breakPointL-width-33 {
    width: 33.3333%;
  }
  .breakPointL-width-35 {
    width: 35%;
  }
  .breakPointL-width-40 {
    width: 40%;
  }
  .breakPointL-width-45 {
    width: 45%;
  }
  .breakPointL-width-50 {
    width: 50%;
  }
  .breakPointL-width-55 {
    width: 55%;
  }
  .breakPointL-width-60 {
    width: 60%;
  }
  .breakPointL-width-65 {
    width: 65%;
  }
  .breakPointL-width-70 {
    width: 70%;
  }
  .breakPointL-width-75 {
    width: 75%;
  }
  .breakPointL-width-80 {
    width: 80%;
  }
  .breakPointL-width-85 {
    width: 85%;
  }
  .breakPointL-width-90 {
    width: 90%;
  }
  .breakPointL-width-95 {
    width: 95%;
  }
  .breakPointL-width-100 {
    width: 100%;
  }
  .breakPointL-width-auto {
    width: auto;
  }
}
.height-5 {
  height: 5%;
}
.height-10 {
  height: 10%;
}
.height-15 {
  height: 15%;
}
.height-20 {
  height: 20%;
}
.height-25 {
  height: 25%;
}
.height-30 {
  height: 30%;
}
.height-35 {
  height: 35%;
}
.height-40 {
  height: 40%;
}
.height-45 {
  height: 45%;
}
.height-50 {
  height: 50%;
}
.height-55 {
  height: 55%;
}
.height-60 {
  height: 60%;
}
.height-65 {
  height: 65%;
}
.height-70 {
  height: 70%;
}
.height-75 {
  height: 75%;
}
.height-80 {
  height: 80%;
}
.height-85 {
  height: 85%;
}
.height-90 {
  height: 90%;
}
.height-95 {
  height: 95%;
}
.height-100,
.aspectRatio-content,
.avatar--custom,
.select-toggle:after,
.logoWrap,
.componentIconContainer {
  height: 100%;
}
.height-auto {
  height: auto;
}
.height-xl {
  height: 80px;
}
.height-l {
  height: 40px;
}
.height-m {
  height: 20px;
}
.height-s {
  height: 15px;
}
.height-xs {
  height: 10px;
}
.height-xxs {
  height: 5px;
}
.height-control--xl,
.input--xl,
.inputGroup--xl .inputGroup-context,
.input-tel--xl .intl-tel-input .country-list .country,
.select--xl select,
.button--xl,
.uiIcon--xl,
.componentIcon--xl,
.componentIcon--xl .button,
.componentIcon--xl .input {
  height: 60px;
}
.height-control--l,
.input--l,
.inputGroup--l .inputGroup-context,
.input-tel--l .intl-tel-input .country-list .country,
.select--l select,
.button--l,
.uiIcon--l,
.componentIcon--l,
.componentIcon--l .button,
.componentIcon--l .input {
  height: 50px;
}
.height-control--m,
.input--m,
.inputGroup--m .inputGroup-context,
.input-tel--m .intl-tel-input .country-list .country,
.select--m select,
.button--m,
.uiIcon--m,
.componentIcon--m,
.button--responsive,
.componentIcon--m .button,
.componentIcon--m .input {
  height: 34px;
}
.height-control--s,
.input--s,
.inputGroup--s .inputGroup-context,
.input--xs,
.inputGroup--xs .inputGroup-context,
.input--legible,
.input-tel--s .intl-tel-input .country-list .country,
.select--s select,
.select--xs select,
.select--legible select,
.button--s,
.button--xs,
.button--legible,
.uiIcon--s,
.componentIcon--s,
.componentIcon--s .button,
.componentIcon--s .input {
  height: 28px;
}
@media only screen and (min-width: 480px) {
  .breakPointS-height-5 {
    height: 5%;
  }
  .breakPointS-height-10 {
    height: 10%;
  }
  .breakPointS-height-15 {
    height: 15%;
  }
  .breakPointS-height-20 {
    height: 20%;
  }
  .breakPointS-height-25 {
    height: 25%;
  }
  .breakPointS-height-30 {
    height: 30%;
  }
  .breakPointS-height-35 {
    height: 35%;
  }
  .breakPointS-height-40 {
    height: 40%;
  }
  .breakPointS-height-45 {
    height: 45%;
  }
  .breakPointS-height-50 {
    height: 50%;
  }
  .breakPointS-height-55 {
    height: 55%;
  }
  .breakPointS-height-60 {
    height: 60%;
  }
  .breakPointS-height-65 {
    height: 65%;
  }
  .breakPointS-height-70 {
    height: 70%;
  }
  .breakPointS-height-75 {
    height: 75%;
  }
  .breakPointS-height-80 {
    height: 80%;
  }
  .breakPointS-height-85 {
    height: 85%;
  }
  .breakPointS-height-90 {
    height: 90%;
  }
  .breakPointS-height-95 {
    height: 95%;
  }
  .breakPointS-height-100 {
    height: 100%;
  }
  .breakPointS-height-auto {
    height: auto;
  }
  .breakPointS-height-xl {
    height: 80px;
  }
  .breakPointS-height-l {
    height: 40px;
  }
  .breakPointS-height-m {
    height: 20px;
  }
  .breakPointS-height-s {
    height: 15px;
  }
  .breakPointS-height-xs {
    height: 10px;
  }
  .breakPointS-height-xxs {
    height: 5px;
  }
}
@media only screen and (min-width: 792px) {
  .breakPointM-height-5 {
    height: 5%;
  }
  .breakPointM-height-10 {
    height: 10%;
  }
  .breakPointM-height-15 {
    height: 15%;
  }
  .breakPointM-height-20 {
    height: 20%;
  }
  .breakPointM-height-25 {
    height: 25%;
  }
  .breakPointM-height-30 {
    height: 30%;
  }
  .breakPointM-height-35 {
    height: 35%;
  }
  .breakPointM-height-40 {
    height: 40%;
  }
  .breakPointM-height-45 {
    height: 45%;
  }
  .breakPointM-height-50 {
    height: 50%;
  }
  .breakPointM-height-55 {
    height: 55%;
  }
  .breakPointM-height-60 {
    height: 60%;
  }
  .breakPointM-height-65 {
    height: 65%;
  }
  .breakPointM-height-70 {
    height: 70%;
  }
  .breakPointM-height-75 {
    height: 75%;
  }
  .breakPointM-height-80 {
    height: 80%;
  }
  .breakPointM-height-85 {
    height: 85%;
  }
  .breakPointM-height-90 {
    height: 90%;
  }
  .breakPointM-height-95 {
    height: 95%;
  }
  .breakPointM-height-100 {
    height: 100%;
  }
  .breakPointM-height-auto {
    height: auto;
  }
  .breakPointM-height-xl {
    height: 80px;
  }
  .breakPointM-height-l {
    height: 40px;
  }
  .breakPointM-height-m {
    height: 20px;
  }
  .breakPointM-height-s {
    height: 15px;
  }
  .breakPointM-height-xs {
    height: 10px;
  }
  .breakPointM-height-xxs {
    height: 5px;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-height-5 {
    height: 5%;
  }
  .breakPointL-height-10 {
    height: 10%;
  }
  .breakPointL-height-15 {
    height: 15%;
  }
  .breakPointL-height-20 {
    height: 20%;
  }
  .breakPointL-height-25 {
    height: 25%;
  }
  .breakPointL-height-30 {
    height: 30%;
  }
  .breakPointL-height-35 {
    height: 35%;
  }
  .breakPointL-height-40 {
    height: 40%;
  }
  .breakPointL-height-45 {
    height: 45%;
  }
  .breakPointL-height-50 {
    height: 50%;
  }
  .breakPointL-height-55 {
    height: 55%;
  }
  .breakPointL-height-60 {
    height: 60%;
  }
  .breakPointL-height-65 {
    height: 65%;
  }
  .breakPointL-height-70 {
    height: 70%;
  }
  .breakPointL-height-75 {
    height: 75%;
  }
  .breakPointL-height-80 {
    height: 80%;
  }
  .breakPointL-height-85 {
    height: 85%;
  }
  .breakPointL-height-90 {
    height: 90%;
  }
  .breakPointL-height-95 {
    height: 95%;
  }
  .breakPointL-height-100 {
    height: 100%;
  }
  .breakPointL-height-auto {
    height: auto;
  }
  .breakPointL-height-xl {
    height: 80px;
  }
  .breakPointL-height-l {
    height: 40px;
  }
  .breakPointL-height-m {
    height: 20px;
  }
  .breakPointL-height-s {
    height: 15px;
  }
  .breakPointL-height-xs {
    height: 10px;
  }
  .breakPointL-height-xxs {
    height: 5px;
  }
}
@media only screen and (min-width: 1320px) {
  .breakPointHeightXL-height-5 {
    height: 5%;
  }
  .breakPointHeightXL-height-10 {
    height: 10%;
  }
  .breakPointHeightXL-height-15 {
    height: 15%;
  }
  .breakPointHeightXL-height-20 {
    height: 20%;
  }
  .breakPointHeightXL-height-25 {
    height: 25%;
  }
  .breakPointHeightXL-height-30 {
    height: 30%;
  }
  .breakPointHeightXL-height-35 {
    height: 35%;
  }
  .breakPointHeightXL-height-40 {
    height: 40%;
  }
  .breakPointHeightXL-height-45 {
    height: 45%;
  }
  .breakPointHeightXL-height-50 {
    height: 50%;
  }
  .breakPointHeightXL-height-55 {
    height: 55%;
  }
  .breakPointHeightXL-height-60 {
    height: 60%;
  }
  .breakPointHeightXL-height-65 {
    height: 65%;
  }
  .breakPointHeightXL-height-70 {
    height: 70%;
  }
  .breakPointHeightXL-height-75 {
    height: 75%;
  }
  .breakPointHeightXL-height-80 {
    height: 80%;
  }
  .breakPointHeightXL-height-85 {
    height: 85%;
  }
  .breakPointHeightXL-height-90 {
    height: 90%;
  }
  .breakPointHeightXL-height-95 {
    height: 95%;
  }
  .breakPointHeightXL-height-100 {
    height: 100%;
  }
  .breakPointHeightXL-height-auto {
    height: auto;
  }
  .breakPointXL-height-xl {
    height: 80px;
  }
  .breakPointXL-height-l {
    height: 40px;
  }
  .breakPointXL-height-m {
    height: 20px;
  }
  .breakPointXL-height-s {
    height: 15px;
  }
  .breakPointXL-height-xs {
    height: 10px;
  }
  .breakPointXL-height-xxs {
    height: 5px;
  }
}
.float-none {
  float: none;
}
.float-left,
.grid > div,
.componentIconContainer {
  float: left;
}
.float-right,
.componentIcon--input .input,
.componentIcon--input .textarea {
  float: right;
}
@media only screen and (min-width: 480px) {
  .breakPointS-float-none {
    float: none;
  }
  .breakPointS-float-left {
    float: left;
  }
  .breakPointS-float-right {
    float: right;
  }
}
@media only screen and (min-width: 792px) {
  .breakPointM-float-none {
    float: none;
  }
  .breakPointM-float-left {
    float: left;
  }
  .breakPointM-float-right {
    float: right;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-float-none {
    float: none;
  }
  .breakPointL-float-left {
    float: left;
  }
  .breakPointL-float-right {
    float: right;
  }
}
.clear-none {
  clear: none;
}
.clear-left {
  clear: left;
}
.clear-right {
  clear: right;
}
.clear-both,
.cf:after {
  clear: both;
}
.clear-inherit {
  clear: inherit;
}
.verticalAlign-baseline {
  vertical-align: baseline;
}
.verticalAlign-sub {
  vertical-align: sub;
}
.verticalAlign-super {
  vertical-align: super;
}
.verticalAlign-top,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  vertical-align: top;
}
.verticalAlign-textTop {
  vertical-align: text-top;
}
.verticalAlign-middle,
.input,
.inputGroup-context,
.textarea,
.button {
  vertical-align: middle;
}
.verticalAlign-bottom,
.table > thead > tr > th {
  vertical-align: bottom;
}
.verticalAlign-textBottom {
  vertical-align: text-bottom;
}
.visibility-hidden,
.hidden {
  visibility: hidden;
}
.visibility-visible {
  visibility: visible;
}
.visibility-collapse {
  visibility: collapse;
}
.opacity-0,
.hideChildren-child,
.avatar-img.not-visible,
.avatar-team.not-visible,
.form-control input,
.checkbox-tick,
.radio-tick,
.button.is-sad:before,
.button--stateful:before,
.button--stateful.has-responded span,
.antiscroll-scrollbar {
  opacity: 0;
}
.opacity-3 {
  opacity: 0.03;
}
.opacity-5 {
  opacity: 0.05;
}
.opacity-8 {
  opacity: 0.08;
}
.opacity-10 {
  opacity: 0.1;
}
.opacity-15 {
  opacity: 0.15;
}
.opacity-20 {
  opacity: 0.2;
}
.opacity-30 {
  opacity: 0.3;
}
.opacity-40 {
  opacity: 0.4;
}
.opacity-50 {
  opacity: 0.5;
}
.opacity-60 {
  opacity: 0.6;
}
.opacity-70 {
  opacity: 0.7;
}
.opacity-80 {
  opacity: 0.8;
}
.opacity-90 {
  opacity: 0.9;
}
.opacity-100,
.hideChildren:hover .hideChildren-child,
.link--opaque.is-active,
.link--opaqueReversed,
.button.is-sad:hover:before,
.button--stateful.has-responded:before {
  opacity: 1;
}
.borderStyle-none {
  border-style: none;
}
.borderStyle-dashed {
  border-style: dashed;
}
.borderStyle-dotted {
  border-style: dotted;
}
.borderStyle-solid,
.is-loading:after,
.intl-tel-input .selected-flag,
.popover-block,
.popover-select-item.has-border {
  border-style: solid;
}
.borderWidth-0,
.input,
.intl-tel-input .selected-flag,
.input-tel--borderless .intl-tel-input .country-list,
.textarea,
.select select,
.button,
.popover,
.popover-block,
.popover-block:last-child,
.popover-select-item.has-border {
  border-width: 0;
}
.borderTopWidth-0 {
  border-top-width: 0;
}
.borderRightWidth-0 {
  border-right-width: 0;
}
.borderBottomWidth-0 {
  border-bottom-width: 0;
}
.borderLeftWidth-0 {
  border-left-width: 0;
}
.borderWidth-1 {
  border-width: 1px;
}
.borderTopWidth-1 {
  border-top-width: 1px;
}
.borderRightWidth-1,
.intl-tel-input .selected-flag,
.popover-block {
  border-right-width: 1px;
}
.borderBottomWidth-1,
.popover-select-item.has-border {
  border-bottom-width: 1px;
}
.borderLeftWidth-1 {
  border-left-width: 1px;
}
.fontStyle-normal {
  font-style: normal;
}
.fontStyle-italic,
.hljs-comment {
  font-style: italic;
}
.fontStyle-oblique {
  font-style: oblique;
}
.fontStyle-inherit {
  font-style: inherit;
}
.fontWeight-3,
.inputGroup-context,
.textarea,
.popover-select-subtitle,
.modal-subtext {
  font-weight: 300;
}
.fontWeight-4,
.input,
.button,
.button--xs,
th {
  font-weight: 400;
}
.fontWeight-5,
.button--s,
code,
.popover,
.componentIcon--s .button {
  font-weight: 500;
}
.fontWeight-7 {
  font-weight: 700;
}
.textAlign-left,
.intl-tel-input,
caption,
th,
.popover-list {
  text-align: left;
}
.textAlign-center,
.avatar-initials,
.inputGroup-context,
.button,
.modal-subtext {
  text-align: center;
}
.textAlign-right {
  text-align: right;
}
.textAlign-inherit {
  text-align: inherit;
}
@media only screen and (min-width: 480px) {
  .breakPointS-textAlign-left {
    text-align: left;
  }
  .breakPointS-textAlign-center {
    text-align: center;
  }
  .breakPointS-textAlign-right {
    text-align: right;
  }
  .breakPointS-textAlign-inherit {
    text-align: inherit;
  }
}
@media only screen and (min-width: 792px) {
  .breakPointM-textAlign-left {
    text-align: left;
  }
  .breakPointM-textAlign-center {
    text-align: center;
  }
  .breakPointM-textAlign-right {
    text-align: right;
  }
  .breakPointM-textAlign-inherit {
    text-align: inherit;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-textAlign-left {
    text-align: left;
  }
  .breakPointL-textAlign-center {
    text-align: center;
  }
  .breakPointL-textAlign-right {
    text-align: right;
  }
  .breakPointL-textAlign-inherit {
    text-align: inherit;
  }
}
.textDecoration-none,
.link,
.link:link,
.button,
.popover-list a {
  text-decoration: none;
}
.textDecoration-underline {
  text-decoration: underline;
}
.textDecoration-overline {
  text-decoration: overline;
}
.textDecoration-lineThrough {
  text-decoration: line-through;
}
.textDecoration-inherit {
  text-decoration: inherit;
}
.textOverflow-clip {
  text-overflow: clip;
}
.textOverflow-ellipsis,
.truncateText,
.popover-select-title,
.popover-select-subtitle {
  text-overflow: ellipsis;
}
.textOverflow-string {
  text-overflow: string;
}
.textOverflow-inherit {
  text-overflow: inherit;
}
.textRendering-auto {
  text-rendering: auto;
}
.textRendering-speed {
  text-rendering: optimizeSpeed;
}
.textRendering-legibility,
html,
body,
input,
button,
select,
textarea {
  text-rendering: optimizeLegibility;
}
.textRendering-precision {
  text-rendering: geometricPrecision;
}
.textTransform-none {
  text-transform: none;
}
.textTransform-capitalize {
  text-transform: capitalize;
}
.textTransform-uppercase,
.avatar-initials,
.button {
  text-transform: uppercase;
}
.textTransform-lowercase {
  text-transform: lowercase;
}
.appearance-none,
.input,
.textarea,
.select select,
.button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.appearance-normal {
  -webkit-appearance: normal;
  -moz-appearance: normal;
  appearance: normal;
}
.appearance-window {
  -webkit-appearance: window;
  -moz-appearance: window;
  appearance: window;
}
.appearance-button {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}
.appearance-menu {
  -webkit-appearance: menu;
  -moz-appearance: menu;
  appearance: menu;
}
.appearance-field {
  -webkit-appearance: field;
  -moz-appearance: field;
  appearance: field;
}
.backfaceVisibility-hidden {
  backface-visibility: hidden;
}
.backfaceVisibility-visible {
  backface-visibility: visible;
}
.backfaceVisibility-inherit {
  backface-visibility: inherit;
}
.backgroundPosition-leftTop {
  background-position: left top;
}
.backgroundPosition-leftCenter {
  background-position: left center;
}
.backgroundPosition-leftBottom {
  background-position: left bottom;
}
.backgroundPosition-rightTop {
  background-position: right top;
}
.backgroundPosition-rightCenter {
  background-position: right center;
}
.backgroundPosition-rightBottom {
  background-position: right bottom;
}
.backgroundPosition-centerTop {
  background-position: center top;
}
.backgroundPosition-centerCenter,
.avatar-img,
.modal-icon {
  background-position: center center;
}
.backgroundPosition-centerBottom {
  background-position: center bottom;
}
.backgroundRepeat-repeat {
  background-repeat: repeat;
}
.backgroundRepeat-repeatX,
.link--underline {
  background-repeat: repeat-x;
}
.backgroundRepeat-repeatY {
  background-repeat: repeat-y;
}
.backgroundRepeat-noRepeat,
.avatar-img,
.avatar-team,
.modal-icon {
  background-repeat: no-repeat;
}
.backgroundSize-cover,
.avatar-img,
.avatar-team {
  background-size: cover;
}
.backgroundSize-contain {
  background-size: contain;
}
.backgroundSize-auto {
  background-size: auto;
}
.cursor-default,
.input.is-disabled,
.textarea.is-disabled,
.button.is-disabled,
.button.is-loading,
.button--flat.is-loading,
.inputGroup-context.button.is-loading {
  cursor: default;
}
.cursor-text,
.componentIcon--input {
  cursor: text;
}
.cursor-pointer,
.link,
.link:link,
.select select,
.select-toggle,
.form-control,
.button,
.popover-block,
.popover-select-item,
.modal-icon,
.popover-list a {
  cursor: pointer;
}
.cursor-move {
  cursor: move;
}
.cursor-notAllowed {
  cursor: not-allowed;
}
.cursor-colResize {
  cursor: col-resize;
}
.cursor-rowResize {
  cursor: row-resize;
}
.cursor-noDrop {
  cursor: no-drop;
}
.cursor-verticalText {
  cursor: vertical-text;
}
.cursor-nResize {
  cursor: n-resize;
}
.cursor-eResize {
  cursor: e-resize;
}
.cursor-sResize {
  cursor: s-resize;
}
.cursor-wResize {
  cursor: w-resize;
}
.cursor-nsResize {
  cursor: ns-resize;
}
.cursor-neswResize {
  cursor: nesw-resize;
}
.cursor-ewResize {
  cursor: ew-resize;
}
.cursor-nwseResize {
  cursor: nwse-resize;
}
.cursor-nsResize {
  cursor: ns-resize;
}
.cursor-zoomIn {
  cursor: zoom-in;
}
.cursor-zoomOut {
  cursor: zoom-out;
}
.cursor-inherit {
  cursor: inherit;
}
.cursor-grab {
  cursor: grab;
}
.listStyle-none {
  list-style-type: none;
}
.listStyle-disc,
.list--unordered {
  list-style-type: disc;
}
.listStyle-circle {
  list-style-type: circle;
}
.listStyle-square {
  list-style-type: square;
}
.listStyle-decimal,
.list--ordered {
  list-style-type: decimal;
}
.listStyle-inherit {
  list-style-type: inherit;
}
.outlineStyle-none,
.input,
.intl-tel-input .selected-flag,
.textarea,
.select select,
.button {
  outline-style: none;
}
.outlineStyle-dotted {
  outline-style: dotted;
}
.outlineStyle-dashed {
  outline-style: dashed;
}
.outlineStyle-solid {
  outline-style: solid;
}
.outlineStyle-double {
  outline-style: double;
}
.outlineStyle-groove {
  outline-style: groove;
}
.outlineStyle-ridge {
  outline-style: ridge;
}
.outlineStyle-inset {
  outline-style: inset;
}
.outlineStyle-outset {
  outline-style: outset;
}
.outlineWidth-1 {
  outline-width: 1px;
}
.outlineWidth-2 {
  outline-width: 2px;
}
.overflow-visible {
  overflow: visible;
}
.overflow-hidden,
.truncateText,
.truncateText-two,
.visuallyHidden,
.button--stateful,
.antiscroll-wrap,
.popover-select-title,
.popover-select-subtitle {
  overflow: hidden;
}
.overflow-scroll,
.antiscroll-inner {
  overflow: scroll;
}
.overflow-auto {
  overflow: auto;
}
.overflow-inherit {
  overflow: inherit;
}
.overflowX-visible {
  overflow-x: visible;
}
.overflowX-hidden {
  overflow-x: hidden;
}
.overflowX-scroll {
  overflow-x: scroll;
}
.overflowX-auto {
  overflow-x: auto;
}
.overflowX-inherit {
  overflow-x: inherit;
}
.overflowY-visible {
  overflow-y: visible;
}
.overflowY-hidden {
  overflow-y: hidden;
}
.overflowY-scroll {
  overflow-y: scroll;
}
.overflowY-auto,
.modal-overlay,
.overlay {
  overflow-y: auto;
}
.overflowY-inherit {
  overflow-y: inherit;
}
.resize-none,
.textarea--growing {
  resize: none;
}
.resize-both {
  resize: both;
}
.resize-horizontal {
  resize: horizontal;
}
.resize-vertical,
.textarea--xl,
.textarea--l,
.textarea--m,
.textarea--s,
.textarea--xs {
  resize: vertical;
}
.tapHighlight-none {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.transformStyle-flat {
  transform-style: flat;
}
.transformStyle-preserve3d,
.modal {
  transform-style: preserve-3d;
}
.transformStyle-inherit {
  transform-style: inherit;
}
.transitionProperty-none {
  transition-property: none;
}
.transitionProperty-all,
.link,
.link:link,
.input,
.textarea,
.select-toggle,
.select-toggle:after,
.form-control-indicator,
.checkbox-tick,
.radio-tick,
.button,
.buttonGroup div:not(:last-child) .button:hover:before,
.buttonGroup div.is-active:not(:last-child) .button:before,
.button.is-sad:before,
.button .logoWrap .svgIcon,
.button .logoWrap .svgIcon path,
.button .logoWrap .svgIcon circle,
.button:hover .logoWrap .svgIcon,
.button:hover .logoWrap .svgIcon path,
.button:hover .logoWrap .svgIcon circle,
.button--stateful:before,
.componentIconContainer,
.svgIcon,
.popover-block,
.modal,
.modal-image,
.modal-icon-wrapper,
.modal-icon,
.modal-subtext,
.modal-overlay,
.overlay,
.modal-container,
.modal-overlay.is-active,
.overlay.activated,
.progress-bar-inner,
.popover-list a {
  transition-property: all;
}
.transitionProperty-inherit {
  transition-property: inherit;
}
.transitionProperty-color,
.popover-select-title {
  transition-property: color;
}
.transitionProperty-background {
  transition-property: background;
}
.transitionProperty-width {
  transition-property: width;
}
.transitionProperty-height {
  transition-property: height;
}
.transitionProperty-top {
  transition-property: top;
}
.transitionProperty-right {
  transition-property: right;
}
.transitionProperty-bottom {
  transition-property: bottom;
}
.transitionProperty-left {
  transition-property: left;
}
.transitionProperty-scale {
  transition-property: scale;
}
.transitionProperty-transform {
  transition-property: transform;
}
.transitionProperty-opacity,
.is-loading:after,
.avatar-img,
.button.is-disabled,
.inputGroup-context.button.is-loading {
  transition-property: opacity;
}
.userSelect-none,
.form-control-indicator,
.button,
.popover-select-item {
  user-select: none;
}
.pointerEvents-auto {
  pointer-events: auto;
}
.pointerEvents-none,
.input.is-disabled,
.textarea.is-disabled,
.select:after,
.button.is-disabled,
.button.is-loading,
.button--flat.is-loading,
.uiIcon:after,
.uiIcon .svgIcon,
.inputGroup-context.button.is-loading {
  pointer-events: none;
}
.whiteSpace-normal {
  white-space: normal;
}
.whiteSpace-nowrap,
.truncateText,
.button,
pre,
.popover-select-title,
.popover-select-subtitle {
  white-space: nowrap;
}
.whiteSpace-pre {
  white-space: pre;
}
.whiteSpace-preLine {
  white-space: pre-line;
}
.whiteSpace-preWrap,
code {
  white-space: pre-wrap;
}
.wordBreak-normal,
pre {
  word-break: normal;
}
.wordBreak-breakAll {
  word-break: break-all;
}
.wordBreak-keepAll {
  word-break: keep-all;
}
.wordWrap-normal {
  word-break: normal;
}
.wordWrap-breakWord,
.truncateText-two {
  word-break: break-word;
}
.direction-ltr {
  direction: ltr;
}
.direction-rtl {
  direction: rtl;
}
.aspectRatio--100:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.aspectRatio--75:before {
  content: "";
  display: block;
  padding-top: 75%;
}
.aspectRatio--60:before {
  content: "";
  display: block;
  padding-top: 60%;
}
.aspectRatio--16-9:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}
.centered,
.pageWrap,
.popover-block-icon,
.modal {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 480px) {
  .breakPointS-centered {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 792px) {
  .breakPointM-centered {
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-centered {
    margin-left: auto;
    margin-right: auto;
  }
}
.cf:before,
.cf:after {
  content: "";
}
.hidden {
  display: none !important;
}
.concealed {
  opacity: 0;
  visibility: hidden;
}
.disclosed {
  opacity: 1;
  visibility: visible;
}
.inline,
.inputGroup,
.buttonGroup {
  font-size: 0;
}
@media only screen and (min-width: 480px) {
  .breakPointS-inline {
    font-size: 0;
  }
  .breakPointS-inline:before,
  .breakPointS-inline:after {
    content: "";
    display: table;
  }
  .breakPointS-inline:after {
    clear: both;
  }
  .breakPointS-inline > div {
    display: inline-block;
  }
}
@media only screen and (min-width: 792px) {
  .breakPointM-inline {
    font-size: 0;
  }
  .breakPointM-inline:before,
  .breakPointM-inline:after {
    content: "";
    display: table;
  }
  .breakPointM-inline:after {
    clear: both;
  }
  .breakPointM-inline > div {
    display: inline-block;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-inline {
    font-size: 0;
  }
  .breakPointL-inline:before,
  .breakPointL-inline:after {
    content: "";
    display: table;
  }
  .breakPointL-inline:after {
    clear: both;
  }
  .breakPointL-inline > div {
    display: inline-block;
  }
}
.posPinTL,
.aspectRatio-content,
.form-control-indicator,
.button.is-sad:before,
.uiIcon .svgIcon,
.modal-iconBack {
  top: 0;
  left: 0;
}
.posPinTR,
.select:after,
.select-toggle:after,
.modal-iconClose {
  top: 0;
  right: 0;
}
.posPinBL {
  bottom: 0;
  left: 0;
}
.posPinBR {
  bottom: 0;
  right: 0;
}
.absolutelyCenter,
.is-loading:after,
.radio-tick,
.modal-icon:before,
.modal-icon:after {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.posFixTL {
  top: 0;
  left: 0;
}
.posFixTR {
  top: 0;
  right: 0;
}
.posFixBL {
  bottom: 0;
  left: 0;
}
.posFixBR {
  bottom: 0;
  right: 0;
}
.posFill {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.posPinAll,
.modal-container {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.posFixAll,
.modal-overlay,
.overlay {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.posOffScreen {
  top: -999999px;
  left: -999999px;
}
.truncateText-two {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.verticallyCenter {
  top: 50%;
  transform: translateY(-50%);
}
.verticallyCenter-absolute {
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (min-width: 480px) {
  .breakPointS-verticallyCenter {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media only screen and (min-width: 792px) {
  .breakPointM-verticallyCenter {
    top: 50%;
    transform: translateY(-50%);
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-verticallyCenter {
    top: 50%;
    transform: translateY(-50%);
  }
}
.visuallyHidden {
  height: 1px;
  width: 1px;
  border: 0;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.animation-spin,
.is-loading:after {
  animation: spin 800ms infinite linear;
}
.animation-rotate {
  animation: spin 3000ms 1000ms infinite cubic-bezier(0.075, 0.82, 0.165, 1);
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-15px);
  }
  60% {
    transform: translateY(-5px);
  }
}
.animation-bounce {
  animation: bounce 1800ms 4 cubic-bezier(0.075, 0.82, 0.165, 1);
}
.clickFeedback {
  animation: clickTranslate 700ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
@keyframes clickTranslate {
  0% {
    transform: translateY(0);
  }
  25%,
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}
.bg-marvel {
  background-color: #2196f3;
}
.bg-green {
  background-color: #13ce66;
}
.bg-yellow {
  background-color: #ffc82c;
}
.bg-orange {
  background-color: #ff7849;
}
.bg-pink {
  background-color: #ff49db;
}
.bg-purple {
  background-color: #7e5bef;
}
.bg-red {
  background-color: #ff4949;
}
.bg-marvel--d {
  background-color: #0c7cd5;
}
.bg-marvel--l {
  background-color: #82c4f8;
}
.bg-green--d {
  background-color: #0f9f4f;
}
.bg-green--l {
  background-color: #29eb7f;
}
.bg-yellow--d {
  background-color: #f8b700;
}
.bg-yellow--l {
  background-color: #ffd55f;
}
.bg-orange--d {
  background-color: #ff5216;
}
.bg-orange--l {
  background-color: #ff9e7c;
}
.bg-pink--d {
  background-color: #ff16d1;
}
.bg-pink--l {
  background-color: #ff7ce5;
}
.bg-purple--d {
  background-color: #592dea;
}
.bg-purple--l {
  background-color: #a389f4;
}
.bg-red--d {
  background-color: #ff1616;
}
.bg-red--l {
  background-color: #ff7c7c;
}
.bg-licorice {
  background-color: #000000;
}
.bg-black {
  background-color: #1f2d3d;
}
.bg-steel {
  background-color: #273444;
}
.bg-slate {
  background-color: #3c4858;
}
.bg-silver {
  background-color: #8492a6;
}
.bg-snow,
.input.is-disabled,
.inputGroup-context,
.textarea.is-disabled,
.select-toggle.is-loading {
  background-color: #f9fafc;
}
.bg-smoke,
.popover-separator,
.divider-with-text:before,
.divider-with-text:after {
  background-color: #e0e6ed;
}
.bg-white,
.radio-tick,
.popover--top.popover--default,
.modal-icon--universal.modal-iconClose:before,
.modal-icon--universal.modal-iconClose:after {
  background-color: #fff;
}
.bg-snow--d {
  background-color: #eff1f7;
}
.bg-snow--xd {
  background-color: #e5e9f2;
}
.bg-smoke--d {
  background-color: #d3dce6;
}
.bg-smoke--xd {
  background-color: #c0ccda;
}
.bg-blue {
  background-color: #2196f3;
}
.bg-positive {
  background-color: #13ce66;
}
.bg-negative {
  background-color: #ff4949;
}
.bg-warning {
  background-color: #ffc82c;
}
.bg-blue--d {
  background-color: #0c7cd5;
}
.bg-blue--l {
  background-color: #82c4f8;
}
.bg-blue--translucent {
  background-color: rgba(133, 215, 255, 0.98);
}
.bg-blue--transparent,
.info-message {
  background-color: rgba(133, 215, 255, 0.3);
}
.bg-blue--pellucid {
  background-color: rgba(133, 215, 255, 0.15);
}
.bg-blue--limpid {
  background-color: rgba(133, 215, 255, 0.05);
}
.bg-licorice--translucent {
  background-color: rgba(0, 0, 0, 0.98);
}
.bg-licorice--transparent,
.modal-icon--universal {
  background-color: rgba(0, 0, 0, 0.3);
}
.bg-licorice--pellucid {
  background-color: rgba(0, 0, 0, 0.15);
}
.bg-licorice--limpid {
  background-color: rgba(0, 0, 0, 0.05);
}
.bg-black--translucent {
  background-color: rgba(31, 45, 61, 0.98);
}
.bg-black--transparent {
  background-color: rgba(31, 45, 61, 0.3);
}
.bg-black--pellucid {
  background-color: rgba(31, 45, 61, 0.15);
}
.bg-black--limpid {
  background-color: rgba(31, 45, 61, 0.05);
}
.bg-white--translucent,
.modal-overlay,
.overlay {
  background-color: rgba(255, 255, 255, 0.98);
}
.bg-white--transparent {
  background-color: rgba(255, 255, 255, 0.3);
}
.bg-white--pellucid {
  background-color: rgba(255, 255, 255, 0.15);
}
.bg-white--limpid {
  background-color: rgba(255, 255, 255, 0.05);
}
.bg-twitter {
  background-color: #55acee;
}
.bg-facebook {
  background-color: #3b5999;
}
.bg-dribbble {
  background-color: #ea4c89;
}
.bg-dropbox {
  background-color: #007ee5;
}
.bg-google {
  background-color: #dc4e41;
}
.bg-instagram {
  background-color: #3f729b;
}
.bg-linkedin {
  background-color: #0077b5;
}
.bg-none,
.input--invisible,
.input--underline,
.select select,
.button--ghost,
.button--ghost:visited,
.table {
  background-color: transparent !important;
}
.borderColor-marvel {
  border-color: #2196f3;
}
.borderColor-green {
  border-color: #13ce66;
}
.borderColor-yellow {
  border-color: #ffc82c;
}
.borderColor-orange {
  border-color: #ff7849;
}
.borderColor-pink {
  border-color: #ff49db;
}
.borderColor-purple {
  border-color: #7e5bef;
}
.borderColor-red {
  border-color: #ff4949;
}
.borderColor-marvel--d {
  border-color: #0c7cd5;
}
.borderColor-marvel--l {
  border-color: #82c4f8;
}
.borderColor-green--d {
  border-color: #0f9f4f;
}
.borderColor-green--l {
  border-color: #29eb7f;
}
.borderColor-yellow--d {
  border-color: #f8b700;
}
.borderColor-yellow--l {
  border-color: #ffd55f;
}
.borderColor-orange--d {
  border-color: #ff5216;
}
.borderColor-orange--l {
  border-color: #ff9e7c;
}
.borderColor-pink--d {
  border-color: #ff16d1;
}
.borderColor-pink--l {
  border-color: #ff7ce5;
}
.borderColor-purple--d {
  border-color: #592dea;
}
.borderColor-purple--l {
  border-color: #a389f4;
}
.borderColor-red--d {
  border-color: #ff1616;
}
.borderColor-red--l {
  border-color: #ff7c7c;
}
.borderColor-black {
  border-color: #1f2d3d;
}
.borderColor-steel {
  border-color: #273444;
}
.borderColor-slate {
  border-color: #3c4858;
}
.borderColor-silver,
.is-loading--silver:after,
.uiIcon.is-loading:after {
  border-color: #8492a6;
}
.borderColor-snow {
  border-color: #f9fafc;
}
.borderColor-smoke,
.is-loading--smoke:after,
.intl-tel-input .selected-flag,
.popover-block,
.popover-select-item.has-border {
  border-color: #e0e6ed;
}
.borderColor-white,
.is-loading--white:after {
  border-color: #fff;
}
.borderColor-snow--d {
  border-color: #eff1f7;
}
.borderColor-snow--xd {
  border-color: #e5e9f2;
}
.borderColor-smoke--d,
.is-loading--smoke--d:after {
  border-color: #d3dce6;
}
.borderColor-smoke--xd {
  border-color: #c0ccda;
}
.borderColor-blue {
  border-color: #2196f3;
}
.borderColor-positive {
  border-color: #13ce66;
}
.borderColor-negative {
  border-color: #ff4949;
}
.borderColor-warning {
  border-color: #ffc82c;
}
.borderColor-blue--d {
  border-color: #0c7cd5;
}
.borderColor-blue--l {
  border-color: #82c4f8;
}
/*.borderColor-blue--translucent   { border-color: @blue--translucent; }
.borderColor-blue--transparent   { border-color: @blue--transparent; }
.borderColor-blue--pellucid      { border-color: @blue--pellucid; }
.borderColor-blue--limpid        { border-color: @blue--limpid; }

.borderColor-white--translucent  { border-color: @white--translucent; }
.borderColor-white--transparent  { border-color: @white--transparent; }
.borderColor-white--pellucid     { border-color: @white--pellucid; }
.borderColor-white--limpid       { border-color: @white--limpid; }

.borderColor-black--translucent  { border-color: @black--translucent; }
.borderColor-black--transparent  { border-color: @black--transparent; }
.borderColor-black--pellucid     { border-color: @black--pellucid; }
.borderColor-black--limpid       { border-color: @black--limpid; }*/
.borderColor-twitter {
  border-color: #55acee;
}
.borderColor-facebook {
  border-color: #3b5999;
}
.borderColor-dribbble {
  border-color: #ea4c89;
}
.borderColor-dropbox {
  border-color: #007ee5;
}
.borderColor-google {
  border-color: #dc4e41;
}
.borderColor-instagram {
  border-color: #3f729b;
}
.borderColor-linkedin {
  border-color: #0077b5;
}
.borderColor-transparent {
  border-color: transparent;
}
.borderRightColor-transparent,
.is-loading:after,
.is-loading--white:after,
.is-loading--smoke:after,
.is-loading--smoke--d:after,
.is-loading--silver:after {
  border-right-color: transparent;
}
.borderRadius-l {
  border-radius: 10px;
}
.borderRadius-m,
.input--xl,
.inputGroup--xl .inputGroup-context,
.input--l,
.inputGroup--l .inputGroup-context,
.input-tel--xl .intl-tel-input .country-list,
.input-tel--l .intl-tel-input .country-list,
.textarea--xl,
.textarea--l,
.select--xl select,
.select--l select,
.select--m select,
.select--s select,
.select--xs select,
.select--legible select,
.radio .form-control-indicator,
.button--xl,
.button--l,
.button--m,
.popover,
.info-message,
.antiscroll-scrollbar,
.button--responsive,
.componentIcon--m .button,
.componentIcon--l .button,
.componentIcon--l .input,
.componentIcon--xl .button,
.componentIcon--xl .input {
  border-radius: 4px;
}
.borderRadius-s,
.input--m,
.inputGroup--m .inputGroup-context,
.input--s,
.inputGroup--s .inputGroup-context,
.input--xs,
.inputGroup--xs .inputGroup-context,
.input--legible,
.input-tel--m .intl-tel-input .country-list,
.input-tel--s .intl-tel-input .country-list,
.textarea--m,
.textarea--s,
.textarea--xs,
.textarea--growing,
.button--s,
.button--xs,
.button--legible,
.popover.has-caret:after,
.componentIcon--s .button,
.componentIcon--s .input,
.componentIcon--m .input {
  border-radius: 3px;
}
.borderRadius-0,
.buttonGroup .button {
  border-radius: 0;
}
.borderRadius-circle,
.is-loading:after,
.avatar,
.avatar-img,
.avatar-team,
.select-toggle,
.radio-tick,
.checkbox .form-control-indicator {
  border-radius: 50%;
}
.borderRadiusTop-l {
  border-radius: 10px 10px 0 0;
}
.borderRadiusTop-m {
  border-radius: 4px 4px 0 0;
}
.borderRadiusTop-s {
  border-radius: 3px 3px 0 0;
}
.borderRadiusBottom-l {
  border-radius: 0 0 10px 10px;
}
.borderRadiusBottom-m {
  border-radius: 0 0 4px 4px;
}
.borderRadiusBottom-s {
  border-radius: 0 0 3px 3px;
}
.borderRadiusLeft-l {
  border-radius: 10px 0 0 10px;
}
.borderRadiusLeft-m,
.inputGroup div:first-child .inputGroup-context,
.input-tel--xl .intl-tel-input .selected-flag,
.input-tel--l .intl-tel-input .selected-flag,
.buttonGroup div:first-child .button,
.componentIcon--input.componentIcon--l .componentIconContainer,
.componentIcon--input.componentIcon--xl .componentIconContainer,
.popover-block:first-child {
  border-radius: 4px 0 0 4px;
}
.borderRadiusLeft-s,
.input-tel--m .intl-tel-input .selected-flag,
.input-tel--s .intl-tel-input .selected-flag,
.componentIcon--input.componentIcon--s .componentIconContainer,
.componentIcon--input.componentIcon--m .componentIconContainer {
  border-radius: 3px 0 0 3px;
}
.borderRadiusRight-l {
  border-radius: 0 10px 10px 0;
}
.borderRadiusRight-m,
.inputGroup div:last-child .inputGroup-context,
.buttonGroup div:last-child .button,
.componentIcon--l .input,
.componentIcon--xl .input,
.popover-block:last-child {
  border-radius: 0 4px 4px 0;
}
.borderRadiusRight-s,
.componentIcon--s .input,
.componentIcon--m .input {
  border-radius: 0 3px 3px 0;
}
.borderRadiusBottomLeft-l {
  border-radius: 0 0 0 10px;
}
.borderRadiusBottomLeft-m {
  border-radius: 0 0 0 4px;
}
.borderRadiusBottomLeft-s {
  border-radius: 0 0 0 3px;
}
.borderRadiusBottomRight-l {
  border-radius: 0 0 10px 0;
}
.borderRadiusBottomRight-m {
  border-radius: 0 0 4px 0;
}
.borderRadiusBottomRight-s {
  border-radius: 0 0 3px 0;
}
.borderRadiusTopLeft-l {
  border-radius: 10px 0 0 0;
}
.borderRadiusTopLeft-m {
  border-radius: 4px 0 0 0;
}
.borderRadiusTopLeft-s {
  border-radius: 3px 0 0 0;
}
.borderRadiusTopRight-l {
  border-radius: 0 10px 0 0;
}
.borderRadiusTopRight-m {
  border-radius: 0 4px 0 0;
}
.borderRadiusTopRight-s {
  border-radius: 0 3px 0 0;
}
.boxShadow-smoke,
.input.is-disabled,
.textarea--default,
.textarea.is-disabled,
.button--ghost,
.button--ghost:visited,
.button--outlined,
.button--outlined:visited,
.button.is-disabled:hover,
.button.is-disabled:active,
.button--flat.is-disabled:hover,
.button--flat.is-disabled:active {
  box-shadow: inset 0 0 0 1px #e0e6ed;
}
.boxShadow-smoke--d {
  box-shadow: inset 0 0 0 1px #d3dce6;
}
.boxShadow-smoke--xd {
  box-shadow: inset 0 0 0 1px #c0ccda;
}
.boxShadow-negative,
.input.has-error,
.textarea.has-error,
.select--default.has-error select {
  box-shadow: inset 0 0 0 1px #ff4949;
}
.boxShadow-white--transparent {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3);
}
.boxShadow-black--transparent,
.iti-flag {
  box-shadow: inset 0 0 0 1px rgba(31, 45, 61, 0.3);
}
.boxShadow-black--limpid {
  box-shadow: inset 0 0 0 1px rgba(31, 45, 61, 0.05);
}
.boxShadow-outside--black--transparent {
  box-shadow: 0px 0px 1px 0px rgba(31, 45, 61, 0.3);
}
.boxShadow-distant,
.intl-tel-input .country-list {
  box-shadow: 0 2px 8px rgba(31, 45, 61, 0.05);
}
.boxShadow-close {
  box-shadow: 0 1px 2px 0px rgba(31, 45, 61, 0.15);
}
.boxShadow-subtle {
  box-shadow: 0px 0 1px 1px rgba(31, 45, 61, 0.15);
}
.boxShadow-raise {
  box-shadow: 0 1px 1px 0 rgba(31, 45, 61, 0.05);
}
.boxShadow-depress {
  box-shadow: inset 0 1px 1px 0 rgba(31, 45, 61, 0.05);
}
.boxShadow-smokeDepress {
  box-shadow: 0 0 0 1px #e0e6ed, inset 0 1px 1px 0 rgba(31, 45, 61, 0.05);
}
.boxShadow-emboss {
  box-shadow: inset 0 -2px 0 rgba(31, 45, 61, 0.15);
}
.boxShadow-deboss {
  box-shadow: inset 0 2px 0 rgba(31, 45, 61, 0.15);
}
.boxShadow-bevelRaise {
  box-shadow: inset 0 1px 0 0 #e0e6ed, inset 1px 0 0 0 #d3dce6, inset -1px 0 0 0 #d3dce6, inset 0 -1px 0 0 #c0ccda, 0 1px 1px 0 rgba(31, 45, 61, 0.05);
}
.boxShadow-none,
.textarea--invisible {
  box-shadow: none;
}
.c-marvel,
.link--light.is-active {
  color: #2196f3;
}
.c-green,
.link--green {
  color: #13ce66;
}
.c-yellow {
  color: #ffc82c;
}
.c-orange,
.link--orange {
  color: #ff7849;
}
.c-pink,
.link--pink {
  color: #ff49db;
}
.c-purple,
.link--purple {
  color: #7e5bef;
}
.c-red,
.link--red {
  color: #ff4949;
}
.c-marvel--d {
  color: #0f9f4f;
}
.c-marvel--l {
  color: #82c4f8;
}
.c-green--d {
  color: #0f9f4f;
}
.c-green--l {
  color: #29eb7f;
}
.c-yellow--d {
  color: #f8b700;
}
.c-yellow--l {
  color: #ffd55f;
}
.c-orange--d {
  color: #ff5216;
}
.c-orange--l {
  color: #ff9e7c;
}
.c-pink--d {
  color: #ff16d1;
}
.c-pink--l {
  color: #ff7ce5;
}
.c-purple--d {
  color: #592dea;
}
.c-purple--l {
  color: #a389f4;
}
.c-red--d {
  color: #ff1616;
}
.c-red--l {
  color: #ff7c7c;
}
.c-black {
  color: #1f2d3d;
}
.c-steel {
  color: #273444;
}
.c-slate,
html,
body,
input,
button,
select,
textarea,
.link--dark,
.link--snowBg,
.input,
.button--outlined,
.button--outlined:visited,
.popover-list a,
.popover-select-item:hover .popover-select-title,
.popover-select-item.is-active .popover-select-title {
  color: #3c4858;
}
.c-silver,
.link--light,
.link--lightReversed,
.link--negative,
.input.is-disabled,
.inputGroup-context,
.textarea.is-disabled,
caption,
.table > thead > tr > th,
.popover-select-title,
.popover-select-subtitle {
  color: #8492a6;
}
.c-snow,
.uiIcon.is-loading {
  color: #f9fafc;
}
.c-smoke {
  color: #e0e6ed;
}
.c-white,
.link--lightReversed.is-active,
.link--opaque,
.link--opaque.is-active,
.link--opaqueReversed,
.avatar-initials,
.button--flat {
  color: #fff;
}
.c-snow--d {
  color: #eff1f7;
}
.c-snow--xd {
  color: #e5e9f2;
}
.c-smoke--d {
  color: #d3dce6;
}
.c-smoke--xd {
  color: #c0ccda;
}
.c-blue,
.link--blue {
  color: #2196f3;
}
.c-positive {
  color: #13ce66;
}
.c-negative {
  color: #ff4949;
}
.c-warning {
  color: #ffc82c;
}
.c-blue--d {
  color: #0c7cd5;
}
.c-blue--l {
  color: #82c4f8;
}
.c-blue--translucent {
  color: rgba(133, 215, 255, 0.98);
}
.c-blue--transparent {
  color: rgba(133, 215, 255, 0.3);
}
.c-blue--pellucid {
  color: rgba(133, 215, 255, 0.15);
}
.c-blue--limpid {
  color: rgba(133, 215, 255, 0.05);
}
.c-white--translucent {
  color: rgba(255, 255, 255, 0.98);
}
.c-white--transparent {
  color: rgba(255, 255, 255, 0.3);
}
.c-white--pellucid {
  color: rgba(255, 255, 255, 0.15);
}
.c-white--limpid {
  color: rgba(255, 255, 255, 0.05);
}
.c-black--translucent {
  color: rgba(31, 45, 61, 0.98);
}
.c-black--transparent {
  color: rgba(31, 45, 61, 0.3);
}
.c-black--pellucid {
  color: rgba(31, 45, 61, 0.15);
}
.c-black--limpid {
  color: rgba(31, 45, 61, 0.05);
}
.c-twitter {
  color: #55acee;
}
.c-facebook {
  color: #3b5999;
}
.c-dribbble {
  color: #ea4c89;
}
.c-dropbox {
  color: #007ee5;
}
.c-google {
  color: #dc4e41;
}
.c-instagram {
  color: #3f729b;
}
.c-linkedin {
  color: #0077b5;
}
.hljs {
  color: #657b83;
}
.hljs-comment,
.hljs-quote {
  color: #a9b6b6;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-addition {
  color: #2aa198;
}
.hljs-number,
.hljs-string,
.hljs-meta .hljs-meta-string,
.hljs-literal,
.hljs-doctag,
.hljs-regexp {
  color: #d33682;
}
.hljs-title,
.hljs-section,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class,
.hljs-class {
  color: #073642;
}
.hljs-attribute,
.hljs-attr,
.hljs-variable,
.hljs-template-variable,
.hljs-class .hljs-title,
.hljs-type {
  color: #2aa198;
}
.hljs-value {
  color: #d33682;
}
.hljs-symbol,
.hljs-bullet,
.hljs-subst,
.hljs-meta,
.hljs-meta .hljs-keyword,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-link {
  color: #cb4b16;
}
.hljs-built_in,
.hljs-deletion {
  color: #dc322f;
}
.hljs-formula {
  background: #eee8d5;
}
.fill-marvel,
.componentIcon--input .input:focus + .componentIconContainer .svgIcon,
.componentIcon--input .textarea:focus + .componentIconContainer .svgIcon {
  fill: #2196f3;
}
.fill-green {
  fill: #13ce66;
}
.fill-yellow {
  fill: #ffc82c;
}
.fill-orange {
  fill: #ff7849;
}
.fill-pink {
  fill: #ff49db;
}
.fill-purple {
  fill: #7e5bef;
}
.fill-red {
  fill: #ff4949;
}
.fill-marvel--d {
  fill: #0c7cd5;
}
.fill-marvel--l {
  fill: #82c4f8;
}
.fill-green--d {
  fill: #0f9f4f;
}
.fill-green--l {
  fill: #29eb7f;
}
.fill-yellow--d {
  fill: #f8b700;
}
.fill-yellow--l {
  fill: #ffd55f;
}
.fill-orange--d {
  fill: #ff5216;
}
.fill-orange--l {
  fill: #ff9e7c;
}
.fill-pink--d {
  fill: #ff16d1;
}
.fill-pink--l {
  fill: #ff7ce5;
}
.fill-purple--d {
  fill: #592dea;
}
.fill-purple--l {
  fill: #a389f4;
}
.fill-red--d {
  fill: #ff1616;
}
.fill-red--l {
  fill: #ff7c7c;
}
.fill-black {
  fill: #1f2d3d;
}
.fill-steel {
  fill: #273444;
}
.fill-slate {
  fill: #3c4858;
}
.fill-silver {
  fill: #8492a6;
}
.fill-snow {
  fill: #f9fafc;
}
.fill-smoke {
  fill: #e0e6ed;
}
.fill-white,
.checkbox-tick {
  fill: #fff;
}
.fill-snow--d {
  fill: #eff1f7;
}
.fill-snow--xd {
  fill: #e5e9f2;
}
.fill-smoke--d {
  fill: #d3dce6;
}
.fill-smoke--xd {
  fill: #c0ccda;
}
.fill-blue {
  fill: #2196f3;
}
.fill-positive {
  fill: #13ce66;
}
.fill-negative,
.uiIcon .input.has-error + .svgIcon,
.uiIcon .input.has-error:focus + .svgIcon,
.uiIcon .textarea.has-error:focus + .svgIcon {
  fill: #ff4949;
}
.fill-warning {
  fill: #ffc82c;
}
.fill-blue--d {
  fill: #0c7cd5;
}
.fill-blue--l {
  fill: #82c4f8;
}
.fill-blue--translucent {
  fill: rgba(133, 215, 255, 0.98);
}
.fill-blue--transparent {
  fill: rgba(133, 215, 255, 0.3);
}
.fill-blue--pellucid {
  fill: rgba(133, 215, 255, 0.15);
}
.fill-blue--limpid {
  fill: rgba(133, 215, 255, 0.05);
}
.fill-white--translucent {
  fill: rgba(255, 255, 255, 0.98);
}
.fill-white--transparent {
  fill: rgba(255, 255, 255, 0.3);
}
.fill-white--pellucid {
  fill: rgba(255, 255, 255, 0.15);
}
.fill-white--limpid {
  fill: rgba(255, 255, 255, 0.05);
}
.fill-black--translucent {
  fill: rgba(31, 45, 61, 0.98);
}
.fill-black--transparent {
  fill: rgba(31, 45, 61, 0.3);
}
.fill-black--pellucid {
  fill: rgba(31, 45, 61, 0.15);
}
.fill-black--limpid {
  fill: rgba(31, 45, 61, 0.05);
}
.fill-twitter {
  fill: #55acee;
}
.fill-facebook {
  fill: #3b5999;
}
.fill-dribbble {
  fill: #ea4c89;
}
.fill-dropbox {
  fill: #007ee5;
}
.fill-google {
  fill: #dc4e41;
}
.fill-instagram {
  fill: #3f729b;
}
.fill-linkedin {
  fill: #0077b5;
}
/*@font-face {
    font-family: "VenturaEdding";
    src: url("https://marvelapp.com/static/assets/webfonts/ventura/VenturaEdding-Bold.eot");
    src: url("https://marvelapp.com/static/assets/webfonts/ventura/VenturaEdding-Bold.eot?#iefix") format("embedded-opentype"),
         url("https://marvelapp.com/static/assets/webfonts/ventura/VenturaEdding-Bold.woff") format("woff"),
         url("https://marvelapp.com/static/assets/webfonts/ventura/VenturaEdding-Bold.ttf")  format("truetype");
    font-weight: 700;
    font-style: normal;
}*/
@font-face {
  font-family: "FaktProSoft";
  src: url("../fonts/FaktSoftPro-Blond.eot");
  src: url("../fonts/FaktSoftPro-Blond.eot?#iefix") format("embedded-opentype"), url("../fonts/FaktSoftPro-Blond.woff") format("woff"), url("../fonts/FaktSoftPro-Blond.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "FaktProSoft";
  src: url("../fonts/FaktSoftPro-Normal.eot");
  src: url("../fonts/FaktSoftPro-Normal.eot?#iefix") format("embedded-opentype"), url("../fonts/FaktSoftPro-Normal.woff") format("woff"), url("../fonts/FaktSoftPro-Normal.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "FaktProSoft";
  src: url("../fonts/FaktSoftPro-Medium.eot");
  src: url("../fonts/FaktSoftPro-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/FaktSoftPro-Medium.woff") format("woff"), url("../fonts/FaktSoftPro-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
.fontFamily-faktSoft,
html,
body,
input,
button,
select,
textarea {
  font-family: "FaktProSoft", "Helvetica Neue", helvetica, arial, sans-serif;
}
/* Font family */
/*@headingFont        : @fontName, 'Helvetica Neue', Arial, Helvetica, sans-serif; // Use in general for titles
@pageFont          : @fontName, 'Helvetica Neue', Arial, Helvetica, sans-serif; // Default main

@fontName          : 'Lato';
@googleFontName    : @fontName;
@importGoogleFonts : true; //false;
@googleFontSizes   : '400,200,300,600,700,400italic,700italic,900,900italic';
@googleSubset      : 'latin';

@googleProtocol    : 'https://';
@googleFontRequest : '@{googleFontName}:@{googleFontSizes}&subset=@{googleSubset}';


.loadFonts() when (@importGoogleFonts) {
  @import url('@{googleProtocol}fonts.googleapis.com/css?family=@{googleFontRequest}');
}

.loadFonts();*/
.letterSpacing-l {
  letter-spacing: 1.4px;
}
.letterSpacing-m,
.popover {
  letter-spacing: 0.4px;
}
.letterSpacing-s {
  letter-spacing: -1px;
}
.letterSpacing-xs,
.fontSize-xxxxl,
.fontSize-xxxl {
  letter-spacing: -1px;
}
.letterSpacing-0 {
  letter-spacing: 0;
}
.fontSize-xxxxl {
  margin-left: -4px;
  font-size: 46px;
}
.fontSize-xxxl {
  margin-left: -2px;
  font-size: 38px;
}
.fontSize-xxl,
.avatar--xl,
.avatar--l {
  margin-left: -2px;
  font-size: 28px;
  letter-spacing: -0.5px;
}
.fontSize-xl {
  font-size: 20px;
}
.fontSize-l,
.avatar--m,
.input--xl,
.inputGroup--xl .inputGroup-context,
.input-tel--xl .intl-tel-input .country-list,
.textarea--xl,
.select--xl select,
.button--xl,
.componentIcon--xl .button,
.componentIcon--xl .input {
  font-size: 18px;
}
.fontSize-m,
html,
body,
input,
button,
select,
textarea,
.avatar--s,
.input--l,
.inputGroup--l .inputGroup-context,
.input--m,
.inputGroup--m .inputGroup-context,
.input--legible,
.input-tel--l .intl-tel-input .country-list,
.input-tel--m .intl-tel-input .country-list,
.textarea--l,
.textarea--m,
.textarea--growing,
.select--l select,
.select--m select,
.select--legible select,
.button--l,
.button--m,
.button--legible,
.popover-list a,
.popover-select-title,
.button--responsive,
.componentIcon--m .button,
.componentIcon--m .input,
.componentIcon--l .button,
.componentIcon--l .input {
  font-size: 16px;
}
.fontSize-s,
.input--s,
.inputGroup--s .inputGroup-context,
.input-tel--s .intl-tel-input .country-list,
.textarea--s,
.select--s select,
.button--s,
.popover-select-subtitle,
.componentIcon--s .button,
.componentIcon--s .input {
  font-size: 13px;
}
.fontSize-xs,
.avatar--xs,
.input--xs,
.inputGroup--xs .inputGroup-context,
.textarea--xs,
.select--xs select,
.button--xs {
  font-size: 12px;
}
.fontSize-xxs,
.avatar--xxs,
.separator {
  font-size: 10px;
}
@media only screen and (min-width: 480px) {
  .breakPointS-fontSize-xxxxl {
    margin-left: -4px;
    font-size: 46px;
    letter-spacing: -1px;
  }
  .breakPointS-fontSize-xxxl {
    margin-left: -2px;
    font-size: 38px;
    letter-spacing: -1px;
  }
  .breakPointS-fontSize-xxl {
    margin-left: -2px;
    font-size: 28px;
    letter-spacing: -0.5px;
  }
  .breakPointS-fontSize-xl {
    font-size: 20px;
  }
  .breakPointS-fontSize-l {
    font-size: 18px;
  }
  .breakPointS-fontSize-m {
    font-size: 16px;
  }
  .breakPointS-fontSize-s {
    font-size: 13px;
  }
  .breakPointS-fontSize-xs {
    font-size: 12px;
  }
  .breakPointS-fontSize-xxs {
    font-size: 12px;
  }
}
@media only screen and (min-width: 792px) {
  .breakPointM-fontSize-xxxxl {
    margin-left: -4px;
    font-size: 46px;
    letter-spacing: -1px;
  }
  .breakPointM-fontSize-xxxl {
    margin-left: -2px;
    font-size: 38px;
    letter-spacing: -1px;
  }
  .breakPointM-fontSize-xxl {
    margin-left: -2px;
    font-size: 28px;
    letter-spacing: -0.5px;
  }
  .breakPointM-fontSize-xl {
    font-size: 20px;
  }
  .breakPointM-fontSize-l,
  .button--responsive {
    font-size: 18px;
  }
  .breakPointM-fontSize-m {
    font-size: 16px;
  }
  .breakPointM-fontSize-s {
    font-size: 13px;
  }
  .breakPointM-fontSize-xs {
    font-size: 12px;
  }
  .breakPointM-fontSize-xxs {
    font-size: 12px;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-fontSize-xxxxl {
    margin-left: -4px;
    font-size: 46px;
    letter-spacing: -1px;
  }
  .breakPointL-fontSize-xxxl {
    margin-left: -2px;
    font-size: 38px;
    letter-spacing: -1px;
  }
  .breakPointL-fontSize-xxl {
    margin-left: -2px;
    font-size: 28px;
    letter-spacing: -0.5px;
  }
  .breakPointL-fontSize-xl {
    font-size: 20px;
  }
  .breakPointL-fontSize-l {
    font-size: 18px;
  }
  .breakPointL-fontSize-m {
    font-size: 16px;
  }
  .breakPointL-fontSize-s {
    font-size: 13px;
  }
  .breakPointL-fontSize-xs {
    font-size: 12px;
  }
  .breakPointL-fontSize-xxs {
    font-size: 10px;
  }
}
.left-fade {
  background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
  background-image: -ms-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 100%);
}
.right-fade {
  background-image: -moz-linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -webkit-linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  background-image: -ms-linear-gradient(180deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}
.lineHeight-xxxxl {
  line-height: 58px;
}
.lineHeight-xxxl {
  line-height: 46px;
}
.lineHeight-xxl {
  line-height: 40px;
}
.lineHeight-xl {
  line-height: 34px;
}
.lineHeight-l,
.textarea--xl {
  line-height: 28px;
}
.lineHeight-m,
.textarea--l,
.textarea--m,
.textarea--growing {
  line-height: 24px;
}
.lineHeight-s,
.textarea--s,
.popover-select-title,
.popover-select-subtitle {
  line-height: 22px;
}
.lineHeight-xs,
.textarea--xs {
  line-height: 18px;
}
.lineHeight-xxs {
  line-height: 14px;
}
.lineHeight-1 {
  line-height: 1;
}
.lineHeight-control--xl,
.inputGroup--xl .inputGroup-context,
.input-tel--xl .intl-tel-input .country-list .country,
.select--xl select,
.button--xl,
.uiIcon--xl .svgIcon,
.componentIcon--xl .button {
  line-height: 60px;
}
.lineHeight-control--l,
.inputGroup--l .inputGroup-context,
.input-tel--l .intl-tel-input .country-list .country,
.select--l select,
.button--l,
.uiIcon--l .svgIcon,
.componentIcon--l .button {
  line-height: 50px;
}
.lineHeight-control--m,
.inputGroup--m .inputGroup-context,
.input-tel--m .intl-tel-input .country-list .country,
.select--m select,
.button--m,
.uiIcon--m .svgIcon,
.button--responsive,
.componentIcon--m .button {
  line-height: 34px;
}
.lineHeight-control--s,
.inputGroup--s .inputGroup-context,
.inputGroup--xs .inputGroup-context,
.input-tel--s .intl-tel-input .country-list .country,
.select--s select,
.select--xs select,
.select--legible select,
.button--s,
.button--xs,
.button--legible,
.uiIcon--s .svgIcon,
.componentIcon--s .button {
  line-height: 28px;
}
@media only screen and (min-width: 480px) {
  .breakPointS-lineHeight-xxxxl {
    line-height: 58px;
  }
  .breakPointS-lineHeight-xxxl {
    line-height: 46px;
  }
  .breakPointS-lineHeight-xxl {
    line-height: 40px;
  }
  .breakPointS-lineHeight-xl {
    line-height: 34px;
  }
  .breakPointS-lineHeight-l {
    line-height: 28px;
  }
  .breakPointS-lineHeight-m {
    line-height: 24px;
  }
  .breakPointS-lineHeight-s {
    line-height: 22px;
  }
  .breakPointS-lineHeight-xs {
    line-height: 18px;
  }
  .breakPointS-lineHeight-xxs {
    line-height: 14px;
  }
  .breakPointS-lineHeight-1 {
    line-height: 1;
  }
}
@media only screen and (min-width: 792px) {
  .breakPointM-lineHeight-xxxxl {
    line-height: 58px;
  }
  .breakPointM-lineHeight-xxxl {
    line-height: 46px;
  }
  .breakPointM-lineHeight-xxl {
    line-height: 40px;
  }
  .breakPointM-lineHeight-xl {
    line-height: 34px;
  }
  .breakPointM-lineHeight-l {
    line-height: 28px;
  }
  .breakPointM-lineHeight-m {
    line-height: 24px;
  }
  .breakPointM-lineHeight-s {
    line-height: 22px;
  }
  .breakPointM-lineHeight-xs {
    line-height: 18px;
  }
  .breakPointM-lineHeight-xxs {
    line-height: 14px;
  }
  .breakPointM-lineHeight-1 {
    line-height: 1;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-lineHeight-xxxxl {
    line-height: 58px;
  }
  .breakPointL-lineHeight-xxxl {
    line-height: 46px;
  }
  .breakPointL-lineHeight-xxl {
    line-height: 40px;
  }
  .breakPointL-lineHeight-xl {
    line-height: 34px;
  }
  .breakPointL-lineHeight-l {
    line-height: 28px;
  }
  .breakPointL-lineHeight-m {
    line-height: 24px;
  }
  .breakPointL-lineHeight-s {
    line-height: 22px;
  }
  .breakPointL-lineHeight-xs {
    line-height: 18px;
  }
  .breakPointL-lineHeight-xxs {
    line-height: 14px;
  }
  .breakPointL-lineHeight-1 {
    line-height: 1;
  }
}
.margin-0 {
  margin: 0;
}
.marginTop-0,
.popover--bottom {
  margin-top: 0;
}
.marginRight-0,
.popover--left {
  margin-right: 0;
}
.marginBottom-0,
.popover--top {
  margin-bottom: 0;
}
.marginLeft-0,
.popover--right {
  margin-left: 0;
}
.marginTopBottom-0 {
  margin-top: 0;
  margin-bottom: 0;
}
.marginLeftRight-0 {
  margin-left: 0;
  margin-right: 0;
}
.margin-xxs {
  margin: 5px;
}
.marginTop-xxs {
  margin-top: 5px;
}
.marginRight-xxs {
  margin-right: 5px;
}
.marginBottom-xxs {
  margin-bottom: 5px;
}
.marginLeft-xxs {
  margin-left: 5px;
}
.marginTopBottom-xxs {
  margin-top: 5px;
  margin-bottom: 5px;
}
.marginLeftRight-xxs {
  margin-left: 5px;
  margin-right: 5px;
}
.margin-xs {
  margin: 10px;
}
.marginTop-xs,
.popover--bottom .popover--s {
  margin-top: 10px;
}
.marginRight-xs {
  margin-right: 10px;
}
.marginBottom-xs,
.popover--top.popover--s {
  margin-bottom: 10px;
}
.marginLeft-xs {
  margin-left: 10px;
}
.marginTopBottom-xs {
  margin-top: 10px;
  margin-bottom: 10px;
}
.marginLeftRight-xs {
  margin-left: 10px;
  margin-right: 10px;
}
.margin-s {
  margin: 15px;
}
.marginTop-s,
.popover--bottom .popover--m {
  margin-top: 15px;
}
.marginRight-s {
  margin-right: 15px;
}
.marginBottom-s,
.popover--top.popover--m,
.popover-block-icon {
  margin-bottom: 15px;
}
.marginLeft-s {
  margin-left: 15px;
}
.marginTopBottom-s {
  margin-top: 15px;
  margin-bottom: 15px;
}
.marginLeftRight-s {
  margin-left: 15px;
  margin-right: 15px;
}
.margin-m {
  margin: 20px;
}
.marginTop-m,
.popover--bottom .popover--l,
.popover--bottom.is-visible,
.modal-subtext--before {
  margin-top: 20px;
}
.marginRight-m,
.popover--left.is-visible {
  margin-right: 20px;
}
.marginBottom-m,
.list > li:not(:last-child),
.popover--top.popover--l,
.popover--top.is-visible,
.popover-separator,
.modal-subtext--after,
.modal-subtext--before {
  margin-bottom: 20px;
}
.marginLeft-m,
.list > li,
.popover--right.is-visible {
  margin-left: 20px;
}
.marginTopBottom-m {
  margin-top: 20px;
  margin-bottom: 20px;
}
.marginLeftRight-m {
  margin-left: 20px;
  margin-right: 20px;
}
.margin-l {
  margin: 40px;
}
.marginTop-l,
.modal-subtext--after {
  margin-top: 40px;
}
.marginRight-l {
  margin-right: 40px;
}
.marginBottom-l {
  margin-bottom: 40px;
}
.marginLeft-l {
  margin-left: 40px;
}
.marginTopBottom-l {
  margin-top: 40px;
  margin-bottom: 40px;
}
.marginLeftRight-l {
  margin-left: 40px;
  margin-right: 40px;
}
.margin-xl {
  margin: 80px;
}
.marginTop-xl {
  margin-top: 80px;
}
.marginRight-xl {
  margin-right: 80px;
}
.marginBottom-xl {
  margin-bottom: 80px;
}
.marginLeft-xl {
  margin-left: 80px;
}
.marginTopBottom-xl {
  margin-top: 80px;
  margin-bottom: 80px;
}
.marginLeftRight-xl {
  margin-left: 80px;
  margin-right: 80px;
}
/* Remove margin for from first-child hack */
/*.mt-fc > div:first-child,
.mt-fc > li:first-child {
    margin-top: 0;
}

.ml-fc > div:first-child,
.ml-fc > li:first-child {
    margin-left: 0;
}*/
@media only screen and (min-width: 480px) {
  .breakPointS-margin-0 {
    margin: 0;
  }
  .breakPointS-marginTop-0 {
    margin-top: 0;
  }
  .breakPointS-marginRight-0 {
    margin-right: 0;
  }
  .breakPointS-marginBottom-0 {
    margin-bottom: 0;
  }
  .breakPointS-marginLeft-0 {
    margin-left: 0;
  }
  .breakPointS-marginTopBottom-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .breakPointS-marginLeftRight-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .breakPointS-margin-xxs {
    margin: 5px;
  }
  .breakPointS-marginTop-xxs {
    margin-top: 5px;
  }
  .breakPointS-marginRight-xxs {
    margin-right: 5px;
  }
  .breakPointS-marginBottom-xxs {
    margin-bottom: 5px;
  }
  .breakPointS-marginLeft-xxs {
    margin-left: 5px;
  }
  .breakPointS-marginTopBottom-xxs {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .breakPointS-marginLeftRight-xxs {
    margin-left: 5px;
    margin-right: 5px;
  }
  .breakPointS-margin-xs {
    margin: 10px;
  }
  .breakPointS-marginTop-xs {
    margin-top: 10px;
  }
  .breakPointS-marginRight-xs {
    margin-right: 10px;
  }
  .breakPointS-marginBottom-xs {
    margin-bottom: 10px;
  }
  .breakPointS-marginLeft-xs {
    margin-left: 10px;
  }
  .breakPointS-marginTopBottom-xs {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .breakPointS-marginLeftRight-xs {
    margin-left: 10px;
    margin-right: 10px;
  }
  .breakPointS-margin-s {
    margin: 15px;
  }
  .breakPointS-marginTop-s {
    margin-top: 15px;
  }
  .breakPointS-marginRight-s {
    margin-right: 15px;
  }
  .breakPointS-marginBottom-s {
    margin-bottom: 15px;
  }
  .breakPointS-marginLeft-s {
    margin-left: 15px;
  }
  .breakPointS-marginTopBottom-s {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .breakPointS-marginLeftRight-s {
    margin-left: 10px;
    margin-right: 10px;
  }
  .breakPointS-margin-m {
    margin: 20px;
  }
  .breakPointS-marginTop-m {
    margin-top: 20px;
  }
  .breakPointS-marginRight-m {
    margin-right: 20px;
  }
  .breakPointS-marginBottom-m {
    margin-bottom: 20px;
  }
  .breakPointS-marginLeft-m {
    margin-left: 20px;
  }
  .breakPointS-marginTopBottom-m {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .breakPointS-marginLeftRight-m {
    margin-left: 20px;
    margin-right: 20px;
  }
  .breakPointS-margin-l {
    margin: 40px;
  }
  .breakPointS-marginTop-l {
    margin-top: 40px;
  }
  .breakPointS-marginRight-l {
    margin-right: 40px;
  }
  .breakPointS-marginBottom-l {
    margin-bottom: 40px;
  }
  .breakPointS-marginLeft-l {
    margin-left: 40px;
  }
  .breakPointS-marginTopBottom-l {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .breakPointS-marginLeftRight-l {
    margin-left: 40px;
    margin-right: 40px;
  }
  .breakPointS-margin-xl {
    margin: 80px;
  }
  .breakPointS-marginTop-xl {
    margin-top: 80px;
  }
  .breakPointS-marginRight-xl {
    margin-right: 80px;
  }
  .breakPointS-marginBottom-xl {
    margin-bottom: 80px;
  }
  .breakPointS-marginLeft-xl {
    margin-left: 80px;
  }
  .breakPointS-marginTopBottom-xl {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .breakPointS-marginLeftRight-xl {
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media only screen and (min-width: 792px) {
  .breakPointM-margin-0 {
    margin: 0;
  }
  .breakPointM-marginTop-0,
  .modal-subtext--before {
    margin-top: 0;
  }
  .breakPointM-marginRight-0 {
    margin-right: 0;
  }
  .breakPointM-marginBottom-0,
  .modal-subtext--after {
    margin-bottom: 0;
  }
  .breakPointM-marginLeft-0 {
    margin-left: 0;
  }
  .breakPointM-marginTopBottom-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .breakPointM-marginLeftRight-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .breakPointM-margin-xxs {
    margin: 5px;
  }
  .breakPointM-marginTop-xxs {
    margin-top: 5px;
  }
  .breakPointM-marginRight-xxs {
    margin-right: 5px;
  }
  .breakPointM-marginBottom-xxs {
    margin-bottom: 5px;
  }
  .breakPointM-marginLeft-xxs {
    margin-left: 5px;
  }
  .breakPointM-marginTopBottom-xxs {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .breakPointM-marginLeftRight-xxs {
    margin-left: 5px;
    margin-right: 5px;
  }
  .breakPointM-margin-xs {
    margin: 10px;
  }
  .breakPointM-marginTop-xs {
    margin-top: 10px;
  }
  .breakPointM-marginRight-xs {
    margin-right: 10px;
  }
  .breakPointM-marginBottom-xs {
    margin-bottom: 10px;
  }
  .breakPointM-marginLeft-xs {
    margin-left: 10px;
  }
  .breakPointM-marginTopBottom-xs {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .breakPointM-marginLeftRight-xs {
    margin-left: 10px;
    margin-right: 10px;
  }
  .breakPointM-margin-s {
    margin: 15px;
  }
  .breakPointM-marginTop-s {
    margin-top: 15px;
  }
  .breakPointM-marginRight-s {
    margin-right: 15px;
  }
  .breakPointM-marginBottom-s {
    margin-bottom: 15px;
  }
  .breakPointM-marginLeft-s {
    margin-left: 15px;
  }
  .breakPointM-marginTopBottom-s {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .breakPointM-marginLeftRight-s {
    margin-left: 15px;
    margin-right: 15px;
  }
  .breakPointM-margin-m {
    margin: 20px;
  }
  .breakPointM-marginTop-m {
    margin-top: 20px;
  }
  .breakPointM-marginRight-m {
    margin-right: 20px;
  }
  .breakPointM-marginBottom-m {
    margin-bottom: 20px;
  }
  .breakPointM-marginLeft-m {
    margin-left: 20px;
  }
  .breakPointM-marginTopBottom-m {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .breakPointM-marginLeftRight-m {
    margin-left: 20px;
    margin-right: 20px;
  }
  .breakPointM-margin-l {
    margin: 40px;
  }
  .breakPointM-marginTop-l {
    margin-top: 40px;
  }
  .breakPointM-marginRight-l {
    margin-right: 40px;
  }
  .breakPointM-marginBottom-l {
    margin-bottom: 40px;
  }
  .breakPointM-marginLeft-l {
    margin-left: 40px;
  }
  .breakPointM-marginTopBottom-l {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .breakPointM-marginLeftRight-l {
    margin-left: 40px;
    margin-right: 40px;
  }
  .breakPointM-margin-xl {
    margin: 80px;
  }
  .breakPointM-marginTop-xl {
    margin-top: 80px;
  }
  .breakPointM-marginRight-xl {
    margin-right: 80px;
  }
  .breakPointM-marginBottom-xl {
    margin-bottom: 80px;
  }
  .breakPointM-marginLeft-xl {
    margin-left: 80px;
  }
  .breakPointM-marginTopBottom-xl {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .breakPointM-marginLeftRight-xl {
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-margin-0 {
    margin: 0;
  }
  .breakPointL-marginTop-0 {
    margin-top: 0;
  }
  .breakPointL-marginRight-0 {
    margin-right: 0;
  }
  .breakPointL-marginBottom-0 {
    margin-bottom: 0;
  }
  .breakPointL-marginLeft-0 {
    margin-left: 0;
  }
  .breakPointL-marginTopBottom-0 {
    margin-top: 0;
    margin-bottom: 0;
  }
  .breakPointL-marginLeftRight-0 {
    margin-left: 0;
    margin-right: 0;
  }
  .breakPointL-margin-xxs {
    margin: 5px;
  }
  .breakPointL-marginTop-xxs {
    margin-top: 5px;
  }
  .breakPointL-marginRight-xxs {
    margin-right: 5px;
  }
  .breakPointL-marginBottom-xxs {
    margin-bottom: 5px;
  }
  .breakPointL-marginLeft-xxs {
    margin-left: 5px;
  }
  .breakPointL-marginTopBottom-xxs {
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .breakPointL-marginLeftRight-xxs {
    margin-left: 5px;
    margin-right: 5px;
  }
  .breakPointL-margin-xs {
    margin: 10px;
  }
  .breakPointL-marginTop-xs {
    margin-top: 10px;
  }
  .breakPointL-marginRight-xs {
    margin-right: 10px;
  }
  .breakPointL-marginBottom-xs {
    margin-bottom: 10px;
  }
  .breakPointL-marginLeft-xs {
    margin-left: 10px;
  }
  .breakPointL-marginTopBottom-xs {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .breakPointL-marginLeftRight-xs {
    margin-left: 10px;
    margin-right: 10px;
  }
  .breakPointL-margin-s {
    margin: 15px;
  }
  .breakPointL-marginTop-s {
    margin-top: 15px;
  }
  .breakPointL-marginRight-s {
    margin-right: 15px;
  }
  .breakPointL-marginBottom-s {
    margin-bottom: 15px;
  }
  .breakPointL-marginLeft-s {
    margin-left: 15px;
  }
  .breakPointL-marginTopBottom-s {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .breakPointL-marginLeftRight-s {
    margin-left: 15px;
    margin-right: 15px;
  }
  .breakPointL-margin-m {
    margin: 20px;
  }
  .breakPointL-marginTop-m {
    margin-top: 20px;
  }
  .breakPointL-marginRight-m {
    margin-right: 20px;
  }
  .breakPointL-marginBottom-m {
    margin-bottom: 20px;
  }
  .breakPointL-marginLeft-m {
    margin-left: 20px;
  }
  .breakPointL-marginTopBottom-m {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .breakPointL-marginLeftRight-m {
    margin-left: 20px;
    margin-right: 20px;
  }
  .breakPointL-margin-l {
    margin: 40px;
  }
  .breakPointL-marginTop-l {
    margin-top: 40px;
  }
  .breakPointL-marginRight-l {
    margin-right: 40px;
  }
  .breakPointL-marginBottom-l {
    margin-bottom: 40px;
  }
  .breakPointL-marginLeft-l {
    margin-left: 40px;
  }
  .breakPointL-marginTopBottom-l {
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .breakPointL-marginLeftRight-l {
    margin-left: 40px;
    margin-right: 40px;
  }
  .breakPointL-margin-xl {
    margin: 80px;
  }
  .breakPointL-marginTop-xl {
    margin-top: 80px;
  }
  .breakPointL-marginRight-xl {
    margin-right: 80px;
  }
  .breakPointL-marginBottom-xl {
    margin-bottom: 80px;
  }
  .breakPointL-marginLeft-xl {
    margin-left: 80px;
  }
  .breakPointL-marginTopBottom-xl {
    margin-top: 80px;
    margin-bottom: 80px;
  }
  .breakPointL-marginLeftRight-xl {
    margin-left: 80px;
    margin-right: 80px;
  }
}
.padding-0 {
  padding: 0;
}
.paddingTop-0 {
  padding-top: 0;
}
.paddingRight-0 {
  padding-right: 0;
}
.paddingBottom-0 {
  padding-bottom: 0;
}
.paddingLeft-0 {
  padding-left: 0;
}
.paddingTopBottom-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.paddingLeftRight-0 {
  padding-left: 0;
  padding-right: 0;
}
.padding-xxs {
  padding: 5px;
}
.paddingTop-xxs {
  padding-top: 5px;
}
.paddingRight-xxs {
  padding-right: 5px;
}
.paddingBottom-xxs {
  padding-bottom: 5px;
}
.paddingLeft-xxs {
  padding-left: 5px;
}
.paddingTopBottom-xxs {
  padding-top: 5px;
  padding-bottom: 5px;
}
.paddingLeftRight-xxs {
  padding-left: 5px;
  padding-right: 5px;
}
.padding-xs {
  padding: 10px;
}
.paddingTop-xs {
  padding-top: 10px;
}
.paddingRight-xs {
  padding-right: 10px;
}
.paddingBottom-xs {
  padding-bottom: 10px;
}
.paddingLeft-xs {
  padding-left: 10px;
}
.paddingTopBottom-xs {
  padding-top: 10px;
  padding-bottom: 10px;
}
.paddingLeftRight-xs {
  padding-left: 10px;
  padding-right: 10px;
}
.padding-s,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td,
.table > thead > tr > th,
.table--s > thead > tr > th,
.table--s > thead > tr > td,
.table--s > tbody > tr > th,
.table--s > tbody > tr > td,
.table--s > tfoot > tr > th,
.table--s > tfoot > tr > td {
  padding: 15px;
}
.paddingTop-s {
  padding-top: 15px;
}
.paddingRight-s {
  padding-right: 15px;
}
.paddingBottom-s,
caption {
  padding-bottom: 15px;
}
.paddingLeft-s {
  padding-left: 15px;
}
.paddingTopBottom-s {
  padding-top: 15px;
  padding-bottom: 15px;
}
.paddingLeftRight-s {
  padding-left: 15px;
  padding-right: 15px;
}
.padding-m,
.table--m > thead > tr > th,
.table--m > thead > tr > td,
.table--m > tbody > tr > th,
.table--m > tbody > tr > td,
.table--m > tfoot > tr > th,
.table--m > tfoot > tr > td {
  padding: 20px;
}
.paddingTop-m,
.popover-list a:first-child {
  padding-top: 20px;
}
.paddingRight-m {
  padding-right: 20px;
}
.paddingBottom-m,
.popover-list a {
  padding-bottom: 20px;
}
.paddingLeft-m,
.list {
  padding-left: 20px;
}
.paddingTopBottom-m,
.popover-block {
  padding-top: 20px;
  padding-bottom: 20px;
}
.paddingLeftRight-m,
.popover-list a {
  padding-left: 20px;
  padding-right: 20px;
}
.padding-l {
  padding: 40px;
}
.paddingTop-l {
  padding-top: 40px;
}
.paddingRight-l {
  padding-right: 40px;
}
.paddingBottom-l {
  padding-bottom: 40px;
}
.paddingLeft-l {
  padding-left: 40px;
}
.paddingTopBottom-l {
  padding-top: 40px;
  padding-bottom: 40px;
}
.paddingLeftRight-l {
  padding-left: 40px;
  padding-right: 40px;
}
.padding-xl {
  padding: 80px;
}
.paddingTop-xl {
  padding-top: 80px;
}
.paddingRight-xl {
  padding-right: 80px;
}
.paddingBottom-xl {
  padding-bottom: 80px;
}
.paddingLeft-xl {
  padding-left: 80px;
}
.paddingTopBottom-xl {
  padding-top: 80px;
  padding-bottom: 80px;
}
.paddingLeftRight-xl {
  padding-left: 80px;
  padding-right: 80px;
}
/* Remove padding for from first-child hack */
/*
.pt-fc > div:first-child,
.pt-fc > li:first-child {
    padding-top: 0;
}

.pl-fc > div:first-child,
.pl-fc > li:first-child {
    padding-left: 0;
}*/
@media only screen and (min-width: 480px) {
  .breakPointS-padding-0 {
    padding: 0;
  }
  .breakPointS-paddingTop-0 {
    padding-top: 0;
  }
  .breakPointS-paddingRight-0 {
    padding-right: 0;
  }
  .breakPointS-paddingBottom-0 {
    padding-bottom: 0;
  }
  .breakPointS-paddingLeft-0 {
    padding-left: 0;
  }
  .breakPointS-paddingTopBottom-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .breakPointS-paddingLeftRight-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .breakPointS-padding-xxs {
    padding: 5px;
  }
  .breakPointS-paddingTop-xxs {
    padding-top: 5px;
  }
  .breakPointS-paddingRight-xxs {
    padding-right: 5px;
  }
  .breakPointS-paddingBottom-xxs {
    padding-bottom: 5px;
  }
  .breakPointS-paddingLeft-xxs {
    padding-left: 5px;
  }
  .breakPointS-paddingTopBottom-xxs {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .breakPointS-paddingLeftRight-xxs {
    padding-left: 5px;
    padding-right: 5px;
  }
  .breakPointS-padding-xs {
    padding: 10px;
  }
  .breakPointS-paddingTop-xs {
    padding-top: 10px;
  }
  .breakPointS-paddingRight-xs {
    padding-right: 10px;
  }
  .breakPointS-paddingBottom-xs {
    padding-bottom: 10px;
  }
  .breakPointS-paddingLeft-xs {
    padding-left: 10px;
  }
  .breakPointS-paddingTopBottom-xs {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .breakPointS-paddingLeftRight-xs {
    padding-left: 10px;
    padding-right: 10px;
  }
  .breakPointS-padding-s {
    padding: 15px;
  }
  .breakPointS-paddingTop-s {
    padding-top: 15px;
  }
  .breakPointS-paddingRight-s {
    padding-right: 15px;
  }
  .breakPointS-paddingBottom-s {
    padding-bottom: 15px;
  }
  .breakPointS-paddingLeft-s {
    padding-left: 15px;
  }
  .breakPointS-paddingTopBottom-s {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .breakPointS-paddingLeftRight-s {
    padding-left: 15px;
    padding-right: 15px;
  }
  .breakPointS-padding-m {
    padding: 20px;
  }
  .breakPointS-paddingTop-m {
    padding-top: 20px;
  }
  .breakPointS-paddingRight-m {
    padding-right: 20px;
  }
  .breakPointS-paddingBottom-m {
    padding-bottom: 20px;
  }
  .breakPointS-paddingLeft-m {
    padding-left: 20px;
  }
  .breakPointS-paddingTopBottom-m {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .breakPointS-paddingLeftRight-m {
    padding-left: 20px;
    padding-right: 20px;
  }
  .breakPointS-padding-l {
    padding: 40px;
  }
  .breakPointS-paddingTop-l {
    padding-top: 40px;
  }
  .breakPointS-paddingRight-l {
    padding-right: 40px;
  }
  .breakPointS-paddingBottom-l {
    padding-bottom: 40px;
  }
  .breakPointS-paddingLeft-l {
    padding-left: 40px;
  }
  .breakPointS-paddingTopBottom-l {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .breakPointS-paddingLeftRight-l {
    padding-left: 40px;
    padding-right: 40px;
  }
  .breakPointS-padding-xl {
    padding: 80px;
  }
  .breakPointS-paddingTop-xl {
    padding-top: 80px;
  }
  .breakPointS-paddingRight-xl {
    padding-right: 80px;
  }
  .breakPointS-paddingBottom-xl {
    padding-bottom: 80px;
  }
  .breakPointS-paddingLeft-xl {
    padding-left: 80px;
  }
  .breakPointS-paddingTopBottom-xl {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .breakPointS-paddingLeftRight-xl {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media only screen and (min-width: 792px) {
  .breakPointM-padding-0 {
    padding: 0;
  }
  .breakPointM-paddingTop-0 {
    padding-top: 0;
  }
  .breakPointM-paddingRight-0 {
    padding-right: 0;
  }
  .breakPointM-paddingBottom-0 {
    padding-bottom: 0;
  }
  .breakPointM-paddingLeft-0 {
    padding-left: 0;
  }
  .breakPointM-paddingTopBottom-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .breakPointM-paddingLeftRight-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .breakPointM-padding-xxs {
    padding: 5px;
  }
  .breakPointM-paddingTop-xxs {
    padding-top: 5px;
  }
  .breakPointM-paddingRight-xxs {
    padding-right: 5px;
  }
  .breakPointM-paddingBottom-xxs {
    padding-bottom: 5px;
  }
  .breakPointM-paddingLeft-xxs {
    padding-left: 5px;
  }
  .breakPointM-paddingTopBottom-xxs {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .breakPointM-paddingLeftRight-xxs {
    padding-left: 5px;
    padding-right: 5px;
  }
  .breakPointM-padding-xs {
    padding: 10px;
  }
  .breakPointM-paddingTop-xs {
    padding-top: 10px;
  }
  .breakPointM-paddingRight-xs {
    padding-right: 10px;
  }
  .breakPointM-paddingBottom-xs {
    padding-bottom: 10px;
  }
  .breakPointM-paddingLeft-xs {
    padding-left: 10px;
  }
  .breakPointM-paddingTopBottom-xs {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .breakPointM-paddingLeftRight-xs {
    padding-left: 10px;
    padding-right: 10px;
  }
  .breakPointM-padding-s {
    padding: 15px;
  }
  .breakPointM-paddingTop-s {
    padding-top: 15px;
  }
  .breakPointM-paddingRight-s {
    padding-right: 15px;
  }
  .breakPointM-paddingBottom-s {
    padding-bottom: 15px;
  }
  .breakPointM-paddingLeft-s {
    padding-left: 15px;
  }
  .breakPointM-paddingTopBottom-s {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .breakPointM-paddingLeftRight-s {
    padding-left: 15px;
    padding-right: 15px;
  }
  .breakPointM-padding-m {
    padding: 20px;
  }
  .breakPointM-paddingTop-m {
    padding-top: 20px;
  }
  .breakPointM-paddingRight-m {
    padding-right: 20px;
  }
  .breakPointM-paddingBottom-m {
    padding-bottom: 20px;
  }
  .breakPointM-paddingLeft-m {
    padding-left: 20px;
  }
  .breakPointM-paddingTopBottom-m {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .breakPointM-paddingLeftRight-m {
    padding-left: 20px;
    padding-right: 20px;
  }
  .breakPointM-padding-l {
    padding: 40px;
  }
  .breakPointM-paddingTop-l {
    padding-top: 40px;
  }
  .breakPointM-paddingRight-l {
    padding-right: 40px;
  }
  .breakPointM-paddingBottom-l {
    padding-bottom: 40px;
  }
  .breakPointM-paddingLeft-l {
    padding-left: 40px;
  }
  .breakPointM-paddingTopBottom-l {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .breakPointM-paddingLeftRight-l {
    padding-left: 40px;
    padding-right: 40px;
  }
  .breakPointM-padding-xl {
    padding: 80px;
  }
  .breakPointM-paddingTop-xl {
    padding-top: 80px;
  }
  .breakPointM-paddingRight-xl {
    padding-right: 80px;
  }
  .breakPointM-paddingBottom-xl {
    padding-bottom: 80px;
  }
  .breakPointM-paddingLeft-xl {
    padding-left: 80px;
  }
  .breakPointM-paddingTopBottom-xl {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .breakPointM-paddingLeftRight-xl {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-padding-0 {
    padding: 0;
  }
  .breakPointL-paddingTop-0 {
    padding-top: 0;
  }
  .breakPointL-paddingRight-0 {
    padding-right: 0;
  }
  .breakPointL-paddingBottom-0 {
    padding-bottom: 0;
  }
  .breakPointL-paddingLeft-0 {
    padding-left: 0;
  }
  .breakPointL-paddingTopBottom-0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .breakPointL-paddingLeftRight-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .breakPointL-padding-xxs {
    padding: 5px;
  }
  .breakPointL-paddingTop-xxs {
    padding-top: 5px;
  }
  .breakPointL-paddingRight-xxs {
    padding-right: 5px;
  }
  .breakPointL-paddingBottom-xxs {
    padding-bottom: 5px;
  }
  .breakPointL-paddingLeft-xxs {
    padding-left: 5px;
  }
  .breakPointL-paddingTopBottom-xxs {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .breakPointL-paddingLeftRight-xxs {
    padding-left: 5px;
    padding-right: 5px;
  }
  .breakPointL-padding-xs {
    padding: 10px;
  }
  .breakPointL-paddingTop-xs {
    padding-top: 10px;
  }
  .breakPointL-paddingRight-xs {
    padding-right: 10px;
  }
  .breakPointL-paddingBottom-xs {
    padding-bottom: 10px;
  }
  .breakPointL-paddingLeft-xs {
    padding-left: 10px;
  }
  .breakPointL-paddingTopBottom-xs {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .breakPointL-paddingLeftRight-xs {
    padding-left: 10px;
    padding-right: 10px;
  }
  .breakPointL-padding-s {
    padding: 15px;
  }
  .breakPointL-paddingTop-s {
    padding-top: 15px;
  }
  .breakPointL-paddingRight-s {
    padding-right: 15px;
  }
  .breakPointL-paddingBottom-s {
    padding-bottom: 15px;
  }
  .breakPointL-paddingLeft-s {
    padding-left: 15px;
  }
  .breakPointL-paddingTopBottom-s {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .breakPointL-paddingLeftRight-s {
    padding-left: 15px;
    padding-right: 15px;
  }
  .breakPointL-padding-m {
    padding: 20px;
  }
  .breakPointL-paddingTop-m {
    padding-top: 20px;
  }
  .breakPointL-paddingRight-m {
    padding-right: 20px;
  }
  .breakPointL-paddingBottom-m {
    padding-bottom: 20px;
  }
  .breakPointL-paddingLeft-m {
    padding-left: 20px;
  }
  .breakPointL-paddingTopBottom-m {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .breakPointL-paddingLeftRight-m {
    padding-left: 20px;
    padding-right: 20px;
  }
  .breakPointL-padding-l {
    padding: 40px;
  }
  .breakPointL-paddingTop-l {
    padding-top: 40px;
  }
  .breakPointL-paddingRight-l {
    padding-right: 40px;
  }
  .breakPointL-paddingBottom-l {
    padding-bottom: 40px;
  }
  .breakPointL-paddingLeft-l {
    padding-left: 40px;
  }
  .breakPointL-paddingTopBottom-l {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .breakPointL-paddingLeftRight-l {
    padding-left: 40px;
    padding-right: 40px;
  }
  .breakPointL-padding-xl {
    padding: 80px;
  }
  .breakPointL-paddingTop-xl {
    padding-top: 80px;
  }
  .breakPointL-paddingRight-xl {
    padding-right: 80px;
  }
  .breakPointL-paddingBottom-xl {
    padding-bottom: 80px;
  }
  .breakPointL-paddingLeft-xl {
    padding-left: 80px;
  }
  .breakPointL-paddingTopBottom-xl {
    padding-top: 80px;
    padding-bottom: 80px;
  }
  .breakPointL-paddingLeftRight-xl {
    padding-left: 80px;
    padding-right: 80px;
  }
}
.textShadow-translucent {
  text-shadow: 0px 1px 2px rgba(31, 45, 61, 0.98);
}
.transitionDuration-xxl,
.button.is-sad,
.button.is-sad:before,
.button--stateful:before,
.button--stateful span,
.button--stateful.has-responded span,
.progress-bar-inner {
  transition-duration: 700ms;
}
.transitionDuration-xl,
.form-control-indicator,
.checkbox-tick,
.radio-tick,
.modal-image,
.modal-icon-wrapper,
.modal-subtext {
  transition-duration: 500ms;
}
.transitionDuration-l,
.avatar-img,
.textarea--growing,
.select-toggle,
.select-toggle:after,
.button.is-disabled,
.modal-overlay,
.overlay,
.modal-container,
.modal-overlay.is-active,
.overlay.activated,
.inputGroup-context.button.is-loading {
  transition-duration: 300ms;
}
.transitionDuration-m,
.is-loading:after,
.link,
.link:link,
.popover-select-title,
.modal,
.modal-icon,
.popover-list a {
  transition-duration: 150ms;
}
.transitionDuration-s,
.hideChildren:hover .hideChildren-child,
.input,
.textarea,
.button,
.buttonGroup div:not(:last-child) .button:hover:before,
.buttonGroup div.is-active:not(:last-child) .button:before,
.button .logoWrap .svgIcon,
.button .logoWrap .svgIcon path,
.button .logoWrap .svgIcon circle,
.button:hover .logoWrap .svgIcon,
.button:hover .logoWrap .svgIcon path,
.button:hover .logoWrap .svgIcon circle,
.componentIconContainer,
.svgIcon,
.popover-block {
  transition-duration: 80ms;
}
.transitionDuration-0 {
  transition-duration: 0;
}
.transitionTimingFunction-linear,
.link,
.link:link,
.button,
.buttonGroup div:not(:last-child) .button:hover:before,
.buttonGroup div.is-active:not(:last-child) .button:before,
.button .logoWrap .svgIcon,
.button .logoWrap .svgIcon path,
.button .logoWrap .svgIcon circle,
.button:hover .logoWrap .svgIcon,
.button:hover .logoWrap .svgIcon path,
.button:hover .logoWrap .svgIcon circle,
.svgIcon,
.popover-block,
.popover-list a {
  transition-timing-function: linear;
}
.transitionTimingFunction-ease {
  transition-timing-function: ease;
}
.transitionTimingFunction-ease-in {
  transition-timing-function: ease-in;
}
.transitionTimingFunction-ease-out {
  transition-timing-function: ease-out;
}
.transitionTimingFunction-ease-in-out,
.is-loading:after,
.avatar-img,
.input,
.textarea,
.componentIconContainer,
.modal-image,
.modal-icon-wrapper,
.modal-overlay,
.overlay,
.modal-container {
  transition-timing-function: ease-in-out;
}
.transitionTimingFunction-cb--scaleUp,
.button--stateful:before {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.transitionTimingFunction-cb--scaleOut,
.modal {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.transitionTimingFunction-cb--scaleIn,
.select-toggle,
.select-toggle:after,
.form-control-indicator,
.checkbox-tick,
.radio-tick {
  transition-timing-function: cubic-bezier(0, 0.89, 0.44, 1);
}
.transitionTimingFunction-cv-easeOutCircular,
.button.is-sad,
.button.is-sad:before,
.button--stateful,
.button--stateful span,
.modal-subtext,
.progress-bar-inner {
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.transitionTimingFunction-cv-easeInOutBack,
.popover--top.has-animation {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.transitionDelay-xxl {
  transition-delay: 700ms;
}
.transitionDelay-xl,
.button--stateful span,
.button--stateful.is-delayed span,
.button--stateful.is-delayed:before {
  transition-delay: 500ms;
}
.transitionDelay-l,
.textarea--growing {
  transition-delay: 300ms;
}
.transitionDelay-m,
.select-toggle:after,
.button--stateful.has-responded span {
  transition-delay: 150ms;
}
.transitionDelay-s,
.button.is-sad:hover:before {
  transition-delay: 80ms;
}
.transitionDelay-0,
.textarea--growing:focus {
  transition-delay: 0;
}
.zi-negative,
.form-control input {
  z-index: -1;
}
.zi-100,
.zi-weak {
  z-index: 100;
}
.zi-200,
.select-toggle {
  z-index: 200;
}
.zi-300,
.zi-chrome,
.popover {
  z-index: 300;
}
.zi-400 {
  z-index: 400;
}
.zi-500,
.zi-overlay,
.modal-overlay,
.overlay {
  z-index: 500;
}
.zi-600 {
  z-index: 600;
}
.zi-700,
.zi-modal {
  z-index: 700;
}
.zi-800 {
  z-index: 800;
}
.zi-900,
.zi-strong {
  z-index: 900;
}
.zi-max {
  z-index: 9999;
}
@media only screen and (min-width: 480px) {
  .breakPointS-zi-negative {
    z-index: -1;
  }
  .breakPointS-zi-100 {
    z-index: 100;
  }
  .breakPointS-zi-200 {
    z-index: 200;
  }
  .breakPointS-zi-300 {
    z-index: 300;
  }
  .breakPointS-zi-400 {
    z-index: 400;
  }
  .breakPointS-zi-500 {
    z-index: 500;
  }
  .breakPointS-zi-600 {
    z-index: 600;
  }
  .breakPointS-zi-700 {
    z-index: 700;
  }
  .breakPointS-zi-800 {
    z-index: 800;
  }
  .breakPointS-zi-900 {
    z-index: 900;
  }
  .breakPointS-zi-weak {
    z-index: 100;
  }
  .breakPointS-zi-chrome {
    z-index: 300;
  }
  .breakPointS-zi-overlay {
    z-index: 500;
  }
  .breakPointS-zi-modal {
    z-index: 700;
  }
  .breakPointS-zi-strong {
    z-index: 900;
  }
  .breakPointS-zi-max {
    z-index: 9999;
  }
}
@media only screen and (min-width: 792px) {
  .breakPointM-zi-negative {
    z-index: -1;
  }
  .breakPointM-zi-100 {
    z-index: 100;
  }
  .breakPointM-zi-200 {
    z-index: 200;
  }
  .breakPointM-zi-300 {
    z-index: 300;
  }
  .breakPointM-zi-400 {
    z-index: 400;
  }
  .breakPointM-zi-500 {
    z-index: 500;
  }
  .breakPointM-zi-600 {
    z-index: 600;
  }
  .breakPointM-zi-700 {
    z-index: 700;
  }
  .breakPointM-zi-800 {
    z-index: 800;
  }
  .breakPointM-zi-900 {
    z-index: 900;
  }
  .breakPointM-zi-weak {
    z-index: 100;
  }
  .breakPointM-zi-chrome {
    z-index: 300;
  }
  .breakPointM-zi-overlay {
    z-index: 500;
  }
  .breakPointM-zi-modal {
    z-index: 700;
  }
  .breakPointM-zi-strong {
    z-index: 900;
  }
  .breakPointM-zi-max {
    z-index: 9999;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-zi-negative {
    z-index: -1;
  }
  .breakPointL-zi-100 {
    z-index: 100;
  }
  .breakPointL-zi-200 {
    z-index: 200;
  }
  .breakPointL-zi-300 {
    z-index: 300;
  }
  .breakPointL-zi-400 {
    z-index: 400;
  }
  .breakPointL-zi-500 {
    z-index: 500;
  }
  .breakPointL-zi-600 {
    z-index: 600;
  }
  .breakPointL-zi-700 {
    z-index: 700;
  }
  .breakPointL-zi-800 {
    z-index: 800;
  }
  .breakPointL-zi-900 {
    z-index: 900;
  }
  .breakPointL-zi-weak {
    z-index: 100;
  }
  .breakPointL-zi-chrome {
    z-index: 300;
  }
  .breakPointL-zi-overlay {
    z-index: 500;
  }
  .breakPointL-zi-modal {
    z-index: 700;
  }
  .breakPointL-zi-strong {
    z-index: 900;
  }
  .breakPointL-zi-max {
    z-index: 9999;
  }
}
@media only screen and (min-width: 792px) {
  .c-marvel--hover:hover {
    color: #2196f3;
  }
  .c-green--hover:hover {
    color: #13ce66;
  }
  .c-yellow--hover:hover {
    color: #ffc82c;
  }
  .c-orange--hover:hover {
    color: #ff7849;
  }
  .c-pink--hover:hover {
    color: #ff49db;
  }
  .c-purple--hover:hover {
    color: #7e5bef;
  }
  .c-red--hover:hover {
    color: #ff4949;
  }
  .c-marvel--d--hover:hover {
    color: #0c7cd5;
  }
  .c-marvel--l--hover:hover {
    color: #82c4f8;
  }
  .c-green--d--hover:hover {
    color: #0f9f4f;
  }
  .c-green--l--hover:hover {
    color: #29eb7f;
  }
  .c-yellow--d--hover:hover {
    color: #f8b700;
  }
  .c-yellow--l--hover:hover {
    color: #ffd55f;
  }
  .c-orange--d--hover:hover {
    color: #ff5216;
  }
  .c-orange--l--hover:hover {
    color: #ff9e7c;
  }
  .c-pink--d--hover:hover {
    color: #ff16d1;
  }
  .c-pink--l--hover:hover {
    color: #ff7ce5;
  }
  .c-purple--d--hover:hover {
    color: #592dea;
  }
  .c-purple--l--hover:hover {
    color: #a389f4;
  }
  .c-red--d--hover:hover {
    color: #ff1616;
  }
  .c-red--l--hover:hover {
    color: #ff7c7c;
  }
  .c-black--hover:hover {
    color: #1f2d3d;
  }
  .c-steel--hover:hover {
    color: #273444;
  }
  .c-slate--hover:hover {
    color: #3c4858;
  }
  .c-silver--hover:hover {
    color: #8492a6;
  }
  .c-snow--hover:hover {
    color: #f9fafc;
  }
  .c-smoke--hover:hover {
    color: #e0e6ed;
  }
  .c-white--hover:hover {
    color: #fff;
  }
  .c-snow--d--hover:hover {
    color: #eff1f7;
  }
  .c-snow--xd--hover:hover {
    color: #e5e9f2;
  }
  .c-smoke--d--hover:hover {
    color: #d3dce6;
  }
  .c-smoke--xd--hover:hover {
    color: #c0ccda;
  }
  .c-blue--hover:hover {
    color: #2196f3;
  }
  .c-positive--hover:hover {
    color: #13ce66;
  }
  .c-negative--hover:hover {
    color: #ff4949;
  }
  .c-warning--hover:hover {
    color: #ffc82c;
  }
  .c-blue--d--hover:hover {
    color: #0c7cd5;
  }
  .c-blue--l--hover:hover {
    color: #82c4f8;
  }
  .c-blue--translucent--hover:hover {
    color: rgba(133, 215, 255, 0.98);
  }
  .c-blue--transparent--hover:hover {
    color: rgba(133, 215, 255, 0.3);
  }
  .c-blue--pellucid--hover:hover {
    color: rgba(133, 215, 255, 0.15);
  }
  .c-blue--limpid--hover:hover {
    color: rgba(133, 215, 255, 0.05);
  }
  .c-white--translucent--hover:hover {
    color: rgba(255, 255, 255, 0.98);
  }
  .c-white--transparent--hover:hover {
    color: rgba(255, 255, 255, 0.3);
  }
  .c-white--pellucid--hover:hover {
    color: rgba(255, 255, 255, 0.15);
  }
  .c-white--limpid--hover:hover {
    color: rgba(255, 255, 255, 0.05);
  }
  .c-black--translucent--hover:hover {
    color: rgba(31, 45, 61, 0.98);
  }
  .c-black--transparent--hover:hover {
    color: rgba(31, 45, 61, 0.3);
  }
  .c-black--pellucid--hover:hover {
    color: rgba(31, 45, 61, 0.15);
  }
  .c-black--limpid--hover:hover {
    color: rgba(31, 45, 61, 0.05);
  }
  .c-twitter--hover:hover {
    color: #55acee;
  }
  .c-facebook--hover:hover {
    color: #3b5999;
  }
  .c-dribbble--hover:hover {
    color: #ea4c89;
  }
  .c-dropbox--hover:hover {
    color: #007ee5;
  }
  .c-google--hover:hover {
    color: #dc4e41;
  }
  .c-instagram--hover:hover {
    color: #3f729b;
  }
  .c-linkedin--hover:hover {
    color: #0077b5;
  }
  .bg-marvel--hover:hover {
    background-color: #2196f3;
  }
  .bg-green--hover:hover {
    background-color: #13ce66;
  }
  .bg-yellow--hover:hover {
    background-color: #ffc82c;
  }
  .bg-orange--hover:hover {
    background-color: #ff7849;
  }
  .bg-pink--hover:hover {
    background-color: #ff49db;
  }
  .bg-purple--hover:hover {
    background-color: #7e5bef;
  }
  .bg-red--hover:hover {
    background-color: #ff4949;
  }
  .bg-marvel--d--hover:hover {
    background-color: #0c7cd5;
  }
  .bg-marvel--l--hover:hover {
    background-color: #82c4f8;
  }
  .bg-green--d--hover:hover {
    background-color: #0f9f4f;
  }
  .bg-green--l--hover:hover {
    background-color: #29eb7f;
  }
  .bg-yellow--d--hover:hover {
    background-color: #f8b700;
  }
  .bg-yellow--l--hover:hover {
    background-color: #ffd55f;
  }
  .bg-orange--d--hover:hover {
    background-color: #ff5216;
  }
  .bg-orange--l--hover:hover {
    background-color: #ff9e7c;
  }
  .bg-pink--d--hover:hover {
    background-color: #ff16d1;
  }
  .bg-pink--l--hover:hover {
    background-color: #ff7ce5;
  }
  .bg-purple--d--hover:hover {
    background-color: #592dea;
  }
  .bg-purple--l--hover:hover {
    background-color: #a389f4;
  }
  .bg-red--d--hover:hover {
    background-color: #ff1616;
  }
  .bg-red--l--hover:hover {
    background-color: #ff7c7c;
  }
  .bg-licorice--hover:hover {
    background-color: #000000;
  }
  .bg-black--hover:hover {
    background-color: #1f2d3d;
  }
  .bg-steel--hover:hover {
    background-color: #273444;
  }
  .bg-slate--hover:hover {
    background-color: #3c4858;
  }
  .bg-silver--hover:hover {
    background-color: #8492a6;
  }
  .bg-snow--hover:hover {
    background-color: #f9fafc;
  }
  .bg-smoke--hover:hover {
    background-color: #e0e6ed;
  }
  .bg-white--hover:hover {
    background-color: #fff;
  }
  .bg-snow--d--hover:hover {
    background-color: #eff1f7;
  }
  .bg-snow--xd--hover:hover {
    background-color: #e5e9f2;
  }
  .bg-smoke--d--hover:hover {
    background-color: #d3dce6;
  }
  .bg-smoke--xd--hover:hover {
    background-color: #c0ccda;
  }
  .bg-blue--hover:hover {
    background-color: #2196f3;
  }
  .bg-positive--hover:hover {
    background-color: #13ce66;
  }
  .bg-negative--hover:hover {
    background-color: #ff4949;
  }
  .bg-warning--hover:hover {
    background-color: #ffc82c;
  }
  .bg-blue--d--hover:hover {
    background-color: #0c7cd5;
  }
  .bg-blue--l--hover:hover {
    background-color: #82c4f8;
  }
  .bg-blue--translucent--hover:hover {
    background-color: rgba(133, 215, 255, 0.98);
  }
  .bg-blue--transparent--hover:hover {
    background-color: rgba(133, 215, 255, 0.3);
  }
  .bg-blue--pellucid--hover:hover {
    background-color: rgba(133, 215, 255, 0.15);
  }
  .bg-blue--limpid--hover:hover {
    background-color: rgba(133, 215, 255, 0.05);
  }
  .bg-licorice--translucent--hover:hover {
    background-color: rgba(0, 0, 0, 0.98);
  }
  .bg-licorice--transparent--hover:hover {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .bg-licorice--pellucid--hover:hover {
    background-color: rgba(0, 0, 0, 0.15);
  }
  .bg-licorice--limpid--hover:hover {
    background-color: rgba(0, 0, 0, 0.05);
  }
  .bg-black--translucent--hover:hover {
    background-color: rgba(31, 45, 61, 0.98);
  }
  .bg-black--transparent--hover:hover {
    background-color: rgba(31, 45, 61, 0.3);
  }
  .bg-black--pellucid--hover:hover {
    background-color: rgba(31, 45, 61, 0.15);
  }
  .bg-black--limpid--hover:hover {
    background-color: rgba(31, 45, 61, 0.05);
  }
  .bg-white--translucent--hover:hover {
    background-color: rgba(255, 255, 255, 0.98);
  }
  .bg-white--transparent--hover:hover {
    background-color: rgba(255, 255, 255, 0.3);
  }
  .bg-white--pellucid--hover:hover {
    background-color: rgba(255, 255, 255, 0.15);
  }
  .bg-white--limpid--hover:hover {
    background-color: rgba(255, 255, 255, 0.05);
  }
  .bg-twitter--hover:hover {
    background-color: #55acee;
  }
  .bg-facebook--hover:hover {
    background-color: #3b5999;
  }
  .bg-dribbble--hover:hover {
    background-color: #ea4c89;
  }
  .bg-dropbox--hover:hover {
    background-color: #007ee5;
  }
  .bg-google--hover:hover {
    background-color: #dc4e41;
  }
  .bg-instagram--hover:hover {
    background-color: #3f729b;
  }
  .bg-linkedin--hover:hover {
    background-color: #0077b5;
  }
  .fill-marvel--hover:hover {
    fill: #2196f3;
  }
  .fill-green--hover:hover {
    fill: #13ce66;
  }
  .fill-yellow--hover:hover {
    fill: #ffc82c;
  }
  .fill-orange--hover:hover {
    fill: #ff7849;
  }
  .fill-pink--hover:hover {
    fill: #ff49db;
  }
  .fill-purple--hover:hover {
    fill: #7e5bef;
  }
  .fill-red--hover:hover {
    fill: #ff4949;
  }
  .fill-marvel--d--hover:hover {
    fill: #0c7cd5;
  }
  .fill-marvel--l--hover:hover {
    fill: #82c4f8;
  }
  .fill-green--d--hover:hover {
    fill: #0f9f4f;
  }
  .fill-green--l--hover:hover {
    fill: #29eb7f;
  }
  .fill-yellow--d--hover:hover {
    fill: #f8b700;
  }
  .fill-yellow--l--hover:hover {
    fill: #ffd55f;
  }
  .fill-orange--d--hover:hover {
    fill: #ff5216;
  }
  .fill-orange--l--hover:hover {
    fill: #ff9e7c;
  }
  .fill-pink--d--hover:hover {
    fill: #ff16d1;
  }
  .fill-pink--l--hover:hover {
    fill: #ff7ce5;
  }
  .fill-purple--d--hover:hover {
    fill: #592dea;
  }
  .fill-purple--l--hover:hover {
    fill: #a389f4;
  }
  .fill-red--d--hover:hover {
    fill: #ff1616;
  }
  .fill-red--l--hover:hover {
    fill: #ff7c7c;
  }
  .fill-black--hover:hover {
    fill: #1f2d3d;
  }
  .fill-steel--hover:hover {
    fill: #273444;
  }
  .fill-slate--hover:hover {
    fill: #3c4858;
  }
  .fill-silver--hover:hover {
    fill: #8492a6;
  }
  .fill-snow--hover:hover {
    fill: #f9fafc;
  }
  .fill-smoke--hover:hover {
    fill: #e0e6ed;
  }
  .fill-white--hover:hover {
    fill: #fff;
  }
  .fill-snow--d--hover:hover {
    fill: #eff1f7;
  }
  .fill-snow--xd--hover:hover {
    fill: #e5e9f2;
  }
  .fill-smoke--d--hover:hover {
    fill: #d3dce6;
  }
  .fill-smoke--xd--hover:hover {
    fill: #c0ccda;
  }
  .fill-blue--hover:hover {
    fill: #2196f3;
  }
  .fill-positive--hover:hover {
    fill: #13ce66;
  }
  .fill-negative--hover:hover {
    fill: #ff4949;
  }
  .fill-warning--hover:hover {
    fill: #ffc82c;
  }
  .fill-blue--d--hover:hover {
    fill: #0c7cd5;
  }
  .fill-blue--l--hover:hover {
    fill: #82c4f8;
  }
  .fill-effect--hover:hover {
    fill: url(#effect);
  }
  .fill-blue--translucent--hover:hover {
    fill: rgba(133, 215, 255, 0.98);
  }
  .fill-blue--transparent--hover:hover {
    fill: rgba(133, 215, 255, 0.3);
  }
  .fill-blue--pellucid--hover:hover {
    fill: rgba(133, 215, 255, 0.15);
  }
  .fill-blue--limpid--hover:hover {
    fill: rgba(133, 215, 255, 0.05);
  }
  .fill-white--translucent--hover:hover {
    fill: rgba(255, 255, 255, 0.98);
  }
  .fill-white--transparent--hover:hover {
    fill: rgba(255, 255, 255, 0.3);
  }
  .fill-white--pellucid--hover:hover {
    fill: rgba(255, 255, 255, 0.15);
  }
  .fill-white--limpid--hover:hover {
    fill: rgba(255, 255, 255, 0.05);
  }
  .fill-black--translucent--hover:hover {
    fill: rgba(31, 45, 61, 0.98);
  }
  .fill-black--transparent--hover:hover {
    fill: rgba(31, 45, 61, 0.3);
  }
  .fill-black--pellucid--hover:hover {
    fill: rgba(31, 45, 61, 0.15);
  }
  .fill-black--limpid--hover:hover {
    fill: rgba(31, 45, 61, 0.05);
  }
  .fill-twitter--hover:hover {
    fill: #55acee;
  }
  .fill-facebook--hover:hover {
    fill: #3b5999;
  }
  .fill-dribbble--hover:hover {
    fill: #ea4c89;
  }
  .fill-dropbox--hover:hover {
    fill: #007ee5;
  }
  .fill-google--hover:hover {
    fill: #dc4e41;
  }
  .fill-instagram--hover:hover {
    fill: #3f729b;
  }
  .fill-linkedin--hover:hover {
    fill: #0077b5;
  }
  .boxShadow-deboss--hover:hover {
    box-shadow: inset 0 2px 0 rgba(31, 45, 61, 0.15);
  }
  .boxShadow-emboss--hover:hover {
    box-shadow: inset 0 -2px 0 rgba(31, 45, 61, 0.15);
  }
  .boxShadow-raise--hover:hover {
    box-shadow: 0 1px 1px 0 rgba(31, 45, 61, 0.05);
  }
  .boxShadow-bevelRaise--hover:hover {
    box-shadow: inset 0 1px 0 0 #e0e6ed, inset 1px 0 0 0 #d3dce6, inset -1px 0 0 0 #d3dce6, inset 0 -1px 0 0 #c0ccda, 0 1px 1px 0 rgba(31, 45, 61, 0.05);
  }
  .boxShadow-none--hover:hover {
    box-shadow: none;
  }
  .boxShadow-smoke--hover:hover {
    box-shadow: inset 0 0 0 1px #e0e6ed;
  }
  .boxShadow-smoke--xd--hover:hover {
    box-shadow: inset 0 0 0 1px #c0ccda;
  }
  .scaleUp--hover:hover {
    transform: scale(1.2);
  }
  .textDecoration-underline--hover:hover {
    text-decoration: underline;
  }
  .opacity-0--hover:hover {
    opacity: 0;
  }
  .opacity-5--hover:hover {
    opacity: 0.03;
  }
  .opacity-5--hover:hover {
    opacity: 0.05;
  }
  .opacity-8--hover:hover {
    opacity: 0.08;
  }
  .opacity-10--hover:hover {
    opacity: 0.1;
  }
  .opacity-15--hover:hover {
    opacity: 0.15;
  }
  .opacity-20--hover:hover {
    opacity: 0.2;
  }
  .opacity-30--hover:hover {
    opacity: 0.3;
  }
  .opacity-40--hover:hover {
    opacity: 0.4;
  }
  .opacity-50--hover:hover {
    opacity: 0.5;
  }
  .opacity-60--hover:hover {
    opacity: 0.6;
  }
  .opacity-70--hover:hover {
    opacity: 0.7;
  }
  .opacity-80--hover:hover {
    opacity: 0.8;
  }
  .opacity-90--hover:hover {
    opacity: 0.9;
  }
  .opacity-100--hover:hover {
    opacity: 1;
  }
}
/*@include breakPoint(m) {
    .boxShadow-smoke--active:active           { box-shadow: inset 0 0 0 1px @smoke; }
    .boxShadow-deboss--active:active          { box-shadow: inset 0 2px 0 @black--pellucid; }
    .boxShadow-emboss--active:active          { box-shadow: inset 0 -2px 0 @black--pellucid; }
    .boxShadow-depress--active:active         { box-shadow: inset 0 1px 1px 0 @black--limpid; }
    .boxShadow-smokeDepress--active:active    { box-shadow: 0 0 0 1px @smoke, inset 0 1px 1px 0 @black--limpid; }
}*/
.tp-none--active:active {
  transition-property: none;
}
.boxShadow-inset--focus:focus {
  box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.15);
}
.boxShadow-light--focus:focus {
  box-shadow: inset 0 2px 0px rgba(0, 0, 0, 0.06);
}
.boxShadow--focus:focus {
  box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.08);
}
.boxShadow-marvel--focus:focus {
  box-shadow: inset 0 0 0 1px #2196f3;
}
.has-error:focus {
  box-shadow: inset 0 0 0 1px #ff4949;
}
.dark-theme-color {
  color: #fff;
  background-color: #242730;
  border-color: #4a4d56;
}
.dark-theme-color a {
  color: #f2b827;
}
.dark-theme-color a:hover {
  color: #d39700;
}
.dark-theme-color .heading-color,
.dark-theme-color h1,
.dark-theme-color h2,
.dark-theme-color h3,
.dark-theme-color h4,
.dark-theme-color h5,
.dark-theme-color h6 {
  color: #d2d3d6;
}
.dark-theme-color .theme-accent-color {
  color: #2196f3;
}
.dark-theme-color .theme-txt-color {
  color: #fff;
}
.dark-theme-color .theme-txt-secondary-color {
  color: #787c84;
}
.dark-theme-color .theme-bg-color {
  background-color: #242730;
}
.dark-theme-color .theme-br-color {
  border-color: #4a4d56;
}
.dark-theme-color hr:after {
  background: #2e323c;
}
.dark-theme-color .sq-verticalToolbar-header {
  background: #16171e;
}
.dark-theme-color.sq-editor-wrapp,
.dark-theme-color .modal-overlay {
  background: #d3d4d6;
}
.dark-theme-color .sq-editor-frame {
  border-color: #242730;
}
.dark-theme-color .listingControls {
  border-color: #373c48;
}
.dark-theme-color .sq-panel-toolbar,
.dark-theme-color .property-selector,
.dark-theme-color .modal-container,
.dark-theme-color .form-control.auth-check,
.dark-theme-color .listingControls.zone-is-visible,
.dark-theme-color .condition-box,
.dark-theme-color .ng-select.stax-select .ng-option:hover,
.dark-theme-color .ng-select.stax-select .ng-option.selected,
.dark-theme-color .sq-panel-header .sq-panel-widget {
  background: #1a1c24;
}
.dark-theme-color .sq-verticalToolbar-header .menu-toggle .mdi {
  color: white;
}
.dark-theme-color .sq-verticalToolbar-header .menu-toggle .mdi:hover {
  color: white;
  opacity: 0.7;
}
.dark-theme-color .sq-pHeader-content {
  background: #1a1c24;
}
.dark-theme-color .sq-pHeader-content .button--flat.theme-accent-color {
  background: #2196f3;
  color: white;
}
.dark-theme-color .sq-pHeader-content .button--flat.theme-accent-color.is-active {
  background: #505866;
  color: white;
}
.dark-theme-color .sq-layers .gridColumn:hover {
  background: #2e323c;
}
.dark-theme-color .sq-pMain-item {
  background: #1a1c24;
}
.dark-theme-color .sq-pMain-item:hover {
  box-shadow: 0 2px 8px #111218;
}
.dark-theme-color .form-control-indicator {
  box-shadow: inset 0 0 0 2px #3d434f;
}
.dark-theme-color .sq-imageOptions {
  background: rgba(36, 39, 48, 0.8);
}
.dark-theme-color .ToggleSwitch .slider,
.dark-theme-color .zone-notify {
  background: #3d434f;
}
.dark-theme-color .ToggleSwitch input:checked + .slider {
  background: rgba(33, 150, 243, 0.24);
}
.dark-theme-color .ToggleSwitch input:checked + .slider:before,
.dark-theme-color .dom-tree li.is-selected .tag-name,
.dark-theme-color .dom-tree .tag-name:hover {
  background: #2196f3;
}
.dark-theme-color .dom-tree li.is-selected .tag-name:after,
.dark-theme-color .dom-tree .tag-name:hover:after {
  border-left-color: #2196f3;
}
.dark-theme-color .ToggleSwitch .slider:before {
  background: #fff;
}
.dark-theme-color .dom-tree .tag-name {
  background: #505866;
}
.dark-theme-color .dom-tree .tag-name:after {
  border-left-color: #505866;
}
.dark-theme-color .dom-tree .class-name:hover,
.dark-theme-color .dom-tree .id-name:hover {
  color: #2196f3;
}
.dark-theme-color input[type=range]::-webkit-slider-runnable-track {
  background: #3d434f;
}
.dark-theme-color input[type=range]::-moz-range-track {
  background: #3d434f;
}
.dark-theme-color input[type=range]::-ms-fill-lower {
  background: #3d434f;
}
.dark-theme-color input[type=range]:focus::-ms-fill-lower {
  background: #3d434f;
}
.dark-theme-color input[type=range]::-ms-fill-upper {
  background: #3d434f;
}
.dark-theme-color input[type=range]:focus::-ms-fill-upper {
  background: #3d434f;
}
.dark-theme-color input[type=range]::-webkit-slider-thumb {
  background: #fff;
}
.dark-theme-color input[type=range]::-moz-range-thumb {
  background: #fff;
}
.dark-theme-color input[type=range]::-ms-thumb {
  background: #fff;
}
.dark-theme-color input[type=range]::-webkit-slider-thumb:hover {
  background: #2196f3;
}
.dark-theme-color input[type=range]::-moz-range-thumb:hover {
  background: #2196f3;
}
.dark-theme-color input[type=range]::-ms-thumb:hover {
  background: #2196f3;
}
.dark-theme-color .popover,
.dark-theme-color .popover.has-caret:after,
.dark-theme-color .zone-is-visible .zone-notify {
  background: #2196f3;
  color: white;
}
.dark-theme-color .popover .link {
  color: white;
}
.dark-theme-color .form-control--s.checkbox--default input:checked ~ span,
.dark-theme-color .form-control--s.checkbox--default input:active ~ span,
.dark-theme-color .templateName-text:focus + .hideChildren-child,
.dark-theme-color .listingControls .uiIcon:hover,
.dark-theme-color .inputGroup-context .mdi.mdi-link {
  color: #2196f3;
}
.dark-theme-color .form-control--s.checkbox--default input:checked ~ span .form-control-indicator,
.dark-theme-color .form-control--s.checkbox--default input:active ~ span .form-control-indicator {
  box-shadow: none;
  background: #2196f3;
}
.dark-theme-color .sq-verticalToolbar-main .button,
.dark-theme-color .sq-verticalToolbar-footer .button {
  color: #787c84;
}
.dark-theme-color .sq-verticalToolbar-main .button:hover,
.dark-theme-color .sq-verticalToolbar-footer .button:hover,
.dark-theme-color .sq-verticalToolbar-main .button.is-active,
.dark-theme-color .sq-verticalToolbar-footer .button.is-active {
  color: #2196f3;
}
.dark-theme-color .menu-toggle .mdi {
  color: #787c84;
}
.dark-theme-color .menu-toggle .mdi:hover {
  color: #2196f3;
}
.dark-theme-color .button.button--flat.button-primary {
  background: #2196f3;
  color: white;
}
.dark-theme-color .button.button--flat.button-primary:hover {
  background: #1b7bc7;
}
.dark-theme-color .button.button--flat.button-secondary,
.dark-theme-color .file-upload-wrapper:before {
  background: #505866;
  color: white;
}
.dark-theme-color .button.button--flat.button-secondary:hover,
.dark-theme-color .file-upload-wrapper:before:hover {
  background: #373c48;
}
.dark-theme-color .close-cond-box .button.button--flat.button-secondary {
  background: #242730;
}
.dark-theme-color .close-cond-box .button.button--flat.button-secondary:hover,
.dark-theme-color .select--title select:hover {
  color: white;
}
.dark-theme-color .labelGroup-toggle .lbl-status-link,
.dark-theme-color .uiIcon--textarea .svgIcon {
  color: #787c84;
}
.dark-theme-color .labelGroup-toggle .lbl-status-link.is-active,
.dark-theme-color .uiIcon--textarea .svgIcon.is-active {
  color: #2196f3;
}
.dark-theme-color .labelGroup-toggle .lbl-status-link:hover,
.dark-theme-color .uiIcon--textarea .svgIcon:hover {
  color: #2196f3;
}
.dark-theme-color .sq-panel-content.is-loading-data:before {
  background: rgba(36, 39, 48, 0.94);
}
.dark-theme-color .input--default,
.dark-theme-color .textarea--default,
.dark-theme-color .select--default select,
.dark-theme-color .button--ghost,
.dark-theme-color .ng-select.stax-select,
.dark-theme-color .ng-dropdown-panel,
.dark-theme-color .file-upload-wrapper:after {
  background: #242730;
  box-shadow: 0 0 0 1px #505866;
  color: #fff;
}
.dark-theme-color .ng-select-container .ng-value-container {
  color: #fff;
}
.dark-theme-color .listingControls .input--default:hover,
.dark-theme-color .condition-box .select--default:hover select {
  box-shadow: 0 0 0 1px #505866;
  color: #fff;
}
.dark-theme-color .ng-select-dropdown-outer .ng-select-dropdown {
  box-shadow: 0 0 0 1px #505866;
  background: #242730;
}
.dark-theme-color .inputGroup-context .mdi,
.dark-theme-color .listingControls .uiIcon,
.dark-theme-color .sq-layers .gridColumn .drag-marker:before,
.dark-theme-color .sq-layers .element-layer .mdi,
.dark-theme-color .properties-title,
.dark-theme-color .sq-pMain-item .mdi,
.dark-theme-color .separator span {
  color: #787c84;
}
.dark-theme-color .colorpicker-target {
  background-color: #242730;
  border-color: #505866;
}
.dark-theme-color .input--default:focus,
.dark-theme-color .input--default.change-detected {
  box-shadow: 0 0 0 1px #2196f3;
}
.dark-theme-color .uiIcon .input:focus + .svgIcon,
.dark-theme-color .uiIcon .textarea:focus + .svgIcon {
  fill: #2196f3;
}
.dark-theme-color .button--ghost:hover {
  box-shadow: 0 0 0 1px #778395;
}
.dark-theme-color .buttonGroup .button {
  background: #242730;
  box-shadow: 0 0 0 1px #505866;
  color: #787c84;
}
.dark-theme-color .buttonGroup div.is-active .button,
.dark-theme-color .buttonGroup div:last-child.active .button {
  background: #505866;
  color: #fff;
}
.dark-theme-color .inputGroup .label-status,
.dark-theme-color .colorpicker-status,
.dark-theme-color .select--s:after,
.dark-theme-color .select--xs:after,
.dark-theme-color .select--legible:after,
.dark-theme-color .missing-on,
.dark-theme-color .select--title select,
.dark-theme-color .close-cond-box .button.button-secondary {
  color: #787c84;
}
.dark-theme-color .modal-icon:before,
.dark-theme-color .modal-icon:after {
  background: white;
}
.dark-theme-color .separator span:before,
.dark-theme-color .separator span:after {
  border-color: #373c48;
}
.dark-theme-color .property-selector div.is-active .button {
  background: #242730;
  color: #2196f3;
}
.dark-theme-color .property-selector .button,
.dark-theme-color .ng-select .ng-control,
.dark-theme-color .sq-pMain-item:hover .mdi,
.dark-theme-color .deleteCustom-item:hover .mdi {
  color: #fff;
}
.dark-theme-color .sq-pMain-item:hover {
  border-color: #373c48;
  background: #242730;
  box-shadow: 2px 2px 2px rgba(55, 60, 72, 0.3);
}
.dark-theme-color .sq-layers .gridColumn:hover {
  box-shadow: inset 0 0 1px 0 #606979;
}
.dark-theme-color .tpl-preview-status {
  background: #2196f3;
  color: white;
}
.dark-theme-color .sq-panel-widget {
  border-color: #1a1c24;
}
.dark-theme-color .sq-panel-header .sq-panel-widget {
  border-color: #2e323c;
}
.dark-theme-color .listingControls.zone-is-active {
  border-color: #2196f3;
  background: rgba(33, 150, 243, 0.05);
}
.dark-theme-color .zone-is-active .listing-text,
.dark-theme-color .zone-is-active .mdi-playlist-edit {
  color: #2196f3;
}
.light-theme-color {
  color: #3c4858;
  background-color: #fff;
  border-color: #e6e9ed;
  /*.property-selector .buttonGroup {
    border-color: @lightThemeBorderColor;
  }*/
}
.light-theme-color a {
  color: #ff1616;
}
.light-theme-color a:hover {
  color: #d00000;
}
.light-theme-color .heading-color,
.light-theme-color h1,
.light-theme-color h2,
.light-theme-color h3,
.light-theme-color h4,
.light-theme-color h5,
.light-theme-color h6 {
  color: #1f2d3d;
}
.light-theme-color .theme-accent-color {
  color: #2196f3;
}
.light-theme-color .theme-txt-color {
  color: #3c4858;
}
.light-theme-color .theme-txt-secondary-color {
  color: #8492a6;
}
.light-theme-color .theme-bg-color {
  background-color: #fff;
}
.light-theme-color .theme-br-color {
  border-color: #e6e9ed;
}
.light-theme-color hr:before {
  background: #dfe3e8;
}
.light-theme-color .sq-verticalToolbar-header {
  background: #5c6674;
}
.light-theme-color .sq-verticalToolbar-header .menu-toggle .mdi {
  color: white;
}
.light-theme-color .sq-verticalToolbar-header .menu-toggle .mdi:hover {
  color: white;
  opacity: 0.7;
}
.light-theme-color .sq-pHeader-content {
  background: #4f5864;
}
.light-theme-color .sq-pHeader-content .properties-title {
  color: white;
}
.light-theme-color .sq-pHeader-content .button--flat.theme-accent-color {
  background: #2196f3;
  color: white;
}
.light-theme-color .sq-pHeader-content .button--flat.theme-accent-color.is-active {
  background: #8492a6;
  color: white;
}
.light-theme-color .sq-editor-frame {
  border-color: #242730;
}
.light-theme-color.sq-editor-wrapp,
.light-theme-color .modal-overlay {
  background: #e6e9ed;
}
.light-theme-color .listingControls {
  border-color: #e6e9ed;
}
.light-theme-color .sq-panel-toolbar,
.light-theme-color .property-selector,
.light-theme-color .form-control.auth-check,
.light-theme-color .sq-layers .gridColumn:hover,
.light-theme-color .listingControls.zone-is-visible,
.light-theme-color .condition-box,
.light-theme-color .ng-select.stax-select .ng-option:hover,
.light-theme-color .ng-select.stax-select .ng-option.selected,
.light-theme-color .sq-panel-header .sq-panel-widget {
  background: #f6f7f9;
}
.light-theme-color .popover,
.light-theme-color .popover.has-caret:after {
  background: #f6f7f9;
}
.light-theme-color .popover .link,
.light-theme-color .zone-is-visible .zone-notify {
  color: white;
}
.light-theme-color .form-control-indicator {
  box-shadow: inset 0 0 0 2px #dfe3e8;
}
.light-theme-color .sq-imageOptions {
  background: rgba(255, 255, 255, 0.8);
}
.light-theme-color .ToggleSwitch .slider,
.light-theme-color .zone-notify {
  background: #dfe3e8;
}
.light-theme-color .ToggleSwitch input:checked + .slider {
  background: rgba(33, 150, 243, 0.24);
}
.light-theme-color .ToggleSwitch input:checked + .slider:before,
.light-theme-color .dom-tree li.is-selected .tag-name,
.light-theme-color .dom-tree .tag-name:hover,
.light-theme-color .zone-is-visible .zone-notify {
  background: #2196f3;
}
.light-theme-color .dom-tree li.is-selected .tag-name:after,
.light-theme-color .dom-tree .tag-name:hover:after {
  border-left-color: #2196f3;
}
.light-theme-color .ToggleSwitch .slider:before,
.light-theme-color .dom-tree .tag-name {
  background: #8492a6;
}
.light-theme-color .dom-tree .tag-name:after {
  border-left-color: #8492a6;
}
.light-theme-color .dom-tree .class-name:hover,
.light-theme-color .dom-tree .id-name:hover {
  color: #2196f3;
}
.light-theme-color input[type=range]::-webkit-slider-runnable-track {
  background: #dfe3e8;
}
.light-theme-color input[type=range]::-moz-range-track {
  background: #dfe3e8;
}
.light-theme-color input[type=range]::-ms-fill-lower {
  background: #dfe3e8;
}
.light-theme-color input[type=range]:focus::-ms-fill-lower {
  background: #dfe3e8;
}
.light-theme-color input[type=range]::-ms-fill-upper {
  background: #dfe3e8;
}
.light-theme-color input[type=range]:focus::-ms-fill-upper {
  background: #dfe3e8;
}
.light-theme-color input[type=range]::-webkit-slider-thumb {
  background: #8492a6;
}
.light-theme-color input[type=range]::-moz-range-thumb {
  background: #8492a6;
}
.light-theme-color input[type=range]::-ms-thumb {
  background: #8492a6;
}
.light-theme-color input[type=range]::-webkit-slider-thumb:hover {
  background: #2196f3;
}
.light-theme-color input[type=range]::-moz-range-thumb:hover {
  background: #2196f3;
}
.light-theme-color input[type=range]::-ms-thumb:hover {
  background: #2196f3;
}
.light-theme-color .popover,
.light-theme-color .popover.has-caret:after {
  background: #2196f3;
  color: white;
}
.light-theme-color .form-control--s.checkbox--default input:checked ~ span,
.light-theme-color .form-control--s.checkbox--default input:active ~ span,
.light-theme-color .templateName-text:focus + .hideChildren-child,
.light-theme-color .listingControls .uiIcon:hover,
.light-theme-color .inputGroup-context .mdi.mdi-link {
  color: #2196f3;
}
.light-theme-color .form-control--s.checkbox--default input:checked ~ span .form-control-indicator,
.light-theme-color .form-control--s.checkbox--default input:active ~ span .form-control-indicator {
  box-shadow: none;
  background: #2196f3;
}
.light-theme-color .sq-verticalToolbar-main .button,
.light-theme-color .sq-verticalToolbar-footer .button {
  color: #8492a6;
}
.light-theme-color .sq-verticalToolbar-main .button:hover,
.light-theme-color .sq-verticalToolbar-footer .button:hover,
.light-theme-color .sq-verticalToolbar-main .button.is-active,
.light-theme-color .sq-verticalToolbar-footer .button.is-active {
  color: #2196f3;
}
.light-theme-color .menu-toggle .mdi {
  color: #8492a6;
}
.light-theme-color .menu-toggle .mdi:hover {
  color: #2196f3;
}
.light-theme-color .button.button--flat.button-primary {
  background: #2196f3;
  color: white;
}
.light-theme-color .button.button--flat.button-primary:hover {
  background: #1b7bc7;
}
.light-theme-color .button.button--flat.button-secondary,
.light-theme-color .file-upload-wrapper:before {
  background: #6b7c94;
  color: white;
}
.light-theme-color .button.button--flat.button-secondary:hover,
.light-theme-color .file-upload-wrapper:before:hover {
  background: #506481;
}
.light-theme-color .close-cond-box .button.button--flat.button-secondary {
  background: #fff;
}
.light-theme-color .close-cond-box .button.button--flat.button-secondary:hover,
.light-theme-color .select--title select:hover {
  color: black;
}
.light-theme-color .labelGroup-toggle .lbl-status-link,
.light-theme-color .uiIcon--textarea .svgIcon {
  color: #8492a6;
}
.light-theme-color .labelGroup-toggle .lbl-status-link.is-active,
.light-theme-color .uiIcon--textarea .svgIcon.is-active {
  color: #2196f3;
}
.light-theme-color .labelGroup-toggle .lbl-status-link:hover,
.light-theme-color .uiIcon--textarea .svgIcon:hover {
  color: #2196f3;
}
.light-theme-color .input--default:focus,
.light-theme-color .input--default.change-detected {
  box-shadow: 0 0 0 1px #2196f3;
}
.light-theme-color .uiIcon .input:focus + .svgIcon,
.light-theme-color .uiIcon .textarea:focus + .svgIcon {
  fill: #2196f3;
}
.light-theme-color .sq-panel-content.is-loading-data:before {
  background: #ffffff;
}
.light-theme-color .input--default,
.light-theme-color .textarea--default,
.light-theme-color .select--default select,
.light-theme-color .button--ghost,
.light-theme-color .buttonGroup .button--ghost,
.light-theme-color .buttonGroup div:last-child .button--ghost,
.light-theme-color .ng-select.stax-select,
.light-theme-color .ng-dropdown-panel,
.light-theme-color .file-upload-wrapper:after {
  background: #fdfdfd;
  box-shadow: 0 0 0 1px #c6cdd6;
  color: #3c4858;
}
.light-theme-color .listingControls .input--default:hover,
.light-theme-color .condition-box .select--default:hover select {
  box-shadow: 0 0 0 1px #c6cdd6;
  color: #3c4858;
}
.light-theme-color .ng-select-dropdown-outer .ng-select-dropdown {
  box-shadow: 0 0 0 1px #c6cdd6;
  background: #fff;
}
.light-theme-color .inputGroup-context .mdi,
.light-theme-color .listingControls .uiIcon,
.light-theme-color .sq-layers .gridColumn .drag-marker:before,
.light-theme-color .sq-layers .element-layer .mdi,
.light-theme-color .sq-pMain-item .mdi,
.light-theme-color .separator span {
  color: #8492a6;
}
.light-theme-color .colorpicker-target {
  background-color: #fdfdfd;
  border-color: #c6cdd6;
}
.light-theme-color .button--ghost:hover {
  box-shadow: 0 0 0 1px #95a1b2;
}
.light-theme-color .buttonGroup .button {
  background: #fff;
  box-shadow: 0 0 0 1px #c6cdd6;
  color: #8492a6;
}
.light-theme-color .buttonGroup div.is-active .button,
.light-theme-color .buttonGroup div:last-child.active .button {
  background: #eaecf0;
  color: #3c4858;
}
.light-theme-color .inputGroup .label-status,
.light-theme-color .colorpicker-status,
.light-theme-color .select--s:after,
.light-theme-color .select--xs:after,
.light-theme-color .select--legible:after,
.light-theme-color .missing-on,
.light-theme-color .close-cond-box .button.button-secondary {
  color: #8492a6;
}
.light-theme-color .modal-icon:before,
.light-theme-color .modal-icon:after {
  background: black;
}
.light-theme-color .separator span:before,
.light-theme-color .separator span:after {
  border-color: #dfe3e8;
}
.light-theme-color .property-selector div.is-active .button {
  background: #fff;
  color: #2196f3;
}
.light-theme-color .property-selector .button,
.light-theme-color .ng-select .ng-control,
.light-theme-color .sq-pMain-item:hover .mdi,
.light-theme-color .deleteCustom-item:hover .mdi {
  color: #3c4858;
}
.light-theme-color .sq-pMain-item {
  background-color: #f6f7f9;
}
.light-theme-color .sq-pMain-item:hover {
  box-shadow: 2px 2px 2px rgba(240, 242, 244, 0.6);
  border-color: #e6e9ed;
  background: #fff;
}
.light-theme-color .sq-layers .gridColumn:hover {
  box-shadow: inset 0 0 1px 0 #e4e7eb;
}
.light-theme-color .tpl-preview-status {
  background: #2196f3;
  color: white;
}
.light-theme-color .sq-panel-widget {
  border-color: #f6f7f9;
}
.light-theme-color .sq-panel-header .sq-panel-widget {
  border-color: #dfe3e8;
}
.light-theme-color .listingControls.zone-is-active {
  border-color: #2196f3;
  background: rgba(33, 150, 243, 0.05);
}
.light-theme-color .zone-is-active .listing-text,
.light-theme-color .zone-is-active .mdi-playlist-edit {
  color: #2196f3;
}
.light-theme-color .modal-container {
  background: #fff;
}
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/* Border-Box */
*,
*:before,
*:after {
  box-sizing: inherit;
  /*margin: 0;
  padding: 0;*/
}
html {
  box-sizing: border-box;
}
/* iPad Input Shadows */
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  /* mobile firefox too! */
}
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}
/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}
/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}
/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}
/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
*,
*:before,
*:after {
  margin: 0;
  padding: 0;
}
html {
  font-size: 100%;
  line-height: 1;
}
html,
body {
  height: 100%;
}
body {
  background-color: #fff;
}
img {
  vertical-align: middle;
}
figure {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
small {
  font-size: 100%;
  margin: 0;
  font-weight: normal;
}
html,
body,
input,
button,
select,
textarea {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1;
}
mark {
  background: none;
}
.is-loading:after {
  content: "";
}
.is-loading--xl:after {
  width: 22px;
  height: 22px;
  border-width: 2px;
  margin-top: -11px;
  margin-left: -11px;
}
.is-loading--l:after {
  width: 14px;
  height: 14px;
  border-width: 2px;
  margin-top: -7px;
  margin-left: -7px;
}
.is-loading--m:after {
  width: 14px;
  height: 14px;
  border-width: 2px;
  margin-top: -7px;
  margin-left: -7px;
}
.is-loading--s:after {
  width: 8px;
  height: 8px;
  border-width: 1px;
  margin-top: -4px;
  margin-left: -4px;
}
.pageWrap--s {
  max-width: 720px;
}
.pageWrap--m {
  max-width: 1180px;
}
.pageWrap--l {
  max-width: 1320px;
}
.grid:after,
.grid:before {
  display: table;
  width: 100%;
}
.grid:after {
  clear: both;
}
.grid:after,
.grid:before {
  content: "";
}
.grid--6 > div {
  width: 16.6666%;
}
.grid--xl {
  margin-top: -80px;
  margin-left: -80px;
}
.grid--xl > div {
  padding-top: 80px;
  padding-left: 80px;
}
.grid--l {
  margin-top: -40px;
  margin-left: -40px;
}
.grid--l > div {
  padding-top: 40px;
  padding-left: 40px;
}
.grid--m {
  margin-top: -20px;
  margin-left: -20px;
}
.grid--m > div {
  padding-top: 20px;
  padding-left: 20px;
}
@media only screen and (min-width: 480px) {
  .breakPointS-grid--1 > div {
    width: 100%;
  }
  .breakPointS-grid--2 > div {
    width: 50%;
  }
  .breakPointS-grid--3 > div {
    width: 33.3333%;
  }
  .breakPointS-grid--4 > div {
    width: 25%;
  }
  .breakPointS-grid--5 > div {
    width: 20%;
  }
  .breakPointS-grid--6 > div {
    width: 16.6666%;
  }
  .breakPointS-grid--7-3 > div:first-child {
    width: 70%;
  }
  .breakPointS-grid--7-3 > div:last-child {
    width: 30%;
  }
  .breakPointS-grid--6-4 > div:first-child {
    width: 60%;
  }
  .breakPointS-grid--6-4 > div:last-child {
    width: 40%;
  }
  .breakPointS-grid--xl {
    margin-top: -80px;
    margin-left: -80px;
  }
  .breakPointS-grid--xl > div {
    padding-top: 80px;
    padding-left: 80px;
  }
  .breakPointS-grid--l {
    margin-top: -40px;
    margin-left: -40px;
  }
  .breakPointS-grid--l > div {
    padding-top: 40px;
    padding-left: 40px;
  }
  .breakPointS-grid--m {
    margin-top: -20px;
    margin-left: -20px;
  }
  .breakPointS-grid--m > div {
    padding-top: 20px;
    padding-left: 20px;
  }
}
@media only screen and (min-width: 792px) {
  .breakPointM-grid--1 > div {
    width: 100%;
  }
  .breakPointM-grid--2 > div {
    width: 50%;
  }
  .breakPointM-grid--3 > div {
    width: 33.3333%;
  }
  .breakPointM-grid--4 > div {
    width: 25%;
  }
  .breakPointM-grid--5 > div {
    width: 20%;
  }
  .breakPointM-grid--6 > div {
    width: 16.6666%;
  }
  .breakPointM-grid--7-3 > div:first-child {
    width: 70%;
  }
  .breakPointM-grid--7-3 > div:last-child {
    width: 30%;
  }
  .breakPointM-grid--6-4 > div:first-child {
    width: 60%;
  }
  .breakPointM-grid--6-4 > div:last-child {
    width: 40%;
  }
  .breakPointM-grid--xl {
    margin-top: -80px;
    margin-left: -80px;
  }
  .breakPointM-grid--xl > div {
    padding-top: 80px;
    padding-left: 80px;
  }
  .breakPointM-grid--l {
    margin-top: -40px;
    margin-left: -40px;
  }
  .breakPointM-grid--l > div {
    padding-top: 40px;
    padding-left: 40px;
  }
  .breakPointM-grid--m {
    margin-top: -20px;
    margin-left: -20px;
  }
  .breakPointM-grid--m > div {
    padding-top: 20px;
    padding-left: 20px;
  }
}
@media only screen and (min-width: 1180px) {
  .breakPointL-grid--1 > div {
    width: 100%;
  }
  .breakPointL-grid--2 > div {
    width: 50%;
  }
  .breakPointL-grid--3 > div {
    width: 33.3333%;
  }
  .breakPointL-grid--4 > div {
    width: 25%;
  }
  .breakPointL-grid--5 > div {
    width: 20%;
  }
  .breakPointL-grid--6 > div {
    width: 16.6666%;
  }
  .breakPointL-grid--7-3 > div:first-child {
    width: 70%;
  }
  .breakPointL-grid--7-3 > div:last-child {
    width: 30%;
  }
  .breakPointL-grid--6-4 > div:first-child {
    width: 60%;
  }
  .breakPointL-grid--6-4 > div:last-child {
    width: 40%;
  }
  .breakPointL-grid--xl {
    margin-top: -80px;
    margin-left: -80px;
  }
  .breakPointL-grid--xl > div {
    padding-top: 80px;
    padding-left: 80px;
  }
  .breakPointL-grid--l {
    margin-top: -40px;
    margin-left: -40px;
  }
  .breakPointL-grid--l > div {
    padding-top: 40px;
    padding-left: 40px;
  }
  .breakPointL-grid--m {
    margin-top: -20px;
    margin-left: -20px;
  }
  .breakPointL-grid--m > div {
    padding-top: 20px;
    padding-left: 20px;
  }
}
@media only screen and (min-width: 1320px) {
  .breakPointXL-grid--1 > div {
    width: 100%;
  }
  .breakPointXL-grid--2 > div {
    width: 50%;
  }
  .breakPointXL-grid--3 > div {
    width: 33.3333%;
  }
  .breakPointXL-grid--4 > div {
    width: 25%;
  }
  .breakPointXL-grid--5 > div {
    width: 20%;
  }
  .breakPointXL-grid--6 > div {
    width: 16.6666%;
  }
  .breakPointXL-grid--7-3 > div:first-child {
    width: 70%;
  }
  .breakPointXL-grid--7-3 > div:last-child {
    width: 30%;
  }
  .breakPointXL-grid--6-4 > div:first-child {
    width: 60%;
  }
  .breakPointXL-grid--6-4 > div:last-child {
    width: 40%;
  }
  .breakPointXL-grid--xl {
    margin-top: -80px;
    margin-left: -80px;
  }
  .breakPointXL-grid--xl > div {
    padding-top: 80px;
    padding-left: 80px;
  }
  .breakPointXL-grid--l {
    margin-top: -40px;
    margin-left: -40px;
  }
  .breakPointXL-grid--l > div {
    padding-top: 40px;
    padding-left: 40px;
  }
  .breakPointXL-grid--m {
    margin-top: -20px;
    margin-left: -20px;
  }
  .breakPointXL-grid--m > div {
    padding-top: 20px;
    padding-left: 20px;
  }
}
ng-component {
  display: block;
}
ng-component .grid {
  margin-bottom: 15px;
}
ng-component:after,
ng-component:before {
  display: table;
  width: 100%;
}
ng-component:after {
  clear: both;
}
ng-component:after,
ng-component:before {
  content: "";
}
.sq-panel-widget ng-component:last-child div.grid:last-child {
  margin-bottom: 0;
}
.link:focus {
  outline: thin dotted;
  outline: 1px auto -webkit-focus-ring-color;
  outline-offset: 3px;
}
.link--underline {
  background-size: 2px 2px;
  background-position: 0 100%;
}
.link--light.link--underline {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #c0ccda 50%);
}
.link--light.is-active.link--underline {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #2196f3 50%);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .link--light.link--underline {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 75%, #c0ccda 75%);
  }
  .link--light.is-active.link--underline {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 75%, #2196f3 75%);
  }
}
.link--lightReversed.link--underline {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #8492a6 50%);
}
.link--lightReversed.is-active.link--underline {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #fff 50%);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .link--lightReversed.link--underline {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 75%, #8492a6 75%);
  }
  .link--lightReversed.is-active.link--underline {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 75%, #fff 75%);
  }
}
.link--dark.link--underline {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, #c0ccda 50%);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .link--dark.link--underline {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 75%, #c0ccda 75%);
  }
}
.link--opaque.link--underline {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.4) 50%);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .link--opaque.link--underline {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 75%, rgba(255, 255, 255, 0.4) 75%);
  }
}
.link--opaqueReversed.link--underline {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(255, 255, 255, 0.4) 50%);
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .link--opaqueReversed.link--underline {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 75%, rgba(255, 255, 255, 0.4) 75%);
  }
}
.avatar-img {
  top: -2px;
  left: -2px;
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  border: 2px solid white;
  z-index: 1;
}
.avatar-team {
  bottom: -4px;
  right: -4px;
  border: 2px solid white;
  z-index: 2;
}
.avatar--custom {
  margin-left: -4px;
  font-size: 116px;
  letter-spacing: -4px;
}
.avatar--xl {
  width: 100px;
  height: 100px;
  line-height: 100px;
}
.avatar--xl .avatar-team {
  width: 40px;
  height: 40px;
  bottom: -6px;
  right: -6px;
}
.avatar--l {
  width: 70px;
  height: 70px;
  line-height: 70px;
}
.avatar--l .avatar-team {
  width: 32px;
  height: 32px;
  bottom: -8px;
  right: -8px;
}
.avatar--m {
  width: 54px;
  height: 54px;
  line-height: 54px;
}
.avatar--m .avatar-team {
  width: 24px;
  height: 24px;
}
.avatar--s {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.avatar--s .avatar-team {
  width: 18px;
  height: 18px;
}
.avatar--xs {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.avatar--xs .avatar-team {
  width: 10px;
  height: 10px;
}
.avatar--xxs {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.avatar--xxs .avatar-team {
  width: 8px;
  height: 8px;
}
.input--xl,
.inputGroup--xl .inputGroup-context,
.componentIcon--xl .input {
  padding: 0 20px;
}
.input--l,
.inputGroup--l .inputGroup-context,
.componentIcon--l .input {
  padding: 0 16px;
}
.input--m,
.inputGroup--m .inputGroup-context,
.componentIcon--m .input {
  padding: 0 12px;
}
.input--s,
.inputGroup--s .inputGroup-context,
.componentIcon--s .input {
  padding: 0 9.33333333px;
}
.input--xs,
.inputGroup--xs .inputGroup-context {
  padding: 0 9.33333333px;
}
.input--legible {
  padding: 0 7px;
}
.input--underline {
  box-shadow: inset 0 0 0 0 #e0e6ed, inset 0 0 0 0 #e0e6ed, inset 0 0 0 0 #e0e6ed, inset 0 -1px 0 0 #e0e6ed;
}
.input--underline:hover {
  box-shadow: inset 0 0 0 0 #e0e6ed, inset 0 0 0 0 #e0e6ed, inset 0 0 0 0 #e0e6ed, inset 0 -1px 0 0 #c0ccda;
}
.input--underline:focus {
  box-shadow: inset 0 0 0 0 #e0e6ed, inset 0 0 0 0 #e0e6ed, inset 0 0 0 0 #e0e6ed, inset 0 -1px 0 0 #2196f3;
}
.input--number {
  padding-right: 60px !important;
}
::-webkit-input-placeholder {
  line-height: normal;
}
::-moz-input-placeholder {
  line-height: normal;
}
.inputGroup div:first-child .input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.inputGroup div:last-child .input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.inputGroup div:last-child .inputGroup-context.button--flat:not(.is-loading) {
  background-color: #8492a6;
  color: #fff;
  font-weight: 500;
  box-shadow: none;
}
.intl-tel-input .country-list {
  margin-top: 10px;
}
.intl-tel-input .country-list.dropup {
  margin-bottom: 10px;
}
.intl-tel-input .country-list .country-name {
  margin-right: 5px;
}
.intl-tel-input .selected-flag .arrow {
  right: 10px;
}
.input-tel--xl .intl-tel-input .selected-flag {
  width: 66px;
  padding-left: 20px;
}
.input-tel--xl .intl-tel-input input,
.input-tel--xl .intl-tel-input input[type=text],
.input-tel--xl .intl-tel-input input[type=tel] {
  padding-left: 80px;
}
.input-tel--xl .intl-tel-input .country-list {
  max-height: 285px;
}
.input-tel--xl .intl-tel-input .country-list .country {
  padding: 0 0 0 20px;
}
.input-tel--xl .intl-tel-input .country-list .flag {
  margin-right: 20px;
}
.input-tel--l .intl-tel-input .selected-flag {
  width: 62px;
  padding-left: 16px;
}
.input-tel--l .intl-tel-input input,
.input-tel--l .intl-tel-input input[type=text],
.input-tel--l .intl-tel-input input[type=tel] {
  padding-left: 78px;
}
.input-tel--l .intl-tel-input .country-list .country {
  padding: 0 0 0 16px;
}
.input-tel--l .intl-tel-input .country-list .flag {
  margin-right: 16px;
}
.input-tel--m .intl-tel-input .selected-flag {
  width: 58px;
  padding-left: 12px;
}
.input-tel--m .intl-tel-input input,
.input-tel--m .intl-tel-input input[type=text],
.input-tel--m .intl-tel-input input[type=tel] {
  padding-left: 70px;
}
.input-tel--m .intl-tel-input .country-list .country {
  padding: 0 0 0 12px;
}
.input-tel--m .intl-tel-input .country-list .flag {
  margin-right: 12px;
}
.input-tel--s .intl-tel-input .selected-flag {
  width: 54px;
  padding-left: 8px;
}
.input-tel--s .intl-tel-input input,
.input-tel--s .intl-tel-input input[type=text],
.input-tel--s .intl-tel-input input[type=tel] {
  padding-left: 62px;
}
.input-tel--s .intl-tel-input .country-list .country {
  padding: 0 0 0 8px;
}
.input-tel--s .intl-tel-input .country-list .flag {
  margin-right: 8px;
}
.textarea--xl {
  min-height: 100px;
  padding: 16px 20px;
}
.textarea--l {
  min-height: 100px;
  padding: 14px 16px;
}
.textarea--m {
  min-height: 100px;
  padding: 8px 12px;
}
.textarea--s {
  min-height: 80px;
  padding: 6px 8px;
}
.textarea--xs {
  min-height: 80px;
  padding: 6px 8px;
}
.textarea--growing {
  height: 34px;
  padding: 6px 10px;
}
.textarea--growing:focus {
  height: 140px;
}
.select {
  width: 100%;
  height: auto;
  display: inline-block;
  position: relative;
  top: auto;
  right: auto;
  z-index: auto;
  box-shadow: none;
  cursor: default;
  border-radius: 0;
  text-indent: 0;
  text-align: initial;
  font-weight: 300;
  transition-duration: 80ms;
  transition-property: all;
  transition-timing-function: ease-in-out;
}
.select:after {
  width: auto;
  height: auto;
  background: none;
  background-size: auto;
  position: absolute;
  top: 0;
  right: 0;
  content: '';
  transition: none;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.select--xl select {
  padding: 0 60px 0 20px;
}
.select--l select {
  padding: 0 50px 0 15px;
}
.select--m select {
  padding: 0 34px 0 10px;
}
.select--s select {
  padding: 0 28px 0 8px;
}
.select--xs select {
  padding: 0 28px 0 8px;
}
.select--legible select {
  padding: 0 28px 0 8px;
}
.select:after {
  font: normal normal normal 18px/1 "Material Design Icons";
  content: "\F35D";
}
.select--xl:after {
  width: 36px;
  height: 36px;
  margin-top: 12px;
  margin-right: 12px;
  background-size: 36px 36px;
  background-image: asset-url('../images/icon-dropdown--xl.svg');
}
.select--l:after {
  width: 30px;
  height: 30px;
  margin-top: 10px;
  margin-right: 10px;
  background-size: 30px 30px;
  background-image: asset-url('../images/icon-dropdown--l.svg');
}
.select--m:after {
  width: 24px;
  height: 24px;
  margin-top: 5px;
  margin-right: 5px;
  background-size: 24px 24px;
  background-image: asset-url('../images/icon-dropdown--m.svg');
}
.select--s:after,
.select--xs:after,
.select--legible:after {
  width: 18px;
  height: 18px;
  margin-top: 5px;
  margin-right: 5px;
  background-size: 18px 18px;
}
.select select:focus:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.select select::-ms-expand {
  display: none;
}
@-moz-document url-prefix() {
  .select option {
    background-color: #fff;
  }
}
.select option {
  color: #000;
}
.select-toggle {
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  box-shadow: inset 0 0 0 2px #e0e6ed;
}
.select-toggle--large {
  width: 28px;
  height: 28px;
}
.select-toggle:after {
  transform: scale(0);
  background: asset-url('../images/select-property.svg') center center no-repeat;
  background-size: 100%;
  content: '';
}
.select-toggle.disabled {
  box-shadow: inset 0 0 0 2px #e0e6ed;
  pointer-events: none;
}
.select-toggle.selected,
.popover-select-item.is-active .select-toggle {
  box-shadow: inset 0 0 0 20px #13ce66;
  opacity: 1;
}
.select-toggle.selected:after {
  transform: scale(1);
}
.select-toggle.selected.disabled {
  box-shadow: inset 0 0 0 20px #e0e6ed;
  cursor: default;
}
.select-toggle.inverse {
  box-shadow: inset 0 0 0 20px #13ce66;
}
.select-toggle.inverse:after {
  transform: scale(1);
}
.select-toggle.inverse.selected {
  box-shadow: inset 0 0 0 2px #e0e6ed;
}
.select-toggle.inverse.selected:after {
  transform: scale(0);
}
.select-toggle.is-loading:after {
  background-image: none;
}
.ng-dropdown-panel {
  padding: 5px;
  margin-left: -8px;
}
.ng-select-container.ng-has-value .ng-placeholder {
  display: none;
}
.checkbox-tick {
  transform: scale(0);
}
.form-control input:checked ~ .form-control-indicator {
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0, 0.89, 0.44, 1);
}
.form-control input:active ~ .form-control-indicator {
  transition-property: all;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0, 0.89, 0.44, 1);
}
.checkbox input:checked ~ span .form-control-indicator .checkbox-tick,
.checkbox input:checked ~ .form-control-indicator .checkbox-tick {
  opacity: 100;
  transition-property: all;
  transition-delay: 0;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0, 0.89, 0.44, 1);
  transform: scale(1);
}
.radio input:checked ~ .form-control-indicator .radio-tick {
  opacity: 100;
}
.form-control--s {
  padding-left: 30px;
  line-height: 20px;
}
.form-control--s .form-control-indicator {
  width: 20px;
  height: 20px;
}
.form-control--s .checkbx-tick {
  width: 20px;
  height: 20px;
}
.form-control--s .radio-tick {
  width: 8px;
  height: 8px;
}
.form-control--s input:checked ~ .form-control-indicator {
  box-shadow: inset 0 0 0 10px #13ce66;
}
.form-control--s input:active ~ .form-control-indicator {
  box-shadow: inset 0 0 0 10px #0f9f4f;
}
.form-control--m {
  padding-left: 45px;
  line-height: 30px;
}
.form-control--m .form-control-indicator {
  width: 30px;
  height: 30px;
}
.form-control--m .checkbx-tick {
  width: 30px;
  height: 30px;
}
.form-control--m .radio-tick {
  width: 13px;
  height: 13px;
}
.form-control--m input:checked ~ .form-control-indicator {
  box-shadow: inset 0 0 0 15px #13ce66;
}
.form-control--m input:active ~ .form-control-indicator {
  box-shadow: inset 0 0 0 15px #0f9f4f;
}
/*.form-control--s.checkbox--default input:checked ~ span .form-control-indicator {
    box-shadow: none;
    background-color: #13ce66
}

.form-control--s.checkbox--default input:active ~ span .form-control-indicator {
    box-shadow: none;
    background-color: #0f9f4f
}*/
/*.form-control--s.checkbox--default input:checked ~ span {
    color: #3c4858
}

.form-control--s.checkbox--default input:active ~ span {
    color: #273444
}*/
/*.form-control--s.checkbox--blue input:checked ~ span .form-control-indicator {
    box-shadow: none;
    background-color: #1fb6ff
}

.form-control--s.checkbox--blue input:active ~ span .form-control-indicator {
    box-shadow: none;
    background-color: #009eeb
}

.form-control--s.checkbox--blue input:checked ~ span {
    color: #1fb6ff
}

.form-control--s.checkbox--blue input:active ~ span {
    color: #009eeb
}*/
/*.form-control--m.checkbox--default input:checked ~ span .form-control-indicator {
    box-shadow: none;
    background-color: #13ce66
}

.form-control--m.checkbox--default input:active ~ span .form-control-indicator {
    box-shadow: none;
    background-color: #0f9f4f
}*/
/*.form-control--m.checkbox--default input:checked ~ span {
    color: #3c4858
}

.form-control--m.checkbox--default input:active ~ span {
    color: #273444
}*/
/*
.form-control--m.checkbox--blue input:checked ~ span .form-control-indicator {
    box-shadow: none;
    background-color: #1fb6ff
}

.form-control--m.checkbox--blue input:active ~ span .form-control-indicator {
    box-shadow: none;
    background-color: #009eeb
}

.form-control--m.checkbox--blue input:checked ~ span {
    color: #1fb6ff
}

.form-control--m.checkbox--blue input:active ~ span {
    color: #009eeb
}*/
.button {
  box-sizing: border-box;
}
.button--xl,
.componentIcon--xl .button {
  min-width: 60px;
  padding: 0 30px;
}
.button--l,
.componentIcon--l .button {
  min-width: 50px;
  padding: 0 25px;
}
.button--m,
.button--responsive,
.componentIcon--m .button {
  min-width: 34px;
  padding: 0 17px;
}
.button--s,
.componentIcon--s .button {
  min-width: 28px;
  padding: 0 14px;
}
.button--xs {
  min-width: 28px;
  padding: 0 14px;
}
.button--legible {
  min-width: 28px;
  padding: 0 14px;
}
/*.button--ghost.is-reversed {
    &:extend(.c-white);
    &:extend(.c-black--hover);
    &:extend(.boxShadow-white--transparent);
    &:extend(.boxShadow-none--hover);
}*/
.buttonGroup {
  display: flex;
}
.buttonGroup > div {
  flex-grow: 1;
}
.buttonGroup .button {
  background: transparent;
  width: 100%;
}
/*.buttonGroup div:hover .button {
    &:extend(.bg-smoke);
    &:extend(.boxShadow-none);
}*/
.buttonGroup div:not(:last-child) .button:hover:before,
.buttonGroup div.is-active:not(:last-child) .button:before {
  top: 0;
  right: -1px;
  bottom: 0;
  width: 1px;
  content: "";
  z-index: 1;
}
@media only screen and (min-width: 792px) {
}
.button.is-disabled,
.inputGroup-context.button.is-loading {
  opacity: 0.4;
}
.button--xl:after {
  margin: 0;
  transform: translate(0);
  top: 19px;
  left: 19px;
  border-width: 2px;
  width: 22px;
  height: 22px;
}
.button--xl.is-loading {
  padding-left: 60px;
}
.button--l:after {
  margin: 0;
  transform: translate(0);
  top: 18px;
  left: 18px;
  border-width: 2px;
  width: 14px;
  height: 14px;
}
.button--l.is-loading {
  padding-left: 50px;
}
.button--m:after {
  margin: 0;
  transform: translate(0);
  top: 10px;
  left: 10px;
  border-width: 2px;
  width: 14px;
  height: 14px;
}
.button--m.is-loading {
  padding-left: 34px;
}
.button--s:after {
  margin: 0;
  transform: translate(0);
  top: 10px;
  left: 10px;
  border-width: 1px;
  width: 8px;
  height: 8px;
}
.button--s.is-loading {
  padding-left: 28px;
}
.button--xs:after {
  margin: 0;
  transform: translate(0);
  top: 10px;
  left: 10px;
}
.button--xs.is-loading {
  padding-left: 28px;
}
.button--legible:after {
  margin: 0;
  transform: translate(0);
  top: 10px;
  left: 10px;
}
.button--legible.is-loading {
  padding-left: 28px;
}
.button--responsive:after {
  margin: 0;
  transform: translate(0);
  top: 10px;
  left: 10px;
}
.button--responsive.is-loading {
  padding-left: 34px;
}
@media only screen and (min-width: 480px) {
  .button--responsive {
    height: 50px;
    line-height: 50px;
    padding: 0 25px;
  }
  .button--responsive:after {
    width: 14px;
    height: 14px;
    border-width: 2px;
    transform: translate(0);
    top: 18px;
    left: 18px;
  }
  .button--responsive.is-loading {
    padding-left: 50px;
  }
}
.button.is-sad {
  transition-property: background-color, padding, color;
}
.button.is-sad:before {
  content: "";
}
.button.is-sad:before {
  transform: translateX(-30px);
}
.button.is-sad:hover:before {
  transform: translateX(0);
}
.button--xl.is-sad:before {
  width: 60px;
  height: 60px;
  background-image: url('../images/icon-sad--xl.svg');
}
.button--xl.is-sad:hover {
  padding-left: 60px;
}
.button--l.is-sad:before {
  width: 50px;
  height: 50px;
  background-image: url('../images/icon-sad--l.svg');
}
.button--l.is-sad:hover {
  padding-left: 50px;
}
.button--m.is-sad:before {
  width: 34px;
  height: 34px;
  background-image: url('../images/icon-sad--m.svg');
}
.button--m.is-sad:hover {
  padding-left: 34px;
}
.button--s.is-sad:before {
  width: 28px;
  height: 28px;
  background-image: url('../images/icon-sad--s.svg');
}
.button--s.is-sad:hover {
  padding-left: 28px;
}
.button--xs.is-sad:before {
  width: 28px;
  height: 28px;
  background-image: url('../images/icon-sad--s.svg');
}
.button--xs.is-sad:hover {
  padding-left: 28px;
}
@media only screen and (min-width: 792px) {
}
.button--stateful {
  transition-duration: 700ms;
  transition-property: background-color, padding, color;
}
.button--stateful:before {
  top: 50%;
  left: 50%;
  content: "";
  transform: scale(0);
}
.button--stateful span {
  transition-property: opacity, transform;
}
.button--stateful.has-responded span {
  transform: translateY(40px);
}
.button--stateful.has-responded:before {
  transform: scale(1);
}
.button--xl.button--stateful:before {
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-left: -30px;
}
.button--l.button--stateful:before {
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
}
.button--m.button--stateful:before {
  width: 34px;
  height: 34px;
  margin-top: -17px;
  margin-left: -17px;
}
.button--s.button--stateful:before {
  width: 28px;
  height: 28px;
  margin-top: -14px;
  margin-left: -14px;
}
.button--xs.button--stateful:before {
  width: 28px;
  height: 28px;
  margin-top: -14px;
  margin-left: -14px;
}
.button--xl.has-succeeded:before {
  background-image: url('../images/icon-success--xl.svg');
}
.button--l.has-succeeded:before {
  background-image: url('../images/icon-success--l.svg');
}
.button--m.has-succeeded:before {
  background-image: url('../images/icon-success--m.svg');
}
.button--s.has-succeeded:before {
  background-image: url('../images/icon-success--s.svg');
}
.button--xs.has-succeeded:before {
  background-image: url('../images/icon-success--s.svg');
}
.button--xl.has-failed:before {
  background-image: url('../images/icon-sad--xl.svg');
}
.button--l.has-failed:before {
  background-image: url('../images/icon-sad--l.svg');
}
.button--m.has-failed:before {
  background-image: url('../images/icon-sad--m.svg');
}
.button--s.has-failed:before {
  background-image: url('../images/icon-sad--s.svg');
}
.button--xs.has-failed:before {
  background-image: url('../images/icon-sad--s.svg');
}
.button.button--flat.button-secondary {
  background: #8492a6;
  color: #fff;
}
.button.button--flat.button-primary {
  background: #3c4858;
  color: #fff;
}
.button.button--flat.button-error {
  background: #ff4949;
  color: #fff;
}
.button.button--flat.button-pro {
  background: #f54ea1;
  background: -moz-linear-gradient(-45deg, #f54ea1 0%, #ff7676 100%);
  background: -webkit-linear-gradient(-45deg, #f54ea1 0%, #ff7676 100%);
  background: -o-linear-gradient(-45deg, #f54ea1 0%, #ff7676 100%);
  background: -ms-linear-gradient(-45deg, #f54ea1 0%, #ff7676 100%);
  background: linear-gradient(135deg, #f54ea1 0%, #ff7676 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f54ea1', endColorstr='#ff7676', GradientType=1);
  color: #fff;
}
.uiIcon--textarea {
  height: auto;
}
.uiIcon--xl .input,
.uiIcon--xl .button,
.uiIcon--xl .textarea,
.uiIcon--xl select {
  padding-left: 58px;
}
.uiIcon--l .input,
.uiIcon--l .button,
.uiIcon--l .textarea,
.uiIcon--l select {
  padding-left: 48px;
}
.uiIcon--m .input,
.uiIcon--m .button,
.uiIcon--m .textarea,
.uiIcon--m select {
  padding-left: 32px;
}
.uiIcon--s .input,
.uiIcon--s .button,
.uiIcon--s .textarea,
.uiIcon--s select {
  padding-left: 26px;
}
.uiIcon--xl .svgIcon {
  margin-top: 12px;
  margin-left: 12px;
}
.uiIcon--l .svgIcon {
  margin-top: 10px;
  margin-left: 10px;
}
.uiIcon--m .svgIcon {
  margin-top: 5px;
  margin-left: 5px;
}
.uiIcon--s .svgIcon {
  margin-top: 5px;
  margin-left: 5px;
}
.uiIcon.is-loading:after {
  border-right-color: transparent;
}
.uiIcon--xl:after {
  margin: 0;
  transform: translate(0);
  top: 19px;
  left: 19px;
}
.uiIcon--l:after {
  margin: 0;
  transform: translate(0);
  top: 18px;
  left: 18px;
}
.uiIcon--m:after {
  margin: 0;
  transform: translate(0);
  top: 10px;
  left: 10px;
}
.uiIcon--s:after {
  margin: 0;
  transform: translate(0);
  top: 10px;
  left: 10px;
}
.componentIcon--input .input,
.componentIcon--input .textarea {
  box-shadow: inset 0 1px 0 0 #e0e6ed, inset -1px 0 0 #e0e6ed, inset 0 -1px 0 0 #e0e6ed;
}
.componentIcon--input .componentIconContainer {
  box-shadow: inset 0 1px 0 0 #e0e6ed, inset 0 -1px 0 0 #e0e6ed, inset 1px 0 0 #e0e6ed;
}
.componentIcon--input:hover .input,
.componentIcon--input:hover .textarea {
  box-shadow: inset 0 1px 0 0 #c0ccda, inset -1px 0 0 #c0ccda, inset 0 -1px 0 0 #c0ccda;
}
.componentIcon--input:hover .componentIconContainer {
  box-shadow: inset 0 1px 0 0 #c0ccda, inset 0 -1px 0 0 #c0ccda, inset 1px 0 0 #c0ccda;
}
.componentIcon--input .input:focus,
.componentIcon--input .textarea:focus {
  box-shadow: inset 0 1px 0 0 #2196f3, inset -1px 0 0 #2196f3, inset 0 -1px 0 0 #2196f3;
}
.componentIcon--input .input:focus + .componentIconContainer,
.componentIcon--input .textarea:focus + .componentIconContainer {
  box-shadow: inset 0 1px 0 0 #2196f3, inset 0 -1px 0 0 #2196f3, inset 1px 0 0 #2196f3;
}
.componentIcon--s .button {
  padding-left: 10px;
  padding-right: 10px;
}
.componentIcon--s .input {
  padding-left: 9px;
  padding-right: 10px;
}
.componentIcon--input.componentIcon--s .componentIconContainer {
  padding-left: 11px;
}
.componentIcon--s:not(.componentIcon--input) .componentIconContainer {
  margin-right: 9px;
}
.componentIcon--m .button {
  padding-left: 12px;
  padding-right: 12px;
}
.componentIcon--m .input {
  padding-left: 11px;
  padding-right: 12px;
}
.componentIcon--input.componentIcon--m .componentIconContainer {
  padding-left: 13px;
}
.componentIcon--m:not(.componentIcon--input) .componentIconContainer {
  margin-right: 11px;
}
.componentIcon--l .button {
  padding-left: 18px;
  padding-right: 18px;
}
.componentIcon--l .input {
  padding-left: 17px;
  padding-right: 18px;
}
.componentIcon--input.componentIcon--l .componentIconContainer {
  padding-left: 19px;
}
.componentIcon--l:not(.componentIcon--input) .componentIconContainer {
  margin-right: 17px;
}
.componentIcon--xl .button {
  padding-left: 24px;
  padding-right: 24px;
}
.componentIcon--xl .input {
  padding-left: 23px;
  padding-right: 24px;
}
.componentIcon--input.componentIcon--xl .componentIconContainer {
  padding-left: 25px;
}
.componentIcon--xl:not(.componentIcon--input) .componentIconContainer {
  margin-right: 23px;
}
.scrollbar::-webkit-scrollbar {
  width: 4px;
  position: relative;
  right: 2px;
}
.scrollbar::-webkit-scrollbar-track {
  background: transparent;
}
.scrollbar::-webkit-scrollbar-thumb {
  background: #8492a6;
}
pre {
  line-height: 22px;
  font-size: 13px;
  color: #93a1a1;
}
code {
  font-family: "Menlo", "Monaco", Courier, monospace;
}
.table {
  max-width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td {
  border-top: 1px solid #e0e6ed;
}
.table thead > tr:first-child > th {
  border-top: 0;
}
.popover {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s;
}
.popover.has-caret:after {
  width: 14px;
  height: 14px;
  content: "";
  transform: rotate(45deg);
}
.popover.is-visible {
  opacity: 1;
  visibility: visible;
}
.popover-trigger:hover .popover--top.has-animation.popover {
  -webkit-transform: translateX(-50%) translateY(0) scale(1);
  transform: translateX(-50%) translateY(0) scale(1);
}
.popover-trigger:hover .popover--top.popover--leftAligned.popover {
  -webkit-transform: translateX(0) translateY(0) scale(1);
  transform: translateX(0) translateY(0) scale(1);
}
.popover-trigger:hover .popover--top.popover--rightAligned.popover {
  -webkit-transform: translateX(0) translateY(0) scale(1);
  transform: translateX(0) translateY(0) scale(1);
}
.popover--s {
  width: 200px;
}
.popover--m {
  width: 300px;
}
.popover--l {
  width: 400px;
}
.popover--horizontallyCentered,
.popover--top,
.popover--bottom {
  left: 50%;
  transform: translateX(-50%);
}
.popover--horizontallyCentered:after {
  margin-left: -7px;
  left: 50%;
}
.popover--verticallyCentered,
.popover--right,
.popover--left {
  top: 50%;
  transform: translateY(-50%);
}
.popover--verticallyCentered:after {
  margin-top: -7px;
  top: 50%;
}
.popover--top {
  bottom: 100%;
  /*&.popover--dark,
    &.popover--dark.has-caret:after {
        background-color: @black;
        color: @white;
    }*/
}
.popover--top.popover--s:after {
  margin-left: -4px;
}
.popover--top.popover--s.has-caret:after {
  bottom: -3px;
}
.popover--top.popover--s.popover--leftAligned.has-caret:after {
  left: 16px;
}
.popover--top.popover--s.popover--rightAligned .has-caret:after {
  left: auto;
  right: 16px;
}
.popover--top.popover--m:after {
  margin-left: -6px;
}
.popover--top.popover--m.has-caret:after {
  bottom: -6px;
}
.popover--top.popover--m.popover--leftAligned.has-caret:after {
  left: 20px;
}
.popover--top.popover--m.popover--rightAligned .has-caret:after {
  left: auto;
  right: 20px;
}
.popover--top.popover--l:after {
  margin-left: -7px;
}
.popover--top.popover--l.has-caret:after {
  bottom: -5px;
}
.popover--top.popover--l.popover--leftAligned.has-caret:after {
  left: 24px;
}
.popover--top.popover--l.popover--rightAligned .has-caret:after {
  left: auto;
  right: 24px;
}
.popover--top:after {
  left: 50%;
}
.popover--top.popover--default.has-caret:after {
  box-shadow: 1px 1px 0 0 rgba(31, 45, 61, 0.15);
}
.popover--top.has-animation {
  transition-duration: 0.3s;
  -webkit-transform: translateX(-50%) translateY(20px) scale(0.8);
  transform: translateX(-50%) translateY(20px) scale(0.8);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
.popover--top.has-animation.is-visible {
  -webkit-transform: translateX(-50%) translateY(0) scale(1);
  transform: translateX(-50%) translateY(0) scale(1);
}
.popover--top.popover--leftAligned {
  left: 0;
  -webkit-transform: translateX(0) translateY(20px) scale(0.8);
  transform: translateX(0) translateY(20px) scale(0.8);
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
.popover--top.popover--leftAligned.is-visible {
  -webkit-transform: translateX(0) translateY(0) scale(1);
  transform: translateX(0) translateY(0) scale(1);
}
.popover--top.popover--rightAligned {
  right: 0;
  left: auto;
  -webkit-transform: translateX(0) translateY(20px) scale(0.8);
  transform: translateX(0) translateY(20px) scale(0.8);
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
}
.popover--top.popover--rightAligned.is-visible {
  -webkit-transform: translateX(0) translateY(0) scale(1);
  transform: translateX(0) translateY(0) scale(1);
}
.popover--top.has-caret:after {
  bottom: -6px;
}
.popover--bottom {
  top: 100%;
}
.popover--bottom:after {
  left: 50%;
}
.popover--bottom.has-caret:after {
  top: -6px;
}
.popover--right {
  left: 100%;
}
.popover--right.has-caret:after {
  left: -6px;
  top: calc(50% - 6px);
}
.popover--left {
  right: 100%;
}
.popover--left.has-caret:after {
  right: -6px;
  top: calc(50% - 6px);
}
.popover-separator {
  height: 1px;
}
.popover-block {
  width: 140px;
}
.popover-block-icon {
  width: 50px;
  height: 50px;
}
.popover--s .popover-select-title,
.popover--s .popover-select-subtitle {
  max-width: 130px;
}
.popover--m .popover-select-title,
.popover--m .popover-select-subtitle {
  max-width: 180px;
}
.mdi[data-description] {
  position: relative;
  margin-left: 2px;
}
.mdi[data-description]:before {
  transform: scale(1.3);
}
.mdi[data-description]:after {
  content: attr(data-description);
  position: absolute;
  z-index: 1;
  bottom: calc(100% + 30px);
  left: 0;
  display: none;
  opacity: 0;
  background: #2196f3;
  color: white;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 4px 6px;
  min-width: 110px;
}
.mdi[data-description]:hover:after {
  display: inline-flex;
  animation: fade 0.4s ease-in-out 0.1s both;
}
.mdi.is-scaled {
  margin-left: 5px;
}
.mdi.is-scaled:before {
  transform: scale(1.3);
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.modal {
  transform: scale(0.5);
  opacity: 0;
  visibility: hidden;
}
/*.modal:not(.modal--borderless) {
    &:extend(.padding-m);
    &:extend(.bg-white);
    &:extend(.borderWidth-1);
    &:extend(.borderStyle-solid);
    &:extend(.borderColor-smoke);
    &:extend(.borderRadius-l);

    &:extend(.boxShadow-distant);
    &:extend(.breakPointS-padding-l);
}*/
.modal--s {
  max-width: 500px;
}
.modal--m {
  max-width: 800px;
}
.modal-image,
.modal-icon-wrapper {
  opacity: 0;
  visibility: hidden;
}
.modal-icon {
  top: 15px;
}
.modal-icon:not(.modal-icon--s) {
  width: 40px;
  height: 40px;
}
.modal-icon--s {
  width: 30px;
  height: 30px;
}
.modal-iconClose {
  right: 15px;
}
.modal-iconBack {
  left: 15px;
}
@media only screen and (min-width: 792px) {
  .modal-icon:not(.modal-icon--s).modal-iconClose:not(.modal-iconClose--outside) {
    top: -40px;
    right: -50px;
  }
  .modal-icon:not(.modal-icon--s).modal-iconBack:not(.modal-iconBack--outside) {
    top: -40px;
    left: -50px;
  }
  .modal-icon--s.modal-iconClose:not(.modal-iconClose--outside) {
    top: -30px;
    right: -40px;
  }
  .modal-icon--s.modal-iconBack:not(.modal-iconBack--outside) {
    top: -30px;
    left: -40px;
  }
  .modal-iconClose--outside {
    top: 30px;
    right: 40px;
  }
  .modal-iconBack--outside {
    top: 30px;
    left: 40px;
  }
}
.modal-iconClose:before,
.modal-iconClose:after {
  content: "";
  border-radius: 2px;
}
.modal-icon:not(.modal-icon--s).modal-iconClose:before,
.modal-icon:not(.modal-icon--s).modal-iconClose:after {
  width: 16px;
  height: 2px;
  margin: -1px 0 0 -8px;
}
.modal-icon--s.modal-iconClose:before,
.modal-icon--s.modal-iconClose:after {
  width: 12px;
  height: 2px;
  margin: -1px 0 0 -6px;
}
.modal-iconClose:before {
  transform: rotate(45deg);
}
.modal-iconClose:after {
  transform: rotate(-45deg);
}
.modal-iconBack:before,
.modal-iconBack:after {
  content: "";
  border-radius: 2px;
}
.modal-iconBack:before {
  left: 50%;
  transform: rotate(45deg);
}
.modal-iconBack:after {
  left: 50%;
  transform: rotate(-45deg);
}
.modal-icon:not(.modal-icon--s).modal-iconBack:before,
.modal-icon:not(.modal-icon--s).modal-iconBack:after {
  width: 10px;
  height: 2px;
}
.modal-icon:not(.modal-icon--s).modal-iconBack:before {
  top: auto;
  bottom: 16px;
  margin-left: -7px;
}
.modal-icon:not(.modal-icon--s).modal-iconBack:after {
  top: 16px;
  margin-left: -7px;
}
.modal-icon--s.modal-iconBack:before,
.modal-icon--s.modal-iconBack:after {
  width: 9px;
  height: 2px;
}
.modal-icon--s.modal-iconBack:before {
  top: auto;
  bottom: 11px;
  margin-left: -6px;
}
.modal-icon--s.modal-iconBack:after {
  top: 11px;
  margin-left: -6px;
}
.modal-subtext {
  opacity: 0;
  visibility: hidden;
}
.modal-subtext--after {
  transform: translateY(30px);
}
.modal-subtext--before {
  transform: translateY(-30px);
}
.modal-overlay,
.overlay {
  opacity: 0;
  visibility: hidden;
}
.modal-overlay.is-active,
.overlay.activated {
  opacity: 1;
  visibility: visible;
  -webkit-overflow-scrolling: touch;
}
.modal-overlay.is-active > div:not(.concealed) .modal,
.overlay.activated > div:not(.concealed) .modal {
  transform: scale(1);
  visibility: visible;
  opacity: 1;
  transition-property: all;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.modal-overlay.is-active > div:not(.concealed) .modal-subtext,
.overlay.activated > div:not(.concealed) .modal-subtext {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
  transition-property: all;
  transition-delay: 150ms;
  transition-duration: 500ms;
  transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}
.modal-overlay.is-active > div:not(.concealed) .modal-image,
.overlay.activated > div:not(.concealed) .modal-image,
.modal-overlay.is-active > div:not(.concealed) .modal-icon-wrapper,
.overlay.activated > div:not(.concealed) .modal-icon-wrapper {
  visibility: visible;
  opacity: 1;
  transition-property: all;
  transition-delay: 300ms;
  transition-duration: 500ms;
  transition-timing-function: ease-in-out;
}
.info-message {
  background-image: asset-url('../images/upgrade-message.png');
}
.antiscroll-scrollbar {
  background: #1f2d3d;
  background: rgba(0, 0, 0, 0.4);
  transition: opacity 300ms linear;
}
.antiscroll-scrollbar-shown {
  opacity: 1;
}
.antiscroll-scrollbar-horizontal {
  height: 4px;
  margin-left: 2px;
  bottom: 2px;
  left: 0;
}
.antiscroll-scrollbar-vertical {
  top: 0;
  right: 2px;
  width: 4px;
  margin-top: 2px;
}
/** A bug in Chrome 25 on Lion requires each selector to have their own
    blocks. E.g. the following:
    .antiscroll-inner::-webkit-scrollbar, .antiscroll-inner::scrollbar {...}
    causes the width and height rules to be ignored by the browser resulting
    in both native and antiscroll scrollbars appearing at the same time.
 */
.antiscroll-inner::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.antiscroll-inner::scrollbar {
  width: 0;
  height: 0;
}
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  position: relative;
  top: 3px;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #8492a6;
  cursor: pointer;
  margin-top: -5px;
  transition: all 0.2s;
}
input[type=range]::-webkit-slider-thumb:hover {
  transform: scale(1.2);
}
input[type=range]::-moz-range-thumb {
  border: none;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #8492a6;
  cursor: pointer;
  transition: all 0.2s;
}
input[type=range]::-moz-range-thumb:hover {
  transform: scale(1.2);
}
/* All the same stuff for IE */
input[type=range]::-ms-thumb {
  border: none;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background: #8492a6;
  cursor: pointer;
  transition: all 0.2s;
}
input[type=range]::-ms-thumb:hover {
  transform: scale(1.2);
}
input[type=range]:hover::-webkit-slider-thumb,
input[type=range]:hover::-moz-range-thumb {
  transform: scale(1.2);
}
input[type=range]:focus::-webkit-slider-thumb,
input[type=range]:focus::-moz-range-thumb {
  transform: scale(1.2);
  background: #1f2d3d;
  cursor: grab;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #e0e6ed;
  border-radius: 10px;
  border: none;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #e0e6ed;
  border-radius: 10px;
  border: none;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #e0e6ed;
  border: none;
  border-radius: 10px;
}
input[type=range]:focus::-ms-fill-lower {
  background: #e0e6ed;
}
input[type=range]::-ms-fill-upper {
  background: #e0e6ed;
  border: none;
  border-radius: 10px;
}
input[type=range]:focus::-ms-fill-upper {
  background: #e0e6ed;
}
.progress-bar,
.progress-bar-inner {
  height: 6px;
  border-radius: 3px;
}
.divider {
  position: relative;
  overflow: hidden;
}
.divider:before,
.divider:after {
  background-color: #e0e6ed;
  position: absolute;
  height: 1px;
  content: "";
  top: 50%;
  width: 100%;
}
.divider:before {
  left: -70px;
}
.divider:after {
  right: -70px;
}
.divider-with-text:before,
.divider-with-text:after {
  height: 1px;
  content: "";
  top: 50%;
}
.divider-with-text--mobile:before,
.divider-with-text--mobile:after {
  width: 30px;
}
.divider-with-text--mobile:before {
  left: -40px;
}
.divider-with-text--mobile:after {
  right: -40px;
}
@media only screen and (min-width: 480px) {
  .divider-with-text:before,
  .divider-with-text:after {
    width: 30px;
  }
  .divider-with-text:before {
    left: -40px;
  }
  .divider-with-text:after {
    right: -40px;
  }
}
@media only screen and (min-width: 792px) {
  .divider-with-text:before,
  .divider-with-text:after {
    width: 50px;
  }
  .divider-with-text:before {
    left: -70px;
  }
  .divider-with-text:after {
    right: -70px;
  }
}
.separator {
  line-height: 1;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  overflow: hidden;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.separator.align-left {
  text-align: left;
}
.separator.align-right {
  text-align: right;
}
.separator span {
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  position: relative;
}
.separator.no-border span:before,
.separator.no-border span:after {
  border-color: transparent;
}
.separator span:before,
.separator span:after {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  content: "";
  position: absolute;
  top: 50%;
  width: 1000%;
  margin-top: 0;
}
.separator span:before {
  right: 100%;
  margin-right: 15px;
}
.separator span:after {
  left: 100%;
  margin-left: 15px;
}
.separator.no-label {
  padding-left: 0;
  padding-right: 0;
}
.separator.no-label span {
  min-height: 10px;
  min-width: 30px;
}
.separator.no-label span:before {
  right: auto;
}
.sq-editor,
.sq-frame {
  height: 100%;
  width: 100%;
}
.sq-editor-wrapp {
  height: 100%;
  padding: 0;
  overflow: hidden;
  transition: width 0.3s ease, padding 0.3s ease 0.1s;
  width: calc(100% - 1px);
}
.sq-editor-wrapp.hb-mobile-view,
.sq-editor-wrapp.hb-tablet-view {
  overflow: hidden;
}
.sq-editor-wrapp.hb-mobile-view .sq-editor-frame {
  width: 375px;
  height: 667px;
  margin: 0 auto;
  margin-top: 90px;
  margin-bottom: 30px;
  box-shadow: 0 2px 36px 0 rgba(0, 0, 0, 0.16);
}
.sq-editor-wrapp.hb-tablet-view .sq-editor-frame {
  width: 792px;
  margin: 0 auto;
  margin-bottom: 30px;
  box-shadow: 0 2px 36px 0 rgba(0, 0, 0, 0.16);
}
.sq-editor-wrapp.hb-desktop-view .sq-editor-frame {
  overflow-y: hidden;
}
.sq-editor-wrapp.hb-desktop-view .sq-editor-frame .sq-frame {
  min-width: 1200px;
}
.sq-editor-wrapp.hb-desktop-view .sq-editor-frame .device-icon {
  display: none;
}
.saved-general:before,
.unsaved-general:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 5px;
}
.saved-general:before {
  background-color: #0f9f4f;
}
.unsaved-general:before {
  background-color: #ff1616;
  background-image: linear-gradient(45deg, #FF7676 0%, #F54EA2 100%);
}
.unsaved-general a {
  transition: all 0.3s;
}
.sq-editor-frame {
  margin: 0 auto;
  height: 100%;
  width: 100%;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out;
}
.sq-editor-frame.sq-pinElement-is-active {
  height: calc(100% - 78px);
}
.sq-editor-wrapp:not(.hb-desktop-view) .sq-editor-frame {
  border-radius: 30px;
  border-style: solid;
  border-width: 40px 10px 70px;
  position: relative;
}
.sq-editor-panel {
  width: 378px;
  height: 100%;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.06);
  position: fixed;
  top: 0;
  right: -338px;
  z-index: 9999991;
  transition: right 0.3s ease;
}
.sq-editor-wrapp {
  width: calc(100% - 40px);
}
.sq-editor-wrapp.hb-settings-is-open {
  width: calc(100% - 378px);
  position: relative;
}
.sq-editor-wrapp.hb-settings-is-open .sq-editor-panel {
  right: 0;
}
.sq-panel {
  height: 100%;
}
.sq-panel-toolbar {
  width: 40px;
  text-align: center;
  height: 100%;
  float: left;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.sq-panel-toolbar hr {
  border: none;
}
.sq-panel-toolbar hr:before,
.sq-panel-toolbar hr:after {
  display: block;
  content: "";
  height: 1px;
  width: 100%;
}
.property-selector {
  padding-top: 10px;
  margin-bottom: 10px;
}
.property-selector .buttonGroup > div:first-child .button {
  border-radius: 0;
}
.property-selector .buttonGroup > div .button {
  box-shadow: none;
  border-radius: 0;
}
.property-selector .button {
  border-radius: 0;
  border: 0;
  box-shadow: none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 10px;
  background: transparent;
  height: 38px;
  line-height: 38px;
}
.property-selector .button .mdi {
  vertical-align: sub;
}
.property-selector .button .mdi:before,
.property-selector .button .mdi-set {
  line-height: normal;
}
.property-selector .buttonGroup > div .button {
  background: transparent;
}
.property-selector div.is-active .button {
  box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.02);
}
.property-selector .buttonGroup {
  box-shadow: inset 0px -2px 2px rgba(0, 0, 0, 0.02);
}
.sq-panel-toolbar .uiIcon {
  padding: 0;
  display: block;
  text-align: center;
  height: 43px;
  line-height: 44px;
}
.sq-panel-toolbar .uiIcon.is-offline {
  animation: opacityPulse 1s ease-out;
  animation-iteration-count: infinite;
  opacity: 1;
  color: red;
}
.sq-panel-toolbar .uiIcon.is-online {
  color: #4caf50;
  opacity: 1;
}
@-webkit-keyframes pulsate {
  0% {
    -webkit-transform: scale(0.7, 0.7);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.1, 1.1);
    opacity: 0;
  }
}
@keyframes pulsate {
  0% {
    -webkit-transform: scale(0.7, 0.7);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.1, 1.1);
    opacity: 0;
  }
}
@-webkit-keyframes opacityPulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes opacityPulse {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.sq-panel-toolbar .button {
  box-shadow: none;
}
.sq-verticalToolbar-header {
  height: 60px;
}
.sq-verticalToolbar-main {
  flex: 1;
}
.sq-verticalToolbar-main .button.add-new-section {
  border-radius: 0;
}
.sq-verticalToolbar-main .button .mdi {
  pointer-events: none;
}
.sq-verticalToolbar-main .mdi-file-document {
  color: red !important;
}
.sq-verticalToolbar-main .change-res-buttons .button.is-active,
.sq-verticalToolbar-main .change-res-buttons .button:hover {
  color: #2196f3;
}
.sq-verticalToolbar-footer {
  padding-bottom: 10px;
}
.button.is-disabled,
.inputGroup-context.button.is-loading {
  background: transparent;
}
.button.is-disabled .mdi:before {
  opacity: 0.5;
}
.sq-panel-content {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  height: 100%;
  position: relative;
  background: #fff;
  font-size: 13px;
}
.sq-panel-content .loading-panel.mdi-loading {
  display: none;
}
.sq-panel-content.is-loading-data:before {
  display: block;
  content: "";
  position: absolute;
  top: 60px;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index: 100;
  transition: background-color 0.2s;
}
.sq-panel-content.is-loading-data .loading-panel.mdi-loading {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 110;
  transform: translate(-12px, -12px);
}
.sq-panel-content.is-loading-data .loading-panel.mdi-loading.mdi-spin:before {
  -webkit-animation: mdi-spin 0.8s infinite linear;
  animation: mdi-spin 0.8s infinite linear;
}
.sq-panel-widget {
  position: relative;
  border-bottom-style: solid;
  border-bottom-width: 5px;
}
.sq-panel-widget.widget-visible .sq-pWidget-content {
  transform: translate(0, 0);
  opacity: 1;
}
.sq-panel-header .sq-panel-widget {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.sq-panel-widget .gridColumn .popover--leftAligned {
  margin-left: -10px;
}
.sq-panel-widget .pro-feature {
  float: right;
  padding: 3px 7px;
  color: #fff;
  display: inline-block;
  border-radius: 2px;
  text-decoration: none;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 1px;
  margin-top: -4px;
  background: #f54ea1;
  background: -moz-linear-gradient(-45deg, #f54ea1 0%, #ff7676 100%);
  background: -webkit-linear-gradient(-45deg, #f54ea1 0%, #ff7676 100%);
  background: -o-linear-gradient(-45deg, #f54ea1 0%, #ff7676 100%);
  background: -ms-linear-gradient(-45deg, #f54ea1 0%, #ff7676 100%);
  background: linear-gradient(135deg, #f54ea1 0%, #ff7676 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f54ea1', endColorstr='#ff7676', GradientType=1);
}
.sq-panel-widget .pro-feature:hover {
  background-image: linear-gradient(45deg, #FF7676 100%, #F54EA2 0%);
  color: #fff;
}
.popover .link {
  text-decoration: underline;
}
.sq-pWidget-title {
  letter-spacing: 0.1em;
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bold;
}
.sq-pWidget-content {
  position: relative;
  overflow: visible;
  opacity: 0.2;
  transform: translate(0, -5px);
  z-index: 2;
  transition: opacity 0.3s, transform 0.3s;
}
.sq-panel-widget i.hb-section-toggle {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 16px;
  right: 15px;
  height: 7px;
  width: 2px;
  z-index: 10;
}
.sq-panel-widget i.hb-section-toggle:before,
.sq-panel-widget i.hb-section-toggle:after {
  content: "";
  position: absolute;
  background-color: #8492a6;
  width: 2px;
  height: 8px;
}
.sq-panel-widget i.hb-section-toggle:before {
  transform: translate(-2px, 0) rotate(90deg);
}
.sq-panel-widget i.hb-section-toggle:after {
  transform: translate(-2px, 0) rotate(-90deg);
}
.sq-panel-widget input.hb-expand {
  position: absolute;
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
.sq-panel-widget input.hb-expand:checked ~ .sq-pWidget-content {
  display: none;
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 5px);
  padding: 0;
}
.sq-panel-widget input.hb-expand:checked ~ i.hb-section-toggle:before {
  transform: translate(-2px, 0) rotate(0deg);
}
.sq-panel-widget input.hb-expand:checked ~ i.hb-section-toggle:after {
  transform: translate(-2px, 0) rotate(-90deg);
}
.sq-panel-widget input.hb-expand ~ .sq-closeWidget {
  opacity: 0;
}
.sq-panel-widget input.hb-expand:checked ~ .sq-closeWidget {
  opacity: 1;
}
.auth-widget .form-control {
  display: inherit;
  border-radius: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  transition: background-color 0.3s;
}
.auth-widget .form-control-indicator {
  margin: 5px;
}
@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}
.sq-panel-header .sq-pHeader-content {
  height: 60px;
}
.sq-panel-header .sq-pHeader-content .button--s {
  padding: 0 10px;
}
.sq-panel-header .sq-pHeader-content .button--flat.c-marvel {
  color: #2196f3;
}
.sq-panel-header .sq-pHeader-content .button--flat.c-marvel:hover {
  color: #fff;
  background-color: #2196f3;
}
.sq-panel-header .sq-pHeader-content .button--flat.c-marvel.is-active {
  color: #fff;
  background-color: #2196f3;
}
.sq-panel-header .sq-pHeader-content .button.is-disabled {
  background: transparent;
  box-shadow: none;
}
.sq-panel-header .sq-pHeader-bottom {
  background-color: #fff;
}
.popover-list.fontSize-s a {
  font-size: 13px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}
.popover-list.fontSize-s a:first-child {
  padding-top: 15px;
}
.popover-list.fontSize-s .popover-separator {
  margin-bottom: 15px;
}
.sq-panel-main {
  overflow: scroll;
  flex: 1;
  -ms-overflow-style: none;
}
.sq-panel-main::-webkit-scrollbar {
  display: none;
}
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-thumb {
  border-radius: 1px;
}
.no-animations {
  -o-transition-property: none !important;
  -moz-transition-property: none !important;
  -ms-transition-property: none !important;
  -webkit-transition-property: none !important;
  transition-property: none !important;
  -webkit-animation: none !important;
  -moz-animation: none !important;
  -o-animation: none !important;
  -ms-animation: none !important;
  animation: none !important;
}
.sq-pMain-item {
  border-radius: 4px;
  text-align: center;
  padding: 10px;
  transition: box-shadow 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  min-height: 80px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
}
.sq-pMain-item:hover {
  cursor: move;
}
.sq-pMain-item:hover .proFeature-item {
  background-color: white;
}
.sq-pMain-item:hover .deleteCustom-item {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.sq-pMain-item .mdi {
  -webkit-transform: scale(1);
  transform: scale(1);
  transition: all 0.5s;
}
.sq-pMain-item .sq-itemText-wrapper {
  display: table;
  width: 100%;
}
.sq-pMain-item .sq-itemText {
  display: table-cell;
  vertical-align: middle;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.4px;
  padding: 10px 0 0;
  line-height: 12px;
}
.sq-pMain-item {
  /*&.sq-menuItem .mdi {
      color: #d81b60;
    }
    &.sq-textItem .mdi {
      color: #00c853;
    }
    &.sq-dropdownItem .mdi {
      color: #ffa000;
    }
    &.sq-searchItem .mdi {
      color: #00BFA5;
    }
    &.sq-imageItem .mdi {
      color: #fdd835;
    }
    &.sq-buttonItem .mdi {
      color: #aeea00;
    }
    &.sq-logoItem .mdi {
      color: #ba68c8;
    }
    &.sq-shortcodeItem .mdi {
      color: #00e5ff;
    }
    &.sq-linkItem .mdi {
      color: #1e88e5;
    }
    &.sq-iconItem .mdi {
      color: #FFA000;
    }*/
}
.sq-pMain-item.sq-columnItem .mdi {
  color: #2196f3;
}
.sq-pMain-item.sq-headerItem .mdi {
  color: #01579B;
}
.sq-pMain-item.sq-containerItem .mdi {
  color: #8492a6;
}
.cloned-dropped-element {
  position: fixed;
  z-index: 9999992;
  width: 0;
  height: 0;
  top: 0;
  left: 0;
}
.cloned-dropped-element .sq-pMain-item {
  opacity: 0.7;
}
.cloned-dropped-element .sq-pMain-item:hover {
  box-shadow: none;
}
.proFeature-item {
  background-color: #a389f4;
  padding: 5px;
  font-size: 10px;
  color: #fff;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.deleteCustom-item {
  display: block;
  padding: 5px;
  font-size: 16px;
  color: #e0e6ed;
  transition-property: transform;
  transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scale(0.1);
  z-index: 10;
}
.deleteCustom-item:hover {
  transform: scale(1.3) !important;
  cursor: pointer;
}
.deleteCustom-item .mdi {
  transition: all 0.3s;
}
.icon-type-element {
  display: inline-block;
}
.sq-panel-toggle {
  position: relative;
  display: none;
  visibility: hidden;
  opacity: 0;
  height: 100%;
}
.sq-panel-toggle.is-active {
  display: block;
  visibility: visible;
  opacity: 1;
  animation: fade 0.2s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.sq-panel-toolbar:after,
.sq-panel-widget:after,
.sq-panel-toggle:after {
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
  content: "";
  display: block;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(229, 233, 242, 0.6);
}
.sq-panel-toolbar.is-disabled:after,
.sq-panel-widget.is-disabled:after,
.sq-panel-toggle.is-disabled:after {
  opacity: 1;
  visibility: visible;
}
.sq-panel-footer {
  border-top-style: solid;
  border-top-width: 1px;
}
.sq-panel-footer .button {
  box-shadow: none;
}
.sq-pFooterContent-elemets {
  overflow: scroll;
}
.sq-pFooter-item {
  display: table;
  width: 100%;
  background-color: #f9fafc;
  border-radius: 4px;
  padding: 10px;
  color: #8492a6;
}
.sq-pFooter-item.is-visible {
  border-color: #82c4f8;
  color: #1f2d3d;
}
.sq-pFooter-item .mdi {
  width: 10%;
  display: table-cell;
}
.sq-pFooter-item .sq-itemText-wrapper {
  display: table-cell;
}
.sq-pFooter-item .sq-itemText {
  text-transform: uppercase;
  font-size: 10px;
  letter-spacing: 0.4px;
  line-height: 14px;
  float: left;
}
.sq-pFooter-item .ToggleSwitch {
  float: right;
}
.sq-pinElement-wrapper {
  height: 78px;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  position: fixed;
  z-index: 100000;
  left: 0;
  bottom: 0;
  text-align: center;
}
.sq-pinElement-wrapper.pinFloated {
  border-radius: 3px;
  width: 60%;
  bottom: 60px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.sq-pinElement-wrapper .sq-pMain-item {
  background-color: transparent;
  border: 2px dotted rgba(255, 255, 255, 0);
  min-height: 0;
}
.sq-pinElement-wrapper .sq-pMain-item:hover {
  box-shadow: none;
  border: 2px dotted #d3dce6;
}
.sq-pinElement-wrapper .sq-pMain-item:hover .mdi {
  display: block;
  transform: scale(1.3);
}
.sq-pinElement-wrapper .sq-pMain-item .proFeature-item {
  border-radius: 50%;
}
.sq-pinElement-wrapper .sq-pMain-item .proFeature-item span {
  display: none;
}
.sq-pinElement-wrapper {
  display: none;
  opacity: 0;
  visibility: hidden;
}
.sq-pinElement-wrapper.is-dragging {
  display: block;
  visibility: visible;
  opacity: 1;
  animation: fade 0.2s;
  background: #ff4949;
}
.sq-pinElement-wrapper.is-dragging:not(.is-active) .drop-infoText {
  display: block;
}
.sq-pinElement-wrapper.is-dragging:not(.is-active) .dropedItems {
  display: none;
}
.sq-pinElement-wrapper.is-active {
  display: block;
  opacity: 1;
  visibility: visible;
  background-color: #f9fafc;
  border-top: 1px solid #e5e9f2;
}
.drop-infoText {
  display: none;
  font-size: 18px;
  color: rgba(255, 255, 255, 0.3);
}
.sq-editor-wrapp.hb-settings-is-open .sq-pinElement-wrapper {
  width: calc(100% - 378px);
}
.ToggleSwitch {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 8px;
}
.ToggleSwitch input {
  display: none;
}
.ToggleSwitch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 100ms;
  transition: all 100ms;
  border-radius: 9999px;
}
.ToggleSwitch .slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 0;
  bottom: -4px;
  -webkit-transition: all 100ms ease;
  transition: all 100ms ease;
  border-radius: 50%;
  box-shadow: 0 4px 6px rgba(32, 52, 61, 0.05), 0 1px 3px rgba(0, 0, 0, 0.05);
}
.ToggleSwitch input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  transform: translateX(16px);
}
.ToggleSwitch.hb-chk-section-toggle {
  position: absolute;
  top: 10px;
  right: 15px;
}
.grid--0 {
  margin-top: 0;
  margin-left: 0;
}
.grid--0 > .gridColumn,
.grid--0 > [class*="gridColumn--"] {
  padding-top: 0;
  padding-left: 0;
}
.padding-0 {
  padding: 0;
}
.paddingTop-0 {
  padding-top: 0;
}
.paddingRight-0 {
  padding-right: 0;
}
.paddingBottom-0 {
  padding-bottom: 0;
}
.paddingLeft-0 {
  padding-left: 0;
}
.paddingTopBottom-0 {
  padding-top: 0;
  padding-bottom: 0;
}
.paddingLeftRight-0 {
  padding-left: 0;
  padding-right: 0;
}
.grid--s {
  margin-top: -15px;
  margin-left: -15px;
}
.grid--s > div {
  padding-top: 15px;
  padding-left: 15px;
}
/*.borderWidth-3 {
  border-width: 3px
}*/
.borderBottomWidth-3 {
  border-bottom-width: 3px;
}
.uiIcon--s:after {
  position: absolute;
}
.uiIcon--s {
  height: 28px;
}
.uiIcon--s .svgIcon {
  line-height: 28px;
}
.uiIcon--s:after {
  width: 8px;
  height: 8px;
  border-width: 1px;
  margin-top: -4px;
  margin-left: -4px;
}
.uiIcon--s .button,
.uiIcon--s .input,
.uiIcon--s .textarea,
.uiIcon--s select {
  padding-left: 28px;
}
.uiIcon--s .svgIcon {
  margin-top: 6px;
  margin-left: 6px;
}
.uiIcon--s:after {
  margin: 0;
  -webkit-transform: translate(0);
  transform: translate(0);
}
.uiIcon--s:after {
  top: 11px;
  left: 11px;
}
.hb-widgets {
  background: red !important;
}
.sq-panel-sides {
  color: red !important;
}
.resolution-settings,
.element-search {
  display: none;
}
.resolution-settings.is-active,
.element-search.is-active {
  display: block;
}
.inputGroup-builder {
  display: flex;
  align-items: flex-start;
}
.inputGroup-builder > div {
  text-align: center;
}
.inputGroup.textAlign-center .input {
  text-align: center;
}
.inputGroup.inputGroup-builder .input {
  border-radius: 0;
  position: relative;
}
.inputGroup.inputGroup-builder .input:focus {
  z-index: 10;
}
.inputGroup.inputGroup-builder div:first-child .input {
  border-radius: 4px 0 0 4px;
}
.inputGroup.inputGroup-builder div:last-child .input {
  border-radius: 0 4px 4px 0;
}
.inputGroup .label-status {
  display: block;
  font-size: 12px;
  padding: 6px 0;
}
.labelGroup-toggle {
  display: inline-block;
  float: right;
}
.labelGroup-toggle .lbl-status-link {
  text-decoration: none;
  padding-left: 5px;
}
.labelGroup-toggle .lbl-status-link .mdi {
  pointer-events: none;
}
.labelGroup-toggle.inside-input {
  position: absolute;
  top: 7px;
  right: 10px;
}
.sp-replacer {
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  padding: 0;
  display: inline-block;
  border: 0;
  background: #eee;
  color: #333;
  vertical-align: middle;
  border-radius: 100%;
}
.sp-preview {
  position: relative;
  width: 24px;
  height: 24px;
  border: 0;
  margin-right: 0;
  float: left;
  z-index: 0;
}
.sp-dd {
  display: none;
}
.color-picker-status {
  position: relative;
  display: inline-block;
}
.color-picker-status:hover .reset-color {
  opacity: 1;
  transform: scale(1.1);
}
.color-picker-status .reset-color {
  opacity: 0;
  position: absolute;
  top: -5px;
  right: -6px;
  z-index: 10000;
  display: block;
  /* height: 12px !important;
         width: 12px !important;
         line-height: 15px !important;
         font-weight: 500 !important;*/
  transition: all 0.3s;
  transform: scale(0.1);
}
.color-picker-status .reset-color:hover {
  cursor: pointer;
}
.sp-container {
  background-color: #fff;
  border: 0;
  box-shadow: 0 0 1px 1px rgba(31, 45, 61, 0.15);
  margin-top: 6px !important;
  overflow: visible;
  border-radius: 3px;
  padding: 4px;
}
.sp-container:after {
  /*left: 12px;
        top: -4px;
        box-shadow: -1px -1px 0 0 rgba(31, 45, 61, 0.15);
        margin-left: -4px;
        width: 8px;
        height: 8px;
        content: "";
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        background-color: #fff;
        position: absolute;*/
}
/*.sp-container.sp-hidden {
  transform: translateX(0) translateY(-20px) scale(0.8);
  transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.sp-container:not(.sp-hidden) {
  transform: translateX(0) translateY(0) scale(1);
  transition: transform 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}*/
.sp-color,
.sp-hue,
.sp-clear {
  border: solid 1px #e5e5e5;
}
.sp-alpha {
  height: 12px;
}
.sp-alpha-inner {
  border: solid 1px #e5e5e5;
}
.sp-alpha-handle {
  width: 6px;
  height: 18px;
  border-radius: 2px;
  box-sizing: border-box;
  border-color: white;
  border-width: 2px;
  border-style: solid;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px 0px inset, rgba(0, 0, 0, 0.3) 0px 2px 6px 0px;
  background: none;
}
.sp-dragger {
  width: 12px;
  height: 12px;
  border-radius: 100%;
  box-sizing: border-box;
  border-color: white;
  border-width: 2px;
  border-style: solid;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px 0px inset, rgba(0, 0, 0, 0.3) 0px 2px 6px 0px;
  background: transparent;
}
.sp-slider {
  width: 29px;
  height: 6px;
  border-radius: 2px;
  box-sizing: border-box;
  border-color: white;
  border-width: 2px;
  border-style: solid;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px 0px inset, rgba(0, 0, 0, 0.3) 0px 2px 6px 0px;
  background: none;
}
.sp-input {
  padding: 6px 5px;
  border: 0;
  box-shadow: 0 0 0 1px #e0e6ed;
}
.sp-input:focus {
  border: 0;
  outline: none;
  box-shadow: 0 0 0 1px #2196f3;
}
.sp-picker-container {
  width: 200px;
  border: 0;
}
.colorpicker-target {
  outline: 0;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 1px solid transparent;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  background-image: url("../images/ps-neutral.png");
  background-position: center;
  background-size: contain;
}
.colorpicker-target:hover {
  cursor: pointer;
}
.colorpicker-target:focus {
  outline: none;
}
.grid--8-2 > div:first-child {
  width: 80%;
}
.grid--8-2 > div:last-child {
  width: 20%;
}
.file-upload-wrapper {
  position: relative;
  width: 100%;
  height: 30px;
}
.file-upload-wrapper:after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 10px;
  display: block;
  width: calc(100% - 30px);
  pointer-events: none;
  z-index: 20;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-upload-wrapper:before {
  content: 'Choose';
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  height: 30px;
  font-weight: 700;
  z-index: 25;
  font-size: 12px;
  line-height: 30px;
  padding: 0 10px;
  text-transform: uppercase;
  pointer-events: none;
  border-radius: 3px;
}
.file-upload-wrapper:hover:before {
  background: #8492a6;
}
.file-upload-wrapper input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  height: 30px;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}
.sq-wpGallery {
  overflow: hidden;
  position: relative;
}
.sq-wpGallery:hover .sq-imageOptions {
  opacity: 1;
}
.sq-imagePlaceholder {
  border-style: solid;
  border-width: 3px;
  height: 100%;
  overflow: hidden;
}
.sq-imagePlaceholder:before {
  content: attr(data-txt-placeholder);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  text-align: center;
  display: table;
  color: #8492a6;
}
.sqImage {
  max-width: 100%;
  max-height: 100%;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-sizing: border-box;
  margin: auto;
}
.sq-imageOptions {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.3s;
}
.sq-imageOptions button + button {
  margin-left: 5px;
}
/* Spinner */
.spinner {
  -webkit-animation: rotator 1.4s linear infinite;
  animation: rotator 1.4s linear infinite;
}
@-webkit-keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
@keyframes rotator {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
}
.path {
  stroke-dasharray: 187;
  stroke-dashoffset: 0;
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
  animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
}
@-webkit-keyframes colors {
  0% {
    stroke: #ED85C2;
  }
  25% {
    stroke: #CF007D;
  }
  50% {
    stroke: #D95BA2;
  }
  75% {
    stroke: #0052AB;
  }
  100% {
    stroke: #00AEE3;
  }
}
@keyframes colors {
  0% {
    stroke: #ED85C2;
  }
  25% {
    stroke: #CF007D;
  }
  50% {
    stroke: #D95BA2;
  }
  75% {
    stroke: #0052AB;
  }
  100% {
    stroke: #00AEE3;
  }
}
@-webkit-keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
@keyframes dash {
  0% {
    stroke-dashoffset: 187;
  }
  50% {
    stroke-dashoffset: 46.75;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  100% {
    stroke-dashoffset: 187;
    -webkit-transform: rotate(450deg);
    transform: rotate(450deg);
  }
}
iframe {
  width: 100%;
  display: block;
  background: #fff;
}
iframe.no-pointer-events {
  pointer-events: none;
}
.iframe-loader.not-visible {
  opacity: 0;
  visibility: hidden;
}
.iframe-loader {
  display: flex;
  align-content: stretch;
  position: absolute;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  background: rgba(255, 255, 255, 0.8);
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}
.loading-text {
  font-family: 'Actor', sans-serif;
  color: #8492a6;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 1em;
}
.loader-content {
  width: 200px;
  margin: auto;
  text-align: center;
}
.modal-overlay {
  position: absolute;
  z-index: 1000000;
  overflow-x: hidden;
}
.modal-overlay .sq-panel-widget {
  border: 0;
}
.modal-container {
  width: 700px;
  height: 500px;
}
.modal-confirmDialog .modal-container {
  width: 500px;
  height: 300px;
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
}
.modal-confirmDialog--full .modal-container {
  width: 100% !important;
  height: 100% !important;
}
.full-widthContainer .modal-container {
  width: 100%;
  height: 100%;
}
.sq-editor-panel .full-widthContainer .modal-container {
  border-left: 1px solid #eff2f7;
}
.modal-iconClose {
  top: 0;
  right: 0;
}
.modal {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 0;
  visibility: hidden;
}
.modal-overlay.is-active .modal-container .modal {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  visibility: visible;
}
.modal,
.modal-overlay.is-active .modal-container .modal {
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: all;
  transition-property: all;
}
.modal .sqImage {
  position: relative;
}
.modal-container .save-success {
  color: #13ce66;
}
.modal-container .save-failed {
  color: #ff4949;
}
.modal-showTemplateImage .modal-container {
  width: 100%;
  height: 100%;
}
.sq-editor-wrapp.hb-desktop-view .header-preview .modal-container {
  overflow: hidden;
  overflow-x: auto;
}
.sq-editor-wrapp.hb-desktop-view .header-preview .modal-container.modal-no-top {
  margin-top: 0;
}
.sq-editor-wrapp.hb-desktop-view .header-preview .modal-container.modal-space-top {
  margin-top: 60px;
}
.sq-editor-wrapp.hb-desktop-view .header-preview .modal-container iframe {
  min-width: 1200px;
}
.sq-editor-wrapp.hb-desktop-view .header-preview .modal-icon-wrapper {
  position: fixed;
  right: 50px;
  z-index: 99999999999;
  transition: all 0.3s ease !important;
}
.sq-editor-wrapp.hb-desktop-view .header-preview .modal-icon {
  transition-duration: 50ms;
}
.sq-editor-wrapp.hb-desktop-view .header-preview .modal-icon--light {
  background-color: #1f2d3d;
}
.sq-editor-wrapp.hb-desktop-view .header-preview .modal-icon--light.modal-iconClose:before,
.sq-editor-wrapp.hb-desktop-view .header-preview .modal-icon--light.modal-iconClose:after {
  background-color: #fff;
}
.sq-editor-wrapp.hb-desktop-view.hb-settings-is-open .header-preview .modal-icon-wrapper {
  right: 428px;
}
.stax-pro {
  background: #f54ea1;
  background: -moz-linear-gradient(-45deg, #f54ea1 0%, #ff7676 100%);
  background: -webkit-linear-gradient(-45deg, #f54ea1 0%, #ff7676 100%);
  background: -o-linear-gradient(-45deg, #f54ea1 0%, #ff7676 100%);
  background: -ms-linear-gradient(-45deg, #f54ea1 0%, #ff7676 100%);
  background: linear-gradient(135deg, #f54ea1 0%, #ff7676 100%);
  color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
}
.tpl-preview-status {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 9999991;
  font-size: 22px;
  text-align: center;
  line-height: 60px;
  padding-left: 20px;
  padding-right: 20px;
}
.tpl-preview-status .uiIcon {
  position: absolute;
  right: 0;
  z-index: 1;
  top: 15px;
}
.tpl-preview-status.is-active {
  display: block;
}
/*
#steps {
  width: 505px;
  margin: 50px auto;
}

.step {
  width: 40px;
  height: 40px;
  background-color: #fafafa;
  display: inline-block;
  border: 2px solid;
  border-color: transparent;
  border-radius: 50%;
  color: #cdd0da;
  font-weight: 600;
  text-align: center;
  line-height: 35px;
}

.step:first-child {
  line-height: 40px;
}

.step:nth-child(n+2) {
  margin: 0 0 0 100px;
  transform: translate(0, -4px);
}

.step:nth-child(n+2):before {
  width: 75px;
  height: 2px;
  display: block;
  background-color: #fafafa;
  transform: translate(-95px, 21px);
  content: '';
}

.step:after {
  width: 150px;
  display: block;
  transform: translate(-55px, 3px);
  color: #818698;
  content: attr(data-desc);
  font-weight: 400;
  font-size: 13px;
}

.step:first-child:after {
  transform: translate(-55px, -1px);
}

.step.active {
  border-color: #73b5e8;
  color: #73b5e8;
}

.step.active:before {
  background: linear-gradient(to right, #58bb58 0%, #73b5e8 100%);
}

.step.active:after {
  color: #73b5e8;
}

.step.done {
  background-color: #58bb58;
  border-color: #58bb58;
  color: white;
}

.step.done:before {
  background-color: #58bb58;
}*/
/*.steps {
  text-align: center;
  margin-bottom: 100px;
}
.steps ul {
  margin: 0;
  padding: 0;
  counter-reset: counter;
}
.steps ul li {
  //font-size: 16px;
  position: relative;
  padding-right: 20px;
  display: inline-block;
  color: #999;
  line-height: 30px;
  padding-left: 50px;
}
.steps ul li:last-child {
  padding-right: 0;
}
.steps ul li:before {
  left: 0;
  top: 0;
  content: "";
  width: 30px;
  height: 30px;
  font-weight: bold;
  margin-right: 15px;
  position: absolute;
  text-align: center;
  line-height: 30px;
  display: inline-block;
  border: 1px solid #e5e5e5;
  counter-increment: counter;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  content: counter(counter,decimal);
}
.steps ul li span:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  //line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  padding: 0;
  left: -8px;
  bottom: -3px;
  display: none;
  font-size: 9px;
  content: "\f00c";
  text-align: center;
  position: absolute;
  background: #69a53a;
  width: 14px;
  height: 14px;
  border: 3px solid #fff;
  line-height: 14px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}
.steps ul li.is-current {
  color: #000;
}
.steps ul li.is-active {
  color: #69a53a;
}
.steps ul li.is-current:before {
  border-color: #000;
}
.steps ul li.is-active:before {
  border-color: #69a53a;
}
.steps ul li.is-active span:before {
  display: block;
}*/
.el-steps.is-horizontal {
  white-space: nowrap;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  margin-left: -20px;
  padding-bottom: 20px;
  background-color: #f9fafc;
  padding-top: 10px;
}
.el-steps {
  font-size: 0;
}
.el-step.is-horizontal,
.el-step__line {
  display: inline-block;
}
.el-step {
  position: relative;
  vertical-align: top;
}
.el-step__head.is-text.is-finish {
  color: #fff;
  background-color: #20a0ff;
  border-color: #20a0ff;
}
.el-step__head.is-text {
  font-size: 14px;
  border-width: 1px;
  border-style: solid;
}
.el-step__head.is-finish {
  color: #20a0ff;
  border-color: #20a0ff;
}
.el-step__head {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: transparent;
  text-align: center;
  line-height: 8px;
  font-size: 8px;
  vertical-align: top;
  transition: all 0.15s;
}
.el-step__line.is-horizontal {
  top: 4px;
  height: 1px;
  left: 1px;
  right: 0;
}
.el-step__line {
  position: absolute;
  border-color: inherit;
  background-color: #bfcbd9;
}
.el-step.is-horizontal,
.el-step__line {
  display: inline-block;
}
.el-step__line-inner {
  display: block;
  border-width: 1px;
  border-bottom-width: 0;
  border-style: solid;
  border-color: inherit;
  transition: all 0.15s;
  width: 0;
  height: 0;
}
.el-step__icon > * {
  line-height: inherit;
  vertical-align: middle;
}
.el-step__main {
  white-space: normal;
  padding-right: 100px;
  text-align: left;
}
.el-step:last-child .el-step__main {
  padding-right: 0;
}
.el-step__title.is-finish {
  font-weight: 700;
  color: #20a0ff;
}
.el-step__title {
  font-size: 12px;
  line-height: 32px;
  display: inline-block;
}
.el-step__description.is-finish {
  color: #20a0ff;
}
.el-step__description {
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.el-step__head.is-text.is-process {
  color: #fff;
  background-color: #bfcbd9;
  border-color: #bfcbd9;
}
.el-step__head.is-text {
  font-size: 14px;
  border-width: 1px;
  border-style: solid;
}
.el-step__head.is-process,
.el-step__head.is-wait {
  color: #bfcbd9;
  border-color: #bfcbd9;
}
.el-step__title.is-process {
  font-weight: 700;
  color: #48576a;
}
.el-step__description.is-process {
  color: #8391a5;
}
.el-step__head.is-text.is-wait {
  color: #bfcbd9;
  background-color: #fff;
  border-color: #bfcbd9;
}
.el-step__head.is-text {
  font-size: 14px;
  border-width: 1px;
  border-style: solid;
}
.el-step__head.is-process,
.el-step__head.is-wait {
  color: #bfcbd9;
  border-color: #bfcbd9;
}
.el-steps > :last-child .el-step__line {
  display: none;
}
.el-step__title.is-wait {
  font-weight: 400;
  color: #97a8be;
}
.el-step__description.is-wait {
  color: #bfcbd9;
}
.menu-toggle.open .mdi.open-panel {
  display: none;
}
.menu-toggle:not(.open) .mdi.close-panel {
  display: none;
}
.menu-toggle .mdi {
  transition: all 0.2s;
}
.menu-toggle .mdi:hover {
  cursor: pointer;
}
.button {
  letter-spacing: 1px;
  position: relative;
}
.inputGroup--s .inputGroup-context.button--xs {
  font-size: 12px;
}
.input--default:focus {
  transition: box-shadow 0.3s;
  box-shadow: inset 0 0 0 1px #2196f3;
}
.listingControls {
  border-radius: 4px;
  text-align: left;
  margin-bottom: 5px;
  border-width: 1px;
  border-style: solid;
}
.listingControls .listing-text {
  padding-right: 20px;
  box-shadow: none;
  background: transparent;
  text-overflow: ellipsis;
  opacity: 0.6;
  white-space: nowrap;
  overflow: hidden;
}
.listingControls .hideChildren-child {
  opacity: 0;
  top: 55%;
  transform: translateY(-59%);
  right: 10px;
}
.listingControls .gridColumn {
  padding: 2px;
}
.listingControls .gridColumn.el-name {
  display: flex;
}
.listingControls .gridColumn.el-options {
  display: flex;
  justify-content: flex-end;
  padding: 0;
}
.listingControls .zone-notify {
  position: absolute;
  top: -3px;
  right: 0px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  /* padding: 5px; */
  width: 14px;
  height: 14px;
  text-align: center;
  font-size: 10px;
  font-weight: bold;
  line-height: 14px;
  opacity: 0.5;
}
.listingControls.zone-is-visible .listing-text,
.listingControls.zone-is-visible .uiIcon,
.listingControls.zone-is-visible .zone-notify {
  opacity: 1;
}
.listingControls .uiIcon {
  width: 100%;
  padding: 0;
  opacity: 0.5;
}
.listingControls .svgIcon {
  position: relative;
  margin: auto;
  height: 30px;
}
.listingControls .inputGroup-context.button--xs {
  min-width: 0;
  padding: 0 5px;
}
.listingControls .sqImage {
  position: relative;
}
.listing-text:focus + .hideChildren-child {
  opacity: 1;
}
.sq-panel-widget.zone-wrap-default {
  z-index: 4;
}
.sq-panel-widget.zone-wrap-custom {
  z-index: 3;
}
.sq-panel-widget.zone-wrap-other {
  z-index: 2;
}
.display-block,
.truncateText,
.is-loading:after,
.select:after,
.form-control-indicator,
.buttonGroup div:not(:last-child) .button:hover:before,
.buttonGroup div.is-active:not(:last-child) .button:before,
.button.is-sad:before,
.componentIconContainer,
pre,
.popover.has-caret:after,
.popover-list a,
.modal-icon:before,
.modal-icon:after,
.buttonX,
.popover-select-title,
.popover-select-subtitle {
  display: block;
}
.buttonX {
  box-sizing: border-box;
}
/* Main Circle Button */
.button--circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #2196f3;
  position: fixed;
  z-index: 1000000;
  bottom: 125px;
  box-shadow: 0 1px 26px 0 rgba(0, 0, 0, 0.06);
  cursor: pointer;
}
.button--circle.save-mode {
  background-image: linear-gradient(45deg, #FF7676 0%, #F54EA2 100%);
}
.button--circle:after {
  content: '';
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  left: 23px;
  top: 23px;
}
.button--circle i {
  font-size: 30px;
  color: #fff;
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1;
}
.button--circle img {
  max-width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.button--circle i.first-icon,
.button--circle img.first-icon {
  opacity: 1;
}
.button--circle i.second-icon {
  opacity: 0;
  top: 10px;
  left: 10px;
}
.button--circle,
.button--circle i,
.button--circle:after {
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.button--circle:hover {
  background: #2196f3;
  box-shadow: 0 1px 26px 0 rgba(0, 0, 0, 0.06);
}
.button--circle.save-mode:hover {
  background-image: linear-gradient(45deg, #FF7676 0%, #F54EA2 100%);
}
.button--circle:hover:after {
  width: 50px;
  height: 50px;
  border-radius: 0 50% 50% 0;
  left: 0;
  top: 0;
}
.button--circle:hover > i.first-icon,
.button--circle:hover > img.first-icon {
  opacity: 0;
}
.button--circle:hover > i.second-icon {
  opacity: 1;
}
.button--circle + .sub-button .button--circle {
  position: absolute;
}
.button--circle.is-disabled {
  opacity: 0.5;
}
/* Position Circle Button */
.button--circle.button--br {
  right: 62px;
}
.button--circle.button--br + .sub-button {
  right: 40px;
}
.button--circle.button--br + .sub-button .button--circle {
  right: 27px;
}
.button--circle.button--br + .sub-button .button--circle span {
  text-align: right;
  margin-left: -140px;
  padding-right: 40px;
}
.button--circle.button--br + .sub-button .button--circle:hover span {
  padding-right: 55px;
}
.button--circle.button--bl {
  left: 22px;
}
.button--circle.button--bl + .sub-button .button--circle {
  left: 27px;
}
.button--circle.button--bl + .sub-button .button--circle span {
  padding-left: 40px;
  margin-right: -180px;
}
.button--circle.button--bl + .sub-button .button--circle:hover span {
  padding-left: 55px;
}
.hb-settings-is-open .button--circle.button--br {
  right: 400px;
}
.hb-settings-is-open .button--circle.button--br + .sub-button {
  right: 378px;
}
/* Sub Circle Buttons */
.sub-button {
  width: 100px;
  height: 100%;
  z-index: 100000;
  position: fixed;
  visibility: hidden;
}
.sub-button .button--circle {
  width: 40px;
  height: 40px;
  bottom: 0;
  opacity: 0;
  transition: 0.2s all;
  transform: scale(0.6);
  background: #2196f3;
}
.sub-button .button--circle.save-mode {
  background: #FF7676;
}
.sub-button .button--circle:nth-child(1) {
  bottom: 190px;
}
.sub-button .button--circle:nth-child(2) {
  bottom: 240px;
}
.sub-button .button--circle:nth-child(3) {
  bottom: 290px;
}
.sub-button .button--circle:nth-child(1):after {
  background: #2196F3;
}
.sub-button .button--circle:nth-child(2):after {
  background: #2196F3;
}
.sub-button .button--circle:nth-child(3):after {
  background: #2196F3;
}
.sub-button .button--circle:after {
  left: 20px;
  top: 20px;
  opacity: 0;
}
.sub-button .button--circle i {
  font-size: 20px;
  top: 10px;
  left: 10px;
}
.sub-button .button--circle i.first-icon,
.sub-button .button--circle img.first-icon {
  opacity: 1;
}
.sub-button .button--circle i.second-icon {
  opacity: 0;
}
.sub-button .button--circle:hover:after {
  width: 40px;
  height: 40px;
  left: 0;
  top: 0;
  opacity: 1;
}
.button--circle:hover + .sub-button .button--circle:nth-child(1) {
  opacity: 1;
  transform: scale(1);
  transition-delay: 0.05s;
}
.button--circle:hover + .sub-button .button--circle:nth-child(2) {
  opacity: 1;
  transform: scale(1);
  transition-delay: 0.1s;
}
.button--circle:hover + .sub-button .button--circle:nth-child(3) {
  opacity: 1;
  transition-delay: 0.15s;
}
.sub-button .button--circle:hover > i.first-icon,
.sub-button .button--circle:hover > img.first-icon {
  opacity: 0;
}
.sub-button .button--circle:hover > i.second-icon {
  opacity: 1;
}
.button--circle:hover + .sub-button {
  visibility: visible;
}
.sub-button:hover {
  visibility: visible;
}
.sub-button:hover > .button--circle {
  opacity: 1;
  transform: scale(1);
}
/* Circle SubTitles */
.button--circle span {
  /*display: block;
    //margin-left: -180px;
    margin-top: 14px;
    text-transform: uppercase;
    .c-silver();
    font-weight: bold;
    //text-align: left;
    //padding-left: 30px;
    font-size: 11px;
    letter-spacing: 0.1em;
    opacity: 0;
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 2);
    transition: all .4s cubic-bezier(.4, 0, .2, 2);*/
  display: block;
  /* margin-top: 14px; */
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  letter-spacing: 0.1em;
  opacity: 0;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 2);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 2);
  background-color: #2196F3;
  height: 40px;
  line-height: 40px;
  border-radius: 40px;
}
.sub-button .button--circle:hover > span {
  opacity: 1;
}
/* Media modal */
.media-modal {
  z-index: 9999999;
}
.media-modal-backdrop {
  z-index: 9999998;
}
.color-picker {
  box-shadow: rgba(0, 0, 0, 0.3) 0 0 2px 0;
  border: none !important;
  background: #fafafa !important;
  border-radius: 2px;
  overflow: hidden;
  left: 10px !important;
}
.color-picker .arrow {
  display: none;
}
.color-picker .box input {
  border: 1px solid #a9a9a959 !important;
  border-radius: 2px;
}
.color-picker .box .selected-color {
  border: none !important;
  width: 35px !important;
  height: 35px !important;
  top: 8px !important;
  left: 8px !important;
}
.color-picker .box .selected-color-background {
  width: 35px !important;
  height: 35px !important;
}
.color-picker .box .left {
  padding: 8px !important;
}
.color-picker .box .left .cp-add-color-button-class {
  white-space: nowrap;
  margin-left: -5px !important;
  margin-top: 7px !important;
}
.color-picker .box .right {
  padding: 12px 8px 12px 12px !important;
}
.color-picker .saturation-lightness .cursor {
  border-color: #fff !important;
}
.color-picker .hue,
.color-picker .alpha {
  border-radius: 2px;
  height: 10px !important;
  margin-bottom: 10px !important;
}
.color-picker .hue .cursor,
.color-picker .alpha .cursor {
  border: none !important;
  background: #fff;
  box-shadow: rgba(0, 0, 0, 0.4) 0 0 2px 0;
  top: -3px;
}
.color-picker .type-policy {
  top: 207px !important;
  width: 12px !important;
  background-size: 6px 12px !important;
  -moz-background-size: 6px 12px !important;
  -webkit-background-size: 6px 12px !important;
}
.color-picker .preset-area hr {
  border: none;
  margin-bottom: 10px !important;
}
.color-picker .preset-area hr:before,
.color-picker .preset-area hr:after {
  display: block;
  content: "";
  height: 1px;
  width: 100%;
}
.color-picker .preset-area hr:before {
  background: #e7e7e7;
}
.color-picker .preset-area hr:after {
  background: #fff;
}
.color-picker .preset-area .preset-color {
  border: none !important;
  -moz-border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  border-radius: 2px !important;
}
.color-picker .preset-area .preset-color:hover .cp-remove-color-button-class {
  transform: scale(1.2);
}
.color-picker .preset-area .preset-color .cp-remove-color-button-class {
  box-shadow: rgba(0, 0, 0, 0.2) 0 0 1px 0 !important;
  height: 12px !important;
  width: 12px !important;
  line-height: 15px !important;
  font-weight: 500 !important;
  top: -7px !important;
  right: -7px !important;
  transition-property: transform;
  transition-duration: 700ms;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transform: scale(0.1);
  color: #3c4858;
}
.filter-icons .mdi:hover,
.filter-icons .mdi.is-active {
  background: #8492a6;
  padding: 6px 3px 3px 5px;
  cursor: pointer;
  border-radius: 2px;
  color: #fff;
  transition: all 0.1s;
}
.text-link:hover {
  cursor: pointer;
}
.sq-layers .grid.item-type.container.is-faded {
  opacity: 0.5;
}
.sq-layers .gridColumn {
  transition: all 0.3s;
  min-height: 40px;
  display: flex;
  align-items: center;
  position: relative;
}
.sq-layers .gridColumn:hover .drag-marker {
  display: block;
}
.sq-layers .gridColumn .cloned-layer {
  position: fixed;
  z-index: 9999992;
  width: 100%;
  height: 0;
  top: 0;
  left: 0;
}
.sq-layers .layer-dropper {
  background: #fafafa;
  width: 100%;
  height: 40px;
  display: flex;
  border: 2px dashed #c0c0c0;
}
.sq-layers .container-layer {
  text-transform: uppercase;
  padding-left: 30px;
  font-weight: 500;
}
.sq-layers .container-layer .text-container-name {
  flex-grow: 1;
}
.sq-layers .container-layer .text-container-name:hover {
  cursor: default;
}
.sq-layers .column-layer {
  padding-left: 40px;
  font-weight: 500;
}
.sq-layers .column-layer .text-column-name {
  flex-grow: 1;
}
.sq-layers .column-layer .text-column-name:hover {
  cursor: default;
}
.sq-layers .column-layer.drag-over {
  box-shadow: inset 0 0 0 2px #c0c0c0;
}
.sq-layers .element-layer {
  padding-left: 60px;
  font-weight: 500;
}
.sq-layers .element-layer .mdi {
  margin-right: 5px;
}
.sq-layers .element-layer .text-element-name {
  flex-grow: 1;
}
.sq-layers .element-layer .text-element-name:hover {
  cursor: default;
}
.sq-layers .labelGroup-toggle {
  float: right;
}
.sq-layers .toggle-layers:hover {
  cursor: pointer;
}
.sq-layers .toggle-layers:before {
  font-size: 16px;
}
@-webkit-keyframes showIcon {
  0% {
    left: 0;
    opacity: 0;
  }
  100% {
    left: 5px;
    opacity: 1;
  }
}
@keyframes showIcon {
  0% {
    left: 0;
    opacity: 0;
  }
  100% {
    left: 5px;
    opacity: 1;
  }
}
.missing-on {
  display: block;
  font-style: italic;
  padding: 10px 0 10px 20px;
  width: 100%;
}
.missing-on span.info {
  margin-right: 10px;
}
.missing-on span.miss-fix-btn {
  border-bottom: 1px solid;
  margin-left: 5px;
  cursor: pointer;
}
.missing-on span.miss-fix-btn .mdi {
  margin: 0;
}
.sq-layers .gridColumn {
  flex-wrap: wrap;
}
.sq-layers .gridColumn .drag-marker {
  display: none;
}
.sq-layers .gridColumn .drag-marker:before {
  font: normal normal normal 18px/1 "Material Design Icons";
  content: "\F1DD";
  font-size: 24px;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  cursor: grab;
  cursor: -webkit-grab;
  animation: showIcon 0.3s ease;
}
.sq-layers .labelGroup-toggle .lbl-status-link:not('.active') {
  color: #bcc6d2;
  transition: color 0.3s;
}
.sq-layers .labelGroup-toggle .lbl-status-link:not('.active'):hover {
  color: inherit;
}
.sq-panel-widget .close-icon {
  color: #8492a6;
  float: right;
  transition: color 0.3s;
}
.sq-panel-widget .close-icon:hover {
  color: #2196f3;
  cursor: pointer;
}
.hb-desktop-view .sq-panel-widget.sq-resolution-settings {
  display: none;
}
.default-properties,
.advanced-properties {
  padding-bottom: 350px;
}
.mce-container.mce-panel.mce-floatpanel {
  z-index: 9999999 !important;
}
.is-hidden {
  display: none !important;
}
.sq-editor .mce-container,
.sq-editor .mce-container *,
.sq-editor .mce-widget,
.sq-editor .mce-widget *,
.sq-editor .mce-reset {
  color: #3c4858;
}
.sq-editor .mce-caret {
  border-top: 4px solid #3c4858;
}
.sq-editor .mce-menubar .mce-caret {
  border-top-color: #3c4858;
}
.sq-editor .mce-menubar .mce-menubtn button span {
  color: #3c4858;
}
.sq-editor .mce-panel {
  background: #f6f7f9;
  border-color: #e6e9ed;
}
.sq-editor .mce-btn {
  background: transparent;
}
.sq-editor .mce-btn:hover,
.sq-editor .mce-btn:focus {
  background: #f2f3f5;
  border-color: #e0e3e7;
}
.sq-editor .mce-branding-powered-by {
  display: none;
}
.sq-editor .mce-btn-group:not(:first-child) {
  border-left: 0;
}
.mce-content-body p,
.mce-content-body div,
.mce-content-body h1,
.mce-content-body h2,
.mce-content-body h3,
.mce-content-body h4,
.mce-content-body h5,
.mce-content-body h6 {
  color: red !important;
}
.mce-menu-item .mce-ico,
.mce-menu-item .mce-text {
  color: #3c4858 !important;
}
.mce-menu-item.mce-disabled:hover {
  background-color: #8492a6 !important;
}
.mce-menu-item.mce-disabled:hover .mce-ico,
.mce-menu-item.mce-disabled:hover .mce-text {
  color: white !important;
}
.mce-menu-item:hover,
.mce-menu-item.mce-selected,
.mce-menu-item:focus {
  background-color: #00ACED !important;
}
.mce-menu-item:hover .mce-ico,
.mce-menu-item.mce-selected .mce-ico,
.mce-menu-item:focus .mce-ico,
.mce-menu-item:hover .mce-text,
.mce-menu-item.mce-selected .mce-text,
.mce-menu-item:focus .mce-text {
  color: white !important;
}
.mce-menubar .mce-menubtn:hover,
.mce-menubar .mce-menubtn.mce-active,
.mce-menubar .mce-menubtn:focus {
  border-color: #e0e3e7 !important;
}
.mce-menu-item .mce-caret {
  border-left: 4px solid #3c4858 !important;
}
.mce-menu {
  border-color: #e0e3e7 !important;
}
.ng-select.stax-select {
  padding: 0 28px 0 8px;
  height: 28px;
  width: 100%;
  line-height: 28px;
  font-size: 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  display: inline-block;
}
.ng-select.stax-select:after {
  font: normal normal normal 18px/1 "Material Design Icons";
  content: "\F35D";
  width: 18px;
  height: 18px;
  margin-top: 5px;
  margin-right: 5px;
  background-size: 18px 18px;
  position: absolute;
  top: 0;
  right: 0;
  color: #8492a6;
}
.ng-select-dropdown-outer {
  left: 0;
}
.ng-select-dropdown-outer .ng-select-dropdown {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ng-select-dropdown-outer .ng-select-dropdown .ng-option {
  padding: 0 10px;
}
.screen-reader-text,
.media-toolbar-secondary,
.screen-reader-text span {
  display: none;
}
img.template-preview {
  max-width: 100%;
  min-width: 100%;
}
.dom-tree {
  list-style: none;
  font-size: 13px;
  letter-spacing: 1px;
  padding: 20px 0 20px 30px;
}
.dom-tree.empty {
  padding: 0;
}
.dom-tree li {
  padding: 5px 0;
}
.dom-tree li:hover {
  cursor: pointer;
}
.dom-tree li.is-selected .class-name,
.dom-tree li.is-selected .id-name {
  color: #2196f3;
  font-weight: bold;
}
.dom-tree .tag-name {
  font-size: 11px;
  display: inline-block;
  color: #fff;
  padding: 3px 6px;
  border-radius: 2px;
  float: left;
  margin-right: 10px;
  clear: both;
  margin-bottom: 3px;
  position: relative;
}
.dom-tree .tag-name:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-right: none;
  border-left-width: 8px;
  top: 50%;
  left: 100%;
  margin-top: -8px;
}
.condition-box {
  margin: 5px 10px;
  border-radius: 4px;
}
.condition-box .gridColumn {
  margin: 2px 0;
}
.condition-box .select:after {
  margin-right: 8px;
}
.condition-box .select--title {
  font-weight: bold;
  width: auto;
}
.condition-box .select--title select {
  transition: all 0.3s;
}
.condition-box .select--default select {
  box-shadow: none;
}
.close-cond-box .button {
  padding: 0;
}
.sq-notifications {
  position: absolute;
  right: 10px;
  top: 10px;
}
.sq-notify-message {
  width: 300px;
  overflow: hidden;
  cursor: pointer;
  padding: 2px;
  max-height: 300px;
  box-shadow: 2px 2px 0 rgba(240, 242, 244, 0.6);
}
.sq-notify-content {
  padding: 12px 10px;
  background: #1a1c24;
  color: #fff;
  border-radius: 4px;
  transition: all 0.4s ease;
  display: flex;
}
.sq-notify-content.sq-notify-error {
  background: #ff4949;
  color: #fff;
}
.sq-info-text {
  font-size: 14px;
  letter-spacing: 0.03em;
  align-self: center;
}
.sq-info-icon {
  flex-basis: 32px;
  flex-shrink: 0;
}
.hide-notification {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  animation: fadeOut 0.4s ease;
}
.hide-notification .sq-notify-content,
.hide-notification.sq-notify-message {
  padding: 0 2px;
}
@keyframes fadeOut {
  from {
    max-height: 300px;
    padding: 2px;
    opacity: 1;
  }
  to {
    max-height: 0;
    padding: 0 10px;
    opacity: 0;
  }
}
