@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  overflow: hidden; }

html, body, input, textarea {
  color: #000; }

html,
body,
h1,
h2,
h3,
h4,
h5,
p,
input,
textarea {
  font-family: "Avenir", sans-serif;
  font-weight: 400;
  text-shadow: 0 0 0 transparent; }

html,
body,
p,
.p,
input,
textarea {
  font-size: 15px; }

input,
textarea {
  background: transparent; }

h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
  padding: 0 0 10px;
  color: #000;
  white-space: inherit; }

h1,
h2 {
  font-family: "Tiempos", sans-serif; }

h1,
h2,
h1 .txt-bold,
h2 .txt-bold {
  font-weight: 600; }

h1 {
  font-size: 48px;
  line-height: 1.3em; }

h2 {
  font-size: 33px;
  line-height: 1.3em; }

h3 {
  font-size: 23px;
  line-height: 1.5em; }

h4 {
  font-size: 19px;
  line-height: 1.5em; }

h5 {
  font-size: 17px;
  line-height: 1.5em; }

p,
.p {
  font-size: 15px;
  line-height: 1.2em;
  overflow-wrap: break-word; }

p .small,
.txt-small,
.table-mini .table .table-row.table-row-head .table-cell {
  font-size: 14px; }

.txt-micro,
p .micro {
  font-size: 13px; }

p.indent {
  padding-left: 21px;
  position: relative; }

p.indent:after {
  width: 4px;
  height: 30px;
  position: absolute;
  top: 4px;
  left: 0;
  display: block;
  content: "";
  background: #5C50FF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

em {
  font-weight: 400;
  font-style: normal;
  color: #93A2B2; }

svg {
  display: block;
  margin: 0;
  padding: 0; }

svg * {
  fill: #93A2B2; }

svg.welcome {
  width: 300px; }

a {
  padding: 0;
  margin: 0;
  color: inherit;
  text-decoration: none; }

img {
  display: block;
  margin: 0;
  padding: 0; }

img.payment-card {
  width: 30px; }

img.wide {
  width: 100%; }

pre {
  font-family: monospace; }

.width-small {
  width: 3%; }

.width-5 {
  width: 5%; }

.width-7-5 {
  width: 7.5%; }

.width-10 {
  width: 10%; }

.width-15 {
  width: 15%; }

.width-21 {
  width: 21%; }

.width-25 {
  width: 25%; }

.width-30 {
  width: 30%; }

.width-40 {
  width: 40%; }

.width-45 {
  width: 45%; }

.width-50 {
  width: 50%; }

.width-55 {
  width: 55%; }

.width-60 {
  width: 60%; }

.width-80 {
  width: 80% !important; }

.width-100 {
  width: 100%; }

.width-window {
  width: 100vw; }

.height-50 {
  height: 50% !important; }

.height-60 {
  height: 60%; }

.height-70 {
  height: 70%; }

.height-auto {
  height: auto !important; }

*:focus {
  outline: none; }

.hide {
  display: none !important; }

.scroll-y {
  overflow-y: auto; }

.line-height-0 {
  line-height: 0; }

.line-height-small {
  line-height: 1.2em; }

.txt-light {
  font-weight: 300; }

.txt-normal {
  font-weight: 400; }

.txt-semibold {
  font-weight: 500; }

.txt-bold {
  font-weight: 500; }

.txt-xbold {
  font-weight: 500; }

.txt-italic {
  font-style: normal; }

.txt-nowrap {
  white-space: nowrap; }

.txt-nowrap-force,
.txt-nowrap-force * {
  white-space: nowrap !important; }

.txt-ellipsis {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.txt-wrap-initial {
  white-space: initial; }

.txt-left {
  text-align: left; }

.txt-center {
  text-align: center !important; }

.txt-right {
  text-align: right; }

.txt-uppercase {
  text-transform: uppercase; }

.txt-pre-line {
  white-space: pre-line; }

.txt-zilla {
  font-family: "Tiempos", sans-serif;
  font-weight: 400;
  font-style: italic; }

.txt-badge {
  background: #5C50FF;
  display: inline-block;
  padding: 0 4px;
  margin: -2px 0 0 4px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 18px; }

.txt-bubble {
  padding: 4px 8px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #8899AA; }

.show-less .show-less-bubble {
  padding: 7px 9px 6px;
  position: absolute;
  top: 9px;
  left: 21px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: #A9B5C1;
  z-index: 8100;
  font-size: 13px;
  color: #FFFFFF;
  font-weight: 500;
  opacity: 0;
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

.show-less:hover .show-less-bubble {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px); }

.full {
  width: 100%;
  height: 100%;
  min-height: 100%;
  margin: 0;
  padding: 0; }

.full.vh {
  height: 100vh;
  min-height: 100vh; }

.pos-relative {
  position: relative; }

.pos-fixed {
  position: fixed; }

.pos-absolute {
  position: absolute;
  overflow: auto; }

.table {
  display: table; }

.table.height-100 {
  height: 100%;
  min-height: 100%; }

.table-center {
  margin: 0 auto; }

.table-wide {
  width: 100%; }

.table-fixed {
  table-layout: fixed; }

.table-cell {
  height: 100%;
  display: table-cell;
  vertical-align: middle; }

.table-cell:empty:after {
  content: " "; }

.table-cell-top {
  vertical-align: top !important; }

.table-cell-bottom {
  vertical-align: bottom !important; }

.table-cell-middle {
  vertical-align: middle !important; }

.table-row {
  height: 100%;
  display: table-row;
  position: relative; }

.table-cell-small {
  width: 1px; }

.table-cell-small:not(.bg-15):empty {
  display: none; }

.table-row-small {
  height: 1px; }

.table-row-small > .table-cell {
  height: auto; }

.table-row.table-row-small:empty {
  display: none; }

.border {
  border: solid 1px #F5F7FA; }

.border-med {
  border: solid 1px #EAEFF5; }

.border-right {
  border-right: solid 1px #F5F7FA; }

.border-right-med {
  border-right: solid 1px #EAEFF5; }

.border-left {
  border-left: solid 1px #F5F7FA; }

.border-left-med {
  border-left: solid 1px #EAEFF5; }

.border-top {
  border-top: solid 1px #F5F7FA; }

.border-top-med {
  border-top: solid 1px #EAEFF5; }

.border-bottom {
  border-bottom: solid 1px #F5F7FA; }

.border-bottom-med {
  border-bottom: solid 1px #EAEFF5; }

.border-bottom.trans {
  border-color: rgba(255, 255, 255, 0.15); }

.border-drag-drop {
  border: dashed 2px #EAEFF5;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px; }

.bg-contain {
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat; }

.bg-cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat; }

.bg-pos-top-center {
  background-position: top center; }

.bg-pos-center {
  background-position: center center; }

.bg-pos-center-left {
  background-position: center left; }

.bg-pos-center-right {
  background-position: center right; }

.bg-pos-bottom-right {
  background-position: bottom right; }

.bg-no-repeat {
  background-repeat: no-repeat; }

.pos-center {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.pos-center-left {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.pos-center-right {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.pos-top-left {
  position: absolute;
  top: 0;
  left: 0; }

.pos-top-right {
  position: absolute;
  top: 0;
  right: 0; }

.pos-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0; }

.pos-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0; }

.pos-bottom-center {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.pos-bottom-center.pos-bottom-center-button {
  bottom: 20px;
  z-index: 100; }

.pos-bottom-100-right {
  position: absolute;
  bottom: 100%;
  right: 0; }

.pos-margin-bottom-left {
  top: 100%;
  left: 0;
  margin: 10px 0 0; }

.pos-margin-bottom-right {
  top: 100%;
  right: 0;
  margin: 10px 0 0; }

.pos-margin-top-right {
  bottom: 100%;
  right: 0;
  margin: 0 0 10px; }

.pos-margin-right-top {
  top: 0;
  left: 100%;
  margin: 0 0 0 10px; }

.svg-inline,
.help-inline {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 5px 0 0; }

.txt-right .svg-inline,
.txt-right .help-inline {
  margin-right: 5px;
  margin-left: 0; }

.svg-inline.svg-inline-18 {
  margin-top: -4px; }

.svg-inline.svg-inline-26 {
  margin-top: -6px; }

.svg-hover:hover svg * {
  fill: #4236e8; }

.svg-hover:not(.field-input):active {
  -webkit-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9); }

.svg-hover:active svg * {
  fill: #4236e8; }

.name-spacer {
  display: inline-block;
  padding: 3px 0; }

.company-logo {
  width: 190px;
  height: 60px; }

.clear {
  clear: both; }

.rotate-30-neg {
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  transform: rotate(-30deg); }

.rotate-45-neg {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.rotate-90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg); }

.rotate-90-neg {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.rotate-135 {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg); }

.rotate-180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg); }

.svg-shadow {
  margin-top: 2px;
  opacity: 0.1; }

.opacity-0 {
  opacity: 0; }

.opacity-30 {
  opacity: 0.3; }

.opacity-50 {
  opacity: 0.5; }

.opacity-100 {
  opacity: 1; }

.z-index-bottom {
  z-index: 0 !important; }

.z-index-top {
  z-index: 1 !important; }

.overflow-visible {
  overflow: visible; }

.overflow-hidden {
  overflow: hidden; }

.overflow-auto {
  overflow: auto; }

.margin-none {
  margin: 0 !important; }

.padding-none {
  padding: 0 !important; }

.padding-none-left {
  padding-left: 0 !important; }

.padding-none-top-bottom {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.display-block {
  display: block; }

.display-inline-block {
  display: inline-block; }

.scroll-smooth,
.pos-absolute {
  -webkit-overflow-scrolling: touch; }

.link-u:hover,
.link-u:hover * {
  color: #5C50FF;
  text-decoration: underline;
  cursor: pointer; }

.table-mini .link-u {
  padding: 0 !important; }

.svg-blank svg {
  width: 100%; }

.bullet:before {
  font-family: "Helvetica Neue Light", Helvetica, Arial, sans-serif;
  content: "• "; }

.blur {
  -webkit-filter: blur(5px);
  filter: blur(5px); }

.bg-overlay,
.bg-overlay-dark {
  background: rgba(245, 247, 250, 0.5);
  z-index: 1; }

.bg-overlay.side-panel-overlay {
  background: rgba(245, 247, 250, 0.7); }

.btn-overlay-close {
  position: absolute;
  bottom: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%); }

.btn-overlay-close div {
  padding: 15px 50px;
  background: rgba(218, 222, 225, 0.5); }

.btn-overlay-close div:hover {
  padding: 15px 50px;
  background: #dadee1; }

.break {
  width: 100%;
  height: 35px; }

.break-line {
  width: 100%;
  height: 1px;
  margin: 35px 0;
  background: #EAEFF5; }

.margin-top-1 {
  margin-top: 1px; }

.default-width,
.default-height {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.default-width {
  width: 56px; }

.default-height {
  height: 56px; }

.min-default-height {
  min-height: 56px; }

.default-height-70 {
  height: 70px; }

.default-width-70 {
  width: 70px; }

.default-padding {
  padding-left: 21px;
  padding-right: 21px; }

.default-padding-all {
  padding: 21px; }

.default-padding-all.grid-3,
.default-padding-all.grid-4 {
  padding-bottom: 101px; }

.default-padding-left {
  padding-left: 21px; }

.default-padding-right {
  padding-right: 21px; }

.default-padding-top {
  padding-top: 21px; }

.default-padding-bottom {
  padding-bottom: 21px; }

.default-padding-30 {
  padding: 30px; }

.default-spacer-height {
  height: 8px; }

.default-spacer-height-15 {
  height: 15px; }

.default-spacer-height-wide {
  height: 30px; }

.default-spacer {
  width: 8px; }

.default-spacer-15 {
  width: 15px; }

.default-spacer-wide {
  width: 30px; }

.default-spacer-item-sub {
  width: 25px; }

.default-padding-item {
  padding: 12px 10px 10px; }

.default-padding-button {
  padding: 12px 10px 10px; }

.h-w-menu .default-padding {
  position: relative; }

.h-w-menu .default-padding:before {
  width: 100%;
  height: 3px;
  margin: 0;
  padding: 0;
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 1;
  background: rgba(255, 255, 255, 0); }

.h-w-menu:not(.selected):hover {
  cursor: pointer; }

.h-w-menu:not(.selected):hover .default-padding:before,
.menu-hover:hover .h-w-menu:not(.selected) .default-padding:before {
  background: #EAEFF5; }

.h-w-menu:not(.selected) .default-padding .txt-semibold.color-18 {
  font-weight: 400; }

.h-w-menu:hover .default-padding svg *,
.h-w-menu:hover .default-padding svg * {
  fill: #5C50FF; }

.h-w-menu .menu-arrow {
  padding: 1px 0 0;
  margin: 0 0 0 -3px; }

.h-w-menu.selected .default-padding:before {
  background: #5C50FF; }

.side-panel .h-w-menu .default-padding h5 {
  max-width: 200px; }

.side-panel .h-w-menu .default-padding h5 span {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 56px; }

input,
textarea {
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
  resize: none; }

::-webkit-input-placeholder {
  font-family: "Avenir", sans-serif;
  color: #93A2B2;
  font-weight: 400; }

*:-moz-placeholder {
  font-family: "Avenir", sans-serif;
  color: #93A2B2;
  font-weight: 400; }

::-moz-placeholder {
  font-family: "Avenir", sans-serif;
  color: #93A2B2;
  font-weight: 400; }

*:-ms-input-placeholder {
  font-family: "Avenir", sans-serif;
  color: #93A2B2;
  font-weight: 400; }

.fixedDataTableLayout_main,
.public_fixedDataTable_main {
  border: none; }

.public_fixedDataTable_header .public_fixedDataTableCell_main,
.public_fixedDataTableRow_main,
.public_fixedDataTableCell_main,
.public_fixedDataTableRow_highlighted,
.public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main {
  background: transparent; }

.public_fixedDataTable_header {
  background: #F5F7FA; }

.public_fixedDataTableCell_main,
.public_fixedDataTableRow_fixedColumnsDivider,
.public_fixedDataTable_hasBottomBorder {
  border-color: #F5F7FA; }

.public_fixedDataTable_header .fixedDataTableCellLayout_main.public_fixedDataTableCell_main {
  border-color: #EAEFF5; }

.public_fixedDataTable_header .public_fixedDataTableCell_main {
  color: #8899AA;
  font-weight: 500;
  white-space: nowrap; }

.public_fixedDataTable_header .public_fixedDataTableCell_main .pos-relative.menu-hover {
  display: inline-block; }

.public_fixedDataTable_header .public_fixedDataTableCell_main .svg-inline {
  margin-left: 6px; }

.public_fixedDataTable_header .public_fixedDataTableCell_main .svg-inline svg * {
  fill: #5C50FF !important; }

.fixedDataTableCellLayout_main {
  border-style: solid;
  border-width: 0 0 1px 0; }

.last_row,
.last_row .fixedDataTableCellLayout_main {
  border: none !important; }

.public_fixedDataTable_header .fixedDataTableCellLayout_main {
  border-right: none !important; }

.public_fixedDataTable_topShadow {
  background: none;
  z-index: 0; }

.fixedDataTableLayout_topShadow {
  height: 1px;
  margin: -1px 0 0; }

.fixedDataTableLayout_bottomShadow,
.public_fixedDataTableRow_columnsShadow {
  display: none !important; }

.public_fixedDataTableCell_cellContent {
  max-height: 56px;
  overflow: hidden;
  padding: 0 21px 0 0;
  line-height: 1.2em;
  overflow-wrap: break-word;
  word-break: break-word; }

.public_fixedDataTableCell_cellContent .txt-left .txt-semibold + .color-18 {
  padding-top: 1px;
  font-size: 14px;
  line-height: 1.2em; }

.public_fixedDataTableCell_cellContent .txt-center,
.public_fixedDataTableCell_cellContent .txt-right {
  white-space: nowrap; }

.public_fixedDataTableCell_main:first-child .public_fixedDataTableCell_cellContent {
  padding-left: 21px; }

.public_fixedDataTableCell_main:last-child .public_fixedDataTableCell_cellContent {
  padding-right: 21px; }

.fixedDataTableRowLayout_main,
.fixedDataTableCellLayout_main,
.fixedDataTableCellGroupLayout_cellGroup {
  overflow: visible; }

.fixedDataTableRowLayout_rowWrapper:hover,
.fixedDataTableRowLayout_rowWrapper .public_fixedDataTableCell_main:hover {
  z-index: 10 !important; }

.fixedDataTableRowLayout_rowWrapper:hover .public_fixedDataTableCell_cellContent {
  overflow: visible; }

.fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_bodyRow.active {
  z-index: 12 !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important; }

.fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_bodyRow:not(.last_row):before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  opacity: 0;
  background: #F5F7FA; }

.fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_bodyRow:not(.last_row):not(.active):hover:before {
  opacity: 0.4; }

.fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_bodyRow.active:before {
  opacity: 1; }

.fixedDataTableLayout_rowsContainer > .fixedDataTableRowLayout_rowWrapper {
  z-index: 20 !important; }

.public_fixedDataTableCell_cellContent .txt-left.link-u,
.public_fixedDataTableCell_cellContent .txt-left .link-u {
  display: inline-block; }

.fixedDataTableLayout_horizontalScrollbar {
  z-index: 14; }

.fixedDataTableLayout_horizontalScrollbar > div {
  overflow: visible !important; }

.fixedDataTableCellLayout_wrap1 {
  width: 100%; }

.fixedDataTableLayout_topShadow.public_fixedDataTable_topShadow,
.fixedDataTableLayout_bottomShadow.public_fixedDataTable_bottomShadow {
  display: none; }

.public_fixedDataTableCell_cellContent .sub {
  display: block;
  font-size: 14px;
  font-weight: 400; }

.ScrollbarLayout_main {
  background: #FFFFFF;
  opacity: 0; }

.table-wrap:hover .ScrollbarLayout_main {
  opacity: 1; }

.ScrollbarLayout_main:before {
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  background: #F5F7FA;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px; }

.ScrollbarLayout_main.ScrollbarLayout_mainHorizontal,
.ScrollbarLayout_main.ScrollbarLayout_mainHorizontal:hover {
  height: 11px; }

.ScrollbarLayout_main.ScrollbarLayout_mainHorizontal:before {
  width: calc(100% - 8px) !important;
  height: 7px;
  top: 0;
  left: 4px; }

.ScrollbarLayout_main.ScrollbarLayout_mainVertical,
.ScrollbarLayout_main.ScrollbarLayout_mainVertical:hover {
  width: 11px; }

.ScrollbarLayout_main.ScrollbarLayout_mainVertical:before {
  width: 7px;
  height: calc(100% - 8px) !important;
  top: 4px;
  left: 0; }

.ScrollbarLayout_face {
  background: #EAEFF5;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  border: solid 4px #FFFFFF; }

.ScrollbarLayout_face:after {
  display: none; }

.ScrollbarLayout_face.ScrollbarLayout_faceHorizontal {
  height: 15px;
  top: -4px !important; }

.ScrollbarLayout_face.ScrollbarLayout_faceVertical {
  width: 15px;
  left: -4px !important; }

::selection {
  background: #5C50FF;
  color: #FFFFFF; }

::-moz-selection {
  background: #5C50FF;
  color: #FFFFFF; }

.noselect *,
.header,
.nav,
.item,
.button,
.nav-button,
.nav-button,
.header-button,
.tab-button,
.selectmenu,
.modal .actions *,
.copy-item *,
.image,
.table-options *,
.public_fixedDataTable_header *,
.notifications-banner *,
.message *,
.accordion-box,
.accordion-box * {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

input,
textarea {
  display: block; }

.cursor-pointer,
.button,
.nav-button,
.tab-add,
.header-button,
.button-group,
.tab-button,
.list-group-item,
.header h4,
.more,
.checkbox,
.radio,
.item,
.item-more,
.header-add,
.more-button,
.message,
.chat.minimized,
.selectmenu,
.btn-edit,
.fixedDataTableCellGroupLayout_cellGroup,
.button-22,
a {
  cursor: pointer; }

.cursor-move,
.grid-move .grid .product {
  cursor: move; }

.cursor-default {
  cursor: default; }

.badge {
  width: 10px;
  height: 10px;
  margin: 0;
  border: solid 2px #FFFFFF; }

.badge.pos-bottom-right {
  bottom: -2px;
  right: -2px; }

.avatar.big.round-circle .badge.pos-bottom-right {
  bottom: 2px;
  right: 2px; }

.badge-count {
  padding: 2px 5px;
  position: absolute;
  bottom: -11px;
  right: -11px;
  border: solid 2px #FFFFFF;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  font-size: 12px;
  font-weight: 500; }

.timestamp {
  padding: 4px 0 0;
  font-size: 11px;
  font-style: normal;
  color: #93A2B2; }

.timestamp span {
  display: inline-block;
  padding: 0 5px 0 0;
  font-weight: 500;
  font-style: normal; }

.box-shadow,
.chart-tooltip .chart-tooltip-label {
  -webkit-box-shadow: 0 0 20px 0 rgba(45, 55, 65, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(45, 55, 65, 0.1);
  box-shadow: 0 0 20px 0 rgba(45, 55, 65, 0.1); }

.box-shadow-down,
.btn-overlay-close div,
.sortable-drag,
.chat.minimized .chat-bubble .round-chat-bubble-right,
.chat.minimized .avatar.box-shadow-down,
.chat.minimized .avatars .avatar,
.box-shadow-down-med,
.submit:not(.mini).box-shadow-down,
.container.store .modal-overlay .modal-inside .button {
  -webkit-box-shadow: 0 5px 20px 0 rgba(45, 55, 65, 0.1);
  -moz-box-shadow: 0 5px 20px 0 rgba(45, 55, 65, 0.1);
  box-shadow: 0 5px 20px 0 rgba(45, 55, 65, 0.1); }

.box-shadow-top {
  -webkit-box-shadow: -5px 20px 0 rgba(45, 55, 65, 0.1);
  -moz-box-shadow: -5px 20px 0 rgba(45, 55, 65, 0.1);
  box-shadow: -5px 20px 0 rgba(45, 55, 65, 0.1); }

.box-shadow-left {
  -webkit-box-shadow: -5px 0 20px 0 rgba(45, 55, 65, 0.1);
  -moz-box-shadow: -5px 0 20px 0 rgba(45, 55, 65, 0.1);
  box-shadow: -5px 0 20px 0 rgba(45, 55, 65, 0.1); }

.box-shadow-left-light {
  -webkit-box-shadow: -1px 0 2px 0 rgba(45, 55, 65, 0.1);
  -moz-box-shadow: -1px 0 2px 0 rgba(45, 55, 65, 0.1);
  box-shadow: -1px 0 2px 0 rgba(45, 55, 65, 0.1); }

.box-shadow-right {
  -webkit-box-shadow: 5px 0 20px 0 rgba(45, 55, 65, 0.1);
  -moz-box-shadow: 5px 0 20px 0 rgba(45, 55, 65, 0.1);
  box-shadow: 5px 0 20px 0 rgba(45, 55, 65, 0.1); }

.box-shadow-top-light,
.pos-relative.style-title.border-top.box-shadow-top {
  -webkit-box-shadow: 0 -1px 2px 0 rgba(45, 55, 65, 0.1);
  -moz-box-shadow: 0 -1px 2px 0 rgba(45, 55, 65, 0.1);
  box-shadow: 0 -1px 2px 0 rgba(45, 55, 65, 0.1); }

.pos-relative.style-title.border-top.box-shadow-top {
  border: none; }

.box-shadow-down-light {
  -webkit-box-shadow: 0 1px 2px 0 rgba(45, 55, 65, 0.1);
  -moz-box-shadow: 0 1px 2px 0 rgba(45, 55, 65, 0.1);
  box-shadow: 0 1px 2px 0 rgba(45, 55, 65, 0.1); }

.box-shadow-right-light {
  -webkit-box-shadow: 1px 0 2px 0 rgba(45, 55, 65, 0.1);
  -moz-box-shadow: 1px 0 2px 0 rgba(45, 55, 65, 0.1);
  box-shadow: 1px 0 2px 0 rgba(45, 55, 65, 0.1); }

.round,
.round-med,
.thumbnail.round .full,
.default-width.default-height.round .full {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.round-top {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0; }

.round-top-left,
.round-med-top-left {
  -webkit-border-radius: 3px 0 0 0;
  -moz-border-radius: 3px 0 0 0;
  border-radius: 3px 0 0 0; }

.round-top-right,
.round-med-top-right {
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0; }

.round-left,
.round-med-left {
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px; }

.round-right,
.round-med-right {
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0; }

.round-bottom,
.chat textarea,
.round-med-bottom {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px; }

.round-bottom-right,
.round-med-bottom-right {
  -webkit-border-radius: 0 0 0 3px;
  -moz-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px; }

.round-circle,
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.loading .dot {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.round-full,
.button,
.tab-button {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px; }

.round-none,
.ui-widget-header,
input,
textarea {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

img.payment-card {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.round-big {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px; }

.round-chat-bubble-left {
  -webkit-border-radius: 20px 20px 20px 0;
  -moz-border-radius: 20px 20px 20px 0;
  border-radius: 20px 20px 20px 0; }

.round-chat-bubble-right,
.chat.minimized .chat-bubble,
.chat.minimized .chat-bubble .round-chat-bubble-left {
  -webkit-border-radius: 20px 20px 0 20px;
  -moz-border-radius: 20px 20px 0 20px;
  border-radius: 20px 20px 0 20px; }

.padding {
  padding: 21px; }

.padding-messages-button {
  padding: 1px 14px 21px; }

.padding-more {
  padding: 10px 14px; }

.padding-onboarding {
  padding: 50px 45px 40px; }

.padding-alert {
  padding: 5px 21px 4px; }

.padding-alert p {
  line-height: 1.3em;
  white-space: initial; }

.padding-form {
  max-width: 850px;
  margin: 0 auto;
  padding: 21px 50px 110px; }

.padding-form.same-bottom {
  padding-bottom: 50px; }

.padding-form.padding-even {
  padding: 50px; }

.padding-form .avatar.xlarge {
  margin-top: 20px; }

.padding-side-panel {
  padding-right: 720px; }

.padding-modal {
  min-height: 72px;
  padding: 25px 30px;
  position: relative; }

.padding-modal h4 {
  max-width: 100% !important;
  padding-bottom: 20px; }

.padding-modal p:last-child {
  padding-bottom: 0; }

.color-1 {
  color: #5FDD9E; }

.color-3,
.color-4 {
  color: #FF88ED; }

.color-5 {
  color: #0055B8; }

.color-6,
.color-7,
.color-32 {
  color: #5C50FF; }

.color-8 {
  color: #5C50FF; }

.color-9 {
  color: #FED22A; }

.color-10 {
  color: #EF2CA3; }

.color-11 {
  color: #FF4D44; }

.color-12 {
  color: #FFFFFF; }

.color-13,
.color-20 {
  color: #D4DEEB; }

.color-14 {
  color: #F5F7FA; }

.color-15 {
  color: #EAEFF5; }

.color-16 {
  color: #93A2B2; }

.color-17 {
  color: #8899AA; }

.color-18 {
  color: #687D94; }

.color-19,
.color-21 {
  color: #000; }

.color-22,
.color-29,
.color-31 {
  color: #5C50FF; }

.color-23 {
  color: #54BF93; }

.color-24 {
  color: #364657; }

.color-25 {
  color: #BDC9D7; }

.color-26 {
  color: #A9B5C1; }

.color-27 {
  color: #FDB59B; }

.color-28 {
  color: #000; }

.color-30 {
  color: #414A86; }

.color-33 {
  color: #C8D2DD; }

.color-34 {
  color: #F1B965; }

.color-35 {
  color: #405060; }

.bg-1,
.button-1 {
  background-color: #5FDD9E; }

.bg-3,
.bg-4 {
  background-color: #FF88ED; }

.bg-5 {
  background-color: #0055B8; }

.bg-6,
.bg-7,
.bg-32,
.button-7 {
  background-color: #5C50FF; }

.bg-8 {
  background-color: #5C50FF; }

.bg-9 {
  background-color: #FED22A; }

.bg-10 {
  background-color: #EF2CA3; }

.bg-11 {
  background-color: #FF4D44; }

.bg-12 {
  background-color: #FFFFFF; }

.bg-13,
.bg-20 {
  background-color: #D4DEEB; }

.bg-14 {
  background-color: #F5F7FA; }

.bg-15 {
  background-color: #EAEFF5; }

.bg-16 {
  background-color: #93A2B2; }

.bg-17 {
  background-color: #8899AA; }

.bg-18 {
  background-color: #687D94; }

.bg-19,
.bg-21 {
  background-color: #000; }

.bg-22,
.bg-29,
.bg-31,
.button-22,
.button-29 {
  background-color: #5C50FF; }

.bg-23 {
  background-color: #54BF93; }

.bg-24 {
  background-color: #364657; }

.bg-25 {
  background-color: #BDC9D7; }

.bg-26 {
  background-color: #A9B5C1; }

.bg-27 {
  background-color: #FDB59B; }

.bg-28 {
  background-color: #000; }

.bg-22-light,
.bg-30 {
  background-color: #5C50FF; }

.bg-33 {
  background-color: #C8D2DD; }

.bg-34 {
  background-color: #F1B965; }

.bg-35 {
  background-color: #405060; }

.bg-gradient-blue-purple {
  background: #5C50FF;
  background: -moz-linear-gradient(-45deg, #5C50FF 0%, #FF88ED 100%);
  background: -webkit-linear-gradient(-45deg, #5C50FF 0%, #FF88ED 100%);
  background: linear-gradient(135deg, #5C50FF 0%, #FF88ED 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$colorViolet', endcolorstr='$colorPurple', GradientType=1); }

.fill-1 * {
  fill: #5FDD9E; }

.fill-3 *,
.fill-4 * {
  fill: #5C50FF; }

.fill-5 * {
  fill: #0055B8; }

.fill-6 *,
.fill-7 *,
.fill-32 * {
  fill: #5C50FF; }

.fill-8 * {
  fill: #5C50FF; }

.fill-9 * {
  fill: #FED22A; }

.fill-10 * {
  fill: #EF2CA3; }

.fill-11 * {
  fill: #FF4D44; }

.fill-12 * {
  fill: #FFFFFF; }

.fill-13 *,
.fill-20 * {
  fill: #D4DEEB; }

.fill-14 * {
  fill: #F5F7FA; }

.fill-15 * {
  fill: #EAEFF5; }

.fill-16 * {
  fill: #93A2B2; }

.fill-17 * {
  fill: #8899AA; }

.fill-18 * {
  fill: #687D94; }

.fill-19 *,
.fill-21 * {
  fill: #000; }

.fill-22 *,
.fill-29 *,
.fill-31 * {
  fill: #5C50FF; }

.fill-23 * {
  fill: #54BF93; }

.fill-24 * {
  fill: #364657; }

.fill-25 * {
  fill: #BDC9D7; }

.fill-26 * {
  fill: #A9B5C1; }

.fill-27 * {
  fill: #FDB59B; }

.fill-28 * {
  fill: #000; }

.fill-30 * {
  fill: #414A86; }

.fill-33 * {
  fill: #C8D2DD; }

.fill-34 * {
  fill: #F1B965; }

.fill-35 * {
  fill: #405060; }

.button-1:not(.submit),
.button-7:not(.submit),
.button-22:not(.submit),
.button-19:not(.submit),
.button-30:not(.submit) {
  color: #FFFFFF; }

.button-1:hover {
  background-color: #55D48F; }

.button-1:active {
  background-color: #54BF93; }

.button-7:hover,
.button-7-hover {
  background-color: #4236e8; }

.button-7:active {
  background-color: #4236e8; }

.button-12 {
  color: #8899AA; }

.button-12:hover {
  background-color: #F5F7FA; }

.button-22:hover {
  background: #4236e8; }

.button-22:active {
  background: #4236e8; }

.border-1 {
  border-color: #5FDD9E !important; }

.border-3 {
  border-color: #5C50FF !important; }

.button-border-7 {
  border-color: #5C50FF; }

.button-border-7:hover {
  border-color: #4236e8; }

.border-11 {
  border-color: #FF4D44 !important; }

.border-12 {
  border-color: #FFFFFF !important; }

.border-14 {
  border-color: #F5F7FA !important; }

.border-22 {
  border-color: #5C50FF !important; }

.tooltip {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 8200;
  white-space: nowrap;
  line-height: 1em; }

.tooltip.tooltip-right {
  margin-left: -3px;
  top: 50%;
  left: 100%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }

.tooltip.tooltip-left {
  margin-right: -3px;
  top: 50%;
  right: 100%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }

.tooltip.tooltip-top {
  padding-bottom: 5px;
  bottom: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.tooltip.tooltip-bottom {
  padding-top: 5px;
  top: 100%;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.tooltip.tooltip-bottom-right {
  margin-top: 5px;
  top: 100%;
  right: 0; }

.tooltip.tooltip-top-right {
  bottom: 100%;
  right: 0; }

.tooltip .label {
  position: relative;
  z-index: 100;
  padding: 10px 15px;
  background: #5C50FF;
  color: #FFFFFF;
  font-size: 14px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.tooltip .label:after {
  width: 8px;
  height: 8px;
  display: block;
  content: "";
  background: #5C50FF;
  position: absolute; }

.tooltip.tooltip-right .label:after,
.tooltip.tooltip-left .label:after {
  top: 50%;
  -webkit-transform: translate(0, -50%) rotate(45deg);
  -ms-transform: translate(0, -50%) rotate(45deg);
  transform: translate(0, -50%) rotate(45deg); }

.tooltip.tooltip-right .label:after {
  left: -3px; }

.tooltip.tooltip-left .label:after {
  right: -3px; }

.tooltip.tooltip-top .label:after {
  bottom: -3px;
  left: 50%;
  -webkit-transform: translate(-50%, 0) rotate(45deg);
  -ms-transform: translate(-50%, 0) rotate(45deg);
  transform: translate(-50%, 0) rotate(45deg); }

.tooltip.tooltip-bottom .label:after {
  top: -3px;
  left: 50%;
  -webkit-transform: translate(-50%, 0) rotate(45deg);
  -ms-transform: translate(-50%, 0) rotate(45deg);
  transform: translate(-50%, 0) rotate(45deg); }

.tooltip.tooltip-top-right .label:after {
  bottom: -3px;
  right: 50%;
  -webkit-transform: translate(-50%, 0) rotate(45deg);
  -ms-transform: translate(-50%, 0) rotate(45deg);
  transform: translate(-50%, 0) rotate(45deg); }

.tooltip-hover:hover .tooltip {
  visibility: visible;
  opacity: 1; }

.submit .tooltip.tooltip-top-right {
  padding-bottom: 5px; }

.submit .tooltip.tooltip-top-right .label {
  min-width: 62px;
  text-align: center; }

.submit .tooltip.tooltip-top-right .label:after {
  right: 22px; }

.avatar,
.avatars {
  width: 35px;
  height: 35px;
  font-size: 14px; }

.avatar .pos-center,
.avatars .pos-center {
  padding-top: 1px; }

.avatar {
  display: block;
  margin: 0 auto;
  padding: 0; }

.avatar,
.thumbnail.round .full,
.default-width.default-height.round .full {
  background-color: #EAEFF5; }

.thumbnail.round .full svg *,
.default-width.default-height.round .full svg * {
  fill: #C8D2DD; }

.avatar .txt-bold {
  color: #93A2B2;
  white-space: nowrap; }

.avatar.space-bottom {
  margin-bottom: 8px; }

.avatars {
  position: relative; }

.avatar.small,
.avatars .avatar {
  width: 31px;
  height: 31px; }

.avatars .avatar {
  position: absolute; }

.avatars .avatar {
  border: solid 1px #F5F7FA; }

.avatars .avatar:first-child {
  top: -1px;
  left: -1px;
  z-index: 0; }

.avatars .avatar:last-child {
  bottom: -1px;
  right: -1px;
  z-index: 1; }

.avatar.med {
  width: 46px;
  height: 46px; }

.avatar.big {
  width: 61px;
  height: 61px;
  font-size: 18px; }

.avatar.xlarge {
  width: 70px;
  height: 70px;
  font-size: 18px; }

.avatar.xlarge .badge.pos-bottom-right {
  bottom: 4px;
  right: 4px; }

.avatar.status-20 {
  -webkit-box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #D4DEEB;
  -moz-box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #D4DEEB;
  box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #D4DEEB; }

.avatar.status-3 {
  -webkit-box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #FF88ED;
  -moz-box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #FF88ED;
  box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #FF88ED; }

.avatar.status-6 {
  -webkit-box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #5C50FF;
  -moz-box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #5C50FF;
  box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #5C50FF; }

.avatar.status-1 {
  -webkit-box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #5FDD9E;
  -moz-box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #5FDD9E;
  box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #5FDD9E; }

.avatar.status-9 {
  -webkit-box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #FED22A;
  -moz-box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #FED22A;
  box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #FED22A; }

.avatar.status-11 {
  -webkit-box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #FF4D44;
  -moz-box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #FF4D44;
  box-shadow: 0 0 0 3px #FFFFFF, 0 0 0 6px #FF4D44; }

.nav-button {
  width: 56px;
  height: 57px;
  display: block;
  margin: 0;
  padding: 0;
  position: relative; }

.nav-button svg {
  display: block;
  margin: 0;
  padding: 0; }

.nav-button.active-sub svg * {
  fill: #5C50FF; }

.nav-button.active {
  background: #5FDD9E; }

.nav-button.active svg * {
  fill: #FFFFFF; }

.side-panel .table-cell > .nav-button {
  width: 57px;
  height: 56px; }

.header-add {
  width: 56px;
  height: 56px;
  display: block;
  margin: 0;
  padding: 0;
  position: relative; }

.header-add svg {
  width: 26px;
  height: 26px;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.header-add svg * {
  fill: #FFFFFF; }

.header-add.close,
.header-add.inactive,
.header-add.expand {
  background: #F5F7FA; }

.header-add.close:hover,
.header-add.expand:hover {
  background: #EAEFF5; }

.header-add.collapse {
  background: transparent;
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 12px; }

.header-add.collapse .pos-center {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  transform: rotate(180deg); }

.header-add.close svg *,
.header-add.expand svg *,
.header-add.collapse svg * {
  fill: #93A2B2; }

.header-add.inactive {
  cursor: default; }

.header-add.inactive * {
  opacity: 0; }

.bg-14 .header-add.close {
  background: #F5F7FA; }

.header-add:active .pos-center {
  -webkit-transform: scale(0.9, 0.9);
  -ms-transform: scale(0.9, 0.9);
  transform: scale(0.9, 0.9); }

.header-button-txt {
  white-space: nowrap;
  margin: 0 31px 0 -12px; }

.header-button {
  width: 18px;
  height: 56px;
  display: block;
  margin: 0 31px 0 -12px;
  padding: 0;
  position: relative; }

.header-button svg {
  width: 18px;
  height: 18px;
  display: block;
  margin: 0;
  padding: 0; }

.header-button:hover svg *,
.menu-hover:hover .header-button svg * {
  fill: #5C50FF; }

.header-button .badge.pos-bottom-right {
  bottom: -5px;
  right: -5px; }

.header-button-padding {
  padding: 0 4px; }

.header-button.active {
  background: #EAEFF5; }

.header-button.active svg * {
  fill: #93A2B2; }

.header-button .tooltip.tooltip-bottom {
  margin-top: -14px; }

.item-more,
.more,
.item {
  line-height: 23px;
  white-space: nowrap;
  text-align: left; }

.item.w-check {
  padding: 0 !important;
  line-height: 26px !important; }

.item-label,
.more {
  font-weight: 500;
  color: #8899AA; }

.item-label {
  line-height: 18px;
  padding-bottom: 6px;
  white-space: nowrap; }

.item-break {
  width: 100%;
  height: 25px; }

.item-content {
  padding: 6px 21px;
  line-height: 1.3em; }

.item-content + .item-content {
  padding-top: 8px; }

.item-content .field {
  margin-bottom: 0; }

.item-content .selectmenu {
  min-width: 240px; }

.menu {
  position: absolute;
  z-index: 8000; }

.menu .box {
  background: #FFFFFF;
  padding: 8px 0;
  position: relative;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.menu .box p {
  padding: 0;
  line-height: 1.3em;
  color: #405060; }

.menu .box.min-width,
.h-w-menu + .menu .box,
.search .menu .box {
  min-width: 200px; }

.menu .box.min-width-wide {
  min-width: 300px; }

.menu .box.max-height {
  max-height: 300px;
  overflow: auto; }

.menu .box .item-break,
.nav .item-break {
  width: 100%;
  height: 1px;
  margin: 8px 0;
  padding: 0;
  background: #F5F7FA; }

.menu .box .item-label {
  padding: 6px 21px 3px;
  font-size: 13px;
  color: #405060; }

.menu .box .item {
  padding: 0 21px;
  position: relative;
  line-height: 34px;
  font-size: 15px;
  font-weight: 400;
  color: #687D94; }

.menu .box .item em {
  color: #93A2B2; }

.menu .box .item:not(.no-hover):not(.active):hover {
  background: #F5F7FA;
  cursor: pointer; }

.menu .box .item:not(.no-hover):not(.active):hover .badge {
  border-color: #F5F7FA; }

.menu .box .item.active {
  cursor: default;
  font-weight: 500;
  background: #5C50FF; }

.menu .box .item.active,
.menu .box .item.active em {
  color: #FFFFFF; }

.menu .box .item.txt-center {
  font-style: normal;
  color: #8899AA; }

.menu .box .item.item-used:after {
  width: 5px;
  height: 5px;
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #5C50FF; }

.menu .box.box-mini-account {
  min-width: 220px;
  margin: 0 0 10px 0; }

.menu .box.box-mini-account .item {
  line-height: 28px; }

.menu .box.box-mini-account .default-padding {
  padding-top: 11px;
  padding-bottom: 8px; }

.menu .box .default-height.default-width.pos-absolute {
  bottom: -10px;
  right: -10px; }

.menu {
  visibility: hidden;
  opacity: 0; }

.menu.menu-center {
  top: 50%;
  left: 50%; }

.menu.menu-top-center,
.menu.menu-bottom-center {
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0); }

.menu.menu-top-left,
.menu.menu-top-center,
.menu.menu-top-right {
  bottom: 100%;
  padding-bottom: 1px; }

.menu.menu-bottom-left,
.menu.menu-bottom-center,
.menu.menu-bottom-right {
  top: 100%;
  padding-top: 1px; }

.menu.menu-top-left,
.menu.menu-bottom-left {
  left: 0; }

.menu.menu-top-right,
.menu.menu-bottom-right {
  right: 0; }

.menu.menu-right,
.menu.menu-right-top,
.menu.menu-right-bottom {
  left: 100%;
  padding-left: 1px; }

.menu.menu-right {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }

.menu.menu-right-top,
.menu.menu-left-top {
  top: 0; }

.menu.menu-right-bottom,
.menu.menu-left-bottom {
  bottom: 0; }

.menu.menu-left-top,
.menu.menu-left-bottom {
  right: 100%;
  padding-right: 1px; }

.menu.menu-selectmenu {
  min-width: calc(100% + 40px) !important;
  top: -13px;
  right: -20px; }

.menu-click.menu-click-selectmenu-inline {
  display: inline-block; }

.menu-inline {
  display: inline-block; }

.menu-overflow {
  display: none; }

.public_fixedDataTableCell_cellContent .pos-relative.menu-hover,
.public_fixedDataTableCell_cellContent .pos-relative.menu-hover > .pos-relative {
  position: initial; }

.menu-pulse:before,
.menu-pulse:after {
  width: 40px;
  height: 40px;
  background: rgba(165, 139, 255, 0.8);
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  margin: -20px 0 0 0;
  z-index: 0;
  opacity: 0;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.menu-pulse:after {
  background: #5C50FF; }

.txt-left .menu-pulse:before,
.txt-left .menu-pulse:after {
  left: 0;
  margin-left: 21px; }

.txt-right .menu-pulse:before,
.txt-right .menu-pulse:after {
  right: 0;
  margin-right: 21px; }

.txt-center .menu-pulse:before,
.txt-center .menu-pulse:after {
  left: 50%;
  transform: translateX(50%);
  margin-left: -31px; }

.menu .menu-pulse:before,
.menu .menu-pulse:after {
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px; }

.menu-hover:hover > .pos-relative .menu-arrow svg *,
.menu-hover:hover > .pos-relative > .item > .table .table-cell svg * {
  fill: #5C50FF; }

.menu.hover,
.menu-hover:hover > .menu {
  visibility: visible;
  opacity: 1; }

.menu.hover.menu-wide,
.menu-hover:hover > .menu.menu-wide {
  min-width: 100% !important; }

.border-left-med.bg-14 .menu.menu-top-right.menu-top-right-margin > .box {
  min-width: 310px; }

.search {
  position: relative;
  margin-right: 31px; }

.search input {
  width: 106px;
  height: 56px;
  padding: 0 22px 0 28px;
  background: transparent;
  border: none;
  position: relative;
  z-index: 2;
  transition: width linear 0.1s; }

.search input:focus,
.search input:not(:placeholder-shown) {
  width: 180px; }

.search .pos-center-right {
  z-index: 3; }

.search .pos-center-left {
  z-index: 1; }

.search:hover .pos-center-left svg * {
  fill: #5C50FF; }

.search.message-search {
  width: 100%;
  padding: 0 0 0 14px; }

.search.message-search input {
  height: 54px; }

.checkbox,
.radio,
.checkbox:after,
.radio:after {
  width: 16px;
  height: 16px;
  display: block;
  margin: 0;
  padding: 0;
  position: relative; }

.checkbox:after,
.radio:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #FFFFFF;
  -webkit-box-shadow: inset 0 0 0 2px #BDC9D7;
  -moz-box-shadow: inset 0 0 0 2px #BDC9D7;
  box-shadow: inset 0 0 0 2px #BDC9D7; }

.checkbox,
.checkbox:after {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.radio:after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.checkbox .pos-center,
.radio .pos-center {
  z-index: 2; }

.checkbox.active:after,
.radio.active:after {
  background: #5C50FF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.checkbox:not(.active):hover:after,
.radio:not(.active):hover:after,
.item:hover .checkbox:not(.active):after,
.item:hover .radio:not(.active):after {
  -webkit-box-shadow: inset 0 0 0 3px #A9B5C1;
  -moz-box-shadow: inset 0 0 0 3px #A9B5C1;
  box-shadow: inset 0 0 0 3px #A9B5C1; }

.checkbox:not(.active):active:after,
.radio:not(.active):active:after,
.item:active .checkbox:not(.active):after,
.item:active .radio:not(.active):after {
  -webkit-box-shadow: inset 0 0 0 2px #A9B5C1;
  -moz-box-shadow: inset 0 0 0 2px #A9B5C1;
  box-shadow: inset 0 0 0 2px #A9B5C1; }

.item.disabled,
.item.disabled .checkbox {
  cursor: default; }

.item.disabled .checkbox:before {
  opacity: 0 !important; }

.item.disabled .checkbox:after {
  background: #F5F7FA;
  -webkit-box-shadow: inset 0 0 0 2px #EAEFF5;
  -moz-box-shadow: inset 0 0 0 2px #EAEFF5;
  box-shadow: inset 0 0 0 2px #EAEFF5 !important; }

.item.disabled .color-18 {
  color: #93A2B2; }

.checkbox:before,
.radio:before {
  width: 0;
  height: 0;
  display: block;
  content: "";
  background: #5C50FF;
  opacity: 0.3;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.checkbox:active:before,
.radio:active:before {
  width: 30px;
  height: 30px; }

.more-button {
  min-width: 200px;
  position: relative;
  padding: 9px 14px;
  margin: 0 0 8px;
  background: #FFFFFF;
  font-weight: 500;
  white-space: nowrap;
  line-height: 0; }

.more-button.border:hover {
  border-color: #5C50FF; }

.hover-notice {
  position: relative;
  top: -3px;
  margin: 0 0 0 4px;
  font-size: 10px;
  font-weight: 400; }

::-webkit-scrollbar {
  width: 0;
  height: 0; }

::-webkit-scrollbar-thumb {
  background: #EAEFF5; }

::-webkit-scrollbar-track {
  background: #F5F7FA; }

::-webkit-resizer,
::-webkit-scrollbar-button,
::-webkit-scrollbar-corner {
  width: 0;
  height: 0;
  display: none; }

.scroll-round,
.menu .box.max-height,
.messages-quick .pos-absolute,
.chat .pos-absolute {
  overflow-x: hidden;
  overflow-y: overlay; }

.scroll-round::-webkit-scrollbar,
.menu .box.max-height::-webkit-scrollbar,
.messages-quick .pos-absolute::-webkit-scrollbar,
.chat .pos-absolute::-webkit-scrollbar {
  width: 0;
  height: 0; }

.scroll-round:hover::-webkit-scrollbar,
.menu .box.max-height:hover::-webkit-scrollbar,
.messages-quick .pos-absolute:hover::-webkit-scrollbar,
.chat .pos-absolute:hover::-webkit-scrollbar {
  width: 15px;
  height: 15px; }

.scroll-round::-webkit-scrollbar-thumb,
.scroll-round::-webkit-scrollbar-track,
.menu .box.max-height::-webkit-scrollbar-thumb,
.menu .box.max-height::-webkit-scrollbar-track,
.messages-quick .pos-absolute::-webkit-scrollbar-thumb,
.messages-quick .pos-absolute::-webkit-scrollbar-track,
.chat .pos-absolute::-webkit-scrollbar-thumb,
.chat .pos-absolute::-webkit-scrollbar-track {
  border: solid 4px #FFFFFF;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px; }

.scroll-round::-webkit-scrollbar-thumb,
.menu .box.max-height::-webkit-scrollbar-thumb,
.messages-quick .pos-absolute::-webkit-scrollbar-thumb,
.chat .pos-absolute::-webkit-scrollbar-thumb {
  background: #EAEFF5; }

.scroll-round::-webkit-scrollbar-track,
.menu .box.max-height::-webkit-scrollbar-track,
.messages-quick .pos-absolute::-webkit-scrollbar-track,
.chat .pos-absolute::-webkit-scrollbar-track {
  background: #F5F7FA; }

.scroll-round::-webkit-resizer,
.scroll-round::-webkit-scrollbar-button,
.scroll-round::-webkit-scrollbar-corner,
.menu .box.max-height::-webkit-resizer,
.menu .box.max-height::-webkit-scrollbar-button,
.menu .box.max-height::-webkit-scrollbar-corner,
.messages-quick .pos-absolute::-webkit-resizer,
.messages-quick .pos-absolute::-webkit-scrollbar-button,
.messages-quick .pos-absolute::-webkit-scrollbar-corner,
.chat .pos-absolute::-webkit-resizer,
.chat .pos-absolute::-webkit-scrollbar-button,
.chat .pos-absolute::-webkit-scrollbar-corner {
  width: 0;
  height: 0;
  display: none; }

.scroll-round.scroll-round-grey::-webkit-scrollbar-thumb,
.scroll-round.scroll-round-grey::-webkit-scrollbar-track,
.messages-quick .pos-absolute::-webkit-scrollbar-thumb,
.messages-quick .pos-absolute::-webkit-scrollbar-track {
  border: solid 4px #F5F7FA; }

.scroll-round.scroll-round-grey::-webkit-scrollbar-thumb,
.messages-quick .pos-absolute::-webkit-scrollbar-thumb {
  background: #D4DEEB; }

.scroll-round.scroll-round-grey::-webkit-scrollbar-track,
.messages-quick .pos-absolute::-webkit-scrollbar-track {
  background: #EAEFF5; }

.arc-loading-track {
  opacity: 0.2; }

.arc-loading-track svg *,
.arc-loading svg * {
  fill: #FFFFFF; }

.arc-loading-track svg *,
.arc-loading svg *,
.arc-loading-solo .arc-loading-track svg *,
.arc-loading-solo .arc-loading svg *,
.submit-minimal .arc-loading-track svg *,
.submit-minimal .arc-loading svg * {
  fill: #5C50FF !important; }

.arc-loading-track svg *,
.arc-loading svg *,
.bg-overlay .arc-loading-solo .arc-loading-track svg *,
.bg-overlay .arc-loading-solo .arc-loading svg *,
.actions .arc-loading-track svg *,
.actions .arc-loading svg * {
  fill: #5C50FF !important; }

.submit .spin-loading .arc-loading-track svg *,
.submit .spin-loading .arc-loading svg * {
  fill: #FFFFFF !important; }

.submit {
  width: 60px;
  height: 60px;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: 40px;
  right: 50px;
  cursor: pointer; }

.submit.submitClick,
.submit.submitComplete {
  cursor: default; }

.submit svg * {
  fill: #FFFFFF; }

.submit .spin-loading {
  background: #4236e8; }

.submit.button-22 .spin-loading {
  background: #4236e8; }

.submit:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px); }

.submit.mini {
  width: 34px;
  height: 34px;
  position: relative;
  bottom: 0;
  right: 0; }

.submit.mini svg {
  width: 18px;
  height: 18px; }

.submit.submitClick .tooltip,
.submit.submitComplete .tooltip {
  opacity: 0; }

.submit .menu .box {
  min-width: 200px;
  max-width: 300px;
  overflow-wrap: break-word; }

.submit .spin-loading,
.button-7-hover,
.success,
.success svg,
.error,
.error svg {
  opacity: 0; }

.success svg,
.error svg {
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0); }

.submitClick .save {
  opacity: 0; }

.submitClick .spin-loading {
  opacity: 1; }

.submitComplete .spin-loading {
  opacity: 0; }

.submitClick .button-7-hover,
.submitComplete .success,
.submitError .error {
  display: block; }

.submitClick .button-7-hover,
.submitComplete .success,
.submitError .error {
  opacity: 1; }

.submitClick.submitError .spin-loading {
  opacity: 0; }

.submitClick .button.large.button-7 {
  background: #4236e8 !important;
  color: #4236e8; }

.submitClick .button.large.button-19 {
  background: #1E2832 !important;
  color: #1E2832; }

.submitClick .button.large.button-30 {
  background: #3D457B !important;
  color: #3D457B; }

.submitComplete .button.large.button-7,
.submitComplete .button.large.button-19,
.submitComplete .button.large.button-30 {
  background: #5FDD9E !important;
  color: #5FDD9E; }

.submitError .button.large.button-7,
.submitError .button.large.button-19,
.submitError .button.large.button-30 {
  background: #FF4D44 !important;
  color: #FF4D44; }

.submit-minimal,
.submit-minimal .submit {
  width: 18px;
  height: 18px; }

.submit-minimal {
  position: relative; }

.submit-minimal .submit {
  bottom: 0 !important;
  right: 0 !important;
  background: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }

.submit-minimal .submit:active {
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1); }

.submit-minimal .submit .full {
  overflow: visible; }

.submit-minimal .submit .save svg * {
  fill: #5C50FF !important; }

.submit-minimal .submit .spin-loading,
.submit-minimal .submit .success {
  background: none !important; }

.submit-minimal .submit .error {
  background: #FFFFFF !important; }

.submit-minimal .submit .success svg * {
  fill: #5FDD9E !important; }

.submit-minimal .submit .error svg * {
  fill: #FF4D44 !important; }

.selectmenu {
  width: 100%;
  white-space: nowrap;
  -webkit-box-shadow: inset 0 -1px 0 0 #EAEFF5;
  -moz-box-shadow: inset 0 -1px 0 0 #EAEFF5;
  box-shadow: inset 0 -1px 0 0 #EAEFF5; }

.selectmenu .txt {
  padding: 0 10px 0 0;
  height: 28px;
  line-height: 28px;
  font-size: 17px; }

.selectmenu .txt .table-cell:last-child {
  height: 28px;
  position: relative; }

.selectmenu .txt .table-cell:last-child > span {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.selectmenu .txt .pos-center-left img.payment-card {
  left: 0; }

.selectmenu svg {
  width: 12px;
  height: 12px; }

.selectmenu svg * {
  fill: #5C50FF !important; }

.selectmenu.selectmenu-inline {
  width: auto;
  min-width: 100px;
  display: inline-block; }

.selectmenu.selectmenu-inline .txt {
  height: 22px;
  line-height: 22px;
  font-size: 15px; }

.selectmenu.selectmenu-inline .txt .pos-relative .pos-center-left.txt-ellipsis {
  position: relative;
  top: 0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

input.field-input.field-input-inline {
  height: 26px;
  font-size: 15px; }

.field-break {
  width: 100%;
  height: 30px; }

.modal .field-break {
  height: 22px; }

.field-title {
  font-weight: 500;
  color: #000;
  line-height: 16px;
  white-space: nowrap; }

.field-title.first {
  padding-top: 18px; }

.padding-form-sub .field-title.first {
  padding-top: 0; }

.field-title,
.field {
  margin-bottom: 14px; }

.field-spacer,
.field-connected {
  width: 14px; }

.field-connected {
  -webkit-box-shadow: inset 0 -1px 0 0 #EAEFF5;
  -moz-box-shadow: inset 0 -1px 0 0 #EAEFF5;
  box-shadow: inset 0 -1px 0 0 #EAEFF5; }

.field-label {
  font-size: 14px;
  font-weight: 500;
  color: #8899AA;
  line-height: 20px;
  white-space: nowrap;
  text-align: left; }

.field-input,
.field-textarea,
div.field-textarea {
  width: 100%;
  border: none;
  background: transparent;
  -webkit-box-shadow: inset 0 -1px 0 0 #EAEFF5;
  -moz-box-shadow: inset 0 -1px 0 0 #EAEFF5;
  box-shadow: inset 0 -1px 0 0 #EAEFF5;
  font-size: 17px; }

.field-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.field-input,
.field-textarea,
.selectmenu .field-input > .pos-relative {
  height: 28px; }

textarea.field-input,
.field-textarea {
  padding-top: 4px; }

.field-input:focus,
.field-textarea:focus {
  -webkit-box-shadow: inset 0 -2px 0 0 #5C50FF;
  -moz-box-shadow: inset 0 -2px 0 0 #5C50FF;
  box-shadow: inset 0 -2px 0 0 #5C50FF; }

div.field-textarea {
  height: auto;
  padding-bottom: 2px; }

div.field-textarea,
div.field-textarea * {
  font-family: "Avenir", sans-serif !important;
  font-weight: 400 !important;
  font-size: 17px !important;
  line-height: 1.3em !important;
  color: #000 !important; }

div.field-textarea * {
  width: auto !important;
  height: auto !important;
  display: inline !important; }

div.field-textarea p {
  display: block !important; }

div.field-input {
  overflow: hidden;
  line-height: 28px;
  font-style: normal;
  white-space: nowrap;
  text-overflow: ellipsis; }

.selectmenu div.field-input {
  font-style: normal; }

.item-label + div.field-input {
  height: 24px;
  font-size: 15px;
  line-height: 22px; }

.table-cell.table-cell-field-object {
  width: 30px; }

.table-cell.table-cell-field-menu {
  width: 20px; }

.field-tip {
  font-style: normal;
  color: #687D94;
  font-size: 15px;
  line-height: 1.2em; }

.field-tip .inside {
  padding: 13px 21px;
  margin: 0 0 8px;
  background: #F5F7FA;
  cursor: pointer; }

.field-tip .inside span.txt-semibold {
  color: #526A84; }

.field-tip .inside:hover span.color-3 {
  text-decoration: underline; }

.field-tip .inside svg * {
  fill: #FF88ED; }

.field-tip .field-tip-hide {
  cursor: pointer; }

.field-tip .field-tip-hide .table-cell:first-child {
  padding-right: 5px; }

.field-tip .field-tip-hide svg * {
  fill: #A9B5C1; }

.field-tip .field-tip-hide:hover svg * {
  fill: #5C50FF; }

.ui-widget-content * {
  font-family: "Avenir", sans-serif; }

.ui-widget-content {
  padding: 2px 10px;
  background: #FFFFFF;
  border: none;
  color: #000; }

.ui-widget-header {
  background: #FFFFFF;
  border: none;
  color: #000; }

.ui-datepicker {
  width: auto;
  min-height: 272px;
  margin: 0;
  white-space: nowrap; }

.ui-datepicker .ui-datepicker-title {
  margin: 0;
  font-size: 15px;
  font-weight: 500;
  line-height: 2em; }

.ui-datepicker table {
  margin: 0; }

.ui-datepicker th {
  padding: 4px 0;
  border-bottom: solid 1px #F5F7FA;
  font-size: 13px;
  font-weight: 500;
  color: #8899AA; }

.ui-datepicker td {
  padding: 2px 1px 0;
  text-align: center; }

.ui-datepicker .ui-datepicker-header {
  margin: 0 0 8px;
  padding: 0; }

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  padding: 0 7px;
  background: none;
  border: solid 1px #FFFFFF;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 15px;
  color: #687D94;
  font-weight: 400;
  line-height: 32px;
  text-align: center; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: solid 1px #5C50FF;
  background: #FFFFFF;
  color: #000;
  font-weight: 500; }

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: solid 1px #F5F7FA;
  background: #F5F7FA;
  color: #000;
  font-weight: 500; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: solid 1px #5C50FF;
  background: #5C50FF;
  color: #FFFFFF;
  font-weight: 500; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 0;
  background: url("https://s3.amazonaws.com/fitsclouddev/assets/icons/arrows/arrow-color-16-size-12.png") no-repeat center center;
  -webkit-background-size: 12px;
  -moz-background-size: 12px;
  background-size: 12px; }

.ui-datepicker .ui-datepicker-prev {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  transform: rotate(90deg); }

.ui-datepicker .ui-datepicker-next {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: none; }

.ui-datepicker .ui-datepicker-prev {
  left: 0; }

.ui-datepicker .ui-datepicker-next {
  right: 0; }

.ui-datepicker .ui-state-hover.ui-datepicker-prev-hover,
.ui-datepicker .ui-state-hover.ui-datepicker-next-hover {
  background-color: #F5F7FA;
  border: solid 1px #F5F7FA; }

.ui-datepicker-other-month.ui-datepicker-unselectable.ui-state-disabled {
  opacity: 1;
  color: #C8D2DD; }

.button {
  width: 100%;
  height: 32px;
  display: block;
  margin: 0;
  padding: 0;
  line-height: 32px;
  text-align: center;
  font-weight: 500;
  white-space: nowrap; }

.button.button-inline {
  width: auto;
  display: inline-block;
  padding: 0 20px; }

.button.button-icon {
  width: 42px;
  padding: 0;
  position: relative; }

.button.small {
  height: 22px;
  line-height: 21px;
  padding: 0 12px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  font-size: 14px; }

.button.med {
  height: 44px;
  line-height: 44px;
  padding: 0 26px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.button.large {
  height: 52px;
  line-height: 52px;
  padding: 0 36px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 15px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.button.xlarge {
  height: 62px;
  line-height: 62px;
  padding: 0 45px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font-size: 16px; }

.button.big {
  height: 40px;
  line-height: 40px; }

.button.button-inline.big {
  padding: 0 60px; }

.button.border:hover {
  -webkit-box-shadow: 0 1px 2px 0 rgba(45, 55, 65, 0.1);
  -moz-box-shadow: 0 1px 2px 0 rgba(45, 55, 65, 0.1);
  box-shadow: 0 1px 2px 0 rgba(45, 55, 65, 0.1); }

.button-spacer {
  width: 100%;
  height: 15px;
  display: block;
  position: relative; }

.button-spacer .button {
  padding: 0 28px;
  position: absolute;
  bottom: -25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.button-hover:not(.inactive) {
  position: relative;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  cursor: pointer; }

.button-hover:not(.inactive):hover,
.menu-hover:hover > .pos-relative .button-hover:not(.inactive) {
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px); }

.button-hover:not(.inactive):active,
.submit:active {
  -webkit-transform: scale(0.95, 0.95) !important;
  -ms-transform: scale(0.95, 0.95) !important;
  transform: scale(0.95, 0.95) !important;
  z-index: 8100; }

.button-hover.button-7.inactive,
.button-hover.button-19.inactive,
.button-hover.button-22.inactive {
  cursor: default;
  background: #EAEFF5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF; }

.submitClick .button-hover:not(.inactive):hover,
.submitComplete .button-hover:not(.inactive):hover,
.submitError .button-hover:not(.inactive):hover {
  position: relative;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  cursor: pointer; }

.submitClick .button-hover:not(.inactive):active,
.submitComplete .button-hover:not(.inactive):active,
.submitError .button-hover:not(.inactive):active {
  -webkit-transform: scale(1, 1) !important;
  -ms-transform: scale(1, 0.95) !important;
  transform: scale(1, 1) !important; }

.button-ghost {
  padding: 11px 12px 10px; }

.txt-small .button-ghost {
  padding-top: 8px;
  padding-bottom: 8px; }

.button-ghost:not(.bg-15):hover,
.button-ghost .active,
.menu-hover:hover .button-ghost,
.menu-hover:hover .pos-relative > .button-hover:not(.inactive) {
  background-color: rgba(255, 255, 255, 0.1); }

.tab-add {
  width: 34px;
  height: 34px;
  margin: 0;
  padding: 0;
  border: solid 1px #5C50FF;
  position: relative; }

.tab-add svg {
  width: 14px;
  height: 14px;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.tab-add svg * {
  fill: #5C50FF; }

.tab-add:hover {
  border-color: #4236e8; }

.tab-add:hover svg * {
  fill: #4236e8; }

.tab-add:active {
  border-color: #4236e8; }

.tab-add:active svg * {
  fill: #4236e8; }

.tab-add.back,
.tab-add.back:hover,
.tab-add.back:active {
  border-color: #EAEFF5; }

.tab-add.back svg * {
  fill: #93A2B2; }

.tab-add.back:hover svg *,
.tab-add.back:active svg * {
  fill: #687D94; }

.tab-add.back:active {
  background: #EAEFF5; }

.tab-add .tooltip.tooltip-bottom {
  left: 0;
  -webkit-transform: initial;
  -ms-transform: initial;
  transform: initial; }

.tab-add .tooltip.tooltip-bottom:before {
  left: 16px; }

.tab-button {
  padding: 0 20px;
  line-height: 32px;
  border: solid 1px #EAEFF5;
  white-space: nowrap;
  font-size: 14px; }

.tab-button .default-spacer {
  width: 5px; }

.tab-button .badge {
  border-color: #F5F7FA; }

.tab-button .table-cell:last-child {
  padding-top: 1px; }

.tab-button:active,
.tab-button.active {
  background: #FFFFFF;
  border-color: #FFFFFF;
  -webkit-box-shadow: 0 1px 0 0 #EAEFF5;
  -moz-box-shadow: 0 1px 0 0 #EAEFF5;
  box-shadow: 0 1px 0 0 #EAEFF5;
  color: #000;
  font-weight: 500; }

.tab-button:hover .color-18,
.tab-button.active .color-18 {
  color: #000; }

.tab-button:active .badge,
.tab-button.active .badge {
  border-color: #FFFFFF; }

.side-panel .tab-button {
  border-color: #F5F7FA; }

.side-panel .tab-button .badge {
  border-color: #FFFFFF; }

.side-panel .tab-button:active,
.side-panel .tab-button.active {
  background: #EAEFF5;
  border-color: #EAEFF5;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.side-panel .tab-button:active .badge,
.side-panel .tab-button.active .badge {
  border-color: #EAEFF5; }

.side-panel .tab-wrap {
  background: #F5F7FA; }

.side-panel .tab-button {
  border-color: #EAEFF5; }

.side-panel .tab-button .badge {
  border-color: #F5F7FA; }

.side-panel .tab-wrap .tab-button:active,
.side-panel .tab-wrap .tab-button.active {
  background: #FFFFFF;
  border-color: #FFFFFF;
  -webkit-box-shadow: 0 1px 0 0 #EAEFF5;
  -moz-box-shadow: 0 1px 0 0 #EAEFF5;
  box-shadow: 0 1px 0 0 #EAEFF5;
  color: #000;
  font-weight: 500; }

.side-panel .tab-wrap .tab-button:active .badge,
.side-panel .tab-wrap .tab-button.active .badge {
  border-color: #FFFFFF; }

.tab-wrap .table.default-height.default-padding {
  padding: 0 21px; }

.tab-wrap:not(:empty),
.tab-wrap .table.default-height.default-padding {
  height: 56px; }

.side-panel .tab-wrap {
  height: 57px;
  border-top: solid 1px #EAEFF5; }

.side-panel .tab-wrap .table.default-height.default-padding {
  height: 56px; }

.tab-wrap .menu.menu-top-left {
  display: none; }

.table-main {
  z-index: 0;
  line-height: 1.2em; }

.table-main .table {
  width: 100%; }

.table-main .table .table-row {
  position: relative;
  z-index: 0; }

.table-main.table-showing .table .table-row,
.table-main.table-showing .table .table-row .table-cell,
.table-main.table-showing .table .table-row .table-cell .default-height {
  height: 57px; }

.table-main .table .table-row:hover,
.table-main .table .table-row:hover * {
  z-index: 8888; }

.table-main .table .table-row.table-head {
  background: #F5F7FA;
  font-weight: 500;
  color: #8899AA; }

.table-main .table .table-row .table-cell {
  padding: 0 5px;
  border-bottom: solid 1px #F5F7FA;
  vertical-align: middle; }

.table-main .table .table-row .table-cell:first-child,
.table-main .table .table-row .table-cell.first {
  padding-left: 20px; }

.table-main .table .table-row .table-cell:last-child {
  padding-right: 20px; }

.table-main .table .table-row .table-cell.default-width {
  padding: 0; }

.table-main .table .table-row .table-cell.default-image {
  width: 75px;
  padding: 0; }

.table-main .table .table-row .table-cell.default-avatar {
  width: 55px;
  padding: 0; }

.table-main .table .table-row .table-cell.default-status {
  width: 19px;
  padding: 0; }

.table-main .table .table-row .table-cell.default-card {
  width: 49px;
  padding: 0; }

.table-main .table .table-break {
  height: 61px;
  line-height: 60px;
  text-align: center;
  font-weight: 500;
  white-space: nowrap; }

input.table-input {
  width: 100%;
  height: 38px;
  display: block;
  padding: 0 12px;
  margin: 10px 0 9px;
  background: #F5F7FA; }

.table-main input.table-input.width-100 {
  width: 100%; }

.fixedDataTableRowLayout_rowWrapper .public_fixedDataTable_bodyRow.active input.table-input {
  background: #FFFFFF; }

.table-options {
  cursor: pointer;
  font-size: 14px;
  position: absolute;
  bottom: 30px;
  left: 50%;
  opacity: 0;
  z-index: 1;
  -webkit-transform: translate(-50%, 20px);
  -ms-transform: translate(-50%, 20px);
  transform: translate(-50%, 20px);
  -webkit-box-shadow: 0 0 20px 0 rgba(45, 55, 65, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(45, 55, 65, 0.1);
  box-shadow: 0 0 20px 0 rgba(45, 55, 65, 0.1); }

.table-options .table .table-cell .table:hover .color-16 {
  color: #000; }

.table-options .table .table-cell .table:hover svg * {
  fill: #5C50FF; }

.table-options .table .table-cell .table {
  padding: 13px 20px 12px; }

.table-options .border-left {
  border-color: #F5F7FA; }

.table-wrap:hover .table-options {
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  opacity: 1; }

.table-wrap .full.pos-absolute.table + .full.pos-absolute {
  z-index: 1; }

.padding-menu-total {
  padding: 7px 0; }

.padding-menu-total .color-17 {
  font-weight: 400; }

.padding-menu-total .button {
  margin: 0 0 8px; }

.padding-menu-total .customer {
  margin: 4px 0 0; }

.padding-menu-total .present {
  margin: 0 0 8px;
  cursor: pointer; }

.padding-menu-total h4 {
  padding-bottom: 0;
  font-weight: 500; }

.padding-menu-total .present h5 {
  line-height: 40px; }

.padding-menu-total .present em {
  position: absolute;
  top: 25px;
  left: 0;
  margin: 2px 0 0;
  font-size: 14px;
  opacity: 0; }

.padding-menu-total .present:hover em {
  opacity: 1; }

.padding-menu-total .present .table .table-cell:last-child > .pos-relative {
  max-width: 180px;
  overflow: hidden; }

.padding-menu-total .table .table-row .table-cell {
  padding: 0;
  border: none;
  white-space: nowrap;
  line-height: 1.35em; }

.padding-menu-total .table .table-row:not(.divide) .table-cell:first-child {
  padding-left: 21px; }

.padding-menu-total .table.txt-right > .table-row:not(.divide) > .table-cell:first-child:not(.txt-semibold):not(.txt-bold) {
  color: #687D94; }

.padding-menu-total .table .table-row:not(.divide) .table-cell:last-child {
  width: 1px;
  padding-right: 21px; }

.side-panel .menu.menu-left-top {
  padding-right: 0;
  border-right: solid 1px #EAEFF5; }

.side-panel .menu.menu-left-top .padding-menu-total {
  min-width: 240px; }

.side-panel .menu.menu-left-top .padding-menu-total > .table,
.side-panel .menu.menu-left-top .padding-menu-total > div > .table,
.side-panel .menu.menu-left-top .padding-menu-total > div > .table > .table {
  width: 100%; }

.side-panel.back-first {
  right: 57px !important; }

.side-panel.back-second {
  right: 114px !important; }

.side-panel.back-second .menu.menu-left-top {
  opacity: 0; }

.side-panel .menu.menu-inline {
  width: 100%;
  z-index: 1;
  position: relative;
  right: 0;
  top: 0; }

.side-panel .menu.menu-inline .box {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.table-cell-comments {
  width: 1px; }

.accordion-width,
.table-cell-comments > .pos-relative {
  width: 17vw;
  min-width: 300px;
  max-width: 350px; }

.accordion-info {
  text-align: center; }

.accordion-info .avatar {
  width: 54px;
  height: 54px; }

.accordion-info .txt-title {
  margin: 10px 0;
  display: inline-block;
  position: relative;
  font-size: 17px;
  font-weight: 500;
  line-height: 1.2em; }

.accordion-info .txt-title:hover {
  color: #5C50FF;
  cursor: pointer;
  text-decoration: underline; }

.accordion-box {
  border-bottom: solid 1px #EAEFF5;
  cursor: pointer;
  position: relative;
  overflow: hidden; }

.accordion-box:last-child {
  border-bottom: none; }

.accordion-box:after {
  width: 100%;
  height: 0;
  bottom: 0;
  left: 0;
  background: #FFFFFF;
  content: "";
  position: absolute;
  opacity: 1; }

.accordion-box.open:after {
  width: 0;
  height: calc(100% - 40px);
  opacity: 0; }

.accordion-box.open {
  overflow: visible; }

.accordion-box .txt-title {
  padding: 21px 21px 20px;
  position: relative;
  font-weight: 500; }

.accordion-box.open .txt-title {
  padding-bottom: 10px; }

.accordion-box .txt-title.has:after {
  width: 5px;
  height: 5px;
  display: block;
  margin: -1px 0 0;
  content: "";
  top: 26px;
  left: 11px;
  position: absolute;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #5C50FF; }

.accordion-box .txt-title span {
  display: block;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: transform ease-out 0.2s; }

.accordion-box.open .txt-title span {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg); }

.accordion-box:not(.open):hover .txt-title span svg * {
  fill: #5C50FF; }

.accordion-box.open .txt-title span svg * {
  fill: #5C50FF; }

.accordion-box .accordion-content {
  min-height: 18px;
  padding-left: 21px;
  padding-right: 21px;
  padding-bottom: 16px;
  cursor: default;
  position: relative; }

.accordion-box .accordion-content-item {
  position: relative; }

.accordion-box .accordion-content-item .menu.menu-selectmenu {
  width: calc(20vw - 120px);
  right: -11px;
  max-width: 240px; }

.accordion-box .accordion-content-item .menu .item {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.accordion-box .accordion-content-item > .table {
  height: 27px; }

.accordion-box .accordion-content-item .table-cell.table-cell-small {
  padding-right: 10px;
  color: #8899AA;
  white-space: nowrap;
  font-weight: 500; }

.accordion-box .accordion-content-item .table-cell .pos-center-left {
  width: 100%; }

.accordion-box .accordion-content-item .table-cell .selectmenu {
  margin: -2px 0 0;
  padding: 0 6px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: solid 1px #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.accordion-box .accordion-content-item .table-cell .selectmenu .txt {
  height: 24px;
  line-height: 24px;
  font-size: 15px; }

.accordion-box .accordion-content-item .table-cell .selectmenu svg {
  display: none; }

.accordion-box .accordion-content-item .txt-edit {
  max-width: 100%;
  display: inline-block;
  padding: 5px 6px 4px;
  border: solid 1px #FFFFFF;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer; }

.accordion-box .accordion-content-item .txt-edit.txt-add {
  color: #687D94; }

.accordion-box .accordion-content-item .table-cell .selectmenu:hover,
.accordion-box .accordion-content-item .txt-edit:hover {
  border: solid 1px #5C50FF; }

.accordion-box .accordion-content-item .txt-edit.txt-add:hover {
  color: #5C50FF; }

.accordion-box .accordion-content-item input,
.accordion-box .accordion-content-item input:focus {
  width: 100%;
  height: 26px;
  margin: -3px 0 0;
  padding: 0 6px;
  border: solid 1px #5C50FF;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-size: 15px; }

.accordion-box .accordion-content-item .table-cell div.field-input {
  height: 14px;
  min-width: 100px;
  display: block;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  line-height: 14px;
  font-size: 15px; }

.accordion-box .accordion-content > .full.pos-absolute.table {
  top: 0;
  left: 0;
  min-height: 18px; }

.accordion-box .accordion-content-bubble {
  padding: 0 8px;
  margin: 0 6px 6px 0;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  border: solid 1px #EAEFF5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 1.3em; }

.accordion-box .accordion-content-bubble.bubble-add {
  color: #8899AA; }

.accordion-box .accordion-content-bubble:not(.bubble-add):not(.bubble-disabled) .table-cell:first-child:hover {
  color: #5C50FF; }

.accordion-box .accordion-content-bubble .table-cell {
  padding: 0 2px; }

.accordion-box .accordion-content-bubble:not(.bubble-add) .table-cell:first-child,
.accordion-box .accordion-content-bubble.bubble-add .table-cell:last-child {
  padding-top: 5px;
  padding-bottom: 3px;
  cursor: pointer; }

.accordion-box .accordion-content-bubble.bubble-add:not(.bubble-disabled):hover {
  color: #5C50FF;
  border: solid 1px #5C50FF; }

.accordion-box .accordion-content-bubble.bubble-add:not(.bubble-disabled):hover span svg * {
  fill: #5C50FF; }

.accordion-box .accordion-content-bubble:not(.bubble-add) span:hover {
  cursor: pointer; }

.accordion-box .accordion-content-bubble:not(.bubble-add) span:hover svg * {
  fill: #FF4D44; }

.accordion-box .accordion-content-bubble.bubble-disabled {
  background: #F5F7FA;
  color: #8899AA;
  cursor: default;
  font-weight: 400; }

.accordion-box .accordion-content-bubble.bubble-disabled .table-cell:nth-child(n),
.accordion-box .accordion-content-bubble.bubble-disabled .table-cell:nth-child(n) span {
  cursor: default; }

.accordion-bubble-delete {
  margin: 0 21px;
  padding: 7px 10px 6px;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  border: solid 1px #EAEFF5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  line-height: 1em;
  color: #8899AA;
  transition: border linear 0.1s, color linear 0.1s; }

.accordion-bubble-delete:hover {
  cursor: pointer;
  border-color: #FF4D44;
  color: #FF4D44; }

.table-cell.table-cell-clean {
  padding: 0 !important;
  border: none !important; }

.padding-menu-copy,
.table-mini {
  min-width: 90px;
  min-height: 50px; }

.table-mini {
  padding: 0 21px 2px;
  white-space: nowrap; }

.table-mini .table .table-row {
  height: auto; }

.table-mini .table .table-row .table-cell {
  padding: 9px 12px 7px;
  border-bottom: solid 1px #F5F7FA;
  line-height: 1em; }

.table-mini .table .table-row .table-cell.padding-none {
  padding: 0; }

.table-mini .table .table-row.table-row-head .table-cell {
  font-weight: 500;
  color: #8899AA;
  white-space: nowrap; }

.table-mini .table .table-row.table-row-foot .table-cell {
  border-top: solid 1px #F5F7FA; }

.table-mini .table .table-row .table-cell:first-child {
  padding-left: 0 !important; }

.table-mini .table .table-row .table-cell:last-child {
  padding-right: 0 !important; }

.table-mini .table .table-row .table-cell .txt-small {
  white-space: nowrap; }

.table-mini .table .table-row:last-child .table-cell {
  border-bottom: none; }

.table-mini .table .table-row .table-cell input.table-input {
  width: 50px;
  height: 30px;
  margin: 3px 0; }

.table-mini .add {
  height: 10px;
  position: relative;
  -webkit-transform: translateY(13px);
  -ms-transform: translateY(13px);
  transform: translateY(13px); }

.table-mini .add .button-22 {
  width: 40px;
  height: 40px; }

.padding-menu-total .empty-add {
  width: 20px;
  height: 20px;
  opacity: 0; }

.padding-menu-total:hover .empty-add {
  opacity: 1; }

.help-icon {
  width: 14px;
  height: 14px;
  margin: -3px 0 0;
  display: inline-block;
  vertical-align: middle;
  line-height: 16px;
  overflow: hidden;
  font-size: 11px;
  font-weight: 500;
  text-align: center; }

.sortable-ghost {
  position: relative; }

.sortable-ghost:after {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background: #F5F7FA; }

.banner {
  max-width: 40%;
  position: absolute;
  left: 50%;
  top: 13px;
  opacity: 0;
  line-height: 1.2em;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.banner.inOut {
  opacity: 1; }

.banner .inside {
  padding: 13px 20px; }

.banner .inside .txt {
  padding: 2px 0 0; }

.banner .button {
  width: auto;
  display: block;
  opacity: 0.5;
  top: 50%;
  left: 100%;
  padding: 0 12px;
  margin: 0 0 0 10px;
  line-height: 32px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-weight: 400; }

.banner .button:hover {
  opacity: 1; }

.svg-cutout {
  margin: 0 auto;
  position: relative; }

.svg-cutout:after {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  margin: 0;
  padding: 0;
  display: block;
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  border: solid 2px #FFFFFF;
  -webkit-box-shadow: 0 0 0 2px #FFFFFF;
  -moz-box-shadow: 0 0 0 2px #FFFFFF;
  box-shadow: 0 0 0 2px #FFFFFF;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.svg-cutout.fill-14:after {
  border: solid 2px #F5F7FA;
  -webkit-box-shadow: 0 0 0 2px #F5F7FA;
  -moz-box-shadow: 0 0 0 2px #F5F7FA;
  box-shadow: 0 0 0 2px #F5F7FA; }

.svg-cutout.fill-21:after {
  border: solid 2px #000;
  -webkit-box-shadow: 0 0 0 2px #000;
  -moz-box-shadow: 0 0 0 2px #000;
  box-shadow: 0 0 0 2px #000; }

.svg-cutout.svg-cutout-140,
.svg-cutout.svg-cutout-140 svg {
  width: 140px;
  height: 140px; }

.svg-cutout.svg-cutout-logo,
.svg-cutout.svg-cutout-logo svg {
  width: 88px; }

.svg-cutout.svg-cutout-logo:after {
  border: solid 2px #F5F7FA;
  -webkit-box-shadow: 0 0 0 2px #F5F7FA;
  -moz-box-shadow: 0 0 0 2px #F5F7FA;
  box-shadow: 0 0 0 2px #F5F7FA; }

.txt-status {
  padding: 5px 12px;
  display: inline-block;
  font-weight: 500; }

.pagination-dot {
  width: 8px;
  height: 8px;
  position: relative;
  display: block; }

.pagination-dot.active:after {
  width: 10px;
  height: 10px;
  margin: 0;
  padding: 0;
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.pagination-dot.active:after {
  background: #5FDD9E;
  -webkit-box-shadow: 0 0 15px 0 #5FDD9E;
  -moz-box-shadow: 0 0 15px 0 #5FDD9E;
  box-shadow: 0 0 15px 0 #5FDD9E; }

.img-hover {
  background: rgba(255, 255, 255, 0.6);
  opacity: 0; }

.img-hover:hover {
  opacity: 1; }

.btn-edit {
  position: relative; }

.btn-edit .pos-center-left,
.btn-edit .pos-center-right {
  opacity: 0; }

.btn-edit .pos-center-right {
  right: 21px;
  -webkit-transform: translate(10px, -50%);
  -ms-transform: translate(10px, -50%);
  transform: translate(10px, -50%); }

.btn-edit .txt {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

.btn-edit:hover .pos-center-left {
  opacity: 1; }

.btn-edit:hover .txt {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px); }

.btn-edit:hover .pos-center-right {
  opacity: 1;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }

.stack-st1 {
  fill: #5C50FF; }

.stack-st2 {
  fill: #5C50FF; }

.stack-st3 {
  fill: #FF88ED; }

.stack-st4 {
  fill: #FF88ED; }

.stack-st5 {
  fill: #5C50FF; }

.stack-loading,
.stack-loading svg {
  width: 25px;
  height: 25px; }

.toggle {
  width: 53px;
  height: 24px;
  background: #EAEFF5;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  position: relative; }

.toggle:before {
  width: 28px;
  position: absolute;
  top: 50%;
  right: 3px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  display: block;
  content: "OFF";
  font-weight: 500;
  font-size: 12px;
  text-align: center;
  color: #8899AA; }

.toggle:after {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 2px;
  left: 2px;
  background: #FFFFFF;
  display: block;
  content: "";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0 1px 8px 0 rgba(45, 55, 65, 0.1);
  -moz-box-shadow: 0 1px 8px 0 rgba(45, 55, 65, 0.1);
  box-shadow: 0 1px 8px 0 rgba(45, 55, 65, 0.1); }

.toggle:before,
.toggle:after {
  transition: transform ease-out 0.2s; }

.toggle.active {
  background: #5C50FF; }

.toggle.active:before {
  content: "ON";
  color: #FFFFFF; }

.toggle.active:before {
  -webkit-transform: translate(-20px, -50%);
  -ms-transform: translate(-20px, -50%);
  transform: translate(-20px, -50%); }

.toggle.active:after {
  -webkit-transform: translate(29px, 0);
  -ms-transform: translate(29px, 0);
  transform: translate(29px, 0); }

.container {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  background: #F5F7FA; }

.container .field-label + h3 {
  padding: 0;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.2em; }

.menu .field-label + h3 {
  white-space: nowrap;
  word-break: normal; }

.container h3.color-17 {
  font-weight: 300; }

.container h3.color-17 + p.color-17 {
  margin-top: -20px; }

.container .side-panel h4 {
  font-weight: 500; }

.container .side-panel h4 + p,
.modal h4 + p {
  margin-top: -15px; }

.container .side-panel .h-w-menu h4 {
  font-weight: 400; }

.container .default-height {
  height: 56px; }

.logo-st0 {
  fill: #000; }

.logo-st1 {
  fill: #5C50FF; }

.logo-st2 {
  fill: #5C50FF; }

.logo-st3 {
  fill: #FF88ED; }

.header {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border-bottom: solid 1px #EAEFF5; }

.header-height,
.header .search input {
  height: 56px; }

.header .button-hover {
  padding: 2px 0 0; }

.header .button-hover svg {
  width: 106px;
  height: 60px; }

.header .button-logo-wrap,
.header .button-logo-wrap .button-logo svg {
  width: 106px; }

.header .button-logo-wrap {
  height: 64px;
  cursor: pointer; }

.header .button-logo-wrap .button-logo {
  padding: 2px 0 0; }

.header .button-logo-wrap .button-logo svg {
  height: 62px; }

.header .button-logo-wrap .button-logo.button-logo-icon .logo-st0,
.header .button-logo-wrap .button-logo.button-logo-txt .logo-st1,
.header .button-logo-wrap .button-logo.button-logo-txt .logo-st2,
.header .button-logo-wrap .button-logo.button-logo-txt .logo-st3 {
  opacity: 0; }

.header .button-logo-wrap .button-logo.button-logo-icon {
  transform: translateX(38px);
  transition: transform ease-out 0.6s; }

.header .button-logo-wrap .button-logo.button-logo-txt {
  opacity: 0;
  transform: translateX(-38px);
  transition: transform ease-out 0.6s, opacity ease-out 0.8s; }

.header .button-logo-wrap:hover .button-logo.button-logo-icon {
  transform: translateX(0); }

.header .button-logo-wrap:hover .button-logo.button-logo-txt {
  opacity: 1;
  transform: translateX(0); }

.header .table-cell-logo {
  width: 150px; }

.header .menu .box {
  border: none; }

.header .menu.menu-bottom-right .box {
  min-width: 220px; }

.header .menu.menu-bottom-right .box .item {
  line-height: 28px; }

.header .menu .box .default-padding {
  padding-top: 11px;
  padding-bottom: 8px; }

.header .menu.menu-bottom-right {
  margin-right: 21px; }

.header h5 {
  padding: 0;
  line-height: 1em;
  font-size: 16px; }

.container .hamburger-click {
  cursor: pointer; }

.container .hamburger:before {
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  content: "";
  display: block;
  z-index: 0;
  opacity: 0;
  background: #F5F7FA;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.container .hamburger:hover:before,
.container .hamburger.active:before {
  opacity: 1; }

.container .notifications-banner {
  padding: 13px 0;
  cursor: pointer;
  text-align: center;
  font-weight: 500;
  transition: background linear 0.2s; }

.container .notifications-banner.bg-6:hover {
  background: #4236e8; }

.container .notifications-banner.bg-11:hover {
  background: #ED4239; }

.container .notifications-banner.bg-22:hover {
  background: #4236e8; }

.container .notifications-banner.bg-34:hover {
  background: #ECAA5d; }

.container .notifications-banner:hover u {
  text-decoration: none; }

.container .nav-quick {
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
  z-index: 11;
  background: #FFFFFF;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.container .nav-quick,
.container .nav-quick .btn,
.container .nav-quick .btn-logo,
.container .nav-quick .btn-help,
.container .nav-quick .btn-logo svg {
  width: 69px; }

.container .nav-quick .btn-logo,
.container .nav-quick .btn {
  height: 114px;
  position: relative; }

.container .nav-quick .btn-logo {
  height: 114px; }

.container .nav-quick .btn {
  height: 57px; }

.container .nav-quick .btn-help {
  height: 40px;
  position: relative; }

.container .nav-quick .btn-help .badge.pos-bottom-right {
  bottom: -3px;
  right: -3px; }

.container .nav-quick .btn-logo svg {
  width: 80px;
  height: 40px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.container .nav-quick .btn-logo svg * {
  fill: #5C50FF; }

.container .nav-quick .btn-help svg {
  width: 20px;
  height: 20px; }

.container .nav-quick .btn-help svg * {
  fill: #BDC9D7; }

.container .nav-quick .btn:not(.active),
.container .nav-quick .btn-logo,
.container .nav-quick .btn-help {
  cursor: pointer; }

.container .nav-quick .btn:not(.active):hover svg *,
.container .nav-quick .btn-help:hover svg * {
  fill: #5C50FF; }

.container .nav-quick .btn.active svg * {
  fill: #5C50FF; }

.container .nav-quick .menu.menu-right-bottom .box {
  min-width: 220px; }

.container .nav-quick .menu.menu-right-bottom .box .item {
  line-height: 28px; }

.container .nav-quick .btn-logo:active .logo-st2 {
  -webkit-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px); }

.container .nav-quick .btn-logo:active .logo-st1 {
  -webkit-transform: translateY(-2px);
  -ms-transform: translateY(-2px);
  transform: translateY(-2px); }

.container .nav-overlay {
  z-index: 8999 !important; }

.container .nav {
  z-index: 9000;
  min-width: 250px;
  height: 100%;
  min-height: 100%;
  -webkit-transform: translate(-300px, 0);
  -ms-transform: translate(-300px, 0);
  transform: translate(-300px, 0);
  transition: all ease-out 0.3s;
  -webkit-box-shadow: 5px 0 20px 0 rgba(45, 55, 65, 0.1);
  -moz-box-shadow: 5px 0 20px 0 rgba(45, 55, 65, 0.1);
  box-shadow: 5px 0 20px 0 rgba(45, 55, 65, 0.1); }

.container .nav .btn {
  width: 100%;
  position: relative;
  opacity: 0;
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px);
  transition: all ease-out 0s; }

.container .nav .btn:not(.active) {
  cursor: pointer; }

.container .nav .btn > .pos-relative {
  padding-left: 17px; }

.container .nav .btn:not(.active):hover > .pos-relative {
  background: #F5F7FA; }

.container .nav .btn .table {
  padding: 13px 0; }

.container .nav .btn .table .table-cell:first-child {
  padding-right: 17px; }

.container .nav .btn:not(.active) span {
  font-weight: 500;
  color: #687D94; }

.container .nav .item-break {
  margin: 20px 0; }

.container .nav .btn.active svg * {
  fill: #5C50FF; }

.container .nav .p {
  padding: 0 0 17px 17px; }

.container .nav .p span {
  display: inline-block;
  padding: 0 10px 0 0; }

.container .nav.show {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0); }

.container .nav.show .btn {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  transition: all ease-out 0.2s; }

.container .nav.show .btn:nth-child(1) {
  transition-delay: 0.07s; }

.container .nav.show .btn:nth-child(2) {
  transition-delay: 0.14s; }

.container .nav.show .btn:nth-child(3) {
  transition-delay: 0.21s; }

.container .nav.show .btn:nth-child(4) {
  transition-delay: 0.28s; }

.container .nav.show .btn:nth-child(5) {
  transition-delay: 0.35s; }

.container .nav.show .btn:nth-child(6) {
  transition-delay: 0.42s; }

.container .nav.show .btn:nth-child(7) {
  transition-delay: 0.49s; }

.container .nav.show .btn:nth-child(8) {
  transition-delay: 0.56s; }

.container .nav.show .btn:nth-child(9) {
  transition-delay: 0.63s; }

.container .nav.show .btn:nth-child(10) {
  transition-delay: 0.7s; }

.container .nav.show .btn:nth-child(11) {
  transition-delay: 0.77s; }

.container .nav.show .btn:nth-child(12) {
  transition-delay: 0.84s; }

.container .nav .btn:before,
.menu .box .item:before,
.nav-button:before,
.container .nav-quick .btn:before {
  width: 3px;
  height: 80%;
  margin: 0;
  padding: 0;
  content: "";
  display: block;
  position: absolute;
  top: 10%;
  left: 0;
  opacity: 0;
  background: #5C50FF; }

.container .nav .btn.active:before,
.menu .box .item.active:before,
.nav-button.active-sub:before,
.container .nav-quick .btn.active:before {
  opacity: 1; }

.container .side-panel .h-w-menu .header-height {
  height: 56px; }

.side-panel {
  min-width: 1000px;
  height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  padding: 0;
  border: none;
  background: #FFFFFF;
  z-index: 3;
  -webkit-box-shadow: 0 0 20px 0 rgba(45, 55, 65, 0.1);
  -moz-box-shadow: 0 0 20px 0 rgba(45, 55, 65, 0.1);
  box-shadow: 0 0 20px 0 rgba(45, 55, 65, 0.1); }

.side-panel-overlay,
.table-options-overlay,
.nav-overlay {
  z-index: 0 !important;
  visibility: hidden;
  opacity: 0; }

.side-panel:hover + .side-panel-overlay,
.table-options:hover + .table + .table-options-overlay,
.nav:hover + .nav-overlay {
  visibility: visible;
  opacity: 1; }

.margin-side-panel {
  margin-right: 640px; }

.side-panel h4 {
  max-width: 300px; }

.side-panel h4 .default-padding {
  width: 100%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 56px; }

.message {
  padding: 0 0 0 10px;
  color: #405060; }

.message .table.table-wide.border-bottom {
  padding: 9px 10px 9px 0;
  height: 57px;
  border-color: #EAEFF5; }

.message .img {
  width: 40px;
  height: 40px; }

.message .timestamp {
  padding: 0;
  bottom: 3px;
  right: 10px; }

.message .badge,
.message .avatar,
.message .avatars .avatar {
  border-color: #F5F7FA; }

.message .avatar,
.message .avatars .avatar {
  background-color: #EAEFF5; }

.padding-messages-button .button.large {
  height: 48px;
  line-height: 48px;
  padding: 0;
  color: #FFFFFF; }

.message .txt {
  position: relative;
  top: 0;
  padding: 2px 0 0;
  font-size: 14px; }

.message .txt .txt-small {
  width: 214px;
  font-style: normal; }

.message:not(.unread):hover {
  background: #EAEFF5; }

.message:not(.unread):hover .txt,
.menu .box .message.unread .txt {
  color: #000; }

.message.unread:hover .txt .txt-small,
.menu .box .message.unread .txt .txt-small {
  opacity: 1; }

.chat.minimized .avatar.box-shadow-down,
.chat.minimized .avatars .avatar {
  background-color: #EAEFF5; }

.message.unread {
  background: #5C50FF; }

.message.unread .border-bottom {
  border-color: rgba(0, 0, 0, 0.07) !important; }

.message.unread .badge,
.message.unread .avatar,
.message.unread .avatars .avatar {
  border-color: #5C50FF; }

.message.unread .txt {
  font-weight: 500;
  color: #FFFFFF; }

.message.unread .txt em {
  color: rgba(255, 255, 255, 0.8); }

.message.unread .timestamp {
  color: rgba(255, 255, 255, 0.5); }

.menu .box .message {
  padding: 0; }

.menu .box .message:hover,
.menu .box .message:not(.unread) {
  background: #F5F7FA;
  cursor: pointer; }

.menu .box .message .table {
  padding-left: 18px;
  padding-right: 18px; }

.menu .box .message .badge,
.menu .box .message.unread .avatars .avatar {
  border-color: #FFFFFF; }

.menu .box .message .timestamp {
  right: 18px; }

.message:not(.unread) .badge,
.menu .box .message .avatar,
.menu .box .message .avatars .avatar {
  border-color: #F5F7FA; }

.message:hover .badge,
.message:hover .avatar,
.message:hover .avatars .avatar,
.menu .box .message:hover .badge,
.menu .box .message:hover .avatar,
.menu .box .message:hover .avatars .avatar,
.menu .box .message:not(.unread) .badge {
  border-color: #EAEFF5; }

.message:hover .avatar,
.message:hover .avatars .avatar {
  background-color: #D4DEEB; }

.message.unread:hover .badge,
.message.unread:hover .avatar,
.message.unread:hover .avatars .avatar {
  border-color: #5C50FF; }

.menu .box .message:last-child .border-bottom {
  border-bottom: none; }

.container .messages-quick .message .avatar {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%; }

.container .messages-quick .btn {
  width: 56px;
  height: 56px;
  position: relative;
  cursor: pointer; }

.container .messages-quick.expand .btn svg {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.chat {
  width: 100%;
  min-height: 380px;
  position: absolute;
  background: #FFFFFF;
  border: none; }

.chat.in {
  height: auto;
  min-height: 400px;
  position: relative;
  border-top: solid 1px #EAEFF5; }

.chat.full {
  height: 100%;
  min-height: 100%;
  background: transparent; }

.chat.float {
  height: 440px;
  bottom: 10px; }

.chat.float,
.chat.minimized {
  z-index: 8100; }

.chat.float > .pos-absolute {
  overflow: visible; }

.chat.float .menu .field-input {
  min-width: 272px; }

.message .txt {
  line-height: 1.1em; }

.chat .padding {
  line-height: 1.2em; }

.chat .padding {
  padding: 14px; }

.chat .padding-right {
  padding-right: 14px; }

.chat .padding-left {
  padding-left: 14px; }

.chat .padding-left.padding-right {
  padding-top: 10px;
  padding-bottom: 4px; }

.chat-bubble {
  max-width: 570px;
  display: inline-block;
  margin: 4px 0 0;
  position: relative; }

.chat-bubble.new {
  opacity: 1; }

.chat-bubble div.round-chat-bubble-left,
.chat-bubble div.round-chat-bubble-right {
  padding: 10px 15px;
  display: inline-block;
  line-height: 1.15em;
  overflow-wrap: break-word; }

.chat-big .chat-bubble div.round-chat-bubble-left,
.chat-big .chat-bubble div.round-chat-bubble-right {
  padding: 17px 22px; }

.chat-bubble em.typing {
  position: relative;
  bottom: 7px; }

.chat .timestamp {
  padding: 4px 0 10px; }

.chat .border-top {
  border: none; }

.chat textarea {
  width: 100%;
  height: 56px;
  padding: 18px 0 0 14px;
  background: #F5F7FA; }

.chat textarea:focus {
  background: #FFFFFF;
  -webkit-box-shadow: 0 0 100px 0 #D4DEEB;
  -moz-box-shadow: 0 0 100px 0 #D4DEEB;
  box-shadow: 0 0 100px 0 #D4DEEB; }

.chat textarea::-webkit-input-placeholder {
  color: #A9B5C1; }

.chat textarea:-moz-placeholder {
  color: #A9B5C1; }

.chat textarea::-moz-placeholder {
  color: #A9B5C1; }

.chat textarea:-ms-input-placeholder {
  color: #A9B5C1; }

.side-panel .chat textarea {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.chat .txt-icon-1 {
  position: absolute;
  top: 50%;
  right: 14px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.chat .txt-icon-1 svg * {
  fill: #A9B5C1; }

.chat .table-row.table-row-small .pos-relative:hover .txt-icon-1 svg * {
  fill: #93A2B2; }

.chat .typing {
  position: absolute;
  bottom: 100%;
  left: 0;
  padding: 0 0 10px 14px;
  color: #8899AA;
  font-size: 12px; }

.chat .chat-loading {
  height: 21px;
  width: 30px;
  position: relative; }

.chat.minimized {
  width: 35px;
  height: 35px;
  min-height: 1px;
  background: transparent;
  position: absolute;
  bottom: 10px; }

.chat.minimized .chat-received {
  min-width: 200px;
  max-width: 200px;
  margin: 0 0 6px;
  position: absolute;
  bottom: 50%;
  right: 0;
  opacity: 0;
  text-align: right; }

.chat.minimized .chat-received.inOut {
  bottom: 100%;
  opacity: 1; }

.chat.minimized .avatars .avatar,
.chat.minimized .avatar .badge.pos-bottom-right {
  border-color: #EAEFF5; }

.chat.minimized .avatar .badge.pos-top-right {
  border-color: #F5F7FA; }

.chat.minimized .chat-bubble .round-chat-bubble-right {
  background: #5C50FF;
  color: #FFFFFF; }

.chat.minimized .chat-bubble .round-chat-bubble-right svg * {
  fill: #FFFFFF !important; }

.gallery {
  font-size: 0;
  line-height: 0; }

.image {
  width: calc((100% - 30px) / 4);
  max-width: 210px;
  margin: 0 10px 10px 0;
  padding: 0;
  display: inline-block;
  position: relative;
  vertical-align: top;
  cursor: move;
  z-index: 0; }

.image.no-drag {
  cursor: default; }

.image:nth-child(4n) {
  margin-right: 0; }

.image .blank {
  width: 100%;
  display: block; }

.image .bg-cover {
  background-color: #F5F7FA;
  z-index: 10; }

.image .checkbox {
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0.5; }

.image:hover .checkbox,
.image .checkbox.active {
  opacity: 1; }

.image-zoom {
  height: calc(100vh - 80px);
  max-height: 800px;
  margin: 0 5px;
  background-color: #FFFFFF; }

.table.table-center .table-cell:first-child .image-zoom {
  margin-left: 40px; }

.table.table-center .table-cell:last-child .image-zoom {
  margin-right: 40px; }

.thumbnail {
  width: 35px;
  height: 35px; }

.thumbnail.big {
  width: 100px;
  height: 100px;
  display: inline-block;
  margin: 2px 5px 2px 0; }

.chart-wrap {
  width: 100%;
  height: 284px;
  overflow: hidden;
  margin: 21px 0 0; }

.chart-wrap .border-bottom {
  height: 261px; }

.chart-wrap .axes-x {
  height: 23px; }

.chart-wrap canvas {
  width: 100%;
  height: 260px; }

.graph-line {
  padding: 21px 0 0; }

.graph-line canvas {
  width: 100%;
  height: 260px;
  margin: 0;
  padding: 0; }

.legend-line {
  width: 3px;
  height: 36px;
  margin: 5px 0 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.legend-line-no-margin {
  margin: 0; }

.axes-x {
  padding: 10px 0 0;
  font-size: 13px;
  color: #93A2B2;
  text-align: center;
  font-weight: 500; }

.axes-x .table .table-cell {
  width: 2%; }

.axes-x .table .table-cell:first-child,
.axes-x .table .table-cell:last-child {
  width: 1%; }

.axes-x .table .table-cell:first-child {
  padding-left: 21px;
  text-align: left; }

.axes-x .table .table-cell:last-child {
  padding-right: 21px;
  text-align: right; }

.axes-x .table .table-cell:empty {
  width: 1px; }

.chart-circle {
  max-width: 85px;
  max-height: 85px;
  min-width: 39px;
  min-height: 39px;
  position: relative;
  display: inline-block;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px; }

.chart-circle.bg-3 {
  margin: 0 2px 0 10px; }

.chart-circle.bg-22 {
  margin: 0 10px 0 2px; }

.chart-circle .pos-center {
  padding-top: 2px; }

.chart-tooltip {
  position: absolute; }

.chart-tooltip:hover {
  z-index: 10; }

.chart-tooltip .pos-center-left {
  padding-left: 21px; }

.chart-tooltip .pos-center-right {
  padding-right: 21px; }

.chart-tooltip .chart-tooltip-label {
  margin: 0 0 -21px;
  padding: 7px 8px 5px;
  border: none;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
  line-height: 1em; }

.chart-tooltip .chart-tooltip-label .table-cell {
  vertical-align: middle; }

.chart-tooltip .chart-tooltip-label .table-cell .default-spacer {
  width: 8px; }

.chart-tooltip .chart-tooltip-label .table-cell:first-child {
  padding-bottom: 2px; }

.chart-wrap .chart-tooltip .chart-tooltip-label {
  visibility: hidden;
  opacity: 0;
  -webkit-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  transition: all ease-out 0.5s; }

.chart-wrap:hover .chart-tooltip .chart-tooltip-label {
  visibility: visible;
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1); }

.modal {
  width: 90%;
  max-width: 350px;
  border: none; }

.modal-wide {
  max-width: 550px !important; }

.modal-wide-95 {
  max-width: 95% !important; }

.modal.col-1 {
  max-width: 450px; }

.modal img.wide-over-border {
  top: -2px; }

.modal .actions {
  height: 46px;
  position: relative;
  text-align: center; }

.modal .actions {
  background: none; }

.modal .actions > .pos-relative {
  background: #F5F7FA;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px; }

.modal .actions .table-cell.animate:hover {
  cursor: pointer;
  background: #F5F7FA; }

.modal .actions .table-cell:first-child {
  -webkit-border-radius: 0 0 0 3px;
  -moz-border-radius: 0 0 0 3px;
  border-radius: 0 0 0 3px; }

.modal .actions .table-cell.bg-15 {
  background-color: #F5F7FA; }

.modal .actions .table-cell:last-child {
  -webkit-border-radius: 0 0 3px 0;
  -moz-border-radius: 0 0 3px 0;
  border-radius: 0 0 3px 0; }

.modal .modal-banner {
  margin: -14px 0 0;
  padding: 12px 10px 10px;
  text-align: center; }

.modal .actions .menu.hover {
  min-width: 75%;
  max-width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.modal .modal-item {
  border-top: solid 1px #F5F7FA;
  padding: 15px 21px;
  color: #687D94; }

.modal .modal-item:hover {
  cursor: pointer;
  background: #F5F7FA; }

.modal .modal-item .p {
  padding: 0 10px 0 0;
  line-height: 1.2em; }

.modal .modal-item .modal-item-action {
  opacity: 0;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 500; }

.modal .modal-item:hover .modal-item-action {
  opacity: 1; }

.modal img.logo {
  max-width: 80%;
  max-height: 70px;
  display: inline-block;
  margin: 0 0 30px; }

.viewing {
  height: 38px;
  line-height: 40px;
  white-space: nowrap; }

.bg-22-light.box-shadow-top {
  -webkit-box-shadow: 0 -2px 6px 0 rgba(45, 55, 65, 0.1);
  -moz-box-shadow: 0 -2px 6px 0 rgba(45, 55, 65, 0.1);
  box-shadow: 0 -2px 6px 0 rgba(45, 55, 65, 0.1); }

.activity-padding {
  padding: 8px 0; }

.activity-padding .avatar {
  -webkit-box-shadow: 0 0 0 3px #FFFFFF;
  -moz-box-shadow: 0 0 0 3px #FFFFFF;
  box-shadow: 0 0 0 3px #FFFFFF; }

.activity-padding-copy {
  padding: 16px 0 8px 18px; }

.activity-padding-copy .indent {
  padding-left: 20px;
  display: none; }

.activity-padding-copy .indent .fill-4 {
  padding-top: 5px; }

.activity-item .timestamp {
  padding: 1px 0 0; }

.activity-item:hover {
  background: #F5F7FA; }

.activity-item.hover .activity-padding .avatar,
.activity-item:hover .activity-padding .avatar {
  -webkit-box-shadow: 0 0 0 3px #F5F7FA;
  -moz-box-shadow: 0 0 0 3px #F5F7FA;
  box-shadow: 0 0 0 3px #F5F7FA; }

.activity-item:hover .badge {
  border-color: #F5F7FA; }

.activity-label {
  padding: 5px 21px 9px;
  position: relative;
  color: #273B4F;
  font-size: 13px;
  font-weight: 500; }

.activity-label:after {
  width: calc(100% - 21px);
  border-bottom: solid 1px #F5F7FA;
  content: "";
  position: absolute;
  bottom: 0;
  left: 21px; }

.activity-item-new {
  padding: 11px 21px;
  position: relative;
  line-height: 1.2em;
  overflow-wrap: break-word;
  word-break: break-word; }

.activity-item-new,
.activity-item-new em,
.activity-item-new .color-19.link-u:not(:hover),
.activity-item-new .color-19:not(.txt-semibold):not(:hover) {
  color: #687D94; }

.activity-item-new:hover {
  background: #F5F7FA; }

.activity-item-new:hover .badge {
  border-color: #F5F7FA; }

.activity-item-new:last-child {
  padding-bottom: 0; }

.activity-item-new > .table > .table-cell {
  padding: 0 5px; }

.activity-item-new > .table > .table-cell:first-child {
  padding-left: 0; }

.activity-item-new > .table > .table-cell:nth-child(2) {
  padding: 0 10px; }

.activity-item-new > .table > .table-cell:last-child {
  padding-right: 0 !important; }

.activity-item-new .timestamp {
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 1px 0 0;
  opacity: 0;
  line-height: 1em;
  -webkit-transform: translateY(-4px); }

.activity-item-new:hover .timestamp {
  opacity: 1;
  -webkit-transform: translateY(0); }

.activity-item-new .button.med {
  height: 32px;
  line-height: 32px;
  padding: 0 15px; }

.activity-item-new .activity-padding {
  padding: 0; }

.grid-wrap {
  padding: 21px 16px; }

.grid {
  padding: 0 5px 10px;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  position: relative; }

.grid:hover {
  z-index: 10; }

.grid {
  width: calc(100% / 4); }

.filter-open .grid {
  width: calc(100% / 3); }

.image .bg-cover.round,
.product,
.product .back {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.product {
  position: relative;
  padding: 0;
  margin: 0;
  background: #FFFFFF;
  cursor: pointer; }

.product .checkbox {
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: 0.5; }

.product .info {
  padding: 10px 0;
  line-height: 1.2em; }

.product .info .table .table-cell .txt-semibold {
  padding-right: 10px;
  overflow-wrap: break-word; }

.product .info .table .table-cell:last-child div {
  padding: 0;
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

.product .back,
.product .options,
.product .all,
.product .bg-overlay,
.product:hover .bg-overlay + .submit {
  opacity: 0; }

.product .back {
  border: none; }

.product .options {
  width: 100%;
  z-index: 21;
  bottom: 0;
  right: 0;
  overflow: visible;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.product .options .table-mini {
  padding: 5px 15px; }

.product .options .table-mini .table .table-row .table-cell {
  padding-left: 4px;
  padding-right: 4px;
  position: relative; }

.product .options .table-mini .table .table-row .table-cell .txt-semibold {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.product .options .table-mini .table .table-row .table-cell.table-cell-input {
  width: 1px;
  padding-top: 0;
  padding-bottom: 0; }

.product .options .table-mini .table .table-row .table-cell.table-cell-input input.table-input {
  width: 56px;
  padding: 0 3px; }

.product .bg-overlay {
  -webkit-animation: none;
  -moz-animation: none;
  animation: none; }

.product .bg-overlay + .submit {
  z-index: 1;
  transition: all linear 0s;
  opacity: 0;
  bottom: 50%;
  right: 50%;
  -webkit-transform: translate(50%, 50%);
  -moz-transform: translate(50%, 50%);
  transform: translate(50%, 50%); }

.product .all {
  position: relative;
  bottom: -30px;
  z-index: 22; }

.product .all .submit {
  z-index: 1001;
  bottom: 0;
  right: 50%;
  opacity: 1;
  -webkit-transform: translateX(50%) !important;
  -moz-transform: translateX(50%) !important;
  transform: translateX(50%) !important; }

.product .submit .tooltip {
  display: none; }

.product:hover {
  z-index: 1; }

.product:hover .info {
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px); }

.product:hover .info .table .table-cell:last-child:not(:first-child) div {
  opacity: 0; }

.product:hover .checkbox,
.product .checkbox.active,
.product:hover .back,
.product:hover .options,
.product:hover .all,
.product:hover .bg-overlay,
.product:hover .bg-overlay + .submit {
  opacity: 1; }

.product:hover .bg-overlay + .submit,
.product:hover .bg-overlay + .submit {
  -webkit-transform: translate(50%, 50%) scale(1, 1) !important;
  -ms-transform: translate(50%, 50%) scale(1, 1) !important;
  transform: translate(50%, 50%) scale(1, 1) !important; }

.company-plan {
  max-width: 750px; }

.company-plan h3 {
  padding: 0 0 20px; }

.company-plan h5 {
  padding-top: 20px;
  line-height: 1.4em; }

.company-plan .button.large {
  margin-top: 25px; }

.company-plan .avatar {
  display: inline-block;
  margin: 0 -3px;
  -webkit-box-shadow: 0 0 0 2px #FFFFFF; }

.company-plan .options {
  padding: 20px 0 0; }

.company-plan .options .table .table-cell {
  width: 33%; }

.company-plan .options .table .table-cell:first-child {
  padding-right: 6px; }

.company-plan .options .table .table-cell:nth-child(2) {
  padding: 0 3px; }

.company-plan .options .table .table-cell:last-child {
  padding-left: 6px; }

.company-plan .options .option {
  padding: 12px;
  border: solid 1px #5C50FF;
  text-align: center;
  line-height: 1.4em; }

.pdf-logo {
  position: absolute;
  bottom: 21px;
  left: 21px;
  z-index: 1;
  display: none; }

.pdf-logo svg {
  height: 30px; }

.pdf-page {
  width: 100%;
  min-width: 816px;
  max-width: 816px;
  height: auto;
  min-height: 800px;
  background: #FFFFFF;
  margin: 40px auto;
  padding: 0; }

.pdf-page.landscape {
  max-width: 1056px; }

.pdf {
  padding: 0 35px;
  font-size: 12.5px;
  line-height: 1.2em; }

.pdf * {
  font-family: "Nunito Sans", sans-serif; }

.pdf .landscape-height {
  height: 815px;
  text-align: center; }

.pdf .table-row.landscape-height,
.pdf .table-row.landscape-height > .table {
  height: 679px; }

.pdf .fits-logo svg {
  width: 80px;
  height: 22px; }

.pdf .fits-logo svg * {
  fill: #BDC9D7 !important; }

.pdf img.logo {
  max-width: 150px;
  max-height: 70px; }

.pdf .table-cell {
  vertical-align: top; }

.pdf .spacer {
  width: 100%;
  height: 10px; }

.pdf .spacer + .spacer {
  height: 0; }

.pdf .spacer.layout {
  width: 100%;
  height: 30px; }

.pdf .break {
  width: 100%;
  height: 1px;
  background: #D4DEEB; }

.pdf .section {
  min-width: 200px;
  max-width: 300px;
  padding: 0 0 8px; }

.pdf .section:last-child {
  padding-bottom: 0; }

.pdf .txt-bold {
  font-weight: 500; }

.pdf h2 {
  margin: 0;
  padding: 0 0 5px;
  display: inline-block;
  border-bottom: solid 2px #D4DEEB;
  font-size: 23px;
  line-height: 1em; }

.pdf .txt-left h2 {
  padding-right: 25px; }

.pdf .txt-right h2 {
  padding-left: 25px; }

.pdf h3 {
  padding: 0;
  font-size: 21px;
  white-space: initial;
  line-height: 1.2em; }

.pdf h4 {
  padding: 0;
  font-weight: 500;
  line-height: 1.2em; }

.pdf h5 {
  padding: 0 0 2px;
  font-size: 14px; }

.pdf .txt-small {
  font-size: 11.5px; }

.pdf .table.table-items .table-row .table-cell {
  vertical-align: middle;
  line-height: 1.2em; }

.pdf .table.table-items .table-row > .table-cell {
  width: 6%;
  padding: 0 2px 0 0;
  border-bottom: solid 1px #D4DEEB; }

.pdf .table.table-items .table-row.summary > .table-cell {
  border-bottom: none !important; }

.pdf .table.table-items .table-row > .table-cell:first-child {
  padding-left: 0; }

.pdf .table.table-items .table-row > .table-cell:first-child .table.product {
  min-height: 45px; }

.pdf .table.table-items .table-row > .table-cell.table-cell-product {
  width: auto; }

.pdf .table.table-items .table-row > .table-cell:first-child .table.product > .table-cell:first-child:not(:last-child),
.pdf .table.table-items .table-row > .table-cell:first-child .table.product > .table-cell:first-child:not(:last-child) div:not(.pos-center) {
  width: 45px;
  height: 100%;
  min-height: 45px;
  position: relative; }

.pdf .table.table-items .table-row > .table-cell:first-child .table.product > .table-cell:first-child:not(:last-child) div:not(.pos-center) {
  position: absolute;
  top: 0;
  left: 0; }

.bg-overlay .pdf .table.table-items .table-row > .table-cell:first-child .table.product > .table-cell:first-child:not(:last-child) div.pos-relative {
  position: absolute; }

.bg-overlay .pdf .table.table-items .table-row > .table-cell:first-child .table.product > .table-cell:first-child:not(:last-child):before {
  width: 45px;
  height: 1px;
  display: block;
  content: ""; }

.pdf .table.table-items .table-row > .table-cell:first-child .table.product > .table-cell:first-child:not(:last-child) div.pos-relative {
  position: relative; }

.pdf .table.table-items .table-row > .table-cell:first-child .table.product > .table-cell:last-child:not(:first-child) {
  padding: 3px 0 4px; }

.pdf .table.table-items .table-row > .table-cell:first-child .table.product > .table-cell .txt-bold {
  padding-top: 3px; }

.pdf .table.table-items .table-row > .table-cell:first-child .table.product > .table-cell .default-spacer {
  width: 6px; }

.pdf .table.table-items .table-row > .table-cell:last-child {
  height: 28px;
  padding-right: 0; }

.pdf .table.table-items .table-row:not(.table-row-head) > .table-cell:last-child {
  padding-top: 10px;
  padding-bottom: 10px; }

.pdf .table.table-items .table-row.table-row-head .table-cell {
  height: 28px;
  border-top: solid 2px #D4DEEB;
  line-height: 27px;
  white-space: nowrap; }

.pdf .table.table-items .table-row > .table-cell .field-input {
  width: 100%;
  height: 30px;
  display: block;
  box-shadow: none;
  border: solid 1px #D4DEEB;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.pdf .table.table-items .badge {
  width: 7px;
  height: 7px;
  border: none; }

.pdf .table.table-items > .table-row .table-cell .badge {
  width: 3px;
  height: 30px;
  margin: 0 8px 0 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none; }

.pdf .page-break {
  page-break-before: always; }

.pdf .table-row.section .table-cell {
  height: 8px;
  font-size: 0;
  line-height: 0; }

.pdf .txt-semibold > h4 > span.color-17 {
  font-weight: 400; }

svg.barcode {
  margin: auto; }

svg.barcode * {
  fill: #000; }

.pdf-page.ucc128-label {
  width: 384px;
  min-width: 384px;
  height: 570px;
  min-height: 570px;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.pdf.ucc128-label {
  padding: 0 10px; }

.pdf.ucc128-label .spacer.layout {
  height: 10px; }

.table.table-ucc128-label {
  width: 364px;
  height: 550px; }

.table.table-ucc128-label .table,
.table.table-ucc128-label .table-row,
.table.table-ucc128-label .table-cell {
  height: 100%;
  vertical-align: middle; }

.table.table-ucc128-label > .table-row:not(:last-child) > * {
  border-bottom: solid 3px #000; }

.table.table-ucc128-label > .table-row > * > .table:first-child > .table-cell:not(:first-child) {
  border-left: solid 3px #000;
  width: 50%; }

.table.table-ucc128-label > .table-row > * > .table:first-child > .table-cell {
  padding: 7px 15px; }

.table.table-ucc128-label * {
  line-height: 1.1em;
  font-size: 12px;
  font-weight: 400; }

.table.table-ucc128-label h1,
.table.table-ucc128-label h3,
.table.table-ucc128-label h4 {
  font-weight: 500;
  padding: 0; }

.table.table-ucc128-label h1 {
  font-size: 22px; }

.table.table-ucc128-label h3 {
  font-size: 16px; }

.table.table-ucc128-label h4 {
  font-size: 14px; }

.table.table-ucc128-label svg.barcode {
  width: 200px;
  height: 100px; }

.table.table-ucc128-label svg.barcode.barcode-ucc {
  width: 300px;
  height: 130px; }

.table.table-ucc128-label > .table-row:nth-child(2) svg.barcode {
  width: 100px;
  height: 60px; }

.table.table-ucc128-label br {
  height: 0; }

.pdf.linesheet {
  padding: 0; }

.pdf.linesheet .cover-logo {
  width: 210px;
  margin: 0 auto 40px; }

.pdf.linesheet .spacing {
  padding: 30px 20px 15px; }

.pdf.linesheet .table .table-row:last-child .spacing {
  padding: 20px; }

.pdf.linesheet .image {
  width: 175px;
  margin: 0;
  z-index: 0;
  cursor: default; }

.pdf.linesheet .image * {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.pdf.linesheet .item {
  padding: 0 20px;
  display: inline-block;
  cursor: default; }

.pdf.linesheet .item .table-cell {
  vertical-align: middle; }

.pdf.linesheet .item .info {
  padding: 10px;
  text-align: left;
  line-height: 1.3em;
  white-space: initial;
  overflow-wrap: break-word; }

.pdf.linesheet .item.item-3 .image {
  width: 312px;
  max-width: 312px; }

.pdf.linesheet .item.item-3 .info {
  padding: 10px;
  text-align: center; }

.pdf.linesheet .table-row.table-row-products,
.pdf.linesheet .table-row.table-row-products .product {
  height: 815px; }

.pdf.linesheet .product-three .table-row.table-row-products .product {
  height: 528px;
  min-height: 528px;
  top: 110px; }

.pdf.linesheet .product-four .table-row.table-row-products .product {
  height: 396px;
  min-height: 396px;
  top: 180px; }

.pdf.linesheet .product-six-plus .table-row.table-row-products:first-child,
.pdf.linesheet .product-six-plus .table-row.table-row-products:first-child .product {
  height: 408px; }

.pdf.linesheet .product-six-plus .table-row.table-row-products:last-child,
.pdf.linesheet .product-six-plus .table-row.table-row-products:last-child .product {
  height: 407px; }

.pdf.linesheet .product-multi-grid {
  font-size: 0;
  line-height: 0;
  text-align: center; }

.pdf.linesheet .product-multi,
.pdf.linesheet .product-multi > .table {
  height: 407px; }

.pdf.linesheet .product-multi {
  display: inline-block;
  position: relative; }

.pdf.linesheet .product-multi .table .table-cell {
  vertical-align: middle; }

.pdf.linesheet .product-multi .table .table-cell .pos-relative {
  width: 264px; }

.pdf.linesheet .product-multi .details {
  bottom: 0; }

.pdf.linesheet .product {
  z-index: 0;
  cursor: default; }

.pdf.linesheet .product .details,
.pdf.linesheet .product-multi .details {
  width: 100%;
  padding: 8px;
  position: absolute;
  left: 0;
  background: #FFFFFF;
  text-align: center;
  font-size: 13px;
  line-height: 1.3em;
  overflow-wrap: break-word; }

.pdf.linesheet .product .details em {
  display: inline-block;
  max-width: 80%;
  margin: 0 auto;
  color: #000; }

.pdf.linesheet .product .details.solo-image-one {
  padding: 40px;
  text-align: left; }

.pdf.linesheet .table.table-form .image {
  width: 70px; }

.pdf.linesheet .table.table-form .details {
  overflow-wrap: break-word; }

.pdf.linesheet .table.table-form .details .txt-bold {
  display: block; }

.pdf.linesheet .table.table-form {
  height: 100%;
  border-collapse: collapse; }

.pdf.linesheet .table.table-form .table-row .table-cell {
  padding: 6px 15px;
  border: solid 1px #D4DEEB;
  vertical-align: middle; }

.pdf.linesheet .table.table-form .table-row .table-cell:first-child {
  padding: 0;
  border-left: none; }

.pdf.linesheet .table.table-form .table-row .table-cell:last-child {
  border-right: none; }

.pdf.linesheet .table.table-form .table-row.table-row-head {
  font-weight: 500;
  white-space: nowrap; }

.pdf.linesheet .table.table-form .table-row.table-row-head .table-cell .table .table-cell {
  height: 32px;
  padding: 0;
  text-align: center; }

.pdf.linesheet .table.table-form .table-row.table-row-head .table-cell .table .table-row:first-child .table-cell {
  border-top: none; }

.pdf.linesheet .table.table-form .table-row.table-row-head .table-cell .table .table-row:last-child .table-cell {
  border-bottom: none; }

.pdf.linesheet .table.table-form .table-row:not(.table-row-head) .table-cell .table {
  height: 70px; }

.pdf.linesheet .table.table-form .table-row:not(.table-row-head) .table-cell .table .table-row:first-child .table-cell {
  padding: 0;
  border-top: none;
  border-bottom: none;
  position: relative;
  vertical-align: bottom;
  text-align: center;
  font-style: normal; }

.pdf.linesheet .table.table-form .table-row:not(.table-row-head) .table-cell .table .table-row:first-child .table-cell div {
  width: 100%;
  padding: 4px; }

.pdf.linesheet .product-two .product .details,
.pdf.linesheet .product-six-plus .product .details {
  bottom: 0; }

.pdf.linesheet .product-three .product,
.pdf.linesheet .product-four .product {
  overflow: visible; }

.pdf.linesheet .product-three .product .details,
.pdf.linesheet .product-four .product .details {
  top: 100%; }

.pdf.linesheet .product-two .product .details,
.pdf.linesheet .product-six-plus .product .details {
  min-height: 48px; }

.pdf.labels {
  padding: 0; }

.pdf.labels .spacer.layout {
  height: 46px; }

.print-label {
  float: left;
  position: relative;
  font-size: 12px;
  line-height: 1.2em; }

.print-label {
  width: 33.333%;
  height: 96px;
  padding: 0 0 0 30px; }

.print-label:not(.print-label-4):nth-child(3n+2) {
  padding: 0 15px; }

.print-label:not(.print-label-4):nth-child(3n+3) {
  padding: 0 30px 0 0; }

.print-label.print-label-4 {
  width: 25%;
  height: 64px;
  font-size: 11px;
  line-height: 1.1em; }

.print-label.print-label-4:nth-child(4n+2),
.print-label.print-label-4:nth-child(4n+3) {
  padding: 0 15px; }

.print-label.print-label-4:nth-child(4n+4) {
  padding: 0 30px 0 0; }

.print-label .txt-center {
  padding: 0 5px; }

.print-label svg * {
  fill: #000; }

.print-label .image:empty {
  margin: 0;
  padding: 0;
  display: none; }

.print-label .image:not(:empty) {
  width: 66px;
  height: 96px; }

.print-label.print-label-4 .image:not(:empty) {
  width: 44px;
  height: 64px; }

.print-label .barcode:not(:empty),
.print-label .barcode:not(:empty) svg {
  width: 115px;
  height: 96px; }

.print-label.print-label-4 .barcode:not(:empty),
.print-label.print-label-4 .barcode:not(:empty) svg {
  width: 76px;
  height: 64px; }

.print-label .pos-relative.image:not(:empty),
.print-label .pos-relative.barcode:not(:empty) {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.blog {
  padding: 30px 0; }

.blog-post {
  width: auto;
  max-width: 550px;
  padding: 0 0 30px;
  margin: 0 auto;
  vertical-align: top; }

.view-list-item {
  padding: 12px 0 10px;
  border-bottom: dashed 1px #EAEFF5;
  position: relative;
  line-height: 1.3em; }

.field-title + .view-list-item {
  padding-top: 5px; }

.view-list-item .icon .inside {
  opacity: 0;
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px);
  white-space: nowrap;
  font-weight: 500; }

.access {
  background: #FFFFFF; }

.access .access-padding {
  padding: 30px 30px 20px; }

.access .access-padding .logo-scalyn svg * {
  fill: #5C50FF; }

.access .access-padding .txt-micro.color-20 {
  color: #93A2B2; }

.access .access-form {
  width: 100vw;
  max-width: 410px;
  background: #FFFFFF;
  padding: 40px;
  text-align: center; }

.access .access-form .menu .box .table {
  padding: 2px 18px 0; }

.access .access-form .menu .box .table .table-cell {
  white-space: nowrap;
  line-height: 25px;
  text-align: left; }

.access .access-form h3 {
  font-family: "Tiempos", sans-serif;
  font-size: 31px;
  padding: 0;
  margin: 0 0 -6px; }

.access .access-form h3 .txt-xbold {
  font-weight: 600; }

.access .access-form h3 + h4 {
  padding: 10px 0 0;
  font-size: 17px;
  line-height: 1.4em; }

.access .access-form h3 + h4 .txt-light {
  font-weight: 400; }

.access .access-form .field {
  margin-bottom: 10px; }

.access .access-form .field:last-child {
  margin-bottom: 0; }

.access .access-form .field-input {
  height: 50px;
  padding: 1px 15px 0;
  margin-top: 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 0 1px #D4DEEB;
  -moz-box-shadow: inset 0 0 0 1px #D4DEEB;
  box-shadow: inset 0 0 0 1px #D4DEEB;
  transition: box-shadow linear 0.1s; }

.access .access-form .field-input:focus {
  -webkit-box-shadow: inset 0 0 0 2px #5C50FF;
  -moz-box-shadow: inset 0 0 0 2px #5C50FF;
  box-shadow: inset 0 0 0 2px #5C50FF; }

.access .access-form .field .pos-center-right {
  right: 10px; }

.access .access-form .field .error + .menu {
  min-width: 100%; }

.access .access-form .field .error + .menu .box {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.access .waves {
  display: none; }

.access .fine {
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  padding: 25px 0 0; }

.access .fine .color-20 {
  color: #93A2B2; }

.middle {
  max-width: 1160px;
  padding: 0 30px;
  margin: 0 auto; }

.middle.padding-none {
  max-width: 1100px; }

.section {
  padding: 60px 30px; }

.section.padding-small {
  padding-top: 40px;
  padding-bottom: 40px; }

.screen {
  width: 900px;
  height: 630px; }

.screen.small {
  width: 800px; }

.footer {
  margin-top: -30px; }

.header,
.header-z-index {
  z-index: 2; }

.header-menu .table-cell {
  position: relative;
  z-index: 0; }

.header-menu .table-cell:hover {
  z-index: 10; }

.copy-item {
  max-width: 400px;
  padding: 24px 30px 20px;
  text-align: left; }

.copy-item:not(.active) {
  cursor: pointer; }

.copy-item:not(.active):hover h3,
.copy-item.active h3 {
  color: #5C50FF; }

.copy-item.active {
  background: #F5F7FA; }

.bg-14 .copy-item.active {
  background: #EAEFF5; }

.copy-showcase {
  z-index: 0;
  opacity: 0; }

.copy-showcase.active {
  z-index: 10;
  opacity: 1; }

.copy-showcase.hide.active {
  display: block !important; }

.code {
  max-width: 840px;
  margin: 0 auto;
  background: #000;
  -webkit-transform: translateY(40px);
  -ms-transform: translateY(40px);
  transform: translateY(40px); }

.code .table-cell {
  padding: 20px 30px; }

.code .table-cell:first-child {
  padding-left: 20px;
  padding-right: 20px;
  background: rgba(0, 0, 0, 0.3); }

.code .pos-top-right {
  top: -25px;
  right: -25px; }

.code .border-bottom {
  border-color: rgba(0, 0, 0, 0.2); }

.code .default-padding-30 {
  padding: 32px 18px 22px; }

.code .default-padding-30:hover svg * {
  fill: #5FDD9E !important; }

.code .default-padding-30:hover p span {
  color: #FFFFFF !important; }

.tabs {
  margin: 20px 0 0; }

.tabs .tab {
  padding: 9px 16px 8px; }

.tabs .table-cell {
  padding: 0 1px 0 0; }

.tabs .table-cell:first-child .tab {
  -webkit-border-radius: 50px 0 0 50px;
  -moz-border-radius: 50px 0 0 50px;
  border-radius: 50px 0 0 50px; }

.tabs .table-cell:last-child .tab {
  -webkit-border-radius: 0 50px 50px 0;
  -moz-border-radius: 0 50px 50px 0;
  border-radius: 0 50px 50px 0; }

.tabs .tab h4 {
  padding: 0 !important; }

.tabs .tab:not(.active) {
  cursor: pointer;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none; }

.tabs .tab:not(.active) h4 span {
  font-weight: 500; }

.tabs .tab.active {
  background: #FFFFFF;
  position: relative;
  z-index: 1; }

.tabs .tab.active h4 span {
  color: #5C50FF; }

.tab-box {
  width: 100%;
  max-width: 350px;
  padding: 20px 30px 0;
  vertical-align: top;
  display: inline-block;
  text-align: left; }

.tab-box h4 {
  padding-bottom: 4px; }

.plan h1 {
  font-size: 70px; }

.container .plan-padding {
  padding: 0 50px; }

.container .plan-padding .plan {
  -webkit-transform: translateY(50px);
  margin-bottom: -7px; }

.container .plan-padding .plan h1 {
  font-size: 55px; }

.modal-info {
  height: 100vh;
  top: 0;
  left: 0; }

.modal-info .padding {
  padding: 50px; }

.setup {
  max-width: 700px;
  margin: 0 auto;
  padding: 40px 60px; }

.setup .status {
  width: 44px;
  height: 44px; }

.setup .step + .step {
  padding-top: 10px; }

.blog {
  max-width: 550px;
  margin: 0 auto;
  border-bottom: solid 2px #EAEFF5; }

.blog h3 {
  font-size: 21px; }

.blog h5,
.blog .p {
  padding-bottom: 10px; }

.button-expand {
  width: 26px;
  height: 26px;
  border: solid 2px #5C50FF;
  background: #FFFFFF; }

.button-expand .semi {
  opacity: 1; }

.button-expand .plus {
  opacity: 0; }

.button-expand svg * {
  fill: #5C50FF; }

.list-group-item {
  padding: 16px 0 12px;
  border-top: solid 2px #EAEFF5; }

.list-group-item:last-child {
  border-bottom: solid 2px #EAEFF5; }

.list-group-item:not(.expanded):hover {
  background: #F5F7FA; }

.list-group-item:not(.expanded) h3 span,
.list-group-item:not(.expanded) h4 span {
  font-weight: 500 !important; }

.list-group-item:not(.expanded) h5 {
  display: none; }

.list-group-item:not(.expanded) .button-expand {
  border-color: #5C50FF; }

.list-group-item:not(.expanded) .button-expand .semi {
  opacity: 0; }

.list-group-item:not(.expanded) .button-expand .plus {
  opacity: 1; }

.list-group-item:not(.expanded) .button-expand svg * {
  fill: #5C50FF; }

.marketing {
  font-size: 16px; }

body.marketing,
body.marketing h3,
body.marketing h4,
body.marketing h5,
body.marketing p,
body.marketing input,
body.marketing textarea {
  font-weight: 300; }

.marketing .border,
.marketing .border-bottom,
.marketing .list ul li,
.marketing .table.table-pricing .table-cell {
  border-color: #EAEFF5; }

.marketing .input-text {
  border-color: #D4DEEB; }

.marketing .border-bottom.trans {
  border-color: rgba(255, 255, 255, 0.2); }

.marketing .padding-top-bottom {
  padding: 50px 0; }

.marketing .padding-top-bottom-half {
  padding: 25px 0; }

.marketing .spacer {
  width: 100%;
  height: 50px; }

.marketing .spacer.small {
  height: 10px; }

.marketing .middle {
  padding: 0 30px;
  max-width: 1350px; }

.marketing .middle.small {
  max-width: 1200px; }

.marketing a {
  transition: color linear 0.1s; }

.marketing .button {
  transition: color linear 0.1s, box-shadow linear 0.1s, background linear 0.1s; }

.marketing .link-16 {
  color: #93A2B2;
  cursor: pointer; }

.marketing .link-18 {
  color: #687D94;
  cursor: pointer; }

.marketing .link-16:hover,
.marketing .link-18:hover {
  color: #5C50FF; }

.marketing .link-highlight {
  color: #5C50FF;
  cursor: pointer;
  display: inline-block;
  position: relative; }

.marketing .link-highlight:before {
  width: 100%;
  height: 1px;
  margin: 0;
  padding: 0;
  display: block;
  content: "";
  background: #5C50FF;
  position: absolute;
  bottom: 2px;
  left: 0;
  transition: background linear 0.1s; }

.marketing .link-highlight:after {
  width: 0;
  height: 2px;
  margin: 0;
  padding: 0;
  display: block;
  content: "";
  background: #5C50FF;
  position: absolute;
  bottom: 2px;
  left: 0;
  transition: width ease-out 0.3s; }

.marketing h4 .link-highlight:before {
  bottom: 4px; }

.marketing h4 .link-highlight:after {
  bottom: 4px; }

.marketing .link-highlight:hover {
  color: #4236e8; }

.marketing .link-highlight:hover:before {
  background: #4236e8; }

.marketing .link-highlight:hover:after {
  width: 100%; }

.marketing .bg {
  background: #5C50FF; }

.marketing .color-12.trans {
  color: rgba(255, 255, 255, 0.7); }

.marketing .color-12.trans-light {
  color: rgba(255, 255, 255, 0.5); }

.marketing .round,
.marketing .input-text,
.marketing .button,
.marketing .button-loading {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.marketing .input-text {
  width: 100%;
  max-width: 100%;
  height: 55px;
  background: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 20px;
  transition: border linear 0.1s;
  font-size: 16px; }

.marketing .input-text:focus {
  border-color: #5C50FF; }

.marketing .button {
  width: auto;
  height: 42px;
  padding: 0 20px;
  border: none;
  -webkit-box-shadow: inset 0 0 0 1px #5C50FF;
  -moz-box-shadow: inset 0 0 0 1px #5C50FF;
  box-shadow: inset 0 0 0 1px #5C50FF;
  display: inline-block;
  line-height: 42px;
  font-weight: 500;
  cursor: pointer; }

.marketing .pos-relative > .button {
  display: block; }

.marketing .button.med {
  height: 50px;
  line-height: 50px;
  padding: 0 20px; }

.marketing .button.big {
  height: 55px;
  line-height: 55px;
  padding: 0 25px; }

.marketing .button:not(.inactive):hover {
  -webkit-box-shadow: inset 0 0 0 1px #4236e8;
  -moz-box-shadow: inset 0 0 0 1px #4236e8;
  box-shadow: inset 0 0 0 1px #4236e8;
  color: #4236e8; }

.marketing .button:not(.inactive):active {
  -webkit-box-shadow: inset 0 0 0 2px #4236e8;
  -moz-box-shadow: inset 0 0 0 2px #4236e8;
  box-shadow: inset 0 0 0 2px #4236e8;
  color: #4236e8; }

.marketing .button.border {
  color: #5C50FF; }

.marketing .button.fill {
  color: #FFFFFF;
  background: #5C50FF;
  -webkit-box-shadow: inset 0 0 0 1px #5C50FF;
  -moz-box-shadow: inset 0 0 0 1px #5C50FF;
  box-shadow: inset 0 0 0 1px #5C50FF; }

.marketing .bg .button.fill {
  background: #4236e8;
  -webkit-box-shadow: inset 0 0 0 1px #4236e8;
  -moz-box-shadow: inset 0 0 0 1px #4236e8;
  box-shadow: inset 0 0 0 1px #4236e8; }

.marketing .button.fill.inactive {
  cursor: default;
  color: rgba(255, 255, 255, 0.5); }

.marketing .button.fill:not(.inactive):hover {
  background: #4236e8;
  color: #FFFFFF; }

.marketing .button.fill:not(.inactive):active {
  background: #4236e8;
  color: #FFFFFF; }

.marketing .button-loading {
  background: #5C50FF;
  opacity: 0;
  width: 0;
  transition: opacity ease-in-out 0.1s; }

.marketing .button.show-loading + .button-loading {
  width: 100%; }

.marketing .button.show-loading + .button-loading,
.marketing .button.show-loading + .button-loading .spin-loading {
  opacity: 1; }

.marketing .highlight {
  position: relative;
  display: inline-block; }

.marketing .highlight span {
  position: relative; }

.marketing h1 .highlight:before {
  bottom: 4px; }

.marketing h3.max-width,
.marketing h4.max-width,
.marketing h5.max-width {
  max-width: 750px;
  margin: 0 auto; }

.marketing p {
  font-size: 16px;
  line-height: 1.5em;
  color: #687D94; }

.marketing .header.table {
  width: 100%;
  height: 70px;
  white-space: nowrap;
  font-weight: 400;
  border-bottom: none; }

.marketing .header.table .table-cell {
  vertical-align: middle; }

.marketing .header.table .table-cell.spacer {
  width: 40px; }

.marketing .header.table .table-cell .logo svg,
.marketing .footer .icon svg,
.access .access-padding .logo-scalyn svg {
  width: 79px;
  height: 30px; }

.marketing .header.table .table-cell .link-18 {
  line-height: 70px;
  display: block; }

.marketing .header.table .table-cell .link-18 .svg-inline {
  margin: -2px 0 0 2px; }

.marketing .header.table .table-cell:hover .link-18,
.marketing .header.table .table-cell .menu .box .item:hover {
  color: #4236e8; }

.marketing .header.table .table-cell:hover .link-18 > .svg-inline svg * {
  fill: #4236e8; }

.marketing .header.table .table-cell .menu.menu-bottom-left {
  z-index: 9;
  padding-top: 0;
  margin-top: -1px;
  -webkit-transform: translateX(-21px);
  -ms-transform: translateX(-21px);
  transform: translateX(-21px); }

.marketing .header.table .table-cell .menu.menu-bottom-left:after {
  width: 100%;
  height: 9px;
  position: absolute;
  bottom: 100%;
  left: 0;
  content: "";
  background: #FFFFFF; }

.marketing .header.table .table-cell .menu.menu-bottom-left .box {
  -webkit-box-shadow: 0 5px 10px 0 rgba(45, 55, 65, 0.1);
  -moz-box-shadow: 0 5px 10px 0 rgba(45, 55, 65, 0.1);
  box-shadow: 0 5px 10px 0 rgba(45, 55, 65, 0.1);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0; }

.marketing .header.table .table-cell .menu.menu-bottom-left .box .item {
  line-height: 32px; }

.marketing .header.table .table-cell .menu.menu-bottom-left .box .item:hover {
  background: transparent; }

.marketing .header-static {
  background: #FFFFFF; }

.marketing .header-slide {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  transform: translateY(-200px);
  transition: transform ease-out 0.6s;
  -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.07);
  -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.07);
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.07); }

.marketing .header-slide.show {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.marketing .menu-mobile {
  width: 100%;
  height: calc(100% - 70px);
  position: fixed;
  top: 70px;
  right: 0;
  z-index: 1000;
  padding: 30px;
  -webkit-transform: translateX(200%);
  -ms-transform: translateX(200%);
  transform: translateX(200%);
  transition: transform ease-in-out 0.7s; }

.marketing .menu-mobile.show {
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0); }

.marketing .subscribe {
  width: 470px;
  padding: 10px 0;
  margin: 0 auto; }

.marketing .subscribe .table-cell:first-child {
  padding-right: 10px; }

.marketing .section {
  padding: 0;
  margin: 0;
  position: relative; }

.marketing .section .middle {
  position: relative; }

.marketing .section .copy.table {
  width: 100%; }

.marketing .section .copy.copy-right.table > .table-cell {
  padding-right: 4%; }

.marketing .section .copy.copy-right.table > .table-cell:last-child {
  width: 38%; }

.marketing .section .copy.copy-left.table > .table-cell {
  padding-left: 4%; }

.marketing .section .copy.copy-left.table > .table-cell:first-child {
  width: 38%; }

.marketing .section .copy.copy-right.table > .table-cell:first-child,
.marketing .section .copy.copy-left.table > .table-cell:last-child {
  text-align: center;
  line-height: 0; }

.marketing .section .copy .img {
  width: 92%;
  display: inline-block; }

.marketing .section .copy .img.med {
  width: 75%; }

.marketing .section.hero {
  padding: 10px 0; }

.marketing .section.hero .subscribe {
  margin: 0; }

.marketing .section.hero .padding-top-bottom,
.marketing .section.hero .copy.copy-left.table > .table-cell {
  padding: 0; }

.marketing .section.hero .copy .img {
  width: 92%;
  -webkit-transform: translateX(30px);
  -ms-transform: translateX(30px);
  transform: translateX(30px); }

.marketing .section .title-img {
  height: 85px;
  display: block;
  margin: 0 auto;
  padding: 0 0 20px; }

.marketing .list ul li {
  border-bottom-style: solid;
  border-bottom-width: 1px; }

.marketing .bg .list ul li {
  border-color: rgba(255, 255, 255, 0.2); }

.marketing .list ul li:last-child {
  border-bottom: none; }

.marketing .list ul li .table .table-cell {
  padding-top: 9px;
  padding-bottom: 9px;
  vertical-align: middle; }

.marketing .list ul li:first-child .table .table-cell {
  padding-top: 0; }

.marketing .list ul li:last-child .table .table-cell {
  padding-bottom: 0; }

.marketing .list ul li .table .table-cell:last-child {
  width: 1px;
  padding-left: 10px; }

.marketing .list ul li .table .table-cell h5 {
  padding: 0;
  line-height: 1.2em; }

.marketing .computer {
  width: 100%;
  max-width: 900px;
  margin: 0 auto; }

.marketing:not(.on-phone) .copy .computer {
  -webkit-transform: translateX(-30px);
  -ms-transform: translateX(-30px);
  transform: translateX(-30px); }

.marketing .computer .top .padding,
.marketing .computer .btm {
  background: rgba(255, 255, 255, 0.2); }

.marketing .computer .top {
  width: 100%;
  padding: 0 20px; }

.marketing .computer .top .padding {
  width: 100%;
  padding: 12px 12px 0;
  position: relative;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0; }

.marketing .computer .btm {
  width: 100%;
  height: 21px;
  -webkit-border-radius: 2px 2px 10px 10px;
  -moz-border-radius: 2px 2px 10px 10px;
  border-radius: 2px 2px 10px 10px; }

.marketing .play-overlay {
  display: block;
  background: rgba(85, 76, 201, 0.1);
  opacity: 0;
  cursor: pointer;
  transition: opacity linear 0.3s, background linear 0.3s; }

.marketing .play-overlay .play-button {
  width: 70px;
  height: 70px;
  background: #5C50FF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: relative;
  -webkit-box-shadow: 0 0 0 0 rgba(85, 76, 201, 0.6);
  -moz-box-shadow: 0 0 0 0 rgba(85, 76, 201, 0.6);
  box-shadow: 0 0 0 0 rgba(85, 76, 201, 0.6);
  transition: box-shadow ease-in-out 0.3s; }

.marketing .play-overlay .play-button svg {
  width: 28px;
  height: 28px; }

.marketing .play-overlay {
  opacity: 1; }

.marketing .play-overlay:hover .play-button {
  -webkit-box-shadow: 0 0 0 5px rgba(85, 76, 201, 0.6);
  -moz-box-shadow: 0 0 0 5px rgba(85, 76, 201, 0.6);
  box-shadow: 0 0 0 5px rgba(85, 76, 201, 0.6); }

.marketing .play-overlay:active {
  background: rgba(85, 76, 201, 0.2); }

.marketing .play-overlay:active .play-button {
  -webkit-box-shadow: 0 0 0 10px #554cc9;
  -moz-box-shadow: 0 0 0 10px #554cc9;
  box-shadow: 0 0 0 10px #554cc9; }

.marketing .video-thumb {
  width: 150px;
  height: 90px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }

.marketing .video-overlay {
  width: 100%;
  height: 100%;
  min-height: 100%;
  position: fixed;
  top: -200%;
  left: 0;
  z-index: 9999;
  background: rgba(45, 55, 65, 0.9); }

.marketing .video-overlay.show {
  top: 0; }

.marketing .video-overlay img {
  max-width: calc(100vw - 13.0px);
  max-height: calc(100vh - 130px); }

.marketing .video-overlay .close {
  position: absolute;
  top: -35px;
  right: 0;
  cursor: pointer; }

.marketing .video-overlay .close:hover svg * {
  fill: #FFFFFF; }

.marketing .txt-small {
  font-size: 15px;
  line-height: 1.3em; }

.marketing .testimonial {
  max-width: 650px;
  margin: 0 auto; }

.marketing .testimonial .txt-small {
  font-size: 15px; }

.marketing .testimonial .round-circle {
  width: 90px;
  height: 90px;
  margin: 0 auto; }

.marketing .integrations .table-cell {
  padding: 0 25px;
  text-align: center;
  line-height: 0; }

.marketing .integrations svg {
  max-width: 180px;
  height: 40px;
  display: inline-block; }

.marketing .integrations .logo-xero svg {
  height: 26px; }

.marketing .footer {
  padding: 10px 0;
  margin: 0;
  font-size: 15px;
  line-height: 2.1em;
  white-space: nowrap; }

.marketing .footer .icon svg * {
  fill: #FFFFFF !important; }

.marketing .footer.table .table-cell {
  vertical-align: top; }

.marketing .footer.table .table-cell:last-child {
  width: 108px; }

.marketing .footer .display-inline-block {
  vertical-align: top; }

.marketing .footer .link-16:not(:hover),
.marketing .footer .link-18:not(:hover),
.marketing .footer .color-16 {
  color: #FFFFFF;
  opacity: 0.8; }

.marketing .footer .link-16:not(:hover),
.marketing .footer .color-16 {
  opacity: 0.6; }

.marketing .footer .link-18:not(:hover):nth-child(1) {
  opacity: 1; }

.marketing .footer .link-16:hover,
.marketing .footer .link-18:hover {
  opacity: 1; }

.marketing .pricing {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center; }

.marketing .pricing h1 {
  margin: 0 !important;
  font-family: "Avenir", sans-serif;
  font-size: 50px;
  font-weight: 400; }

.marketing .pricing h5 {
  max-width: 300px;
  margin: 0 auto;
  padding: 0 10px; }

.marketing .pricing .pricing-plan {
  padding: 35px 0;
  vertical-align: top; }

.marketing .pricing .pricing-plan .button {
  width: 80%;
  max-width: 312px;
  margin: 0 auto; }

.marketing .pricing.table .table-cell.spacer {
  width: 50px; }

.marketing .list-item {
  max-width: 800px;
  margin: 0 auto;
  text-align: left; }

.marketing .list-item .inside {
  padding: 14px 0; }

.marketing .list-item.small {
  max-width: 500px; }

.marketing .list-item.small .inside {
  padding: 10px 0; }

.marketing .list-item:last-child {
  border-bottom: none; }

.marketing .list-item h4,
.marketing .list-item h5:last-child {
  padding: 0; }

.marketing .list-item.click h4 {
  padding-right: 40px; }

.marketing .list-item:not(.open) h5 {
  display: none; }

.marketing .list-item:not(.open):not(.cursor-default) {
  cursor: pointer; }

.marketing .list-item .icon {
  transform: translateX(20px);
  transition: transform ease-in-out 0.3s; }

.marketing .list-item:hover .icon {
  transform: translateX(0);
  transition: transform ease-in-out 0.3s; }

.marketing .register {
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: -200%;
  right: 0;
  z-index: 1000; }

.marketing.on-desktop .register {
  position: fixed; }

.marketing .register .close,
.marketing .register .register-form,
.marketing .register .register-success {
  width: 100vw;
  max-width: 500px;
  padding: 0 30px; }

.marketing .register .register-form,
.marketing .register .register-success {
  padding-bottom: 30px; }

.marketing .register .register-form h1 {
  max-width: 450px; }

.marketing .register .register-form .button-wrap {
  max-width: 60%; }

.marketing .register .register-form .input-text {
  height: 53px;
  font-size: 17px; }

.marketing .register .register-form .input-text:focus {
  border-color: #5C50FF;
  font-size: 17px;
  -webkit-box-shadow: 0 0 0 1px #5C50FF;
  -moz-box-shadow: 0 0 0 1px #5C50FF;
  box-shadow: 0 0 0 1px #5C50FF; }

.marketing .register .register-form .input-text.input-error {
  border-color: #FF4D44;
  -webkit-box-shadow: 0 0 0 1px #FF4D44;
  -moz-box-shadow: 0 0 0 1px #FF4D44;
  box-shadow: 0 0 0 1px #FF4D44;
  position: relative;
  z-index: 2; }

.marketing .register .register-form .input-error-txt {
  padding: 11px 10px 7px;
  width: calc(100% + 2px);
  margin: -4px 0 0 -1px;
  position: relative;
  z-index: 1;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 500; }

.marketing .register .register-form .input-text:not(.input-error) + .input-error-txt {
  display: none; }

.marketing .register .register-form {
  opacity: 0;
  transform: scale(0);
  transition: opacity ease-in-out 0.4s, transform ease-in-out 0.4s; }

.marketing .register .register-success {
  text-align: center; }

.marketing .register .register-success img {
  width: 85%;
  padding: 0 0 10px;
  display: inline-block; }

.marketing .register.show {
  top: 0; }

.marketing .register.show .register-form {
  opacity: 1;
  transform: scale(1); }

.marketing .register .close {
  position: absolute;
  top: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%); }

.marketing .register .close .close-btn {
  display: block;
  padding: 10px;
  right: -10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.03);
  cursor: pointer;
  transition: background linear 0.1s; }

.marketing .register .close .close-btn:hover {
  background: rgba(255, 255, 255, 0.05); }

.marketing .register .close .close-btn svg * {
  fill: rgba(255, 255, 255, 0.5); }

.logo-fits {
  position: relative; }

.logo-fits svg {
  height: 34px; }

.logo-other svg {
  height: 32px;
  margin: 0 auto; }

.logo-other .logo-xero svg {
  height: 24px; }

.logo-other.big svg {
  height: 38px; }

.logo-other.big .logo-xero svg {
  height: 30px; }

.logo-other .table-row:first-child .table-cell {
  padding-bottom: 20px; }

body.overlay-hide {
  overflow: hidden !important; }

body.overlay-hide #intercom-container {
  display: none !important; }

.invoice .middle {
  width: 100%;
  max-width: 816px;
  margin: 0 auto;
  padding: 25px 0; }

.invoice .middle .pdf-page {
  position: relative;
  min-width: 0;
  margin: 25px 0;
  -webkit-box-shadow: 0 0 10px 0 rgba(131, 175, 249, 0.25);
  -moz-box-shadow: 0 0 10px 0 rgba(131, 175, 249, 0.25);
  box-shadow: 0 0 10px 0 rgba(131, 175, 249, 0.25); }

.invoice .middle .pdf-page .paid {
  position: absolute;
  top: 90px;
  left: 50%;
  padding: 12px 28px;
  background: rgba(255, 255, 255, 0.7);
  -webkit-transform: translateX(-50%) rotate(-35deg);
  -ms-transform: translateX(-50%) rotate(-35deg);
  transform: translateX(-50%) rotate(-35deg);
  -webkit-box-shadow: 0 0 10px 0 rgba(131, 175, 249, 0.25);
  -moz-box-shadow: 0 0 10px 0 rgba(131, 175, 249, 0.25);
  box-shadow: 0 0 10px 0 rgba(131, 175, 249, 0.25);
  border: solid 4px #56C695;
  font-size: 54px;
  font-weight: 500; }

.invoice .middle .pdf-page #pdf-footer .table .table-row:nth-child(1),
.invoice .middle .pdf-page #pdf-footer .table .table-row:nth-child(2) {
  display: none; }

.invoice .middle .sent-with svg {
  height: 22px; }

.invoice .modal .button.large {
  font-weight: 500; }

.invoice .modal .btm {
  padding: 16px 10px 15px;
  word-break: break-all; }

.container.store .access .access-form,
.container.store + div .access .access-form {
  padding: 45px 45px 35px;
  margin: 0; }

.container.store .access .access-form .logo,
.container.store + div .access .access-form .logo {
  max-width: 210px;
  max-height: 50px;
  margin: 0 auto 30px; }

.container.store .notifications-banner {
  cursor: default; }

.container.store .notifications-banner:hover u {
  text-decoration: underline; }

.container.store .nav-overlay.bg-overlay,
.container.store .modal-overlay.bg-overlay {
  background: rgba(45, 55, 65, 0.5); }

.container.store .product .bg-overlay {
  background: rgba(45, 55, 65, 0.2); }

.container.store .nav .label {
  padding: 10px 17px 5px;
  font-weight: 500;
  font-size: 14px; }

.container.store .nav .btn-list {
  padding: 0; }

.container.store .nav .btn-list div {
  padding: 10px 17px;
  overflow-wrap: break-word;
  line-height: 1.2em; }

.container.store .nav .btn-list.active div {
  background: #F5F7FA;
  font-weight: 500; }

.container.store .nav .btn-list:not(.active) {
  color: #687D94; }

.container.store .nav .btn-list:not(.active):hover {
  color: #405060;
  cursor: pointer; }

.container.store .header {
  height: 61px;
  padding: 0; }

.container.store .header-height {
  height: 60px; }

.container.store .header .logo {
  max-width: 210px;
  max-height: 40px; }

.container.store .header .header-search {
  width: 50%;
  margin: 0 auto; }

.container.store .header .header-search input {
  width: 100%;
  height: 44px;
  padding: 0 45px; }

.container.store .header .header-search .icon.icon-left {
  left: 15px; }

.container.store .header .header-search .pos-center-right {
  right: 15px; }

.container.store .header .menu.menu-bottom-right {
  margin-right: 0; }

.container.store .header .menu.menu-bottom-right .box {
  margin-top: 1px; }

.container.store .categories {
  width: 100%;
  height: 45px;
  text-align: center;
  font-size: 14px;
  white-space: nowrap; }

.container.store .categories span {
  display: inline-block;
  padding: 0 10px;
  margin: 0 5px;
  line-height: 44px;
  color: #687D94; }

.container.store .categories span.active {
  color: #405060;
  font-weight: 500;
  -webkit-box-shadow: inset 0 -2px 0 0 #405060;
  -moz-box-shadow: inset 0 -2px 0 0 #405060;
  box-shadow: inset 0 -2px 0 0 #405060; }

.container.store .categories span:not(.active):hover {
  color: #000;
  cursor: pointer; }

.container.store .section {
  padding: 40px 40px 0;
  margin: 0 0 20px; }

.container.store .section h5,
.container.store .modal-overlay .cart h5 {
  padding: 0 0 30px;
  text-align: center;
  font-weight: 500; }

.container.store .grid-more {
  padding-bottom: 40px;
  text-align: center;
  font-weight: 500;
  font-size: 14px; }

.container.store .grid-wrap {
  padding: 0;
  font-size: 0;
  text-align: center; }

.container.store .grid-wrap .grid {
  margin: 0;
  padding: 0;
  z-index: 0; }

.container.store .grid-wrap .grid .product {
  background: transparent; }

.container.store .grid-wrap .grid .product .details {
  padding: 12px 12px 40px;
  font-size: 15px;
  line-height: 1.3em;
  text-align: center;
  overflow-wrap: break-word; }

.container.store .grid-wrap .grid .product .bg-overlay {
  transition: opacity linear 0.1s; }

.container.store .grid-wrap .grid .product .bg-overlay .pos-center div {
  padding: 8px 10px 7px;
  font-size: 14px;
  font-weight: 500;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  transition: transform linear 0.1s;
  -webkit-box-shadow: 0 1px 5px 0 rgba(45, 55, 65, 0.25);
  -moz-box-shadow: 0 1px 5px 0 rgba(45, 55, 65, 0.2);
  box-shadow: 0 1px 5px 0 rgba(45, 55, 65, 0.25); }

.container.store .grid-wrap .grid .product:hover .bg-overlay .pos-center div {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0); }

.container.store .modal-overlay {
  z-index: 1; }

.container.store .modal-overlay .modal-inside {
  padding: 40px; }

.container.store .modal-overlay .modal-inside > div {
  max-width: 900px;
  margin: 0 auto;
  padding: 35px; }

.container.store .modal-overlay .modal-inside .info-small {
  padding: 0 0 15px; }

.container.store .modal-overlay .modal-inside .info-small:last-child {
  padding: 0; }

.container.store .modal-overlay .modal-inside .info {
  padding: 35px 0 0 35px;
  line-height: 1.35em; }

.container.store .modal-overlay .modal-inside .info h4 {
  padding: 15px 0 0;
  font-weight: 500;
  white-space: initial; }

.container.store .modal-overlay .modal-inside .info .add-to-cart {
  width: auto;
  min-width: 45%;
  display: inline-block;
  margin: 25px 0;
  position: relative; }

.container.store .modal-overlay .modal-inside .info .add-to-cart .options {
  position: absolute;
  top: 50%;
  left: 100%;
  margin: 0 0 0 20px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  line-height: 1.5em;
  white-space: nowrap; }

.modal .access .button.button-19:not(.inactive),
.container.store .modal-overlay .modal-inside .button {
  -webkit-box-shadow: 0 5px 20px 0 rgba(45, 55, 65, 0.1);
  -moz-box-shadow: 0 5px 20px 0 rgba(45, 55, 65, 0.1);
  box-shadow: 0 5px 20px 0 rgba(45, 55, 65, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #000; }

.modal .access .submitClick .button.button-19:not(.inactive),
.container.store .modal-overlay .modal-inside .submitClick .button.large.button-30 {
  background: #000 !important;
  color: #000; }

.container.store .modal-overlay .modal-inside .section {
  padding: 0;
  margin: 35px 0 0;
  border-bottom: none;
  border-top: solid 1px #F5F7FA; }

.container.store .modal-overlay .modal-inside .section h5 {
  padding: 25px 0 0; }

.container.store .modal-overlay .modal-inside .section .grid-wrap {
  padding: 25px 0 0; }

.container.store .modal-overlay .modal-inside .section .details {
  padding: 12px; }

.container.store .modal-overlay .modal-inside .section .grid {
  width: 20% !important; }

.container.store .modal-overlay .modal-inside .modal-image .full.pos-absolute.bg-cover + .full.pos-absolute.bg-cover {
  opacity: 0; }

.container.store .modal-overlay .modal-inside .modal-image:hover .full.pos-absolute.bg-cover + .full.pos-absolute.bg-cover {
  opacity: 1; }

.container.store .modal-overlay .modal-close {
  position: absolute;
  top: 25px;
  right: 25px;
  cursor: pointer; }

.container.store .modal-overlay .modal-left,
.container.store .modal-overlay .modal-right {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer; }

.container.store .modal-overlay .modal-left {
  left: -80px; }

.container.store .modal-overlay .modal-right {
  right: -80px; }

.container.store .modal-overlay .modal-right div {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg); }

.container.store .modal-overlay .modal-close:before,
.container.store .modal-overlay .modal-left:before,
.container.store .modal-overlay .modal-right:before {
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  content: "";
  display: block;
  z-index: 0;
  opacity: 0.5;
  background: rgba(45, 55, 65, 0.4);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.container.store .modal-overlay .modal-close:hover:before,
.container.store .modal-overlay .modal-left:hover:before,
.container.store .modal-overlay .modal-right:hover:before {
  opacity: 1; }

.container.store .modal-overlay .modal-close svg *,
.container.store .modal-overlay .modal-left svg *,
.container.store .modal-overlay .modal-right svg * {
  fill: #EAEFF5; }

.container.store .modal-overlay .cart {
  fill: #EAEFF5; }

.container.store .modal-overlay .cart .table.table-items > .table-row.table-row-head > .table-cell {
  padding: 0 8px 6px;
  white-space: nowrap;
  line-height: 1em !important; }

.container.store .modal-overlay .cart .table.table-items > .table-row > .table-cell {
  width: 1px;
  padding: 0 8px;
  border-bottom: solid 1px #F5F7FA; }

.container.store .modal-overlay .cart .table.table-items > .table-row > .table-cell:first-child {
  padding-left: 0; }

.container.store .modal-overlay .cart .table.table-items > .table-row > .table-cell:last-child {
  padding-right: 0; }

.container.store .modal-overlay .cart .table.table-items > .table-row > .table-cell:nth-child(1) {
  width: 30%;
  line-height: 1.2em; }

.container.store .modal-overlay .cart .table.table-items > .table-row > .table-cell:nth-child(2) {
  width: auto;
  padding-right: 0; }

.container.store .modal-overlay .cart .table.table-items > .table-row > .table-cell:nth-child(2) input {
  width: 100%;
  height: 38px; }

.container.store .modal-overlay .cart .table.table-items > .table-row > .table-cell:nth-child(2) .table .table-cell {
  padding: 0 10px 0 0; }

.container.store .modal-overlay .cart .table.table-review {
  padding: 25px 0 0; }

.container.store .modal-overlay .cart .table.table-review .table {
  padding: 0 0 15px; }

.container.store .modal-overlay .cart .table.table-review .table .table-cell {
  padding: 0 0 10px;
  text-align: right; }

.container.store .modal-overlay .cart .table.table-review .table .table-cell:first-child {
  color: #687D94; }

.container.store .modal-overlay .cart .table.table-review .table .table-row:last-child .table-cell {
  color: #000;
  font-weight: 500; }

.container.store .modal-overlay .cart .table.table-review .table .table-row:last-child .table-cell:last-child {
  font-size: 18px; }

.stats,
.stats .area {
  padding: 1em; }

.stats .area:not(.area-bar) {
  padding-right: 0; }

.stats .spacer {
  width: 0.6em;
  height: 0.6em; }

.stats .access {
  background: transparent; }

.stats .access input.field-input {
  width: 270px;
  height: 48px;
  padding: 0 20px;
  background: rgba(0, 0, 0, 0.4);
  position: relative;
  z-index: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  color: #FFFFFF; }

.stats .access input.field-input:focus {
  box-shadow: 0 0 10px 0 rgba(131, 175, 249, 0.25); }

.stats .access .field-submit {
  width: 270px;
  height: 48px;
  margin: 10px 0 0;
  position: relative;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 500; }

.stats .area {
  width: 100%;
  height: 100%;
  position: relative;
  display: table;
  background: rgba(255, 255, 255, 0.1);
  overflow: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(49, 50, 51, 0.175), inset 0 -1px 0 0 rgba(225, 233, 241, 0.08);
  -moz-box-shadow: 0 1px 2px 0 rgba(49, 50, 51, 0.175), inset 0 -1px 0 0 rgba(225, 233, 241, 0.08);
  box-shadow: 0 1px 2px 0 rgba(49, 50, 51, 0.175), inset 0 -1px 0 0 rgba(225, 233, 241, 0.08); }

.stats .area.area-bar {
  width: calc(100vw * 0.25);
  height: 100%;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  line-height: 0.7em; }

.stats .area.area-bar span {
  font-size: 0.6em;
  color: rgba(255, 255, 255, 0.5);
  font-weight: 300; }

.stats .area h1,
.stats .area h2,
.stats .area h3 {
  padding: 0 0 0.4em 0;
  line-height: 1em;
  color: rgba(255, 255, 255, 0.6); }

.stats .area h1 {
  font-size: 3.7em;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0; }

.stats .area h2 {
  font-size: 0.8em; }

.stats .area h3 + h2 {
  font-size: 2em;
  font-weight: 500;
  color: #FFFFFF;
  padding: 0; }

.stats .area h3 + h2 span {
  font-size: 0.8em;
  font-weight: 300;
  color: rgba(255, 255, 255, 0.6); }

.stats .area h3 {
  font-size: 0.7em; }

.stats .area .bar-graph {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: rgba(0, 0, 0, 0.15); }

.stats .area .bar-graph .achieved,
.stats .area .bar-graph .remaining {
  width: 100%;
  position: absolute;
  right: 0; }

.stats .area .bar-graph .achieved {
  bottom: 0;
  background: #5FDD9E; }

.stats .area .bar-graph .remaining {
  top: 0; }

.stats .area .pos-bottom-left {
  padding: 2em;
  font-size: 0.5em;
  color: rgba(255, 255, 255, 0.5); }

.stats .area .pos-bottom-left span {
  font-size: 1.2em;
  color: rgba(255, 255, 255, 0.8); }

.marketing.on-mobile.on-phone .padding-top-bottom {
  padding: 30px 0; }

.marketing.on-mobile.on-phone .subscribe,
.marketing.on-mobile.on-phone .subscribe > .table-cell,
.marketing.on-mobile.on-phone .subscribe > .table-cell .button {
  width: 100%;
  display: block; }

.marketing.on-mobile.on-phone .subscribe > .table-cell:first-child {
  padding: 0 0 10px; }

.marketing.on-mobile.on-phone .section .copy .img {
  width: 100%;
  display: block; }

.marketing.on-mobile.on-phone .section .copy.copy-right .img,
.marketing.on-mobile.on-phone .section .copy.copy-right .object {
  padding-bottom: 30px; }

.marketing.on-mobile.on-phone .section .copy.copy-left .img,
.marketing.on-mobile.on-phone .section .copy.copy-left .object {
  padding-top: 30px; }

.marketing.on-mobile.on-phone h1 {
  font-size: 43px;
  line-height: 1.2em; }

.marketing.on-mobile.on-phone .padding-top-bottom .padding-top-bottom h1 {
  margin-top: -15px; }

.marketing.on-mobile.on-phone h2 {
  font-size: 31px;
  line-height: 1.2em; }

.marketing.on-mobile.on-phone h3 {
  font-size: 21px;
  line-height: 1.5em; }

.marketing.on-mobile.on-phone .register .register-form .button-wrap {
  max-width: 100%; }

.marketing.on-mobile.on-phone .computer .top {
  padding: 0 14px; }

.marketing.on-mobile.on-phone .computer .top .padding {
  padding: 9px 9px 0; }

.marketing.on-mobile.on-phone .computer .btm {
  height: 15px; }

.on-boarding {
  text-align: center; }

.on-boarding .middle,
.on-boarding-back {
  max-width: 1100px; }

.on-boarding .middle {
  text-align: left;
  padding: 0 390px 50px 30px; }

.on-boarding-back {
  padding: 55px 20px 0 760px;
  margin: 0 auto;
  position: relative; }

.on-boarding-back .inside {
  padding: 22px 30px 27px; }

.on-boarding-back .full {
  opacity: 0.5; }

.on-boarding-back h3 {
  padding: 0;
  line-height: 1.2em; }

.on-boarding-back .progress {
  width: 100%;
  height: 15px;
  margin: 13px 0;
  background: #D4DEEB;
  position: relative;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px; }

.on-boarding-back .progress .progress-bar {
  height: 100%;
  min-width: 30px;
  padding: 1px 5px 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  font-size: 13px;
  font-weight: 500;
  color: #FFFFFF;
  line-height: 15px;
  text-align: right; }

.on-boarding .on-boarding-section > .pos-relative {
  padding-top: 40px; }

.on-boarding .on-boarding-section .line {
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 20px;
  background: #D4DEEB; }

.on-boarding .on-boarding-section .section-status,
.on-boarding .on-boarding-step .step-status {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #D4DEEB;
  border: solid 2px #F5F7FA;
  margin: 10px 0;
  position: relative; }

.on-boarding .on-boarding-section .section-status svg *,
.on-boarding .on-boarding-step .step-status svg * {
  fill: #FFFFFF; }

.on-boarding .on-boarding-section .table-cell {
  vertical-align: top; }

.on-boarding .on-boarding-section .table-cell.spacer {
  width: 35px; }

.on-boarding .on-boarding-section h4,
.on-boarding .on-boarding-section h5 {
  padding-bottom: 0; }

.on-boarding .on-boarding-section h4 {
  padding-top: 16px; }

.on-boarding .on-boarding-step {
  margin: 10px 0 0;
  padding: 11px 23px;
  border: solid 1px #EAEFF5;
  transition: box-shadow linear 0.1s;
  position: relative; }

.on-boarding .on-boarding-step:not(.complete):not(.premium):not(.disabled) .step-arrow {
  transition: transform ease-out 0.1s; }

.on-boarding .on-boarding-step:not(.complete):not(.premium):not(.disabled):hover {
  cursor: pointer;
  -webkit-box-shadow: 0 0 4px 0 rgba(45, 55, 65, 0.1);
  -moz-box-shadow: 0 0 4px 0 rgba(45, 55, 65, 0.1);
  box-shadow: 0 0 4px 0 rgba(45, 55, 65, 0.1); }

.on-boarding .on-boarding-step:not(.complete):not(.premium):not(.disabled):hover .step-arrow {
  -webkit-transform: translateX(6px);
  -ms-transform: translateX(6px);
  transform: translateX(6px); }

.on-boarding .on-boarding-step:not(.complete):not(.premium):not(.disabled):hover .step-arrow svg * {
  fill: #5C50FF; }

.on-boarding .on-boarding-step .table-cell {
  vertical-align: middle; }

.on-boarding .on-boarding-step .table-cell.spacer {
  width: 20px; }

.on-boarding .on-boarding-step .table-cell .step-status {
  width: 42px;
  height: 42px;
  border: none;
  background: #EAEFF5; }

.on-boarding .on-boarding-step.disabled *,
.on-boarding .on-boarding-step.premium * {
  color: #687D94; }

.on-boarding .on-boarding-step.disabled:before,
.on-boarding .on-boarding-step.premium:before {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  display: block;
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  background: #F5F7FA;
  opacity: 0.5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 1; }

.on-boarding .on-boarding-step.premium:after {
  width: auto;
  height: 18px;
  padding: 5px 14px;
  z-index: 1;
  content: "Premium, easily upgrade to use";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  cursor: pointer;
  background: #FF88ED;
  font-size: 12px;
  line-height: 18px;
  text-align: center;
  font-weight: 500;
  color: #FFFFFF; }

.on-boarding .on-boarding-section.complete *,
.on-boarding .on-boarding-step.complete * {
  text-decoration: line-through;
  color: #7D8FA3; }

.on-boarding .on-boarding-step.complete .step-arrow {
  opacity: 0; }

.on-boarding .on-boarding-section:not(.complete) .section-status .pos-center,
.on-boarding .on-boarding-step:not(.complete) .step-status .pos-center {
  opacity: 0; }

.on-boarding .on-boarding-section.complete .section-status .pos-center,
.on-boarding .on-boarding-step.complete .step-status .pos-center {
  opacity: 1; }

.on-boarding .on-boarding-section.next .section-status,
.on-boarding .on-boarding-section.next .on-boarding-step:not(.complete) .step-status,
.on-boarding .on-boarding-step:not(.complete).next .step-status {
  background: #5C50FF; }

.on-boarding .on-boarding-section.next .section-status:after,
.on-boarding .on-boarding-section.next .on-boarding-step:not(.complete) .step-status:after,
.on-boarding .on-boarding-step.next .step-status:after {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #5C50FF;
  border: solid 2px #FFFFFF;
  content: "";
  display: block; }

.on-boarding .on-boarding-section.complete .section-status,
.on-boarding .on-boarding-step.complete .step-status {
  background: #5FDD9E; }

.mce-container,
.mce-container *,
.mce-widget,
.mce-widget *,
.mce-reset {
  font-family: "Avenir", sans-serif;
  font-weight: 400;
  text-shadow: 0 0 0 transparent; }

div.mce-edit-area {
  width: 99% !important; }

.mce-panel {
  box-shadow: none !important;
  border: solid 1px #EAEFF5 !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  overflow: hidden; }

.mce-panel .mce-panel {
  box-shadow: none !important;
  border: none !important;
  border-radius: 0 !important; }

.mce-top-part::before,
.mce-toolbar .mce-btn-group {
  box-shadow: none !important;
  border-bottom: solid 1px #EAEFF5 !important; }

.mce-btn.mce-active,
.mce-btn.mce-active:hover,
.mce-btn.mce-active:focus,
.mce-btn.mce-active:active {
  background: #5C50FF !important; }

.mce-btn.mce-active button,
.mce-btn.mce-active:hover button,
.mce-btn.mce-active i,
.mce-btn.mce-active:hover i {
  color: #FFFFFF !important; }

.mce-panel.mce-stack-layout-item.mce-last {
  display: none !important; }

.mce-ico {
  color: #BDC9D7 !important; }

i.mce-i-backcolor {
  background: #EAEFF5 !important; }

.mce-btn:hover,
.mce-btn:active,
.mce-btn-group:not(:first-child) {
  border-color: #EAEFF5 !important; }

@media screen and (max-width: 1300px) {
  .stats,
  .stats .area {
    padding: 0.7em; }

  .stats .area .pos-bottom-left {
    padding: 1.3em; }

  .stats .spacer {
    width: 0.7em;
    height: 0.7em; } }
@media screen and (min-width: 0px) {
  .container.store .grid-wrap .grid {
    width: 100%; } }
@media screen and (min-width: 400px) {
  .container.store .grid-wrap .grid {
    width: 50%; } }
@media screen and (max-width: 460px) {
  .container.store .header .logo {
    max-width: 170px; }

  .container.store .header .logo,
  .container.store .header .header-search {
    display: none; }

  .container.store .section {
    padding: 30px 30px 0; }

  .container.store .section h5 {
    padding-bottom: 25px; }

  .container.store .grid-wrap .grid .product .details {
    padding-bottom: 20px; }

  .container.store .modal-overlay .modal-inside {
    padding: 30px; }

  .container.store .modal-overlay .modal-inside div div > .table,
  .container.store .modal-overlay .modal-inside div div > .table .table-cell {
    height: auto;
    display: block; }

  .container.store .modal-overlay .modal-inside .info {
    padding: 20px 0 0; }

  .container.store .modal-overlay .modal-inside > div {
    padding: 25px; }

  .container.store .modal-overlay .modal-inside .section .grid {
    width: 50% !important; }

  .container.store .modal-overlay .modal-inside .section .detail {
    padding: 12px 12px 24px; }

  .container.store .modal-overlay .modal-inside .info .button {
    margin: 20px 0; }

  .container.store .modal-overlay .modal-close:before,
  .container.store .modal-overlay .modal-left:before,
  .container.store .modal-overlay .modal-right:before {
    background: #2d3741; }

  .container.store .modal-overlay .modal-close {
    top: 15px;
    right: 15px; }

  .container.store .modal-overlay .modal-left {
    left: -40px; }

  .container.store .modal-overlay .modal-right {
    right: -40px; }

  .container.store .nav + .nav-overlay.bg-overlay {
    visibility: hidden; }

  .container.store .nav.show + .nav-overlay.bg-overlay {
    visibility: visible;
    opacity: 1; }

  .access .access-padding {
    padding: 20px; }

  .access .access-form {
    width: 100vw;
    max-width: 100vw;
    padding: 30px 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-left: none;
    border-right: none; } }
@media screen and (min-width: 700px) {
  .container.store .grid-wrap .grid {
    width: 33.3336%; } }
@media screen and (min-width: 950px) {
  .container.store .grid-wrap .grid {
    width: 25%; } }
@media screen and (min-width: 1200px) {
  .container.store .grid-wrap .grid {
    width: 20%; } }
@media screen and (min-width: 1500px) {
  .container.store .grid-wrap .grid {
    width: 16.6667%; }

  .grid {
    width: calc(100% / 5); }

  .filter-open .grid {
    width: calc(100% / 4); } }
@media screen and (min-width: 1900px) {
  .container.store .grid-wrap .grid {
    width: 16.6667%; }

  .grid {
    width: calc(100% / 6); }

  .filter-open .grid {
    width: calc(100% / 5); } }
@media screen and (min-width: 2200px) {
  .container.store .grid-wrap .grid {
    width: 14.28%; }

  .grid {
    width: calc(100% / 7); }

  .filter-open .grid {
    width: calc(100% / 6); } }
@media screen and (min-width: 2500px) {
  .container.store .grid-wrap .grid {
    width: 12.5%; }

  .grid {
    width: calc(100% / 8); }

  .filter-open .grid {
    width: calc(100% / 7); } }
@media screen and (min-width: 2800px) {
  .container.store .grid-wrap .grid {
    width: 11.111%; }

  .grid {
    width: calc(100% / 9); }

  .filter-open .grid {
    width: calc(100% / 8); } }
pre.prettyprint {
  border: none !important;
  margin: 20px; }

pre.prettyprint span {
  line-height: 22px; }

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