@import "../fonts/neue-helvetica/style.css";
body {
  font-size: initial;
}
body #plugin-widget-container {
  display: none;
}
@keyframes loadingPulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blob {
  0% {
    transform: scaleX(1) scaleY(1);
  }
  50% {
    transform: scaleX(1.4) scaleY(1.4);
  }
  100% {
    transform: scaleX(1) scaleY(1);
  }
}
@keyframes growDown {
  0% {
    transform: scaleY(0);
  }
  80% {
    transform: scaleY(1.05);
  }
  100% {
    transform: scaleY(1);
  }
}
@keyframes modalIn {
  0% {
    transform: scale(0.7, 0.7);
    opacity: 0;
  }
  100% {
    transform: scale(1, 1);
    opacity: 1;
  }
}
.dropdown-arrow:after {
  content: "▼";
  position: absolute;
  font-size: 0.5rem;
  z-index: 1;
  text-align: center;
  width: 10%;
  height: 100%;
  pointer-events: none;
  top: 46%;
  transform: translateY(-20%);
  right: 8px;
}
.spinner-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 45px;
}
.spinner-container span {
  font-size: 18px;
  margin-left: 20px;
}
.commonLoadingSpinner {
  opacity: 0.5;
  position: relative;
}
.commonLoadingSpinner * {
  pointer-events: none;
}
.commonLoadingSpinner:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1ce";
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  font-size: 60px;
  position: absolute;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  z-index: 2;
  color: #222;
}
.not-selectable {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                   supported by Chrome and Opera */
}
.svg-icon {
  display: inline-block;
}
.flat-button {
  height: 25px;
  padding: 0 0.5rem;
  border: 0;
  outline: 0;
}
.flat-button:not(.classic-button):hover,
.flat-button:not(.classic-button)[disabled]:hover {
  border: 0;
  outline: 0;
  background-color: transparent;
  background-image: none;
}
.flat-button[disabled] {
  color: var(--primary-color);
}
.form-select {
  padding: var(--input-padding);
  min-width: 82px;
  background: var(--input-background);
  border-radius: 6px;
}
input.toggle {
  display: none;
}
input.toggle + label {
  user-select: none;
}
input.toggle + label:hover:after {
  color: var(--href-hover-color);
}
input.toggle + label:after {
  vertical-align: middle;
  margin: 0 5px;
  font-size: 18px;
  content: "\f204";
  color: var(--href-color);
}
input.toggle:checked + label:after {
  content: "\f205";
}
.text-center {
  text-align: center !important;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-success {
  color: var(--message-success-color) !important;
}
.text-info {
  color: var(--message-info-color) !important;
}
.text-warning {
  color: var(--message-warning-color) !important;
}
.text-danger {
  color: var(--message-error-color) !important;
}
.bg-danger {
  background-color: var(--message-error-color) !important;
}
* {
  box-sizing: border-box;
  outline: none;
}
body {
  margin: 0;
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  text-align: left;
  padding-left: 0;
  font-family: 'Neue Helvetica', sans-serif;
  font-size: 0.85rem;
  background: var(--background-color);
  min-width: 100%;
  display: inline-block;
  padding-top: 66px;
}
body ul.dashed {
  list-style-type: none;
}
body ul.dashed > li {
  text-indent: -5px;
}
body ul.dashed > li:before {
  content: "-";
  text-indent: -5px;
}
body span.red {
  color: red;
}
body .firstLoginTable tr {
  display: flex;
  flex-direction: column;
  width: 100% !important;
}
body > div > .ref {
  margin-left: 240px;
}
body > .background {
  position: fixed;
  background-repeat: no-repeat;
  background-attachment: fixed;
  top: 0;
  bottom: 0;
  left: 210px;
  right: 0;
  z-index: -100;
}
body.collapsed > .background {
  left: 60px;
}
body.mobile > .background {
  left: 0;
}
body.no-menu {
  overflow: auto !important;
}
body #history-popup-container {
  position: absolute;
  right: 20px;
  top: 20px;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: 'Neue Helvetica', sans-serif;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 15px;
  letter-spacing: 0.5px;
  margin-top: 0;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  color: var(--text-color);
}
body h1 {
  font-weight: 500;
  font-size: 30px;
  line-height: 36px;
  font-weight: 300;
}
body h2 {
  padding: var(--h2-header-page-padding);
  font-weight: 300;
  font-size: var(--h2-header-page-font-size);
  line-height: var(--h2-header-page-line-height);
  margin: var(--h2-header-page-margin);
  background: var(--background-color);
  color: var(--h-color);
  z-index: 1;
}
body h2.page-header {
  z-index: 3;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: calc(var(--vw, 1vw) * 100 - 290px) !important;
  justify-content: unset;
  left: 250px;
  color: var(--h-color);
  position: sticky;
}
body h2.page-header .page-header-split {
  margin: 0 10px;
}
body h2 > span.smaller,
body h2 > span.additional {
  font-size: 0.6em;
  padding-left: 5px;
  color: var(--gray-text-color);
}
body h3 {
  font-weight: 400;
  font-size: var(--h3-font-size);
  line-height: var(--h3-font-size);
  color: var(--h-color);
}
body h3.main-section-name span.smaller {
  font-size: 0.8em;
  text-transform: none;
}
body h3.main-section-name span.header-brackets.brackets-on::before {
  font-size: 0.6em;
  content: ' (';
}
body h3.main-section-name span.header-brackets.brackets-on::after {
  font-size: 0.6em;
  content: ')';
}
body h3.main-section-name span.even-smaller {
  font-size: 0.6em;
  text-transform: none;
}
body h3.main-section-name span.even-more-smaller {
  font-size: 0.6em;
  text-transform: none;
}
body h3.main-section-name span.even-more-smaller:not(:empty)::before {
  content: ' / ';
}
body h3.main-section-name span.even-totally-smaller {
  font-size: 0.6em;
  text-transform: none;
}
body h4 {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  color: var(--h-color);
}
body h5 {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  color: var(--h-color);
}
body h6 {
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
  color: var(--h-color);
}
body hr {
  border: 0;
  border-bottom: 1px dashed var(--border-color);
}
body span.hidingTitle {
  display: none;
}
body .noBG {
  background: none;
  padding: 0;
  border: 0;
}
body .noBG:hover {
  background: none;
  border: 0;
}
body .noBG:hover > i {
  color: var(--button-background);
}
body .noBG > i {
  color: var(--button-background);
}
body .noBG .icon-chrome {
  font-size: 1.7rem !important;
  margin-right: 1px;
}
body .noBG .icon-chrome .notification-icon {
  position: absolute;
  border-radius: 50%;
  background-color: red;
  color: white;
  top: 17px;
  left: -1px;
  font-size: 13px;
  width: 16px;
  height: 16px;
  padding: 1.5px 5.5px 3px;
  text-align: center;
  font-family: 'Neue Helvetica', sans-serif;
}
body .noBG.v2 {
  margin-right: 3px;
  margin-top: 3px;
}
body a.href-button:hover {
  text-decoration: none;
}
body input,
body select,
body textarea,
body .content-editable-area {
  border: 1px solid var(--input-border);
  padding: var(--form-input-padding);
  background: var(--input-background);
  height: var(--input-height);
  color: var(--input-color);
  border-radius: 6px;
  outline: none;
  font-family: 'Neue Helvetica', sans-serif;
}
body input[type='checkbox'],
body select[type='checkbox'],
body textarea[type='checkbox'],
body .content-editable-area[type='checkbox'] {
  min-width: 24px;
  width: 24px;
  height: var(--input-radio-height);
}
body input[type='radio'],
body select[type='radio'],
body textarea[type='radio'],
body .content-editable-area[type='radio'] {
  min-width: 24px;
  width: 24px;
  height: var(--input-radio-height);
}
body .content-editable-area {
  height: auto;
}
body select:not(:empty) {
  padding-right: 27px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 10px;
}
body select:not(:empty) > option {
  padding: 3px 7px;
}
body select:not(:empty) > option:first-child {
  border-radius: 5px;
}
body input[type='text'] {
  min-width: 50px;
}
body form input,
body form select,
body form textarea,
body form .content-editable-area,
body form .sku-selector-search .search-query {
  padding: var(--input-padding);
  height: var(--input-height);
  min-width: 82px;
  background: var(--input-background);
  color: var(--input-color);
  border-radius: 6px;
  padding: var(--form-input-padding);
}
body form input:disabled,
body form select:disabled,
body form textarea:disabled,
body form .content-editable-area:disabled,
body form .sku-selector-search .search-query:disabled,
body form input[readonly],
body form select[readonly],
body form textarea[readonly],
body form .content-editable-area[readonly],
body form .sku-selector-search .search-query[readonly] {
  background: var(--input-disabled-background);
  color: var(--input-disabled-color);
}
body form input.hasDatepicker,
body form select.hasDatepicker,
body form textarea.hasDatepicker,
body form .content-editable-area.hasDatepicker,
body form .sku-selector-search .search-query.hasDatepicker {
  background: var(--input-background) !important;
  color: var(--table-header-color);
}
body .chzn-container,
body .chzn-results .active-result,
body .paginator input {
  padding: var(--input-padding);
  height: var(--input-height);
  min-width: 82px;
  background: var(--input-background);
  color: var(--input-color);
  border-radius: 6px;
}
body .chzn-container:disabled,
body .chzn-results .active-result:disabled,
body .paginator input:disabled,
body .chzn-container[readonly],
body .chzn-results .active-result[readonly],
body .paginator input[readonly] {
  background: var(--input-disabled-background);
  color: var(--input-disabled-color);
}
body .chzn-container.hasDatepicker,
body .chzn-results .active-result.hasDatepicker,
body .paginator input.hasDatepicker {
  background: var(--input-background) !important;
  color: var(--table-header-color);
}
body .chzn-results .active-result {
  height: auto;
}
body select option {
  color: var(--table-header-color);
}
body a {
  color: var(--href-color);
  text-decoration: none;
}
body a:hover {
  color: var(--href-hover-color);
}
body .pageFooter {
  display: none;
}
body > .component-holder > .button-add,
body > .button-add {
  display: none !important;
}
body > .component-holder {
  margin-left: var(--menu-main-width);
  padding-top: var(--component-holder-padding-top);
  padding-left: var(--component-holder-padding-left);
  padding-right: var(--component-holder-padding-right);
  padding-bottom: var(--component-holder-padding-bottom);
}
body > .component-holder > h3,
body > .component-holder > h1 {
  align-self: flex-start;
}
body > .component-holder .space {
  display: none;
}
body .engine-grid-loader {
  background: rgba(174, 177, 191, 0.2);
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 1;
  z-index: 100;
  font-size: 80px;
  text-align: center;
  filter: blur(0px) !important;
}
body .engine-grid-loader i {
  color: var(--tertiary-color);
  position: absolute;
  top: 30%;
}
body .engine-grid-loader.inside {
  min-height: 140px;
  position: static;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
}
body .component-holder .message {
  max-width: 100%;
}
body .message {
  display: block;
  width: 100%;
  max-width: 900px;
  margin: auto;
  background: var(--box-background-gradient);
  box-shadow: 0 0 40px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
  padding: 20px;
  text-align: left;
  margin-top: 10px;
}
body .message ol li {
  text-align: left;
}
body .message img {
  margin-top: 5px;
}
body div.gridCellInputsRow div {
  display: inline-block;
}
body .drillInContainer {
  padding: 40px;
  text-align: center;
  margin: 20px 0;
}
body .drillInContainer ol li {
  text-align: left;
}
body .drillInContainer button {
  margin-top: 15px;
}
body .drillInContainer .formName {
  text-align: center;
  margin-bottom: 30px;
}
body .drillInContainer p {
  text-align: justify;
}
body .drillInContainer form > table {
  padding: 17px;
  margin: 45px auto;
}
body .drillInContainer form > table tr {
  color: var(--text-color);
  text-align: right;
}
body .holderToCenter {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body .redNumber,
body .negativeRedNumber {
  color: var(--finance-red);
}
body .gridZeroColor {
  color: var(--gray-text-color);
}
body .font-color-danger {
  color: var(--message-error-color);
}
body .font-color-success {
  color: #88e792;
}
body .default-stack i:nth-child(2) {
  margin-left: 8px;
  margin-top: -3px;
}
body img.payoneerAdImg {
  margin-left: 5px;
  margin-bottom: 8px;
  width: 100px;
  height: auto;
  vertical-align: middle;
  opacity: 0.8;
}
body:not(.index):not(.keywords):not(.graphs):not(.finder):not(.inventory) {
  padding-bottom: 20px;
}
body .columns-layout {
  display: flex;
  flex-wrap: wrap;
  margin: 0 40px 0 0;
}
body .columns-layout.col-2 > * {
  flex: 0 1 50%;
}
body .columns-layout.col-3 > * {
  flex: 0 1 33%;
}
body .columns-layout.col-4 > * {
  flex: 0 1 25%;
}
@media (min-width: 750px) {
  body .columns-layout > * {
    padding: 0 0.3rem;
  }
}
@media (min-width: 950px) {
  body .columns-layout > * {
    padding: 0 1rem;
  }
}
body .columns-layout > *:first-child {
  padding-left: 0;
}
body .columns-layout > *:last-child {
  padding-right: 0;
}
body .columns-layout > .full-width-column {
  flex: 0 1 100%;
}
body .iFrameWrapWide {
  position: fixed;
  left: 210px;
  top: var(--top-iFrameWrapWide);
  right: 0;
  bottom: 0;
  transition: opacity 300ms ease-in;
  opacity: 1;
}
body.collapsed body .iFrameWrapWide {
  left: 60px;
}
body .iFrameWrapWide iframe {
  border: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: width var(--basic-content-transition-delay) ease, top var(--basic-content-transition-delay) ease;
}
body .iFrameWrapWide.loading {
  opacity: 0;
}
body.collapsed .iFrameWrapWide {
  left: 60px;
}
body .engine-grid-loader.hidden {
  display: none;
}
body #laDesk {
  position: fixed;
  right: 20px;
  z-index: 501;
  overflow: hidden;
  width: 66px;
  bottom: 20px;
  height: auto;
  cursor: pointer;
}
body #laDesk > img {
  width: 100%;
}
body .table-holder {
  width: 100%;
}
body.mobile > .component-holder {
  margin-left: 0;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 20px;
}
body.mobile .iFrameWrapWide {
  left: 10px;
  top: 130px;
}
body.theme-size-compact .component-holder h2.page-header {
  display: none;
}
.fileShow img {
  display: block;
}
.section-divider {
  border-bottom: 1px solid silver;
  width: 100%;
  margin: 80px 0;
}
.section-divider .orange-box {
  width: 32px;
  height: 3px;
  background-color: var(--secondary-color);
}
.registerForm {
  width: 900px;
  margin: 20px 0;
  text-align: left;
  border-radius: 0;
  padding: 20px 20px 20px 0;
}
.registerForm .newRegisterFlags > .continent {
  display: inline-block;
}
.registerForm .newRegisterFlags > .continent > .country-selector {
  width: 160px;
  float: left;
  text-align: center;
}
.registerForm .newRegisterFlags > .continent > .country-selector > h2 {
  font-size: 1.5rem;
}
.registerForm > .add-country-wrapp {
  box-shadow: 0 0 40px var(--default-box-shadow);
  padding: 40px;
}
.mbs-nudge-bfd {
  position: fixed !important;
  z-index: 10000 !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.mbs-nudge-bfd > div {
  background: white !important;
}
.mbs-nudge-bfd .messaging-content {
  font-size: 0.95rem;
}
.mbs-nudge-bfd .messaging-content ul {
  margin: 5px;
  padding-left: 25px;
}
.mbs-nudge-bfd::before {
  display: none !important;
}
label.switch {
  position: relative;
  display: inline-block;
  width: var(--checkbox-switch-width);
  height: var(--checkbox-switch-height);
}
label.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
label .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--gray-text-color);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}
label .slider:before {
  position: absolute;
  content: "";
  height: var(--checkbox-switch-width-slider);
  width: var(--checkbox-switch-width-slider);
  left: 1px;
  bottom: 1px;
  background-color: var(--text-inv-color);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 34px;
}
label input:checked + .slider {
  background-color: #9bc1f2;
}
label input:focus + .slider {
  box-shadow: 0 0 1px var(--button-hover-background);
}
label input:checked + .slider:before {
  -webkit-transform: translateX(var(--checkbox-switch-move));
  -ms-transform: translateX(var(--checkbox-switch-move));
  transform: translateX(var(--checkbox-switch-move));
}
body .customScrollBarDesigne::-webkit-scrollbar {
  height: 10px;
  width: 7px;
  border-radius: 4px;
  background: transparent;
  transition: all 0.3s ease;
}
body .customScrollBarDesigne::-webkit-scrollbar:hover {
  background: var(-text-inv-color);
}
body .customScrollBarDesigne::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: 4px;
}
body > .component-holder,
body h3.main-section-name,
body .messaging-wrapper {
  transition: margin-left 200ms ease;
}
body #categories-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  transition: left 200ms ease-out, height 200ms cubic-bezier(0.02, 0.68, 0.58, 1);
  z-index: 1;
  left: 0;
  background: var(--primary-color);
}
body #categories-container .hover {
  background-color: #ffffff36;
  color: var(--text-inv-color);
}
body #submenus-container {
  position: absolute;
  height: fit-content;
  overflow: hidden;
  width: 0;
  top: 0;
  bottom: 0;
  transition: left 200ms ease-out;
  left: 200px;
  margin-bottom: 23px;
  background: var(--primary-color);
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body #submenus-container.hovered {
  transition: width 200ms ease-out;
  width: 200px;
  border-left: 1px solid #e7e7e7;
}
body #submenus-container a {
  padding: var(--menu-main-submenus-container-a);
}
body #submenus-container > .submenu {
  display: none;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
body #submenus-container > .submenu.selected {
  display: initial;
}
body #submenus-container > .submenu > .selected {
  box-shadow: inset 4px 0 0 0 var(--secondary-color);
  font-weight: 400;
}
body #submenus-container > .submenu .menu-notification {
  position: relative;
  margin-left: auto;
  width: 23px;
}
body:not(.collapsed) #categories-container.opened {
  left: -100%;
}
body:not(.collapsed) #submenus-container {
  left: 210px;
  width: 100%;
}
body:not(.collapsed) #submenus-container.opened {
  width: 100%;
  left: 0;
}
body #footer {
  position: relative;
  width: 100%;
  height: 16px;
  overflow: hidden;
  background: var(--primary-color);
}
body #footer > .sellerAccount {
  font-size: 0.75rem;
  color: var(--menu-selected-text-color);
  text-align: center;
}
body #footer > .sellerAccount > a {
  color: var(--menu-selected-text-color);
}
body #footer > .sellerAccount > a:hover {
  color: var(--href-hover-color);
}
body .menu-main {
  position: fixed;
  top: 0;
  left: 0;
  width: var(--menu-main-width);
  height: 100%;
  background-color: var(--primary-color);
  transition: width 200ms ease;
  z-index: 101;
}
body .menu-main .menu-item {
  position: relative;
}
body .menu-main .menu-notification {
  background: var(--button-background);
  width: 27px;
  height: 23px;
  text-align: center;
  border-radius: 50%;
  font-size: 0.7rem;
  line-height: 2;
  color: white;
  margin-right: 25px;
  padding-left: 1px;
}
body .menu-main .menu-notification:empty {
  display: none;
}
body .menu-main #submenus-container .title .menu-notification.atItem {
  display: none;
}
body .menu-main .expander-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  width: 35px;
  height: 40px;
  opacity: 0.5;
  text-align: center;
  transition: opacity 200ms ease;
  cursor: pointer;
  display: none;
}
body .menu-main .expander-wrapper:hover {
  opacity: 1;
}
body .menu-main .expander-wrapper .expander {
  transition: transform 200ms ease;
  width: 20px;
  height: 20px;
  margin-top: 10px;
  margin-left: 10px;
  color: var(--background-color);
}
body .menu-main .menu-main-wrapper {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}
body .menu-main .menu-main-wrapper .main-logo-link {
  display: block;
  text-align: center;
  transition: margin 200ms ease;
  margin-top: 0;
  padding-bottom: 0;
  height: var(--top-section-width);
}
body .menu-main .menu-main-wrapper .main-logo-link img {
  height: 35px;
  transition: width 200ms ease;
  filter: brightness(0) invert(1);
}
body .menu-main .menu-main-wrapper .menu-main-scrollable {
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  height: calc(100vh - 132px);
}
body .menu-main .menu-main-wrapper .menu-main-scrollable::-webkit-scrollbar {
  height: 10px;
  width: 7px;
  border-radius: 4px;
  background: transparent;
  transition: all 0.3s ease;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable::-webkit-scrollbar:hover {
  background: var(-text-inv-color);
}
body .menu-main .menu-main-wrapper .menu-main-scrollable::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: 4px;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav {
  position: relative;
  height: 100%;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div {
  position: relative;
  overflow-x: hidden;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a.title {
  font-size: 1rem;
  text-transform: none;
  color: var(--text-inv-color);
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  margin-bottom: -1px;
  padding: var(--menu-main-padding);
  transition: color 700ms cubic-bezier(0.075, 0.82, 0.165, 1), background-color 700ms cubic-bezier(0.075, 0.82, 0.165, 1), padding 700ms cubic-bezier(0.075, 0.82, 0.165, 1);
  font-family: "Helvetica Neue", sans-serif;
  color: var(--text-inv-color);
  line-height: 28px;
  font-weight: 300;
  letter-spacing: 0.5px;
  text-decoration: none;
  cursor: pointer;
  overflow: visible;
  text-align: left;
  white-space: nowrap;
  font-size: 15px;
}
@media screen and (max-height: 850px) {
  body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a,
  body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a > i.icons,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span > i.icons {
  margin-right: 5px;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a > i.svg-icon,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span > i.svg-icon {
  height: var(--menu-main-svg-icon-height);
  background-color: var(--text-inv-color);
  mask-position: left !important;
  -webkit-mask-position: left !important;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a.selected,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span.selected {
  background-color: #ffffff36;
  box-shadow: inset 4px 0 0 0 var(--secondary-color);
  font-weight: 400;
  color: var(--menu-selected-text-color);
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a.selected > i.svg-icon,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span.selected > i.svg-icon {
  background-color: var(--menu-selected-text-color);
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a:hover,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span:hover {
  background-color: #ffffff36;
  color: var(--menu-selected-text-color);
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a:hover > i.svg-icon,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span:hover > i.svg-icon {
  background-color: var(--menu-selected-text-color);
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a .menu-chevron,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span .menu-chevron {
  margin-left: -10px;
  transition: margin 200ms ease;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a .menu-icon,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span .menu-icon {
  font-size: var(--menu-main-font-size);
  position: relative;
  width: 45px;
  transition: opacity 700ms cubic-bezier(0.075, 0.82, 0.165, 1), width 700ms cubic-bezier(0.075, 0.82, 0.165, 1), right 700ms cubic-bezier(0.075, 0.82, 0.165, 1), top 700ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a img,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span img {
  width: 38px;
  padding-right: 12px;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a > span,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span > span {
  position: relative;
  display: inline-block;
  opacity: 1;
  transition: opacity 700ms ease, width 700ms cubic-bezier(0.075, 0.82, 0.165, 1);
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a.title,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span.title {
  text-transform: none;
  cursor: default;
  padding-left: 20px;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a.title:hover,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span.title:hover {
  background: none;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a .submenu,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span .submenu {
  opacity: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
  width: 0;
  right: 0;
  background: var(--primary-color);
  transition: opacity 200ms ease, width 250ms ease-out, right 250ms ease-out;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a .submenu::-webkit-scrollbar,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span .submenu::-webkit-scrollbar {
  height: 10px;
  width: 7px;
  border-radius: 4px;
  background: transparent;
  transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a .submenu::-webkit-scrollbar:hover,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span .submenu::-webkit-scrollbar:hover {
  background: var(-text-inv-color);
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a .submenu::-webkit-scrollbar-thumb,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span .submenu::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: 4px;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a .submenu.selected,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span .submenu.selected {
  display: block;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a .submenu a.selected,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span .submenu a.selected {
  box-shadow: none;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a .submenu a,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span .submenu a,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a .submenu > span,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span .submenu > span {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  display: block;
  text-overflow: ellipsis;
  padding: 0 14px;
  line-height: 28px;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a .submenu a:nth-child(2),
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span .submenu a:nth-child(2),
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a .submenu > span:nth-child(2),
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span .submenu > span:nth-child(2) {
  border-top: none;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a .submenu .darkerBorder,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span .submenu .darkerBorder {
  border-top: 3px double var(--border-color);
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div a.hover .submenu,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span.hover .submenu {
  height: auto;
  width: 220px;
  right: -220px;
  opacity: 1;
  z-index: 1000;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div .menu-user-box {
  padding: 5px 14px 5px 35px;
  border: 0;
  flex-direction: column;
  min-height: 40px;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div .menu-user-box .menu-user-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  width: 160px;
  transition: width 200ms ease;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div .menu-user-box .menu-user-top > span {
  width: 100%;
  white-space: nowrap;
  transition: width 200ms ease, margin-left 200ms ease;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  padding-right: 10px;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div .menu-user-box .seller-account {
  font-size: 11px;
  display: block;
  margin-top: -15px;
  letter-spacing: 1px;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div .menu-user-box .submenu {
  margin-top: 0;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div .menu-user-box .submenu .seller-account-switch,
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div .menu-user-box .submenu .seller-account-top-switch {
  line-height: 26px;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div .menu-user-box:hover .submenu {
  width: 215px;
  right: -215px;
}
body .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > a .submenu span.title {
  padding: 7px 15px;
  cursor: pointer;
  border: 0;
  line-height: 32px;
}
body.collapsed > .component-holder,
body.collapsed h3.main-section-name,
body.collapsed .messaging-wrapper {
  margin-left: 60px;
}
body.collapsed table.engine-grid .stickyLeftCell {
  left: 59px;
}
body.collapsed h3.main-section-name,
body.collapsed .header-simulator {
  left: 60px;
}
body.collapsed .menu-main {
  width: 60px;
}
body.collapsed .menu-main .menu-notification {
  position: absolute;
  right: -23px;
  top: 0;
  width: 15px;
  height: 15px;
  font-size: 0.5rem;
  line-height: 1.8;
}
body.collapsed .menu-main #submenus-container .menu-notification {
  display: none;
}
body.collapsed .menu-main .expander-wrapper .expander {
  transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
}
body.collapsed .menu-main .menu-main-wrapper .main-logo-link {
  margin: 20px 0 10px;
}
@media screen and (max-height: 750px) {
  body.collapsed .menu-main .menu-main-wrapper .main-logo-link {
    margin: 10px 0 15px 0;
  }
}
body.collapsed .menu-main .menu-main-wrapper .main-logo-link img {
  width: 32px;
}
body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav a,
body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav > span {
  padding: 7px 14px 7px 18px;
}
@media screen and (max-height: 850px) {
  body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav a,
  body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav > span {
    padding-top: 0;
    padding-bottom: 0;
  }
}
body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav a > span,
body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav > span > span {
  opacity: 0;
  width: 0;
}
body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav a .menu-chevron,
body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav > span .menu-chevron {
  margin-left: 15px;
}
body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav a .menu-icon,
body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav > span .menu-icon {
  position: relative;
  opacity: 1;
  width: 10px;
}
body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav a .submenu span.title,
body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav > span .submenu span.title {
  display: block;
}
body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav a .submenu span.title .menu-icon,
body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav > span .submenu span.title .menu-icon {
  display: none;
}
body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav .menu-user-box .menu-user-top {
  width: 30px;
}
body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav .menu-user-box .menu-user-top > span {
  width: 0;
  opacity: 0;
}
body.start-up > .component-holder,
body.start-up h3.main-section-name,
body.start-up .messaging-wrapper {
  transition: margin-left 0ms ease;
}
body.start-up .menu-main {
  transition: width 0ms ease;
}
body.start-up .menu-main .expander-wrapper .expander {
  transition: transform 0ms ease;
}
body.start-up .menu-main .menu-main-wrapper .main-logo-link {
  transition: margin 0ms ease;
}
body.start-up .menu-main .menu-main-wrapper .main-logo-link img {
  transition: width 0ms ease;
}
body.start-up .menu-main .menu-main-wrapper .menu-main-scrollable nav a,
body.start-up .menu-main .menu-main-wrapper .menu-main-scrollable nav > span {
  transition: color 0ms ease, background-color 0ms ease, padding 0ms ease;
}
body.start-up .menu-main .menu-main-wrapper .menu-main-scrollable nav a .menu-chevron,
body.start-up .menu-main .menu-main-wrapper .menu-main-scrollable nav > span .menu-chevron {
  transition: margin 0ms ease;
}
body.start-up .menu-main .menu-main-wrapper .menu-main-scrollable nav a > span,
body.start-up .menu-main .menu-main-wrapper .menu-main-scrollable nav > span > span,
body.start-up .menu-main .menu-main-wrapper .menu-main-scrollable nav a .menu-icon,
body.start-up .menu-main .menu-main-wrapper .menu-main-scrollable nav > span .menu-icon {
  transition: opacity 0ms ease, width 0ms ease, top 0ms ease, right 0ms ease, width 0ms ease;
}
body.start-up .menu-main .menu-main-wrapper .menu-main-scrollable nav .menu-user-box .menu-user-top {
  transition: width 0ms ease, margin-left 0ms ease;
}
body.start-up .menu-main .menu-main-wrapper .menu-main-scrollable nav .menu-user-box .menu-user-top > span {
  transition: width 0ms ease, margin-left 0ms ease;
}
body.collapsed .menu-main {
  z-index: 101;
}
body.collapsed .menu-main .menu-main-wrapper .main-logo-link {
  margin-bottom: 7px;
}
body.collapsed .menu-main .menu-main-wrapper .main-logo-link img {
  width: 80%;
  height: auto;
}
body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > a,
body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span {
  padding-left: 20px;
}
body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > a i,
body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span i {
  opacity: 1;
}
body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > a i:last-child,
body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span i:last-child {
  margin-left: 25px;
}
body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > a span,
body.collapsed .menu-main .menu-main-wrapper .menu-main-scrollable nav > div > span span {
  opacity: 0;
}
body.collapsed .menu-main #submenus-container {
  position: fixed;
  left: 60px;
  top: 73px;
  height: calc(100vh - 74px);
  overflow-y: auto;
  transition: width 200ms ease-out;
  padding-bottom: 15px;
}
body.collapsed .menu-main #submenus-container::-webkit-scrollbar {
  height: 10px;
  width: 7px;
  border-radius: 4px;
  background: transparent;
  transition: all 0.3s ease;
}
body.collapsed .menu-main #submenus-container::-webkit-scrollbar:hover {
  background: var(-text-inv-color);
}
body.collapsed .menu-main #submenus-container::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: 4px;
}
body.collapsed .menu-main #submenus-container > .submenu .goBack {
  display: none;
}
body.collapsed .menu-main #submenus-container > .submenu #category-change-log {
  display: none;
}
body.collapsed .menu-main #submenus-container > .submenu .title i {
  opacity: 0;
}
body.collapsed .menu-main #submenus-container > .submenu .title span {
  opacity: 1;
  width: auto;
}
body.mobile {
  padding-top: 130px;
}
body.mobile .menu-mobile .main-logo-link {
  position: fixed;
  top: 18px;
  left: 20px;
  z-index: 200;
}
body.mobile .menu-mobile .main-logo-link img {
  width: 70px;
}
body.mobile .menu-mobile #main-submenu {
  flex-wrap: wrap;
  overflow: hidden;
  position: fixed;
  left: 0;
  right: 0;
  cursor: default;
  background: var(--background-color);
  max-height: calc(100vh - 122px);
  overflow-y: auto;
  z-index: 1000;
  margin-top: -17px;
  box-shadow: 0 19px 12px rgba(0, 0, 0, 0.2);
  display: none;
}
body.mobile .menu-mobile #main-submenu > a,
body.mobile .menu-mobile #main-submenu span {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  margin-bottom: -1px;
  padding: 0 15px 0 35px;
  transition: color 700ms cubic-bezier(0.075, 0.82, 0.165, 1), background-color 700ms cubic-bezier(0.075, 0.82, 0.165, 1), padding 700ms cubic-bezier(0.075, 0.82, 0.165, 1);
  font-family: 'Oswald', sans-serif;
  color: hsla(0, 0%, 7%, 0.5);
  font-size: 12px;
  line-height: 32px;
  font-weight: 400;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  overflow: visible;
  text-align: left;
  padding: 15px;
}
body.mobile .menu-mobile #main-submenu > a.selected,
body.mobile .menu-mobile #main-submenu span.selected {
  background-color: var(--background-accent-color);
  color: var();
}
body.mobile .top-section {
  height: 110px;
  flex-wrap: wrap;
}
body.mobile .top-section .whiteDiv img {
  width: 180px;
}
body.mobile .top-section .submenu-opener {
  width: 100%;
}
body.mobile .top-section .main-section-name {
  position: fixed;
  top: 71px;
  left: 66px;
  font-size: 17px;
}
body.mobile .top-section .menuOpener {
  width: 74px;
  right: 20px;
  top: 81px;
}
body.mobile .top-section .menuOpener > input {
  display: flex;
  width: 100%;
  height: 56px;
  position: absolute;
  cursor: pointer;
  opacity: 0;
  z-index: 2;
  left: 6px;
  top: 50px;
}
body.mobile .top-section .menuOpener > input:checked ~ span {
  opacity: 1;
  transform: rotate(45deg) translate(0px, -14px);
  left: -6px;
  top: -3px;
}
body.mobile .top-section .menuOpener > input:checked ~ span:nth-last-child(3) {
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
}
body.mobile .top-section .menuOpener > input:checked ~ span:nth-last-child(2) {
  transform: rotate(-45deg) translate(0, 15px);
}
body.mobile .top-section .menuOpener > input:checked ~ .menu-main-wrapper {
  transform: none;
}
body.mobile .top-section .menuOpener > span {
  display: flex;
  width: 25px;
  height: 2px;
  margin-bottom: 5px;
  position: relative;
  background: var(--text-color);
  border-radius: 3px;
  z-index: 1;
  transform-origin: 5px 0;
  transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1), left 0.3s, background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);
  margin-left: 23px;
}
body.mobile .top-section .menuOpener > span:first-child {
  transform-origin: 0 0;
}
body.mobile .top-section .menuOpener > span:nth-last-child(2) {
  transform-origin: 0 100%;
}
body.mobile .top-section .right-side-section {
  max-width: 100vw;
  flex-wrap: nowrap;
  left: 0;
  right: 0;
  justify-content: space-between;
  height: 60px;
  padding-left: 80px;
  margin: 0;
}
body.mobile .top-section .right-side-section .menu-app-box .button-dropdown-container {
  min-width: 295px;
}
body.mobile .top-section .right-side-section .menu-app-box .button-dropdown-container .icon-desktop {
  border: 2px solid transparent;
  text-align: center;
  min-width: 69px;
  min-height: 59px;
  outline: none;
  display: inline-block;
}
body.mobile .top-section .right-side-section .menu-app-box .button-dropdown-container .icon-desktop:before {
  content: '';
}
body.mobile .top-section .right-side-section .menu-app-box .button-dropdown-container .icon-desktop i {
  font-size: 20px;
}
body.mobile .top-section .right-side-section .menu-app-box .button-dropdown-container .icon-desktop i.svg-icon {
  background-color: var(--link-accent-color);
  width: 25px;
  height: 25px;
}
body.mobile .top-section .right-side-section .menu-app-box .button-dropdown-container .icon-desktop a {
  text-decoration: none;
  cursor: pointer;
  color: var(--text-inv-color);
  padding: 15px 0 5px 0;
  width: 90px;
  display: inline-block;
  border: 0;
  font-size: 0.7rem;
  outline: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@media (min-width: 600px) {
  body.mobile .top-section .right-side-section .menu-app-box .button-dropdown-container .icon-desktop a {
    font-size: 0.9rem;
  }
}
body.mobile .top-section .right-side-section .menu-app-box .button-dropdown-container .icon-desktop a > span {
  display: block;
  text-align: center;
  color: var(--link-accent-color);
  height: 45px;
  max-height: 45px;
  position: relative;
}
body.mobile .top-section .right-side-section .menu-app-box .button-dropdown-container .icon-desktop a > span > span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
body.mobile .top-section .right-side-section .menu-app-box > i {
  font-size: 25px !important;
}
body.mobile .top-section .right-side-section .menu-app-box.opened > .submenu {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  width: 100.5vw !important;
  max-width: 282px;
  justify-content: center;
  box-shadow: 0 0 40px var(--default-box-shadow);
  height: auto;
  flex-direction: row;
  padding: 0;
}
body.mobile .top-section .right-side-section .menu-app-box.opened > .submenu > div {
  padding: 0;
}
body.mobile .top-section .right-side-section .menu-account-box {
  width: auto;
}
body.mobile .top-section .right-side-section .menu-user-box:last-child .submenu {
  right: 34px !important;
}
body.mobile .top-section .right-side-section .account-dropdown .account-country {
  font-size: 13px;
}
body.mobile .top-section .right-side-section .menu-user-box > .menu-user-top > .user-avatar,
body.mobile .top-section .right-side-section .menu-account-box > .menu-user-top > .user-avatar {
  margin-top: 0;
}
body.mobile .top-section .right-side-section .menu-user-box > .menu-user-top .username::after,
body.mobile .top-section .right-side-section .menu-account-box > .menu-user-top .username::after {
  top: 10px;
  right: 0;
}
body.mobile .top-section .setup-progress {
  width: 120px !important;
  font-size: 10px !important;
}
body.mobile .top-section .setup-progress .progress {
  height: 12px !important;
}
body .top-section {
  position: fixed;
  width: 100%;
  height: var(--top-section-width);
  right: 0;
  top: 0;
  z-index: 100;
  transition: width var(--basic-content-transition-delay) ease;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  background: var(--background-accent-color);
  font-family: 'Neue Helvetica', sans-serif;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
body .top-section div.whiteDiv img {
  width: var(--menu-main-width);
  padding: 10px 0;
}
body .top-section div.whiteDiv h2.page-header {
  display: none;
}
body .top-section .plugin-widget-container {
  display: none;
}
body .top-section .right-side-section {
  z-index: 1000;
  display: flex;
  margin: -6px 10px 0;
}
body .top-section .right-side-section .plugin-loading {
  display: none;
}
body .top-section .right-side-section .install-plugin-container {
  position: relative;
}
body .top-section .right-side-section .install-plugin-container .install-plugin-button {
  padding-left: 12px;
  padding-right: 12px;
  margin: 0 25px;
  background-color: var(--secondary-color);
  color: var(--text-inv-color);
}
body .top-section .right-side-section .install-plugin-container .install-plugin-button > img {
  width: 25px;
  margin-right: 5px;
}
body .top-section .right-side-section .install-plugin-container .install-plugin-button > span {
  position: relative;
  top: -6px;
}
body .top-section .right-side-section .install-plugin-container > div {
  background: var(--background-color);
  position: absolute;
  border: 1px solid var(--border-color);
  padding: 11px 30px;
  margin-top: 11px;
  left: -175px;
  max-width: 530px;
  width: calc(100vw - 240px);
}
body .top-section .right-side-section .install-plugin-container > div:not(.hovered) {
  display: none;
}
body .top-section .right-side-section .install-plugin-container > div:before {
  content: " ";
  position: absolute;
  pointer-events: none;
  background: var(--background-color);
  height: 10px;
  width: 10px;
  border-left: 1px solid var(--border-color);
  border-top: 1px solid var(--border-color);
  top: -6px;
  transform: rotate(45deg);
  left: 50%;
}
body .top-section .right-side-section .top-menu {
  margin: 0;
  padding: 0;
  display: flex;
  list-style-type: none;
  align-items: center;
}
body .top-section .right-side-section .helpbox-wrapp > .icons {
  font-weight: 100;
}
body .top-section .right-side-section .menu-box {
  height: 60px;
  display: flex;
  align-items: center;
  margin-top: 5px;
  --dropdown-curvature: 6px;
}
body .top-section .right-side-section .menu-box:hover {
  cursor: pointer;
}
body .top-section .right-side-section .menu-box > *:first-child {
  display: flex;
  background-color: transparent;
  padding: 0 11px;
  font-size: 1rem;
  align-items: center;
  margin: 0;
  height: 45px;
}
body .top-section .right-side-section .menu-box > *:first-child:hover,
body .top-section .right-side-section .menu-box > *:first-child.active {
  color: var(--account-icon-hover);
  fill: var(--account-icon-hover);
}
body .top-section .right-side-section .menu-box > *:first-child:hover i,
body .top-section .right-side-section .menu-box > *:first-child.active i,
body .top-section .right-side-section .menu-box > *:first-child:hover .svg-icon,
body .top-section .right-side-section .menu-box > *:first-child.active .svg-icon,
body .top-section .right-side-section .menu-box > *:first-child:hover .user-avatar,
body .top-section .right-side-section .menu-box > *:first-child.active .user-avatar {
  fill: var(--account-icon-hover);
}
body .top-section .right-side-section .menu-box > *:first-child i,
body .top-section .right-side-section .menu-box > *:first-child .svg-icon,
body .top-section .right-side-section .menu-box > *:first-child .user-avatar {
  max-width: 38px;
  max-height: 38px;
  font-size: 1.6rem;
  margin-right: 8px;
}
body .top-section .right-side-section .menu-box > *:first-child i > img[src=''],
body .top-section .right-side-section .menu-box > *:first-child .svg-icon > img[src=''],
body .top-section .right-side-section .menu-box > *:first-child .user-avatar > img[src=''] {
  display: none;
}
body .top-section .right-side-section .menu-box > *:first-child i > img,
body .top-section .right-side-section .menu-box > *:first-child .svg-icon > img,
body .top-section .right-side-section .menu-box > *:first-child .user-avatar > img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
}
body .top-section .right-side-section .menu-box > *:first-child .user-avatar {
  position: relative;
  background: var(--link-accent-color);
  -webkit-mask: url('../images/user-icon-edit.svg') center no-repeat;
  mask: url('../images/user-icon-edit.svg') center no-repeat;
  -webkit-mask-size: 32px;
  mask-size: 32px;
  border-radius: 100%;
  width: 38px;
  height: 38px;
  margin-top: 0;
  margin-right: 8px;
  text-align: center;
  line-height: initial;
}
body .top-section .right-side-section .menu-box > *:first-child .user-avatar.has-icon {
  background: var(--background-color);
  -webkit-mask: unset;
  mask: unset;
}
body .top-section .right-side-section .menu-box > *:first-child .svg-icon {
  height: 22px;
}
body .top-section .right-side-section .menu-box .button-dropdown-container {
  border-radius: var(--border-radius-basic);
  overflow: visible;
}
body .top-section .right-side-section .menu-box > .button-dropdown-container > *:first-child > .button-dropdown-button,
body .top-section .right-side-section .menu-box > .button-dropdown-container > a:first-child {
  border-top-left-radius: var(--dropdown-curvature);
  border-top-right-radius: var(--dropdown-curvature);
}
body .top-section .right-side-section .menu-box > .button-dropdown-container > *:last-child > .button-dropdown-button,
body .top-section .right-side-section .menu-box > .button-dropdown-container > a:last-child {
  border-bottom-left-radius: var(--dropdown-curvature);
  border-bottom-right-radius: var(--dropdown-curvature);
}
body .top-section .right-side-section .menu-box > .button-dropdown-container > .menu-box-nested > .button-dropdown-container > *:first-child > .button-dropdown-button,
body .top-section .right-side-section .menu-box > .button-dropdown-container > .menu-box-nested > .button-dropdown-container > li:first-child > a {
  border-top-left-radius: var(--dropdown-curvature);
  border-top-right-radius: var(--dropdown-curvature);
}
body .top-section .right-side-section .menu-box > .button-dropdown-container > .menu-box-nested > .button-dropdown-container > *:last-child > .button-dropdown-button,
body .top-section .right-side-section .menu-box > .button-dropdown-container > .menu-box-nested > .button-dropdown-container > li:last-child > a {
  border-bottom-left-radius: var(--dropdown-curvature);
  border-bottom-right-radius: var(--dropdown-curvature);
}
body .top-section .right-side-section .menu-box .setup-progress {
  font-size: 0.98rem;
  width: 205px;
  text-align: center;
  flex-direction: column;
}
body .top-section .right-side-section .menu-box .setup-progress > span {
  margin-bottom: 3px;
}
body .top-section .right-side-section .menu-box .setup-progress .progress {
  background: var(--primary-color);
  border-radius: 13px;
  height: 12px;
  width: 100%;
  padding: 1px;
}
body .top-section .right-side-section .menu-box .setup-progress .progress > span {
  content: '';
  display: block;
  background: var(--tertiary-color);
  width: 5%;
  height: 10px;
  border-radius: 9px;
}
body .top-section .right-side-section .menu-box .SA-search-container,
body .top-section .right-side-section .menu-box .DB-search-container {
  position: relative;
  width: 100%;
  padding: 10px;
}
body .top-section .right-side-section .menu-box .SA-search-container > i,
body .top-section .right-side-section .menu-box .DB-search-container > i {
  position: absolute;
  top: 20px;
  left: 18px;
}
body .top-section .right-side-section .menu-box .SA-search-container > input,
body .top-section .right-side-section .menu-box .DB-search-container > input {
  width: 100%;
  padding-left: 30px;
}
body .top-section .right-side-section .menu-box .SA-search-container > .sa-search-toggle,
body .top-section .right-side-section .menu-box .DB-search-container > .sa-search-toggle,
body .top-section .right-side-section .menu-box .SA-search-container > .db-search-toggle,
body .top-section .right-side-section .menu-box .DB-search-container > .db-search-toggle {
  position: absolute;
  right: 12px;
  top: 18px;
  z-index: 1;
}
body .top-section .right-side-section .menu-box .SA-search-container > .sa-search-toggle > input,
body .top-section .right-side-section .menu-box .DB-search-container > .sa-search-toggle > input,
body .top-section .right-side-section .menu-box .SA-search-container > .db-search-toggle > input,
body .top-section .right-side-section .menu-box .DB-search-container > .db-search-toggle > input {
  cursor: pointer;
}
body .top-section .right-side-section .menu-box .SA-search-container > .sa-search-toggle > label:after,
body .top-section .right-side-section .menu-box .DB-search-container > .sa-search-toggle > label:after,
body .top-section .right-side-section .menu-box .SA-search-container > .db-search-toggle > label:after,
body .top-section .right-side-section .menu-box .DB-search-container > .db-search-toggle > label:after {
  position: relative;
  top: -4px;
  font-size: 1.5rem;
  cursor: pointer;
}
body .top-section .right-side-section .menu-box .seller-account-switch,
body .top-section .right-side-section .menu-box .account-dropdown,
body .top-section .right-side-section .menu-box .seller-account-top-switch {
  position: relative;
  white-space: nowrap;
}
body .top-section .right-side-section .menu-box .seller-account-switch .account-name,
body .top-section .right-side-section .menu-box .account-dropdown .account-name,
body .top-section .right-side-section .menu-box .seller-account-top-switch .account-name {
  white-space: nowrap;
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
}
body .top-section .right-side-section .menu-box .seller-account-switch .account-icon,
body .top-section .right-side-section .menu-box .account-dropdown .account-icon,
body .top-section .right-side-section .menu-box .seller-account-top-switch .account-icon {
  height: 18px;
  padding-right: 7px;
  fill: var(--button-color);
}
body .top-section .right-side-section .menu-box .seller-account-switch .account-country,
body .top-section .right-side-section .menu-box .account-dropdown .account-country,
body .top-section .right-side-section .menu-box .seller-account-top-switch .account-country {
  position: absolute;
  bottom: 5px;
  left: 32px;
  font-size: 11px;
}
body .top-section .right-side-section .menu-box .seller-account-top-switch .account-icon {
  margin-right: 5px;
}
body .top-section .right-side-section .menu-box .language-flags {
  text-align: left;
}
body .top-section .right-side-section .menu-box .language-flags li > a {
  align-items: center;
  flex-wrap: nowrap;
  max-height: calc(0.85rem + 20px);
}
body .top-section .right-side-section .menu-box .language-flags li > a > span {
  margin-left: var(--dropdown-padding);
}
body .top-section .right-side-section .menu-box .language-flags li > a img {
  width: 22px;
  height: auto;
}
body #setupProgressBg {
  filter: blur(0px) !important;
  background: none;
}
body #setupProgressPopup .ajaxPopupHeader {
  padding: var(--button-padding);
  position: relative;
  margin: 0;
  width: 100%;
  right: 0;
  top: 0;
  background: var(--tertiary-color);
  color: var(--text-inv-color);
  border-top-right-radius: var(--border-radius-large);
  border-top-left-radius: var(--border-radius-large);
  font-size: 20px;
}
body #setupProgressPopup .ajaxPopupHeader .buttdelete {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  right: 0;
  top: 0;
  font-size: 16px;
  padding: 5px 12px;
  position: absolute;
  border-radius: 20px;
  color: var(--button-inv-color);
  background: var(--button-inv-background);
  right: 12px;
  top: var(--buttdelete-top);
}
body #setupProgressPopup .ajaxPopupHeader .buttdelete:after {
  content: "\f00d";
}
body #setupProgressPopup .ajaxPopupHeader .buttdelete:hover {
  color: var(--button-hover-color);
  background: var(--button-hover-background);
  cursor: pointer;
}
body #setupProgressPopup .ajaxPopupWindow {
  padding: 0;
}
body #setupProgressPopup .ajaxPopup {
  margin-top: 0px;
  height: fit-content !important;
}
body #setupProgressPopup .progress {
  background: var(--primary-color);
  border-radius: 13px;
  height: 12px;
  width: 100%;
  padding: 1px;
  margin-top: 20px;
  background: var(--background-mask-color);
}
body #setupProgressPopup .progress > span {
  content: '';
  display: block;
  background: var(--tertiary-color);
  width: 5%;
  height: 10px;
  border-radius: 9px;
}
body #setupProgressPopup ul {
  width: 30%;
  min-width: 650px;
  list-style: none;
  margin: 5px;
  border-radius: var(--border-radius-large);
  padding: 0;
}
body #setupProgressPopup ul li {
  font-size: 16px;
  line-height: 50px;
  padding: 0;
  margin: 10px 0;
  position: relative;
}
body #setupProgressPopup ul li.turnOff {
  color: var(--gray-text-color);
}
body #setupProgressPopup ul li.turnOff a.turnOff {
  display: none;
}
body #setupProgressPopup ul li.turnOff a.href-button {
  display: none;
}
body #setupProgressPopup ul li.turnOff a.turnOn {
  display: inline;
}
body #setupProgressPopup ul li i {
  font-size: 8px;
  color: var(--tertiary-color);
  position: relative;
  top: -3px;
  left: 6px;
  margin-right: 17px;
}
body #setupProgressPopup ul li i.green {
  top: 1px;
  left: 0;
  margin-right: 5px;
  font-size: 20px;
  color: var(--message-success-color);
}
body #setupProgressPopup ul li button {
  float: right;
}
body #setupProgressPopup ul li a {
  float: right;
  cursor: pointer;
  margin-left: 10px;
}
body #setupProgressPopup ul li a.href-button {
  padding: 0 25px;
}
body #setupProgressPopup ul li a.turnOn {
  display: none;
}
body:not(.mobile) .top-section {
  width: calc(100% - 0px);
  z-index: 105;
}
body:not(.mobile) .top-section.full-wide {
  width: 100vw;
}
body:not(.mobile) .top-section.signUp > .right-side-section {
  position: absolute;
  right: 0;
}
body:not(.mobile) .top-section .menu-box--messages:hover .submenu {
  width: 80vw;
  max-width: 500px;
}
body:not(.mobile) .top-section .sections .icon-bigger {
  top: 16px;
  position: relative;
}
body.theme-size-compact .top-section div.whiteDiv h2.page-header {
  left: 250px;
  top: 0;
  position: absolute;
  padding: 21px 0px;
  display: inline-block;
  background: unset;
}
.chzn-container {
  letter-spacing: 0;
  position: relative;
  display: inline-flex;
  flex-direction: row;
  justify-content: flex-start;
  align-content: stretch;
  flex-wrap: nowrap;
  vertical-align: middle;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  text-align: left;
  text-shadow: initial;
  font-weight: normal;
  border: 1px solid var(--input-border);
  background-color: var(--input-background);
  background-clip: padding-box;
}
.chzn-container a {
  cursor: pointer;
}
.chzn-container.chzn-with-drop .chzn-drop {
  opacity: 1;
  display: block;
  filter: alpha(opacity=1);
  z-index: 990;
  height: auto;
  overflow: hidden;
  box-shadow: 0 0 5px var(--default-box-shadow);
}
.chzn-container .chzn-drop {
  position: absolute;
  top: 100%;
  left: 0;
  opacity: 0;
  display: none;
  filter: alpha(opacity=0);
  z-index: -20;
  width: 100%;
  background: var(--background-color);
  border-radius: var(--border-radius-basic);
  box-shadow: var(--select-box-shadow);
  text-shadow: initial;
  font-weight: normal;
  height: 0;
  overflow: hidden;
  min-width: 100%;
  animation: growDown 250ms linear forwards;
  transform-origin: top center;
}
.chzn-container.no-clear .chzn-clearAll {
  display: none;
}
.chzn-container-single .chzn-single {
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
  padding: 0;
  height: 21px;
  text-decoration: none;
  white-space: nowrap;
  line-height: 22px;
  text-shadow: initial;
  font-weight: normal;
}
.chzn-container-single .chzn-single-plus {
  position: relative;
  display: inline-block;
  padding: 0 3px 0 0;
  overflow: hidden;
  height: 21px;
  color: var(--table-header-color);
  text-decoration: none;
  white-space: nowrap;
  line-height: 22px;
  text-shadow: initial;
  font-weight: normal;
}
.chzn-container-single .chzn-default {
  color: var(--text-color);
  text-shadow: initial;
  font-weight: normal;
  border-right: 0;
}
.chzn-container-single .chzn-single span {
  display: block;
  overflow: hidden;
  margin-right: 19px;
  white-space: nowrap;
  color: var(--text-color);
}
.chzn-container-single .chzn-single-with-deselect span {
  margin-right: 24px;
}
.chzn-container-single .chzn-single abbr {
  position: absolute;
  top: 6px;
  right: 11px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(../wfEngine/images/chzn-sprite.png) -42px 1px no-repeat;
  font-size: 1px;
}
.chzn-container-single .chzn-single abbr:hover {
  background-position: -42px -10px;
}
.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
  background-position: -42px -10px;
}
.chzn-container-single .chzn-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 12px;
  height: 100%;
  text-shadow: initial;
  font-weight: normal;
}
.chzn-container-single .chzn-single div b {
  font-family: 'Font Awesome 5 Pro';
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}
.chzn-container-single .chzn-single div b:before {
  display: inline-block;
  transition: transform 50ms ease-in;
  content: "\f0d7";
}
.chzn-search {
  position: relative;
  z-index: 901;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
}
.chzn-search input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  border: 1px solid #aaa;
  background: url(../wfEngine/images/chzn-sprite.png) no-repeat 100% -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
  font-size: 1em;
  line-height: normal;
}
.chzn-container-single .chzn-drop {
  margin-top: 0;
  margin-left: -1px;
  background-clip: padding-box;
}
.chzn-container-single.chzn-container-single-nosearch .chzn-search {
  position: absolute;
  display: none;
}
/* @end */
/* @group Results */
.chzn-container .chzn-results {
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  box-shadow: 0 0 5px var(--default-box-shadow);
  -webkit-overflow-scrolling: touch;
}
.chzn-container .chzn-results li {
  display: none;
  margin: 0;
  padding: 8px;
  list-style: none;
  line-height: var(--input-height-line-height);
  text-shadow: initial;
  font-weight: normal;
  border-radius: var(--border-radius-basic);
}
.chzn-container .chzn-results li.active-result {
  display: list-item;
  cursor: pointer;
  border-radius: 0 !important;
}
.chzn-container .chzn-results li.disabled-result {
  display: list-item;
  color: #ccc !important;
  cursor: default;
}
.chzn-container .chzn-results li.highlighted {
  background-color: var(--button-hover-background);
  color: var(--button-hover-color);
}
.chzn-container .chzn-results li.highlighted.result-selected {
  background-color: var(--button-hover-background);
  color: var(--button-hover-color) !important;
}
.chzn-container .chzn-results li.no-results {
  display: list-item;
  background: var(--table-input-color);
}
.chzn-container .chzn-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chzn-container .chzn-results li.group-option {
  padding-left: 15px;
}
.chzn-container .chzn-results li em {
  font-style: normal;
  text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  position: relative;
  overflow-x: hidden;
  overflow-y: scroll;
  /*-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;*/
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto !important;
  min-height: 21px;
  border: 1px solid #aaa;
  background-color: #fff;
  /*background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);*/
  cursor: text;
}
.chzn-container-multi[id$='_F_chosen'] .chzn-choices {
  max-height: 80px;
}
.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}
.chzn-container-multi[id$='_F_chosen'] .chzn-choices li {
  float: none;
}
.chzn-container-multi .chzn-choices li.search-field .default {
  color: #999;
}
.chzn-container-multi .chzn-choices li.search-choice {
  position: relative;
  margin: 1px 0 1px 1px;
  padding: 1px 14px 1px 2px;
  border: 1px solid #aaa;
  background-color: #EEEEEE;
  background-clip: padding-box;
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  line-height: 14px;
  cursor: default;
  white-space: normal;
  text-overflow: ellipsis;
  overflow: hidden;
}
.chzn-container-multi .chzn-choices li.search-choice span {
  /*text-overflow: ellipsis!important;
  overflow: hidden!important;*/
}
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 2.5px;
  right: 1px;
  margin: 0;
  display: block;
  width: 12px;
  height: 12px;
  background: url(../wfEngine/images/chzn-sprite.png) -42px 1px no-repeat;
  font-size: 1px;
}
.chzn-container-multi .chzn-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chzn-container-multi .chzn-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4 !important;
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666 !important;
}
.chzn-container-multi .chzn-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chzn-container-multi .chzn-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chzn-container-multi .chzn-results {
  margin: 0;
  padding: 0;
}
.chzn-container-multi .chzn-drop .result-selected {
  display: list-item;
  color: var(--text-color-secondary) !important;
  cursor: default;
  background-color: #9e9e9e !important;
}
.chzn-drop .chzn-clearAll {
  display: block;
  padding: 10px;
  margin: 0;
  text-align: left;
  font-size: 13px;
  line-height: 13px;
}
.chzn-drop .chzn-clearAll span {
  display: block;
  width: 12px;
  height: 12px;
  background: url(../wfEngine/images/chzn-sprite.png) -42px 1px no-repeat;
  margin: 1px 0px 0px 1px;
  float: left;
}
/* @end */
/* @group Active  */
.chzn-container-active.chzn-with-drop .chzn-single div {
  border-left: none;
  background: transparent;
}
.chzn-container-active.chzn-with-drop .chzn-single div b:before {
  transform: rotate(180deg);
}
.chzn-container-active .chzn-choices {
  border: 1px solid silver;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chzn-container-active .chzn-choices li.search-field input[type="text"] {
  color: #111 !important;
  float: none !important;
}
/* @end */
/* @group Disabled Support */
.chzn-disabled {
  opacity: 0.5 !important;
  cursor: default;
}
.chzn-disabled .chzn-single {
  cursor: default;
}
.chzn-disabled .chzn-choices .search-choice .search-choice-close {
  cursor: default;
}
/* @end */
/* @group Right to Left */
.chzn-rtl {
  text-align: right;
}
.chzn-rtl .chzn-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chzn-rtl .chzn-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chzn-rtl .chzn-single-with-deselect span {
  margin-left: 38px;
}
.chzn-rtl .chzn-single div {
  right: auto;
  left: 3px;
}
.chzn-rtl .chzn-single abbr {
  right: auto;
  left: 26px;
}
.chzn-rtl .chzn-choices li {
  float: right;
}
.chzn-rtl .chzn-choices li.search-field input[type="text"] {
  direction: rtl;
}
.chzn-rtl .chzn-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chzn-rtl .chzn-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chzn-rtl.chzn-container-single-nosearch .chzn-search,
.chzn-rtl .chzn-drop {
  left: 9999px;
}
.chzn-rtl.chzn-container-single .chzn-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chzn-rtl .chzn-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div {
  border-right: none;
}
.chzn-rtl .chzn-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  background: white url(../wfEngine/images/chzn-sprite.png) no-repeat -30px -20px;
  background: url(../wfEngine/images/chzn-sprite.png) no-repeat -30px -20px, linear-gradient(#eeeeee 1%, #ffffff 15%);
  direction: rtl;
  float: none !important;
}
.chzn-rtl.chzn-container-single .chzn-single div b {
  background-position: 6px 2px;
}
.chzn-rtl.chzn-container-single.chzn-with-drop .chzn-single div b {
  background-position: -12px 2px;
}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
  .chzn-rtl .chzn-search input[type="text"],
  .chzn-container-single .chzn-single abbr,
  .chzn-container-single .chzn-single div b,
  .chzn-container-single .chzn-search input[type="text"],
  .chzn-container-multi .chzn-choices .search-choice .search-choice-close,
  .chzn-container .chzn-results-scroll-down span,
  .chzn-container .chzn-results-scroll-up span {
    background-image: url(../wfEngine/images/chzn-sprite@2x.png) !important;
    background-size: 52px 37px !important;
    background-repeat: no-repeat !important;
  }
}
/* @end */
.chzn-results li img {
  margin-right: 7px;
  float: left;
  height: 14px;
}
.chzn-results li p {
  margin: 1px 0;
  font-size: 10px;
  color: #666;
}
.chzn-single span img {
  height: 12px;
  float: left;
  margin: 5px 3px 0 0;
}
.chzn-thead .chzn-choices {
  max-height: 80px;
}
.php-popup-container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
.php-popup-container > .background {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -100;
  background: #9d9e9d9e;
}
.php-popup-container > .content {
  position: relative;
  background: var(--background-color);
  width: 600px;
  padding: 20px;
  border-radius: var(--border-radius-large);
  box-shadow: 0 0 40px var(--default-box-shadow);
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}
.php-popup-container > .content > .close-button {
  position: absolute;
  right: 20px;
  top: 15px;
  z-index: 2;
  color: black;
  cursor: pointer;
}
.php-popup-container > .content > .header {
  margin-bottom: 20px;
  margin-left: 6px;
}
.php-popup-container > .content > .header > img.logoImg {
  width: 94px;
}
.php-popup-container > .content > .header > img.logoImg:first-child {
  width: 115px;
  position: relative;
  top: -2px;
}
.php-popup-container > .content > .header > .plus-sign {
  color: black;
  font-size: 20px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  top: -7px;
}
.php-popup-container > .content > .header2 {
  color: black;
  font-weight: bold;
  font-size: 1.3rem;
  margin-bottom: 15px;
  font-family: 'Oswald', sans-serif;
}
.php-popup-container > .content > .text > .bold-header {
  color: black;
  font-weight: bold;
  font-size: 1rem;
  font-family: 'Oswald', sans-serif;
}
.php-popup-container > .content > .text > ul {
  list-style: none;
}
.php-popup-container > .content > .text > ul > li {
  margin-bottom: 5px;
}
.php-popup-container > .content > .text > ul > li::before {
  content: "\2022";
  color: black;
  font-weight: bold;
  display: inline-block;
  width: 11px;
  margin-left: -1em;
}
.php-popup-container > .content > .text > ul > li b {
  color: black;
}
.php-popup-container > .content > .text > p {
  letter-spacing: -0.4px;
}
.php-popup-container > .content > .footer > button,
.php-popup-container > .content > .footer a {
  cursor: pointer;
}
.php-popup-container > .content > .footer > a {
  color: black;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: bold;
}
.php-popup-container > .content > .footer > a:first-child {
  margin-right: 12px;
  text-decoration: none;
}
.php-popup-container > .content > .footer > a:last-child {
  float: right;
  margin-top: 12px;
}
.php-popup-container > .content > .footer > a > button {
  padding: 12px 26px;
}
.ajaxPopupBackground {
  background: var(--background-mask-color);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
  z-index: 1000;
}
.ajaxPopupBackground .engine-grid-loader {
  background: none;
  opacity: 1;
}
.ajaxPopupWindow {
  position: fixed !important;
  z-index: 1001 !important;
  width: 90% !important;
  max-width: 1280px;
  height: 90% !important;
  margin: 0 !important;
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
  background: var(--background-color);
  box-shadow: 0 0 40px var(--popup-box-shadow);
  border-radius: 15px;
  padding: 35px 35px 40px 35px;
}
.ajaxPopupWindow .entryForm form {
  box-shadow: none;
  border-radius: var(--border-radius-large);
  padding: var(--popupForm);
}
.ajaxPopupWindow .ajaxPopupHeader {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 20px;
  width: calc(100% - 72px);
}
.ajaxPopupWindow .ajaxPopupHeader .ajaxPopupCaption {
  width: 95%;
}
.ajaxPopupWindow .ajaxPopupHeader #activeSortingButt {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  right: 0;
  top: 0;
  font-size: 16px;
  padding: 5px 12px;
  position: absolute;
  border-radius: 20px;
  color: var(--button-inv-color);
  background: var(--button-inv-background);
  right: 12px;
  top: var(--buttdelete-top);
  display: none;
}
.ajaxPopupWindow .ajaxPopupHeader #activeSortingButt:after {
  content: "\f00d";
}
.ajaxPopupWindow .ajaxPopupHeader #activeSortingButt:hover {
  color: var(--button-hover-color);
  background: var(--button-hover-background);
  cursor: pointer;
}
.ajaxPopupWindow center {
  text-align: center;
  display: block;
}
.ajaxPopupWindow .entryForm {
  max-width: 100%;
}
.ajaxPopupWindow .entryForm h3 {
  position: absolute;
  top: 40px;
  left: 60px;
  margin: 0;
}
.ajaxPopupWindow .entryForm form {
  max-width: 100%;
}
.ajaxPopupWindow .ajaxPopup {
  width: 100% !important;
  height: calc(100% - 22px) !important;
  padding: 20px;
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  padding-top: 0px;
}
.ajaxPopupWindow .ajaxPopup::-webkit-scrollbar {
  height: 10px;
  width: 7px;
  border-radius: 4px;
  background: transparent;
  transition: all 0.3s ease;
}
.ajaxPopupWindow .ajaxPopup::-webkit-scrollbar:hover {
  background: var(-text-inv-color);
}
.ajaxPopupWindow .ajaxPopup::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: 4px;
}
.ajaxPopupWindow .ajaxPopup .component-grid {
  width: 100%;
}
.ajaxPopupWindow .ajaxPopup .component-grid table.engine-grid {
  width: 100%;
  min-width: 100px !important;
}
.ajaxPopupWindow .ajaxPopup .component-grid table.engine-grid thead th {
  top: -20px !important;
  min-width: 50px;
}
.ajaxPopupWindow .ajaxPopup .component-grid table.engine-grid th,
.ajaxPopupWindow .ajaxPopup .component-grid table.engine-grid td {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ajaxPopupWindow .ajaxPopup .component-entry .entryTable {
  overflow-x: hidden;
  background-color: rgba(38, 39, 45, 0.15);
}
.ajaxPopupWindow .ajaxPopup table.mailPreview {
  background-color: transparent;
  color: var(--text-color);
  width: 100%;
}
.ajaxPopupWindow .ajaxPopup table.mailPreview > tbody tr:first-child > td:nth-child(2) {
  width: 95.9% !important;
  float: left;
}
.ajaxPopupWindow .ajaxPopup table.mailPreview > tbody tr:nth-child(2) > td > div > p {
  position: relative;
  width: 500px;
  margin: 15px auto;
}
.ajaxPopupWindow .ajaxPopup table.mailPreview > tbody tr > td a {
  text-decoration: underline;
}
.ajaxPopupWindow .ajaxPopup table.mailPreview > tbody tr > td a:hover {
  color: var(--secondary-color);
}
@-webkit-keyframes tags--bump {
  30% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes tags--bump {
  30% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.tagify {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid var(--border-color);
  padding: 0;
  cursor: text;
  position: relative;
  background-color: var(--table-input-color);
  border-top-left-radius: var(--border-radius-basic);
  border-bottom-left-radius: var(--border-radius-basic);
}
.tagify[readonly] {
  cursor: default;
}
.tagify[readonly] > .tagify__input {
  visibility: hidden;
  width: 0;
  margin: 5px 0;
}
.tagify[readonly] x {
  display: none;
}
.tagify[readonly] tag > div {
  padding: 0.3em 0.5em;
}
.tagify + input,
.tagify + textarea {
  border: 0;
  display: none;
}
.tagify tag,
.item-tag {
  display: inline-block;
  margin: 3px 0 3px 3px;
  position: relative;
  z-index: 1;
  cursor: default;
  -webkit-transition: 0.13s ease-out;
  -o-transition: 0.13s ease-out;
  transition: 0.13s ease-out;
}
.tagify tag > div,
.item-tag > div {
  vertical-align: top;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  color: var(--table-header-color);
  border-radius: 3px;
  -webkit-transition: 0.13s ease-out;
  -o-transition: 0.13s ease-out;
  transition: 0.13s ease-out;
  padding: 0.3em 1.5em 0.3em 0.5em;
}
.tagify tag > div > *,
.item-tag > div > * {
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}
.tagify tag > div::before,
.item-tag > div::before {
  content: '';
  position: absolute;
  border-radius: inherit;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #e5e5e5;
  z-index: -1;
  pointer-events: none;
  -webkit-transition: 80ms ease;
  -o-transition: 80ms ease;
  transition: 80ms ease;
  -webkit-animation: 0.3s tags--bump 1 ease-out;
  animation: 0.3s tags--bump 1 ease-out;
}
.tagify tag:hover:not([readonly]) div::before {
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  background: #d3e2e2;
  -webkit-box-shadow: 0 0 0 0 #d39494 inset;
  box-shadow: 0 0 0 0 #d39494 inset;
}
.tagify tag.tagify--noAnim {
  -webkit-animation: none;
  animation: none;
}
.tagify tag.tagify--hide {
  width: 0 !important;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  pointer-events: none;
}
.tagify tag.tagify--mark div::before {
  -webkit-animation: none;
  animation: none;
}
.tagify tag.tagify--notAllowed div > span {
  opacity: 0.5;
}
.tagify tag.tagify--notAllowed div::before {
  background: rgba(211, 148, 148, 0.44);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.tagify tag[readonly] x {
  display: none;
}
.tagify tag[readonly] > div {
  padding: 0.3em 0.5em;
}
.tagify tag x {
  font: 14px/16px Serif;
  width: 14px;
  height: 14px;
  text-align: center;
  border-radius: 50px;
  position: absolute;
  z-index: 1;
  right: 2px;
  top: 50%;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
}
.tagify > .activeWithImage > div > span.tagImg {
  width: 30px;
  height: 33px;
}
.tagify > .activeWithImage > div > span.tagImg > img {
  width: 100%;
  height: 100%;
}
.tagify > .activeWithImage > div > span.tagName {
  left: 5px;
  margin-top: 5px;
  position: relative;
}
.tagify tag x::after {
  content: "\00D7";
}
.tagify tag x:hover {
  color: #fff;
  background: #c77777;
}
.tagify tag x:hover + div > span {
  opacity: 0.5;
}
.tagify tag x:hover + div::before {
  background: rgba(211, 148, 148, 0.44);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.tagify__input {
  min-width: 110px;
  margin: 5px;
  padding: 1px 5px;
  position: relative;
  background-color: var(--table-input-color);
  min-height: 21px;
  color: var(--text-color);
}
.tagify__input:empty::before {
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  opacity: 0.5;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
.tagify__input:focus {
  outline: 0;
}
.tagify__input:focus::before {
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  opacity: 0;
  -webkit-transform: translatex(6px);
  -ms-transform: translatex(6px);
  transform: translatex(6px);
}
@supports (-moz-appearance:none) {
  .tagify__input:focus::before {
    display: none;
  }
}
.tagify__input:focus:empty::before {
  -webkit-transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  transition: 0.2s ease-out;
  opacity: 0.3;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
@supports (-moz-appearance:none) {
  .tagify__input:focus:empty::before {
    display: inline-block;
  }
}
.tagify__input::before {
  content: attr(data-placeholder);
  line-height: 1.8;
  position: absolute;
  top: 0;
  z-index: 1;
  color: var(--input-color);
  white-space: nowrap;
  pointer-events: none;
  opacity: 0;
}
@supports (-moz-appearance:none) {
  .tagify__input::before {
    line-height: inherit;
    position: relative;
  }
}
.tagify__input::after {
  content: attr(data-suggest);
  color: var(--table-header-color);
  opacity: 0.3;
  pointer-events: none;
}
.tagify__input tag {
  margin: 0 2.5px;
}
.tagify__input tag > div {
  padding-top: 0;
  padding-bottom: 0;
}
.tagify__input tag > div::before {
  top: -3px;
  bottom: -3px;
}
.tagify__input tag:hover:not([readonly]) > div::before {
  top: -3px;
  bottom: -3px;
  left: 0;
  right: 0;
}
.tagify--mix .tagify__input {
  padding: 5px;
  margin: 0;
  width: 100%;
  height: 100%;
}
.tagify__dropdown {
  position: absolute;
  z-index: 9999;
  background: var(--background-accent-color);
  color: var(--text-color);
  max-height: 300px;
  overflow: auto;
  border: 1px solid var(--border-color);
  -webkit-box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.tagify__dropdown__item {
  display: flex;
  text-align: left !important;
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  padding: 0.35em 0.6em;
  margin: 2px;
  cursor: pointer;
  border-radius: 3px;
  position: relative;
  color: var(--table-header-color);
  align-items: stretch;
}
.tagify__dropdown__item > span.tagImage {
  flex-basis: 40px;
  height: 55px;
}
.tagify__dropdown__item > span.tagImage > img {
  width: 100%;
  height: 100%;
}
.tagify__dropdown__item > span.tagName {
  margin-left: 7px;
}
.tagify__dropdown__item > span.tagDescription {
  position: absolute;
  letter-spacing: 0;
  line-height: 14.6px;
  left: 64px;
  top: 22px;
  height: 29px;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--text-color-secondary);
}
.tagify__dropdown__item--active {
  background: var(--input-background);
}
.tagify__dropdown__item:active {
  background: var(--input-background);
}
body #tagify-wrapp {
  flex-basis: auto;
  text-align: right;
}
body #tagify-wrapp .tagify {
  width: auto;
  min-width: calc(50% - 30px);
  display: inline-block;
  text-align: left;
  border: 1px solid var(--border-color);
  overflow-x: hidden;
  vertical-align: top;
}
body #tagify-wrapp .tagify .tagify__input {
  display: inline-block;
  padding: 0;
  margin: 6px;
  min-width: 325px;
}
body #tagify-wrapp .tagify > tag > div {
  padding-top: 1px;
  padding-bottom: 1px;
}
body #tagify-wrapp .tagify > tag > div > span {
  max-width: 175px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
body #tagify-wrapp span.tags--removeAllBtn {
  background-clip: padding-box;
  background-color: var(--button-background);
  font-size: 15px;
  margin: 1px 7px;
  color: var(--button-color);
  display: inline-block;
  transition: border-bottom-color 600ms cubic-bezier(0.075, 0.82, 0.165, 1), border-top-color 600ms cubic-bezier(0.075, 0.82, 0.165, 1), border-left-color 600ms cubic-bezier(0.075, 0.82, 0.165, 1), border-right-color 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
  white-space: nowrap;
  padding: var(--button-padding);
  border-radius: var(--border-radius-basic);
  border: 0;
  text-transform: capitalize;
  position: relative;
  cursor: pointer;
  z-index: 1;
  vertical-align: top;
  padding: 11px;
  max-height: fit-content;
  margin-left: 10px;
}
body #tagify-wrapp span.tags--removeAllBtn:hover {
  background-color: var(--button-hover-background);
  color: var(--button-hover-color);
}
body #tagify-wrapp span.tags--removeAllBtn.active {
  background-color: var(--button-hover-background);
  color: var(--button-hover-color);
}
body #tagify-wrapp span.tags--removeAllBtn.button-add,
body #tagify-wrapp span.tags--removeAllBtn.primary-button,
body #tagify-wrapp span.tags--removeAllBtn[savebutton=T] {
  background-color: var(--button-inv-background);
  color: var(--button-inv-color);
}
body #tagify-wrapp span.tags--removeAllBtn.button-add:hover,
body #tagify-wrapp span.tags--removeAllBtn.primary-button:hover,
body #tagify-wrapp span.tags--removeAllBtn[savebutton=T]:hover {
  background-color: var(--button-hover-background);
  color: var(--button-hover-color);
}
body #tagify-wrapp span.tags--removeAllBtn[disabled]:hover {
  color: var(--button-color);
  background-color: var(--button-background);
  background-image: var(--button-background);
}
body #tagify-wrapp span.tags--removeAllBtn.disabled:hover {
  color: var(--button-color);
  background-color: var(--button-background);
}
body #tagify-wrapp span.tags--removeAllBtn[disabled] {
  color: var(--primary-color);
}
body #tagify-wrapp span.tags--removeAllBtn > i.iconr:first-child:not(:last-child),
body #tagify-wrapp span.tags--removeAllBtn > i.icons:first-child:not(:last-child) {
  margin-right: 5px;
}
body #tagify-wrapp span.tags--removeAllBtn > i.iconr:last-child:not(:first-child),
body #tagify-wrapp span.tags--removeAllBtn > i.icons:last-child:not(:first-child) {
  margin-left: 5px;
}
body #tagify-wrapp button {
  margin-right: 1px;
  padding: 10px 9px;
  max-height: fit-content;
  border-radius: 0;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  background: var(--button-inv-background);
  color: var(--button-inv-color);
}
body #tagify-wrapp button:hover {
  background-color: var(--secondary-color);
  color: var(--background-color);
}
body #tagify-wrapp .noTags {
  text-align: center;
  margin: 0;
  font-size: 1.1rem;
}
body .tagifyInDrop .submenu {
  width: 600px !important;
}
body .tagifyInDrop .TagifyForm {
  display: flex;
}
body .tagifyInDrop .TagifyForm .tags--removeAllBtn,
body .tagifyInDrop .TagifyForm button {
  height: 100%;
  margin: 0;
}
body .tagifyInDrop .TagifyForm .tagify {
  width: 100% !important;
  display: flex !important;
}
body .tagifyInDrop .TagifyForm .tagify tag x {
  top: 9px;
  right: 2px;
}
button,
.href-button {
  background-clip: padding-box;
  background-color: var(--button-background);
  font-size: 15px;
  margin: 1px 7px;
  cursor: pointer;
  color: var(--button-color);
  display: inline-block;
  transition: border-bottom-color 600ms cubic-bezier(0.075, 0.82, 0.165, 1), border-top-color 600ms cubic-bezier(0.075, 0.82, 0.165, 1), border-left-color 600ms cubic-bezier(0.075, 0.82, 0.165, 1), border-right-color 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
  white-space: nowrap;
  padding: var(--button-padding);
  border-radius: var(--border-radius-basic);
  border: 0;
  text-transform: capitalize;
}
button:hover,
.href-button:hover {
  background-color: var(--button-hover-background);
  color: var(--button-hover-color);
}
button.active,
.href-button.active {
  background-color: var(--button-hover-background);
  color: var(--button-hover-color);
}
button.button-add,
.href-button.button-add,
button.primary-button,
.href-button.primary-button,
button[savebutton=T],
.href-button[savebutton=T] {
  background-color: var(--button-inv-background);
  color: var(--button-inv-color);
}
button.button-add:hover,
.href-button.button-add:hover,
button.primary-button:hover,
.href-button.primary-button:hover,
button[savebutton=T]:hover,
.href-button[savebutton=T]:hover {
  background-color: var(--button-hover-background);
  color: var(--button-hover-color);
}
button[disabled]:hover,
.href-button[disabled]:hover {
  color: var(--button-color);
  background-color: var(--button-background);
  background-image: var(--button-background);
}
button.disabled:hover,
.href-button.disabled:hover {
  color: var(--button-color);
  background-color: var(--button-background);
}
button[disabled],
.href-button[disabled] {
  color: var(--primary-color);
}
button > i.iconr:first-child:not(:last-child),
.href-button > i.iconr:first-child:not(:last-child),
button > i.icons:first-child:not(:last-child),
.href-button > i.icons:first-child:not(:last-child) {
  margin-right: 5px;
}
button > i.iconr:last-child:not(:first-child),
.href-button > i.iconr:last-child:not(:first-child),
button > i.icons:last-child:not(:first-child),
.href-button > i.icons:last-child:not(:first-child) {
  margin-left: 5px;
}
button.button-add,
.href-button.button-add {
  display: inline-block;
}
button.left-auto,
.href-button.left-auto {
  margin-left: auto;
}
button.no-margin,
.href-button.no-margin {
  margin: 0;
}
a > button {
  margin-left: 0;
  margin-right: 0;
}
.entryForm {
  margin-bottom: 40px;
  width: 100%;
  max-width: 1024px;
  margin-top: var(--div-entryForm-margin-top);
}
.entryForm h3 {
  margin: 0 0 15px 5px;
  font-weight: 600;
  font-size: 22px;
}
.entryForm form {
  width: 100%;
  max-width: 1024px;
  box-shadow: 0 0 40px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
  padding: var(--form-entryForm-padding);
  background: var(--box-background-gradient) !important;
  font-size: 14px;
}
.entryForm table {
  width: 100%;
  background-color: transparent !important;
  text-align: left !important;
}
.entryForm table tr td {
  padding: 5px;
  width: inherit !important;
  text-align: left !important;
}
.entryForm table tr td.entryTableCaption {
  font-weight: 500;
}
.entryForm table tr td input:not([type="file"]):not(#attachmentName43):not([type="checkbox"]) {
  width: 100% !important;
}
.entryForm table tr td input[type="checkbox"].formInputCheckbox {
  min-width: 13px;
  width: 13px !important;
  margin: 0;
}
.entryForm table tr td input {
  padding: var(--input-padding);
  height: var(--input-height);
  min-width: 82px;
  background: var(--input-background);
  color: var(--input-color);
  border-radius: 6px;
}
.entryForm table tr td input:disabled,
.entryForm table tr td input[readonly] {
  background: var(--input-disabled-background);
  color: var(--input-disabled-color);
}
.entryForm table tr td input.hasDatepicker {
  background: var(--input-background) !important;
  color: var(--table-header-color);
}
.entryForm table tr td input[type="file"] {
  border: none;
}
.entryForm table tr td .chzn-container {
  width: 100% !important;
  padding: var(--input-padding);
  min-width: 82px;
  background: var(--input-background);
  border-radius: 6px;
}
.entryForm .form-button-bottom {
  display: flex !important;
  justify-content: end;
  flex-direction: row-reverse;
}
/* * guides 1.2.9 * Simple way to highlighting DOM elements and guide your users with step-by-step welcome tours in your web app. * https://github.com/ejulianova/guides * * Copyright 2015, Elena Petrova <elena.julianova@gmail.com> * Released under the MIT license.*/
.guides-canvas,
.guides-mask,
.guides-overlay {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  /*.guides-current-element {
      z-index: 99997;
      position: relative
  } */
}
.guides-canvas .guides-overlay,
.guides-mask .guides-overlay,
.guides-overlay .guides-overlay {
  position: fixed;
  z-index: 99996;
  height: 100%;
  min-height: 100%;
}
.guides-canvas .guides-overlay-hidden,
.guides-mask .guides-overlay-hidden,
.guides-overlay .guides-overlay-hidden {
  background: rgba(0, 0, 0, 0.6);
}
.guides-canvas .guides-mask,
.guides-mask .guides-mask,
.guides-overlay .guides-mask {
  z-index: 99998;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.4;
  }
}
@-moz-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.4;
  }
}
@-o-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.4;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.4;
  }
}
.guides-canvas .guides-fade-in,
.guides-mask .guides-fade-in,
.guides-overlay .guides-fade-in {
  -webkit-animation: fadeIn 0.25s ease;
  -moz-animation: fadeIn 0.25s ease;
  -o-animation: fadeIn 0.25s ease;
  animation: fadeIn 0.25s ease;
}
.guides-canvas .guides-guide-hide,
.guides-mask .guides-guide-hide,
.guides-overlay .guides-guide-hide {
  z-index: 99998;
  display: inline-block;
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
}
.guides-canvas .guides-guide-highlight,
.guides-mask .guides-guide-highlight,
.guides-overlay .guides-guide-highlight {
  border: 2px solid var(--secondary-color);
  z-index: 99999;
  display: inline-block;
  position: absolute;
}
.guides-canvas .guides-guide,
.guides-mask .guides-guide,
.guides-overlay .guides-guide {
  color: var(--text-color);
  font-size: 1.5rem;
  position: absolute;
  margin: 5px;
  z-index: 99999;
}
.guides-canvas .guides-guide svg,
.guides-mask .guides-guide svg,
.guides-overlay .guides-guide svg {
  position: absolute;
  top: 0;
  left: 0;
}
.guides-canvas .guides-guide span .guTitle,
.guides-mask .guides-guide span .guTitle,
.guides-overlay .guides-guide span .guTitle {
  display: block;
  padding: 10px;
  margin: 0px;
  border: none;
  color: var(--text-color);
  border-bottom: 1px solid var(--border-color);
  background: linear-gradient(to bottom, var(--background-color) 5%, var(--background-color) 100%);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  font-weight: bold;
  position: relative;
}
.guides-canvas .guides-guide span .guBody,
.guides-mask .guides-guide span .guBody,
.guides-overlay .guides-guide span .guBody {
  display: block;
  padding: 10px 15px;
}
.guides-canvas .guides-guide span .guFooter,
.guides-mask .guides-guide span .guFooter,
.guides-overlay .guides-guide span .guFooter {
  display: block;
  color: var(--text-color-secondary);
  font-size: 9px;
  padding: 15px 15px;
  position: relative;
}
.guides-canvas .guides-guide span .guFooterButtons,
.guides-mask .guides-guide span .guFooterButtons,
.guides-overlay .guides-guide span .guFooterButtons {
  position: absolute;
  right: 15px;
  bottom: 10px;
}
.guides-canvas .guides-guide span .guFooterButtons > a,
.guides-mask .guides-guide span .guFooterButtons > a,
.guides-overlay .guides-guide span .guFooterButtons > a {
  color: gray;
  padding: 5px;
}
.guides-canvas .guides-guide span .guFooterButtons > a:hover,
.guides-mask .guides-guide span .guFooterButtons > a:hover,
.guides-overlay .guides-guide span .guFooterButtons > a:hover {
  color: black;
  cursor: pointer;
}
.guides-canvas .guides-guide span .guFooterButtons > button.prev,
.guides-mask .guides-guide span .guFooterButtons > button.prev,
.guides-overlay .guides-guide span .guFooterButtons > button.prev {
  background-color: var(--button-background);
}
.guides-canvas .guides-guide span .guFooterButtons > button.prev:hover,
.guides-mask .guides-guide span .guFooterButtons > button.prev:hover,
.guides-overlay .guides-guide span .guFooterButtons > button.prev:hover {
  background-color: var(--secondary-color);
}
.guides-canvas .guides-guide span .guFooterButtons > button,
.guides-mask .guides-guide span .guFooterButtons > button,
.guides-overlay .guides-guide span .guFooterButtons > button {
  font-size: 11px;
  padding-left: 5px;
  padding-right: 5px;
}
.guides-canvas .guides-guide > span,
.guides-mask .guides-guide > span,
.guides-overlay .guides-guide > span {
  display: inline-block;
  /* text-shadow: 0 0 20px #fff; */
  min-width: 300px;
  max-width: 500px;
  font-size: 12px;
  text-align: left;
  color: var(--text-color);
  padding: 0px;
  background: var(--background-color);
  border: 1px solid var(--border-color);
  /*
      border-radius: 5px;
        border: 1px solid white;
      background-color: rgba(255,255,255,0.9);
      */
}
.guides-canvas .guides-top svg,
.guides-mask .guides-top svg,
.guides-overlay .guides-top svg {
  top: auto;
  bottom: 0;
}
.guides-canvas .guides-left svg,
.guides-mask .guides-left svg,
.guides-overlay .guides-left svg {
  left: auto;
  right: 0;
}
.button-dropdown {
  position: relative;
}
.button-dropdown > .button-dropdown-container {
  position: absolute;
  overflow: hidden;
  height: 0;
  transition: height ease-in 200ms;
}
.button-dropdown > .button-dropdown-container.button-dropdown-active {
  height: auto;
  overflow: visible;
}
.button-dropdown > .button-dropdown-container.right-aligned {
  right: 0;
}
.button-dropdown {
  --dropdown-padding: 10px;
  position: relative;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
}
.button-dropdown:not(:first-child):not(.button-dropdown-nested) {
  margin-left: 10px;
}
.button-dropdown.with-overflow {
  position: unset;
}
.button-dropdown.right-bordered {
  margin-right: 2px;
  padding-right: 2px;
  border-right: 4px solid transparent;
}
.button-dropdown .button-dropdown-button {
  z-index: 1001;
  margin: 0;
}
.button-dropdown .button-dropdown-button > i:first-child {
  margin-right: 5px;
}
.button-dropdown .button-dropdown-button > i:last-child {
  margin-right: 5px;
}
.button-dropdown .button-dropdown-button > i.iconb {
  margin: 0;
}
.button-dropdown .button-dropdown-button.has-arrow:after {
  font-size: 80%;
  padding-left: 6px;
  font-family: 'Font Awesome 5 Pro';
  content: "\f078";
  transition: transform 100ms ease-in;
}
.button-dropdown .button-dropdown-button.has-arrow.active:after {
  transform: rotate(180deg) translateX(-6px);
}
.button-dropdown .button-dropdown-container {
  position: absolute;
  display: none;
  background-color: var(--main-dropdown-color);
  backdrop-filter: blur(3px);
  box-shadow: var(--select-box-shadow);
  z-index: 1000;
  padding: 9px;
  text-align: left;
  overflow: hidden;
  min-width: 152px;
  margin: 0 auto;
  width: auto;
  transition: width var(--basic-content-transition-delay) ease, left var(--basic-content-transition-delay) ease;
  overflow-y: auto;
  border-radius: var(--border-radius-large);
  top: var(--button-dropdown-container-top);
  box-shadow: 0 0 5px var(--default-box-shadow);
  height: 0;
  padding: 0;
  margin-top: var(--dropdown-padding);
  animation: growDown 250ms linear forwards;
  transform-origin: top center;
}
.button-dropdown .button-dropdown-container.button-dropdown-active {
  border: 1px solid var(--main-dropdown-color) !important;
}
.button-dropdown .button-dropdown-container.button-dropdown-active {
  padding: 9px;
  display: block;
}
.button-dropdown .button-dropdown-container .default-wrapper {
  display: flex;
  justify-content: right;
  align-items: center;
  flex-wrap: wrap;
}
.button-dropdown .button-dropdown-container .default-wrapper label,
.button-dropdown .button-dropdown-container .default-wrapper button {
  display: block;
  width: 100%;
}
.button-dropdown .button-dropdown-container .default-wrapper label input,
.button-dropdown .button-dropdown-container .default-wrapper button input {
  display: none;
}
.button-dropdown .button-dropdown-container .default-wrapper label span:hover,
.button-dropdown .button-dropdown-container .default-wrapper button span:hover {
  color: var(--primary-color);
}
.button-dropdown .button-dropdown-container .default-wrapper label span.selected,
.button-dropdown .button-dropdown-container .default-wrapper button span.selected {
  background: var(--border-color);
  color: var(--background-color);
}
.button-dropdown .button-dropdown-container .default-wrapper label input:checked + span,
.button-dropdown .button-dropdown-container .default-wrapper button input:checked + span {
  background: var(--border-color);
  color: var(--background-color);
}
.button-dropdown .button-dropdown-container .default-wrapper button {
  text-align: left;
}
.button-dropdown .button-dropdown-container i.icons,
.button-dropdown .button-dropdown-container i.iconr {
  color: var(--tertiary-color);
  font-size: 16px;
  position: relative;
  top: 2px;
  min-width: 18px;
}
.button-dropdown .button-dropdown-container .title {
  cursor: pointer;
  border-bottom: 1px solid var(--border-color);
  text-align: center;
  padding: var(--dropdown-padding) var(--dropdown-padding) calc(var(--dropdown-padding) / 2);
  margin: 0 0 calc(var(--dropdown-padding) / 2);
  font-weight: 600;
  width: 100%;
}
.button-dropdown .button-dropdown-container .button-with-icon {
  display: flex;
  align-items: baseline;
}
.button-dropdown .button-dropdown-container .button-with-icon > i {
  min-width: 25px;
  text-align: center;
}
.button-dropdown .button-dropdown-container .button-with-icon > .button-toggle {
  margin-left: auto;
  padding-left: var(--dropdown-padding);
}
.button-dropdown .button-dropdown-container .item label,
.button-dropdown .button-dropdown-container form label,
.button-dropdown .button-dropdown-container > label,
.button-dropdown .button-dropdown-container .button-dropdown-column > label,
.button-dropdown .button-dropdown-container .button-dropdown-column > .button-dropdown-column-content > label,
.button-dropdown .button-dropdown-container .shrinkable-column > label {
  display: flex;
  flex: 1 1 100%;
  padding: calc(var(--dropdown-padding) / 3) var(--dropdown-padding);
  align-items: center;
}
.button-dropdown .button-dropdown-container .item label:hover,
.button-dropdown .button-dropdown-container form label:hover,
.button-dropdown .button-dropdown-container > label:hover,
.button-dropdown .button-dropdown-container .button-dropdown-column > label:hover,
.button-dropdown .button-dropdown-container .button-dropdown-column > .button-dropdown-column-content > label:hover,
.button-dropdown .button-dropdown-container .shrinkable-column > label:hover {
  background-color: var(--button-hover-background);
  color: var(--button-hover-color);
  cursor: pointer;
}
.button-dropdown .button-dropdown-container .item label input[type="checkbox"],
.button-dropdown .button-dropdown-container form label input[type="checkbox"],
.button-dropdown .button-dropdown-container > label input[type="checkbox"],
.button-dropdown .button-dropdown-container .button-dropdown-column > label input[type="checkbox"],
.button-dropdown .button-dropdown-container .button-dropdown-column > .button-dropdown-column-content > label input[type="checkbox"],
.button-dropdown .button-dropdown-container .shrinkable-column > label input[type="checkbox"] {
  width: 18px;
  min-width: 18px;
}
.button-dropdown .button-dropdown-container > br,
.button-dropdown .button-dropdown-container .shrinkable-column > br {
  display: none;
}
.button-dropdown .button-dropdown-container .actions {
  text-align: center;
  padding: var(--dropdown-padding);
  width: 100%;
}
.button-dropdown .button-dropdown-container .actions button {
  margin: 0;
  width: 100%;
  padding: 8px 12px;
}
.button-dropdown .button-dropdown-container .actions button:not(:last-child) {
  margin-bottom: 10px;
}
.button-dropdown .button-dropdown-container .button-dropdown-column {
  margin: var(--dropdown-padding);
}
.button-dropdown .button-dropdown-container .button-dropdown-column.simple-box,
.button-dropdown .button-dropdown-container .button-dropdown-column > .button-dropdown-column-content {
  border-radius: var(--border-radius-large);
  background-color: var(--background-accent-color-light);
}
.button-dropdown .button-dropdown-container .button-dropdown-column.simple-box:not(:first-child),
.button-dropdown .button-dropdown-container .button-dropdown-column > .button-dropdown-column-content:not(:first-child) {
  margin-top: calc(var(--dropdown-padding) * 2);
}
.button-dropdown .button-dropdown-container .button-dropdown-column.simple-box > label,
.button-dropdown .button-dropdown-container .button-dropdown-column > .button-dropdown-column-content > label {
  padding: calc(var(--dropdown-padding) / 2) calc(var(--dropdown-padding) * 2);
}
.button-dropdown .button-dropdown-container .button-dropdown-column.simple-box > label:last-child,
.button-dropdown .button-dropdown-container .button-dropdown-column > .button-dropdown-column-content > label:last-child {
  border-bottom-left-radius: var(--border-radius-large);
  border-bottom-right-radius: var(--border-radius-large);
  padding-bottom: var(--dropdown-padding);
}
.button-dropdown .button-dropdown-container .button-dropdown-column.simple-box {
  margin: 0;
}
.button-dropdown .button-dropdown-container .shrinkable-column {
  display: flex;
  flex-wrap: wrap;
}
.button-dropdown .button-dropdown-container .shrinkable-column.shrink-2 > label {
  flex-basis: 50%;
}
.button-dropdown .button-dropdown-container .shrinkable-column.shrink-3 > label {
  flex-basis: 33%;
}
.button-dropdown .button-dropdown-container.button-dropdown-columns-container {
  flex-wrap: wrap;
  justify-content: space-between;
}
.button-dropdown .button-dropdown-container.button-dropdown-columns-container > form {
  width: 100%;
  display: flex;
  justify-content: center;
}
.button-dropdown .button-dropdown-container.wide-container {
  grid-template: auto auto / auto auto auto auto auto;
}
.button-dropdown .button-dropdown-container.wide-container .button-dropdown-column {
  min-width: 200px;
}
.button-dropdown .button-dropdown-container.wide-container > form {
  grid-column-start: 1;
  grid-column-end: 6;
}
.button-dropdown.grid-menu .button-dropdown-container,
.button-dropdown.grid-menu {
  width: auto;
}
.button-dropdown.grid-menu .button-dropdown-container .message,
.button-dropdown.grid-menu .message {
  box-shadow: none;
}
.button-dropdown.grid-menu .button-dropdown-container.primaryFont,
.button-dropdown.grid-menu.primaryFont {
  text-transform: none;
}
.button-dropdown.grid-menu .button-dropdown-container .data-pickers,
.button-dropdown.grid-menu .data-pickers {
  display: none;
}
.button-dropdown.grid-menu .button-dropdown-container .selected,
.button-dropdown.grid-menu .selected {
  color: var(--href-hover-color);
}
.button-dropdown.grid-menu .button-dropdown-container > a.item,
.button-dropdown.grid-menu > a.item {
  padding: 5px 0;
  display: flex;
  justify-content: center;
  margin: 0;
  font-weight: 400;
  line-height: 1.5;
  transition: all 0.4s ease 0s;
  font-size: 0.85rem;
  cursor: pointer;
}
.button-dropdown.grid-menu .button-dropdown-container .item,
.button-dropdown.grid-menu .item {
  padding: 0 5px 5px 0;
}
.button-dropdown.grid-menu .button-dropdown-container .item > *,
.button-dropdown.grid-menu .item > * {
  cursor: pointer;
}
.button-dropdown.grid-menu .button-dropdown-container .item label,
.button-dropdown.grid-menu .item label {
  display: inline-flex;
}
.button-dropdown.grid-menu .button-dropdown-container input[type='checkbox'],
.button-dropdown.grid-menu input[type='checkbox'] {
  min-width: 24px;
  width: 24px;
  margin: 0;
}
.button-dropdown.columns-box > .button-dropdown-container {
  min-width: 232px;
}
.button-dropdown.action-menu:hover > button > i,
.button-dropdown.action-menu.childActive > button > i {
  color: var(--primary-color) !important;
}
.button-dropdown.action-menu > .button-dropdown-container {
  display: flex;
  flex-direction: column;
  padding: 0;
  text-align: left;
}
.button-dropdown.action-menu > .button-dropdown-container > li {
  list-style: none;
}
.button-dropdown.action-menu > .button-dropdown-container > br,
.button-dropdown.action-menu > .button-dropdown-container > form > br {
  display: none;
}
.button-dropdown.action-menu > .button-dropdown-container > button,
.button-dropdown.action-menu > .button-dropdown-container > .menu-box-nested > button,
.button-dropdown.action-menu > .button-dropdown-container > form:not(.actions) > button,
.button-dropdown.action-menu > .button-dropdown-container > a,
.button-dropdown.action-menu > .button-dropdown-container > li > a,
.button-dropdown.action-menu > .button-dropdown-container .view-saver a {
  text-align: left;
  background: transparent;
  color: var(--link-accent-color);
  text-decoration: none;
  display: flex;
  padding: var(--dropdown-padding);
  position: relative;
  margin: 0;
  font-size: unset;
  width: 100%;
  border-radius: 0;
}
.button-dropdown.action-menu > .button-dropdown-container > button svg.account-icon,
.button-dropdown.action-menu > .button-dropdown-container > .menu-box-nested > button svg.account-icon,
.button-dropdown.action-menu > .button-dropdown-container > form:not(.actions) > button svg.account-icon,
.button-dropdown.action-menu > .button-dropdown-container > a svg.account-icon,
.button-dropdown.action-menu > .button-dropdown-container > li > a svg.account-icon,
.button-dropdown.action-menu > .button-dropdown-container .view-saver a svg.account-icon {
  fill: var(--link-accent-color) !important;
}
.button-dropdown.action-menu > .button-dropdown-container > button:hover,
.button-dropdown.action-menu > .button-dropdown-container > .menu-box-nested > button:hover,
.button-dropdown.action-menu > .button-dropdown-container > form:not(.actions) > button:hover,
.button-dropdown.action-menu > .button-dropdown-container > a:hover,
.button-dropdown.action-menu > .button-dropdown-container > li > a:hover,
.button-dropdown.action-menu > .button-dropdown-container .view-saver a:hover,
.button-dropdown.action-menu > .button-dropdown-container > button.active,
.button-dropdown.action-menu > .button-dropdown-container > .menu-box-nested > button.active,
.button-dropdown.action-menu > .button-dropdown-container > form:not(.actions) > button.active,
.button-dropdown.action-menu > .button-dropdown-container > a.active,
.button-dropdown.action-menu > .button-dropdown-container > li > a.active,
.button-dropdown.action-menu > .button-dropdown-container .view-saver a.active {
  background-color: var(--button-hover-background);
  color: var(--button-hover-color);
}
.button-dropdown.action-menu > .button-dropdown-container > button:hover svg.account-icon,
.button-dropdown.action-menu > .button-dropdown-container > .menu-box-nested > button:hover svg.account-icon,
.button-dropdown.action-menu > .button-dropdown-container > form:not(.actions) > button:hover svg.account-icon,
.button-dropdown.action-menu > .button-dropdown-container > a:hover svg.account-icon,
.button-dropdown.action-menu > .button-dropdown-container > li > a:hover svg.account-icon,
.button-dropdown.action-menu > .button-dropdown-container .view-saver a:hover svg.account-icon,
.button-dropdown.action-menu > .button-dropdown-container > button.active svg.account-icon,
.button-dropdown.action-menu > .button-dropdown-container > .menu-box-nested > button.active svg.account-icon,
.button-dropdown.action-menu > .button-dropdown-container > form:not(.actions) > button.active svg.account-icon,
.button-dropdown.action-menu > .button-dropdown-container > a.active svg.account-icon,
.button-dropdown.action-menu > .button-dropdown-container > li > a.active svg.account-icon,
.button-dropdown.action-menu > .button-dropdown-container .view-saver a.active svg.account-icon {
  fill: var(--button-hover-color) !important;
}
.button-dropdown.action-menu > .button-dropdown-container > button.selected,
.button-dropdown.action-menu > .button-dropdown-container > .menu-box-nested > button.selected,
.button-dropdown.action-menu > .button-dropdown-container > form:not(.actions) > button.selected,
.button-dropdown.action-menu > .button-dropdown-container > a.selected,
.button-dropdown.action-menu > .button-dropdown-container > li > a.selected,
.button-dropdown.action-menu > .button-dropdown-container .view-saver a.selected,
.button-dropdown.action-menu > .button-dropdown-container > button [selected],
.button-dropdown.action-menu > .button-dropdown-container > .menu-box-nested > button [selected],
.button-dropdown.action-menu > .button-dropdown-container > form:not(.actions) > button [selected],
.button-dropdown.action-menu > .button-dropdown-container > a [selected],
.button-dropdown.action-menu > .button-dropdown-container > li > a [selected],
.button-dropdown.action-menu > .button-dropdown-container .view-saver a [selected] {
  font-weight: bold;
}
.button-dropdown.action-menu > .button-dropdown-container.button-dropdown-active {
  overflow: hidden;
}
.button-dropdown.action-menu.advanced-actions .red-button,
.button-dropdown.action-menu.advanced-actions .red-button > i {
  color: var(--message-error-color);
}
.button-dropdown.action-menu.advanced-actions .red-button:hover,
.button-dropdown.action-menu.advanced-actions .red-button > i:hover {
  color: var(--message-error-color-light);
}
.button-dropdown.no-text-button .button-dropdown-button > i {
  margin: 0;
}
.button-dropdown.noreact > .button-dropdown-container,
.button-dropdown.no-react > .button-dropdown-container {
  display: none;
  overflow: hidden;
}
.button-dropdown.noreact > .button-dropdown-container.button-dropdown-active,
.button-dropdown.no-react > .button-dropdown-container.button-dropdown-active {
  display: block;
  height: auto;
}
.button-dropdown.noreact > .button-dropdown-container.button-dropdown-active.button-dropdown-columns-container,
.button-dropdown.no-react > .button-dropdown-container.button-dropdown-active.button-dropdown-columns-container {
  display: flex;
}
.button-dropdown.noreact > .button-dropdown-container.button-dropdown-active.button-dropdown-columns-container.wide-container,
.button-dropdown.no-react > .button-dropdown-container.button-dropdown-active.button-dropdown-columns-container.wide-container {
  display: grid;
}
.button-dropdown.button-dropdown-nested > .button-dropdown-container {
  position: absolute;
  top: 0;
  margin-top: 0;
  left: calc(100% + 2px);
}
.button-dropdown.button-dropdown-nested.right-aligned > .button-dropdown-container {
  left: unset;
  right: calc(100% + 1px);
}
.component-holder.statusBox label,
.componentHolder.statusBox label {
  padding: 3px;
  display: block;
  cursor: pointer;
}
.component-holder.statusBox label:hover,
.componentHolder.statusBox label:hover {
  background-color: var(--background-color);
}
.component-holder .table-holder,
.componentHolder .table-holder {
  display: inline-block;
  margin: var(--section-customer-list);
}
.component-holder .table-holder .paginator-wrapper,
.componentHolder .table-holder .paginator-wrapper {
  order: 0;
  -webkit-order: 0;
  align-self: flex-start;
}
.component-holder .table-holder .paginator-wrapper .paginator,
.componentHolder .table-holder .paginator-wrapper .paginator {
  padding-left: 0;
  border: 0;
  margin: 5px 0;
  background: transparent;
}
.component-holder .table-holder .float-box-wrapper,
.componentHolder .table-holder .float-box-wrapper {
  max-width: calc(var(--vw, 1vw) * 100 - 270px) !important;
  justify-content: unset;
  left: 230px;
  margin: 0;
  background: var(--background-color);
  width: calc(100% + 80px);
  margin-left: -20px;
  padding: 0 0 0 20px;
  z-index: 10;
  padding-top: var(--table-paginator-padding-top);
  box-shadow: 30px 0 0 var(--background-color);
}
.component-holder .table-holder .float-box-wrapper .float-box-left,
.componentHolder .table-holder .float-box-wrapper .float-box-left,
.component-holder .table-holder .float-box-wrapper .float-box-right,
.componentHolder .table-holder .float-box-wrapper .float-box-right {
  align-self: flex-end;
  flex-grow: 0;
  flex-shrink: 0;
}
.component-holder .table-holder .float-box-wrapper .float-box-left > button,
.componentHolder .table-holder .float-box-wrapper .float-box-left > button,
.component-holder .table-holder .float-box-wrapper .float-box-right > button,
.componentHolder .table-holder .float-box-wrapper .float-box-right > button,
.component-holder .table-holder .float-box-wrapper .float-box-left > a,
.componentHolder .table-holder .float-box-wrapper .float-box-left > a,
.component-holder .table-holder .float-box-wrapper .float-box-right > a,
.componentHolder .table-holder .float-box-wrapper .float-box-right > a {
  margin-left: 10px;
  margin-right: 0px;
}
.component-holder .table-holder .float-box-wrapper .float-box-left > button > button,
.componentHolder .table-holder .float-box-wrapper .float-box-left > button > button,
.component-holder .table-holder .float-box-wrapper .float-box-right > button > button,
.componentHolder .table-holder .float-box-wrapper .float-box-right > button > button,
.component-holder .table-holder .float-box-wrapper .float-box-left > a > button,
.componentHolder .table-holder .float-box-wrapper .float-box-left > a > button,
.component-holder .table-holder .float-box-wrapper .float-box-right > a > button,
.componentHolder .table-holder .float-box-wrapper .float-box-right > a > button {
  margin-left: 0px;
}
.component-holder .table-holder .float-box-wrapper .float-box-left,
.componentHolder .table-holder .float-box-wrapper .float-box-left {
  order: 1;
  -webkit-order: 1;
  margin-right: 0;
  flex-grow: 2;
  z-index: 10;
}
.component-holder .table-holder .float-box-wrapper .float-box-right,
.componentHolder .table-holder .float-box-wrapper .float-box-right {
  order: 2;
  -webkit-order: 2;
  margin-left: 0;
  margin-right: 0;
  z-index: 10;
}
.component-holder .float-box-wrapper,
.componentHolder .float-box-wrapper {
  display: flex;
  justify-content: right;
  align-items: center;
  flex-wrap: wrap;
}
.component-holder .float-box-wrapper .float-box,
.componentHolder .float-box-wrapper .float-box {
  position: absolute;
  display: none;
  background-color: var(--main-dropdown-color);
  backdrop-filter: blur(3px);
  box-shadow: var(--select-box-shadow);
  z-index: 1000;
  padding: 9px;
  text-align: left;
  overflow: hidden;
  min-width: 152px;
  margin: 0 auto;
  width: auto;
  transition: width var(--basic-content-transition-delay) ease, left var(--basic-content-transition-delay) ease;
  overflow-y: auto;
  border-radius: var(--border-radius-large);
  top: var(--button-dropdown-container-top);
  box-shadow: 0 0 5px var(--default-box-shadow);
}
.component-holder .float-box-wrapper .float-box.button-dropdown-active,
.componentHolder .float-box-wrapper .float-box.button-dropdown-active {
  border: 1px solid var(--main-dropdown-color) !important;
}
.component-holder .float-box-wrapper .float-box.bottom-aligned,
.componentHolder .float-box-wrapper .float-box.bottom-aligned {
  top: auto;
  bottom: 33px;
}
.component-holder .float-box-wrapper .float-box.float-box.columnsBox table,
.componentHolder .float-box-wrapper .float-box.float-box.columnsBox table {
  margin-bottom: 5px;
}
.component-holder .float-box-wrapper .float-box.float-box.columnsBox table td,
.componentHolder .float-box-wrapper .float-box.float-box.columnsBox table td {
  vertical-align: top;
  white-space: nowrap;
}
.component-holder .float-box-wrapper .float-box.float-box.columnsBox table td > div,
.componentHolder .float-box-wrapper .float-box.float-box.columnsBox table td > div {
  position: relative;
  border-bottom: 1px solid var(--border-color);
  text-align: center;
  padding: 0 0 5px;
  margin: 0 0 5px;
  z-index: 2;
  font-weight: 600;
  font-size: 12px;
}
.component-holder .float-box-wrapper .float-box.float-box.columnsBox hr,
.componentHolder .float-box-wrapper .float-box.float-box.columnsBox hr {
  display: none;
}
.component-holder .float-box-wrapper .float-box.float-box.columnsBox button,
.componentHolder .float-box-wrapper .float-box.float-box.columnsBox button {
  margin: 5px !important;
}
.component-holder .float-box-wrapper .float-box-left,
.componentHolder .float-box-wrapper .float-box-left,
.component-holder .float-box-wrapper .float-box-right,
.componentHolder .float-box-wrapper .float-box-right {
  margin: 10px 20px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  flex-wrap: nowrap;
  display: flex;
  position: relative;
}
.component-holder .float-box-wrapper .float-box-left > button,
.componentHolder .float-box-wrapper .float-box-left > button,
.component-holder .float-box-wrapper .float-box-right > button,
.componentHolder .float-box-wrapper .float-box-right > button,
.component-holder .float-box-wrapper .float-box-left > .button-dropdown,
.componentHolder .float-box-wrapper .float-box-left > .button-dropdown,
.component-holder .float-box-wrapper .float-box-right > .button-dropdown,
.componentHolder .float-box-wrapper .float-box-right > .button-dropdown {
  margin: 0;
}
.component-holder .float-box-wrapper .float-box-left > button:not(:first-child),
.componentHolder .float-box-wrapper .float-box-left > button:not(:first-child),
.component-holder .float-box-wrapper .float-box-right > button:not(:first-child),
.componentHolder .float-box-wrapper .float-box-right > button:not(:first-child),
.component-holder .float-box-wrapper .float-box-left > .button-dropdown:not(:first-child),
.componentHolder .float-box-wrapper .float-box-left > .button-dropdown:not(:first-child),
.component-holder .float-box-wrapper .float-box-right > .button-dropdown:not(:first-child),
.componentHolder .float-box-wrapper .float-box-right > .button-dropdown:not(:first-child) {
  margin-left: 10px;
}
.component-holder .float-box-wrapper .float-box-export,
.componentHolder .float-box-wrapper .float-box-export {
  margin-left: 10px;
}
.component-holder .float-box-wrapper .float-box-left,
.componentHolder .float-box-wrapper .float-box-left {
  text-align: right;
}
.component-holder .float-box-wrapper .float-box-right,
.componentHolder .float-box-wrapper .float-box-right {
  text-align: left;
}
.component-holder .float-box-wrapper .selectionButon,
.componentHolder .float-box-wrapper .selectionButon {
  background: transparent;
  color: var(--secondary-color);
}
.component-holder .float-box-wrapper .float-box.intervalsBox button,
.componentHolder .float-box-wrapper .float-box.intervalsBox button {
  background: transparent;
  color: var(--secondary-color);
  border: 0;
}
div.stats-controls,
div.statistics-currency {
  display: inline;
}
div.stats-controls ul.periods,
div.statistics-currency ul.periods {
  display: flex;
  flex-wrap: nowrap;
  padding: 0px;
  margin: 0;
}
div.stats-controls ul.periods li,
div.statistics-currency ul.periods li {
  display: inherit;
  margin: 0;
  white-space: nowrap;
  padding: 5px 19px 5px 1px;
  width: auto;
}
div.stats-controls ul.periods li.selected a,
div.statistics-currency ul.periods li.selected a {
  text-decoration: underline;
}
div.stats-controls ul.periods li a,
div.statistics-currency ul.periods li a {
  display: inline-block;
  cursor: pointer;
}
.jsDropDownMenu:not(.noBG) > i {
  background-clip: padding-box;
  background-color: var(--button-background);
  font-size: 15px;
  margin: 1px 7px;
  cursor: pointer;
  color: var(--button-color);
  display: inline-block;
  transition: border-bottom-color 600ms cubic-bezier(0.075, 0.82, 0.165, 1), border-top-color 600ms cubic-bezier(0.075, 0.82, 0.165, 1), border-left-color 600ms cubic-bezier(0.075, 0.82, 0.165, 1), border-right-color 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
  white-space: nowrap;
  padding: var(--button-padding);
  border-radius: var(--border-radius-basic);
  border: 0;
  text-transform: capitalize;
  padding: 0.55rem;
}
.jsDropDownMenu:not(.noBG) > i:hover {
  background-color: var(--button-hover-background);
  color: var(--button-hover-color);
}
.jsDropDownMenu:not(.noBG) > i.active {
  background-color: var(--button-hover-background);
  color: var(--button-hover-color);
}
.jsDropDownMenu:not(.noBG) > i.button-add,
.jsDropDownMenu:not(.noBG) > i.primary-button,
.jsDropDownMenu:not(.noBG) > i[savebutton=T] {
  background-color: var(--button-inv-background);
  color: var(--button-inv-color);
}
.jsDropDownMenu:not(.noBG) > i.button-add:hover,
.jsDropDownMenu:not(.noBG) > i.primary-button:hover,
.jsDropDownMenu:not(.noBG) > i[savebutton=T]:hover {
  background-color: var(--button-hover-background);
  color: var(--button-hover-color);
}
.jsDropDownMenu:not(.noBG) > i[disabled]:hover {
  color: var(--button-color);
  background-color: var(--button-background);
  background-image: var(--button-background);
}
.jsDropDownMenu:not(.noBG) > i.disabled:hover {
  color: var(--button-color);
  background-color: var(--button-background);
}
.jsDropDownMenu:not(.noBG) > i[disabled] {
  color: var(--primary-color);
}
.jsDropDownMenu:not(.noBG) > i > i.iconr:first-child:not(:last-child),
.jsDropDownMenu:not(.noBG) > i > i.icons:first-child:not(:last-child) {
  margin-right: 5px;
}
.jsDropDownMenu:not(.noBG) > i > i.iconr:last-child:not(:first-child),
.jsDropDownMenu:not(.noBG) > i > i.icons:last-child:not(:first-child) {
  margin-left: 5px;
}
.jsDropDownMenu {
  position: relative;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                   supported by Chrome and Opera */
}
.jsDropDownMenu > i {
  cursor: pointer;
}
.jsDropDownMenu > .submenu {
  background-color: var(--main-dropdown-color);
  backdrop-filter: blur(3px);
  box-shadow: var(--select-box-shadow);
  z-index: 1000;
  padding: 9px;
  text-align: left;
  overflow: hidden;
  min-width: 152px;
  margin: 0 auto;
  width: auto;
  transition: width var(--basic-content-transition-delay) ease, left var(--basic-content-transition-delay) ease;
  overflow-y: auto;
  border-radius: var(--border-radius-large);
  top: var(--button-dropdown-container-top);
  box-shadow: 0 0 5px var(--default-box-shadow);
  display: none;
  position: absolute;
}
.jsDropDownMenu > .submenu.button-dropdown-active {
  border: 1px solid var(--main-dropdown-color) !important;
}
.jsDropDownMenu > .submenu .message {
  box-shadow: none;
}
.jsDropDownMenu > .submenu.primaryFont {
  text-transform: none;
  font-family: 'Neue Helvetica', sans-serif;
}
.jsDropDownMenu > .submenu.opened {
  display: block;
}
.jsDropDownMenu > .submenu.singleCol {
  width: auto;
}
.jsDropDownMenu > .submenu.singleCol > a.item {
  padding: 5px 0;
  display: flex;
  justify-content: center;
  margin: 0;
  font-weight: 400;
  line-height: 1.5;
  transition: all 0.4s ease 0s;
  font-size: 0.85rem;
  cursor: pointer;
}
.jsDropDownMenu > .submenu.singleCol .data-pickers {
  display: none;
}
.jsDropDownMenu > .submenu.singleCol .selected {
  color: var(--href-hover-color);
}
.jsDropDownMenu > .submenu.singleCol .item {
  padding: 0 5px 5px 0;
}
.jsDropDownMenu > .submenu.singleCol .item > * {
  cursor: pointer;
}
.jsDropDownMenu > .submenu.singleCol .item label {
  display: inline-flex;
}
.jsDropDownMenu > .submenu.openRight {
  right: 1px;
  left: auto;
}
.jsDropDownMenu > .submenu.openCenter {
  left: auto;
  right: auto;
}
.jsDropDownMenu > .submenu .actions {
  text-align: center;
}
.jsDropDownMenu > .submenu .actions button {
  margin: 5px !important;
}
.jsDropDownMenu > .submenu .title {
  cursor: pointer;
  border-bottom: 1px solid var(--border-color);
  text-align: center;
  padding: 0 0 5px;
  margin: 0 0 5px;
  font-weight: 600;
  font-size: 12px;
}
.jsDropDownMenu > .submenu input[type='checkbox'] {
  min-width: 24px;
  width: 24px;
  margin: 0;
}
.tooltip-info,
.tooltipButton {
  font-size: 12px;
  color: var(--secondary-color);
  cursor: pointer;
  margin-right: 1px;
}
.tooltip-info::before,
.tooltipButton::before {
  transition: font-weight 400ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.tooltip-info:hover::before,
.tooltipButton:hover::before {
  font-weight: 300;
}
.tooltipButton::before {
  font-weight: 900;
  font-family: 'Font Awesome 5 Pro';
  content: " \f059";
}
body {
  /* This is the core CSS of Tooltipster */
  /* GENERAL STRUCTURE RULES (do not edit this section) */
  /* ANIMATIONS */
  /* Open/close animations */
  /* fade */
  /* grow */
  /* swing */
  /* fall */
  /* slide */
  /* Update animations */
  /* We use animations rather than transitions here because
   transition durations may be specified in the style tag due to
   animationDuration, and we try to avoid collisions and the use
   of !important */
  /* fade */
  /* rotate */
  /* scale */
  /**
   * DEFAULT STYLE OF THE SIDETIP PLUGIN
   *
   * All styles are "namespaced" with .tooltipster-sidetip to prevent
   * conflicts between plugins.
   */
  /* .tooltipster-box */
  /* .tooltipster-content */
  /* .tooltipster-arrow : will keep only the zone of .tooltipster-arrow-uncropped that
  corresponds to the arrow we want to display */
  /* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
  /* .tooltipster-arrow-background */
  /* .tooltipster-arrow-border */
  /* tooltipster-arrow-uncropped */
}
@keyframes tooltipster-fading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tooltipster-rotating {
  25% {
    transform: rotate(-2deg);
  }
  75% {
    transform: rotate(2deg);
  }
  100% {
    transform: rotate(0);
  }
}
@keyframes tooltipster-scaling {
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
body .tooltipster-base {
  display: flex;
  pointer-events: none;
  position: absolute;
}
body .tooltipster-box {
  flex: 1 1 auto;
}
body .tooltipster-content {
  box-sizing: border-box;
  max-height: 100%;
  max-width: 100%;
  overflow: auto;
  text-align: center;
}
body .tooltipster-ruler {
  bottom: 0;
  left: 0;
  overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
}
body .tooltipster-fade {
  opacity: 0;
  transition-property: opacity;
}
body .tooltipster-fade.tooltipster-show {
  animation: modalIn 100ms linear forwards;
  transform-origin: bottom center;
}
body .tooltipster-grow {
  transform: scale(0, 0);
  transition-property: transform;
}
body .tooltipster-grow.tooltipster-show {
  transform: scale(1, 1);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
body .tooltipster-swing {
  opacity: 0;
  transform: rotateZ(4deg);
  transition-property: transform;
}
body .tooltipster-swing.tooltipster-show {
  opacity: 1;
  transform: rotateZ(0deg);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}
body .tooltipster-fall {
  transition-property: top;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
body .tooltipster-fall.tooltipster-initial {
  top: 0 !important;
}
body .tooltipster-fall.tooltipster-dying {
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}
body .tooltipster-slide {
  transition-property: left;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}
body .tooltipster-slide.tooltipster-initial {
  left: -40px !important;
}
body .tooltipster-slide.tooltipster-dying {
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}
body .tooltipster-update-fade {
  animation: tooltipster-fading 200ms;
}
body .tooltipster-update-rotate {
  animation: tooltipster-rotating 200ms;
}
body .tooltipster-update-scale {
  animation: tooltipster-scaling 200ms;
}
body .tooltipster-content-default {
  color: var(--tooltipster-color_1);
  line-height: 18px;
  padding: 6px 14px;
  border: 1px solid var(--main-dropdown-color) !important;
  background-color: var(--background-color);
  box-shadow: 0 0 22px var(--popup-box-shadow);
  border-radius: var(--border-radius-large);
}
body .tooltipster-content-default.imporantColors {
  color: var(--tooltipster-color_1) !important;
  background-color: var(--background-color) !important;
}
body .tooltipster-content-default.imporantColors:after {
  border-right-color: var(--background-color) !important;
}
body .tooltipster-content-default ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 10px;
  text-align: left;
}
body .tooltipster-sidetip .tooltipster-content {
  color: var(--tooltipster-color_1);
  line-height: 18px;
  padding: 6px 14px;
  border: 1px solid var(--main-dropdown-color) !important;
  background-color: var(--background-color);
  box-shadow: 0 0 22px var(--popup-box-shadow);
  border-radius: var(--border-radius-large);
}
body .tooltipster-sidetip .tooltipster-content.imporantColors {
  color: var(--tooltipster-color_1) !important;
  background-color: var(--background-color) !important;
}
body .tooltipster-sidetip .tooltipster-content.imporantColors:after {
  border-right-color: var(--background-color) !important;
}
body .tooltipster-sidetip .tooltipster-content ul {
  list-style-type: none;
  padding: 0;
  margin: 0 0 0 10px;
  text-align: left;
}
body .tooltipster-sidetip .tooltipster-arrow {
  overflow: hidden;
  position: absolute;
}
body .tooltipster-sidetip .tooltipster-arrow-background {
  height: 0;
  position: absolute;
  width: 0;
  border: 9px solid transparent;
}
body .tooltipster-sidetip .tooltipster-arrow-border {
  height: 0;
  position: absolute;
  width: 0;
  border: 9px solid transparent;
  left: 0;
  top: 0;
}
body .tooltipster-sidetip .tooltipster-arrow-uncropped {
  position: relative;
}
body .tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
  margin-top: 9px;
}
body .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
  height: 10px;
  margin-left: -10px;
  top: 0;
  width: 20px;
}
body .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: var(--background-color);
  left: 0;
  top: 2px;
}
body .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
  border-bottom-color: var(--background-color);
}
body .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
  top: -9px;
}
body .tooltipster-sidetip.tooltipster-left .tooltipster-box {
  margin-right: 9px;
}
body .tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  right: 0;
  top: 0;
  width: 10px;
}
body .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: var(--background-color);
  left: -2px;
  top: 0;
}
body .tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
  border-left-color: var(--background-color);
}
body .tooltipster-sidetip.tooltipster-right .tooltipster-box {
  margin-left: 9px;
}
body .tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
  height: 20px;
  margin-top: -10px;
  left: 0;
  top: 0;
  width: 10px;
}
body .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: var(--background-color);
  left: 2px;
  top: 0;
}
body .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
  border-right-color: var(--background-color);
}
body .tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
  left: -9px;
}
body .tooltipster-sidetip.tooltipster-top .tooltipster-box {
  margin: 10px 20px 9px;
  max-width: 60vw;
}
body .tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
  bottom: 0;
  height: 10px;
  margin-left: -10px;
  width: 20px;
}
body .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: var(--background-color);
  left: 0;
  top: -2px;
}
body .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
  border-top-color: var(--background-color);
}
/***************************************
 *
 *     INFOBUTTON (CLUETIP)
 *
 ****************************************/
#cluetip {
  padding: 20px;
}
#cluetip.cluetip-rounded {
  background-color: var(--background-color);
  opacity: 0.98;
  color: var(--text-color);
  position: absolute;
  border: 1px solid var(--tooltipster-borderColor);
  border-radius: 0;
}
#cluetip.cluetip-rounded a {
  color: red;
}
#cluetip h4 {
  margin: 0;
}
#cluetip table {
  max-width: 50vw;
}
#cluetip table td {
  padding: 0 5px;
}
#cluetip table td font {
  color: var(--secondary-color) !important;
}
#cluetip .progressGif {
  width: 66px;
  height: 66px;
}
#cluetip #cluetip-close img {
  border: none;
}
#cluetip #cluetip-title {
  overflow: hidden;
}
#cluetip #cluetip-title #cluetip-close {
  float: right;
  position: relative;
}
#cluetip .clueTypeWait {
  width: 16px;
  height: 16px;
  border: none;
}
#cluetip #cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
}
#cluetip #cluetip-extra {
  display: none;
}
#cluetip.position_bellow {
  margin-top: 10px;
  z-index: 10003;
}
#cluetip.position_above {
  margin-bottom: 10px;
  z-index: 10003;
}
#cluetip.position_right {
  margin-left: 10px;
  z-index: 10003;
}
#cluetip.position_left {
  margin-right: 10px;
  z-index: 10003;
}
#cluetip_arrow {
  position: absolute;
  background: url(../images/infoButtonArrows_black.png) no-repeat;
  width: 10px;
  height: 10px;
  z-index: 1003;
}
#cluetip_arrow.position_bellow {
  background-position: 0 -10px;
  z-index: 1003;
}
#cluetip_arrow.position_above {
  background-position: 0 0;
  z-index: 1003;
}
#cluetip_arrow.position_right {
  background-position: -10px -10px;
  z-index: 1003;
}
#cluetip_arrow.position_left {
  background-position: 0 0;
  z-index: 1003;
}
.fieldWithInfoIcon {
  display: flex;
  justify-content: space-between;
}
.fieldWithInfoIcon i.info-icon {
  cursor: pointer;
  padding: 0 5px;
  color: #5f5f5f;
  font-size: 0.76rem;
}
.change-log {
  width: 1400px;
  min-height: 200px;
}
.change-log #chlgt-item-F {
  visibility: hidden;
}
.change-log .select-asin .react-select__control {
  min-width: 320px;
}
.change-log .select-brand .react-select__control {
  min-width: 200px;
}
.change-log h5 {
  padding-bottom: 5px;
}
.change-log .log-item-editor {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: var(--background-color);
}
.change-log .log-item-editor label {
  display: flex;
  padding: 5px;
  align-items: center;
}
.change-log .log-item-editor label > span {
  font-family: 'Oswald', sans-serif;
  font-size: 1.05rem;
  padding-right: 10px;
}
.change-log .log-item-editor label.date {
  flex-basis: 130px;
}
.change-log .log-item-editor label.date input {
  width: 85px;
}
.change-log .log-item-editor label.type,
.change-log .log-item-editor label.item {
  flex-grow: 1;
  flex-shrink: 1;
}
.change-log .log-item-editor label.change {
  flex-grow: 1;
}
.change-log .log-item-editor label > div,
.change-log .log-item-editor label > .Select,
.change-log .log-item-editor label > input {
  flex-grow: 1;
}
.change-log .log-item-editor label > input:focus {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 1px var(--border-color);
}
.change-log .log-item-editor .Select .Select-menu-outer {
  z-index: 1000;
}
.change-log .form-errors {
  color: var(--message-warning-color);
}
.change-log .form-errors ul {
  margin: 5px 0 0;
}
.change-log .logs-heading {
  padding-top: 20px;
}
.change-log .items-table tr.item-edited,
.change-log .items-table tr.item-edited td {
  background-color: var(--secondary-color) !important;
}
.change-log .items-table .item-wrap {
  display: flex;
  margin-bottom: -20px;
}
.change-log .items-table .item-wrap .item-image {
  max-width: 50px;
  max-height: 50px;
  margin-right: 10px;
}
.change-log .items-table .item-wrap .item-inner {
  display: flex;
  flex-wrap: wrap;
}
.change-log .items-table .item-wrap .item-inner .item-label {
  flex-basis: 100%;
}
.change-log .items-table .item-wrap .item-inner .item-details {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  color: var(--primary-color);
}
.change-log .items-table .item-wrap .item-inner .item-details .detail-type {
  font-weight: 500;
  display: none;
}
.change-log .items-table .item-wrap .item-inner .item-details .detail-value {
  padding-right: 10px;
}
.change-log table td:nth-child(3) {
  max-width: 300px !important;
}
.change-log button.save-button {
  background: var(--button-inv-background);
  color: var(--button-inv-color);
}
.change-log button.save-button:hover {
  background: var(--button-hover-background);
}
#payment-form-overlay * {
  margin: 0;
  padding: 0;
  outline: none;
}
#payment-form-overlay .payment-form-overlay {
  display: none;
  background: var(--background-color);
  position: fixed;
  z-index: 90;
  opacity: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}
#payment-form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#payment-form .service-list li {
  text-align: left;
}
#payment-form .subscription-row {
  background: var(--background-color);
  border: 1px solid var(--border-color);
  position: relative;
  text-align: left;
  padding: 10px;
  min-height: 46px;
  box-sizing: border-box;
  width: 800px;
  border-color: var(--secondary-color);
  border-bottom: 0;
  border-top: 0;
}
#payment-form .subscription-row p {
  font-size: 10pt;
  margin: 0;
}
#payment-form .subscription-row label:hover {
  cursor: pointer;
}
#payment-form .subscription-row label .tooltipButton {
  margin-left: -3px;
  margin-right: 3px;
}
#payment-form .subscription-row .name {
  font-size: 1.3em;
  font-weight: normal;
  display: inline-block;
  width: 75%;
}
#payment-form .subscription-row:not(:first-of-type) {
  border-top: none;
}
#payment-form .subscription-row.main-service {
  padding: 20px 10px;
  height: 68px;
  min-height: 68px;
  border-top: 1px solid var(--secondary-color);
}
#payment-form .subscription-row.addons-title {
  background: var(--background-color);
  padding: 10px 0 0;
}
#payment-form .subscription-row.addons-title p {
  margin: 0 10px;
}
#payment-form .subscription-row input[type=checkbox] {
  margin-right: 10px;
}
#payment-form .subscription-row .price {
  float: right;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.4em;
  color: var(--background-color);
}
#payment-form .subscription-row .plan-select {
  list-style-type: none;
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
  background: var(--background-color);
  background: linear-gradient(to bottom, var(--background-color) 0%, var(--background-color) 100%);
  display: block;
  max-height: 66px;
  height: auto;
  width: 300px;
  transition: max-height 400ms ease-in;
  overflow: hidden;
  color: var(--text-color);
  border: 0;
  background: transparent;
}
#payment-form .subscription-row .plan-select:not(.empty):before {
  float: left;
  margin: 23px 8px 0 8px;
  content: '\0025BC';
  position: absolute;
  z-index: 2;
  transform: rotate(0deg);
  transition: transform 100ms ease-in;
  color: var(--secondary-color);
  border: 1px solid var(--secondary-color);
  border-radius: 100%;
  font-size: 10px;
  text-align: center;
  padding: 4px 4px 0;
}
#payment-form .subscription-row .plan-select li {
  padding: 5px 5px 5px 30px;
  margin: 0;
  display: none;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 50px;
  text-align: right;
  max-height: 86px;
  min-height: 66px;
  border-bottom: 1px solid var(--border-color);
  position: relative;
  border: 0;
}
#payment-form .subscription-row .plan-select li.active {
  display: list-item;
}
#payment-form .subscription-row .plan-select li.disabled {
  cursor: auto;
  color: var(--primary-color);
  background: #9e9e9e;
}
#payment-form .subscription-row .plan-select li.addon {
  line-height: unset;
}
#payment-form .subscription-row .plan-select li .description {
  font-size: 0.75em;
  font-weight: normal;
  line-height: 1.4em;
  display: block;
  margin: 0 5px 0 0;
  white-space: normal;
  height: auto;
  width: auto;
}
#payment-form .subscription-row .plan-select li .noGo {
  color: var(--message-error-color);
  font-size: 10pt;
  font-weight: normal;
  position: relative;
  margin-top: 3px;
  top: 0;
  left: 0;
}
#payment-form .subscription-row .plan-select.active {
  z-index: 901;
  outline: 3px solid orange;
  transition: max-height 400ms ease-out;
  margin-bottom: 150px;
}
#payment-form .subscription-row .plan-select.active:before {
  transform: rotate(180deg);
  z-index: 20;
}
#payment-form .subscription-row .plan-select.active li {
  display: list-item;
  background: var(--background-color);
}
#payment-form .subscription-row .plan-select.active li:hover {
  background: var(--background-color);
}
#payment-form .subscription-row .plan-select.active li.disabled:hover {
  cursor: not-allowed;
}
#payment-form .subscription-row .plan-select:hover {
  background: var(--background-color);
}
#payment-form .subscription-row.selected {
  background-color: var(--background-color);
  height: 67px;
}
#payment-form .subscription-row.selected > .description {
  overflow: hidden;
  height: 26px;
  width: 450px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#payment-form .subscription-row.selected .price {
  color: var(--text-color);
}
#payment-form .acctrans {
  box-shadow: 0 0 40px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
  padding: 20px;
  font-size: 1rem;
  margin: 5px;
}
#payment-form .acctrans p {
  margin: 20px 0;
}
#payment-form .acctrans .acctrans-heading {
  border-bottom: 1px solid var(--border-color);
}
#payment-form .acctrans .acctrans-heading h3 {
  margin-bottom: 10px;
}
#payment-form .acctrans .acctrans-heading h5 {
  letter-spacing: 0;
  font-family: 'Neue Helvetica', sans-serif;
  font-size: 1rem;
  text-transform: none;
  line-height: normal;
  margin-top: 0;
  color: var(--text-color);
}
#payment-form .acctrans .acctrans-heading h5 b {
  color: var(--text-color);
}
#payment-form .acctrans .acctrans-heading .acctrans-orangebox {
  width: 32px;
  height: 3px;
  background-color: var(--secondary-color);
}
#payment-form .acctrans table {
  margin: 20px 0;
}
#payment-form .acctrans table .cancelRow td,
#payment-form .acctrans table .cancelRow td:last-child {
  padding: 0;
}
#payment-form .acctrans table .cancelRow button {
  background: 0;
  color: var(--message-error-color);
  padding: 0;
  font-size: 0.86rem;
}
#payment-form .acctrans table select {
  text-align-last: right;
}
#payment-form .acctrans table td {
  white-space: nowrap;
}
#payment-form .acctrans table td i {
  vertical-align: middle;
}
#payment-form .acctrans table td:first-child {
  padding: 5px 20px 5px 0;
  text-align: left;
}
#payment-form .acctrans table td:last-child {
  padding: 5px 0 5px 20px;
  text-align: right;
}
#payment-form .form-controls {
  display: flex;
  justify-content: flex-end;
}
#payment-form .form-controls .cancel-button {
  float: left;
  padding: 0;
  border: 0;
  background: none;
  margin-right: auto;
}
#payment-form .form-controls .cancel-button:hover {
  color: var(--href-hover-color);
}
#payment-form .payment-form {
  width: 800px;
}
#payment-form .payment-form .payment-icons {
  margin-top: 30px;
  opacity: 0.5;
}
#payment-form .payment-form .payment-icons img {
  width: 100px;
}
#payment-form .form-steps {
  display: flex;
  position: relative;
}
#payment-form .form-steps h5.top-name {
  font-size: 20px;
  line-height: 24px;
  margin: 0 6px;
}
#payment-form .form-steps .step {
  display: block;
  width: 0;
  transition: width 400ms ease-in, max-height 400ms ease-in, height 400ms ease-in;
  overflow: hidden;
}
#payment-form .form-steps .step .step-wrap {
  min-width: 800px;
  position: relative;
}
#payment-form .form-steps .step.step-active {
  width: 100%;
  overflow: visible;
}
#payment-form .form-steps .step.step-hidden {
  display: none;
}
#payment-form .form-steps .form-steps-loading {
  left: 0;
  top: 0;
  position: absolute;
  pointer-events: none;
  opacity: 0;
  background-color: var(--background-mask-color);
  transition: opacity 0ms ease-in;
  z-index: 500;
}
#payment-form .form-steps .form-steps-loading.loading {
  pointer-events: auto;
  opacity: 1;
  right: 0;
  bottom: 0;
  transition: opacity 300ms ease-in;
}
#payment-form .form-steps .form-steps-loading .fa {
  position: absolute;
  top: 50%;
  font-size: 40px;
  color: #666;
}
#payment-form .payment-note {
  position: relative;
  margin-top: 10px;
  padding: 10px 10px 10px 60px;
  text-align: left;
}
#payment-form .payment-note i.fa {
  position: absolute;
  left: 15px;
  top: 30px !important;
  font-size: 40px;
}
#payment-form .card-error {
  line-height: 32px;
  padding: 10px;
  color: var(--text-color);
  background: var(--message-error-color);
  text-align: center;
}
#payment-form .card-error * {
  margin: 0;
}
#payment-form .card-error > .fa {
  font-size: 32px;
  float: left;
  margin-right: 10px;
}
#payment-form .card-error > h3 {
  padding: 0;
  color: var(--background-color);
}
#payment-form .card-error > p {
  text-align: center;
}
#payment-form .form-controls button {
  margin: 0 0 0 15px;
}
.paymentMethod {
  box-shadow: 0 0 40px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
  padding: 20px;
  margin: 20px 5px;
}
.braintree-form * {
  outline: 0;
}
.braintree-form .braintree-placeholder,
.braintree-form .braintree-heading {
  color: var(--text-color);
}
.braintree-form .braintree-method__check-container:before {
  right: 7px;
}
.braintree-form .payment-note,
.braintree-form .card-error {
  margin-bottom: 10px;
}
.braintree-form .braintree-upper-container::before {
  background-color: var(--border-color);
}
.braintree-form .braintree-method {
  width: 100%;
  outline: 0;
  background: var(--background-color);
  border-color: var(--border-color);
}
.braintree-form .braintree-method .braintree-method__label {
  color: var(--text-color);
}
.braintree-form .braintree-methods--active:not(.braintree-methods--edit) .braintree-method--active {
  border-radius: 5px;
  opacity: 1;
  width: 100%;
  z-index: 1;
  border-color: var(--message-success-color);
  border-width: 2px;
  margin-top: -1px;
  margin-bottom: -1px;
}
.braintree-form .braintree-large-button.braintree-toggle {
  color: var(--text-color);
  background-color: transparent;
}
.braintree-form .braintree-large-button.braintree-toggle:hover {
  border-color: var(--border-color);
}
.braintree-form .braintree-option {
  background: var(--background-color);
}
.braintree-form .braintree-option .braintree-option__label {
  color: var(--text-color);
  margin-right: 50px;
}
.braintree-form .react-tabs__tab-panel--selected {
  display: block;
  background: var(--background-color);
  padding: 20px 0;
  min-height: 60px;
  margin-bottom: 0;
}
#payment-form .payment-summary {
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  background-color: var(--background-color);
  border: 0;
  margin: 20px 5px;
  color: var(--text-color);
  border-color: var(--secondary-color);
  border-top: 0;
  box-shadow: 0 0 40px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
  padding: 10px 15px;
}
#payment-form .payment-summary table td {
  vertical-align: top;
  text-align: right;
  font-size: 1.5em;
  text-transform: uppercase;
}
#payment-form .payment-summary table table td {
  padding: 5px;
  font-size: 0.75em;
}
#payment-form .payment-summary table table td .payment-big-label {
  font-weight: bold;
  font-size: 1.5em;
}
#payment-form .payment-summary table table td .payment-big {
  font-weight: bold;
  font-size: 1.8em;
}
#payment-form .maskPayment {
  left: 0;
  top: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 1;
  background-color: var(--background-mask-color);
  transition: opacity 0ms ease-in;
  z-index: 1000;
}
#payment-form .maskPayment div.modalPayment {
  background: var(--background-color);
  width: calc(600px - 40px);
  padding: 40px 30px;
  margin: 10% auto;
  z-index: 1100;
  position: relative;
  box-shadow: 0 0 40px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
}
#payment-form .maskPayment div.modalPayment img {
  width: 50%;
  margin: 0 auto 20px;
  display: block;
}
#payment-form .maskPayment div.modalPayment h2 {
  text-align: center;
  padding: 10px;
}
#payment-form .maskPayment div.modalPayment p {
  text-align: left;
  font-size: 16px;
}
#payment-form .maskPayment div.modalPayment button.yes {
  float: right;
}
#payment-form .maskPayment div.modalPayment div.buttonCheckbox {
  margin-bottom: 13px;
  line-height: 10px;
  padding: 0px;
}
#payment-form .maskPayment div.modalPayment label {
  cursor: pointer;
}
#payment-form .maskPayment div.modalPayment label > span {
  padding: 3px 0 3px 30px;
  display: block;
  line-height: 16px;
}
#payment-form .maskPayment div.modalPayment label::before {
  height: 18px;
  width: 18px;
  padding: 0px 0;
  display: inline-block;
  font-size: 14px;
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  appearance: none;
  border: 1px solid #afafaf;
  border-left: 3px solid #f2954f;
  outline: none;
  transition-duration: 0.3s;
  background-color: #f3f3f3;
  cursor: pointer;
  content: '';
  margin-right: 15px;
  position: absolute;
}
#payment-form .maskPayment div.modalPayment label:hover::before {
  background-color: #f2954f;
}
#payment-form .maskPayment div.modalPayment label.buttonCheckboxInput:before {
  margin-top: 5px;
}
#payment-form .maskPayment div.modalPayment label.buttonCheckboxInput span {
  padding: 3px 0 3px 30px;
  display: block;
  line-height: 24px;
}
#payment-form .maskPayment div.modalPayment label.buttonCheckboxInput span input {
  margin: 0 5px !important;
  height: 24px !important;
  width: 50% !important;
}
#payment-form .maskPayment div.modalPayment label.buttonCheckboxInput span button {
  margin: 0 !important;
  height: 24px !important;
  padding: 4px 20px;
  position: relative;
  right: 0;
  bottom: 0;
}
#payment-form .maskPayment div.modalPayment button.confirm-button {
  position: absolute;
  right: 30px;
}
#payment-form .maskPayment div.modalPayment button.answerButton {
  position: absolute;
  margin-top: 0 !important;
  right: 30px;
  bottom: 40px;
}
#payment-form .maskPayment div.modalPayment input.answerButton[type='checkbox'] {
  display: none;
}
#payment-form .maskPayment div.modalPayment input.answerButton[type='checkbox']:checked + label::before {
  background-color: #f2954f;
}
#payment-form .maskPayment div.modalPayment input.answerButton[type='text'] {
  width: 100%;
  margin-bottom: 10px;
  background: var(--input-background);
  color: var(--input-color);
  padding: 16px 8px;
  height: 36px;
}
#payment-form .maskPayment div.modalPayment.schedule {
  width: calc(900px - 40px);
  text-align: center;
}
#payment-form .maskPayment div.modalPayment.schedule button {
  margin: 20px 40px 0;
}
#payment-form .maskPayment div.modalPayment.schedule p {
  text-align: center;
}
#payment-form > .payment-top-note {
  font-weight: normal;
  width: 800px;
  border-radius: 3px;
  display: block;
  min-width: 800px;
  padding: 20px;
  font-size: 10pt;
  position: relative;
  box-shadow: 0 0 40px var(--default-box-shadow);
  text-align: center;
  margin: inherit;
}
#payment-form > .payment-top-note > i.fa {
  top: 10px;
  left: 10px;
  font-size: 22px;
  position: absolute;
  color: var(-text-inv-color);
}
#payment-form > .payment-top-note p {
  text-align: center;
}
div.amazonPay {
  width: 800px;
}
div.amazonPay table {
  width: 800px;
}
div.amazonPay .submitForm {
  width: 792px;
  text-align: right;
}
div.amazonPay #addressBookWidgetDiv {
  height: 200px;
  width: 50%;
  float: left;
}
div.amazonPay #walletWidgetDiv {
  height: 200px;
  width: 50%;
  float: left;
}
div.amazonPay #consentWidgetDiv {
  height: 200px;
  width: 50%;
  float: left;
}
.paymentWidgetTable {
  min-width: 550px;
  margin-bottom: 10px;
  width: 100%;
}
.paymentWidgetTable td {
  padding: 5px 0;
  font-size: 18px;
}
.paymentWidgetTable td.number {
  font-weight: bold;
}
.paymentWidgetTable .origin .number {
  text-align: right;
}
.paymentWidgetTable .credit .number {
  text-align: right;
  color: #008296;
}
.paymentWidgetTable .toPay .number {
  text-align: right;
  color: #b90404;
}
#paymentWidget h4,
.payment-form h4,
.form-controls-amazon h4 {
  margin: 15px 0 10px 0;
  font-weight: 600;
}
#paymentWidget p.amazon-heading,
.payment-form p.amazon-heading,
.form-controls-amazon p.amazon-heading {
  margin: 10px 0 5px 0;
}
#paymentWidget p.amazon-heading.selected,
.payment-form p.amazon-heading.selected,
.form-controls-amazon p.amazon-heading.selected {
  padding: 10px 15px;
  box-shadow: 0 0 40px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
  background: var(--background-color);
}
#paymentWidget .payment-amazon,
.payment-form .payment-amazon,
.form-controls-amazon .payment-amazon {
  margin: 0px auto 10px;
  width: 100%;
}
#paymentWidget .payment-amazon button,
.payment-form .payment-amazon button,
.form-controls-amazon .payment-amazon button {
  margin: 0;
  width: 100%;
  text-align: left;
  padding: 20px;
}
#paymentWidget .payment-amazon button img,
.payment-form .payment-amazon button img,
.form-controls-amazon .payment-amazon button img {
  margin-right: 20px;
  margin-bottom: -7px;
}
#paymentWidget button.next-step-button,
.payment-form button.next-step-button,
.form-controls-amazon button.next-step-button {
  margin-left: 15px;
}
.print-settings-button > i {
  margin: 0 !important;
}
.print-settings-container .section-header {
  cursor: pointer;
  border-bottom: 1px solid var(--main-dropdown-color);
  text-align: center;
  padding: 0 0 5px;
  margin: 0 0 5px;
  font-weight: 600;
  font-size: 12px;
  display: block;
}
.print-settings-container > div:not(:last-child) {
  padding-right: 8px;
}
.print-settings-container > div.left-site {
  display: flex;
  flex-direction: column;
  width: max-content;
}
.print-settings-container > div.left-site > label {
  display: inline-flex;
  flex-wrap: nowrap;
  width: fit-content;
  cursor: pointer;
}
.print-settings-container > div.left-site > label.select-all {
  width: 100%;
  border-bottom: 1px dashed var(--border-color);
  margin-bottom: 2px;
  padding-bottom: 1px;
}
.print-settings-container > div.right-site > div.layout-selector .Select {
  margin-top: 10px;
  margin-bottom: 10px;
}
.print-settings-container > div.right-site > div.layout-selector .Select .Select-control {
  min-width: 160px !important;
  cursor: pointer;
}
.print-settings-container > div.right-site > .action-container {
  text-align: center;
}
body div.ui-datepicker {
  z-index: 9999 !important;
  background: var(--datapiscker);
  color: var(--text-color) !important;
  border: 1px solid var(--datapiscker-border) !important;
  box-shadow: 0 0 40px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
  padding: 7px 10px 10px 10px;
  min-width: 300px;
}
body div.ui-datepicker .ui-widget-header {
  background: var(--datapiscker-header);
  border: none;
  margin: 10px;
  border-radius: var(--border-radius-basic);
}
body div.ui-datepicker .ui-widget-header a {
  color: var(--text-color) !important;
}
body div.ui-datepicker .ui-widget-header a.ui-state-hover {
  border: none;
  background: none;
  cursor: pointer;
}
body div.ui-datepicker .ui-widget-content {
  border: none;
}
body div.ui-datepicker .ui-state-default {
  background: var(--datapiscker-header);
  border: none;
  transition: none;
}
body div.ui-datepicker .ui-state-highlight {
  background: var(--button-inv-background);
  color: var(--button-hover-color);
  border: none;
}
body div.ui-datepicker .ui-state-hover {
  background: var(--button-hover-background);
  color: var(--button-hover-color);
  border: none;
}
@font-face {
  font-family: 'mvboli';
  src: url('../fonts/mvboli.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
hint {
  font-family: 'mvboli';
  font-size: 16px;
  line-height: 20px;
  position: relative;
  z-index: 10;
  padding: 22px;
  position: fixed;
  color: var(--text-color);
}
hint#can-you-change-theme {
  font-size: 22px;
  line-height: 26px;
  top: 70px;
  right: 80px;
  border-radius: var(--border-radius-large);
}
hint#can-you-change-theme .icon-reply {
  position: absolute;
  top: 15px;
  right: 5px;
  font-size: 30px;
  transform: rotate(100deg);
}
body .ReactModal__Content.video {
  display: flex;
  flex-direction: row;
}
body .ReactModal__Content.video > .video-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
body .ReactModal__Content.video > .video-container > #transferpopupvideo {
  text-align: center;
}
body .ReactModal__Content.video > .video-container > #transferpopupvideo > #helpVideoPlayer {
  max-width: 1024px;
  max-height: 600px;
  width: 70vw;
  height: 30vw;
}
body .ReactModal__Content.video > .small-videos-container {
  position: relative;
  width: 183px;
  margin-left: 8px;
  display: flex;
  flex-direction: column;
  padding: 8px;
  margin-bottom: 8px;
  overflow-y: auto;
  max-height: 32vw;
}
body .ReactModal__Content.video > .small-videos-container::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
body .ReactModal__Content.video > .small-videos-container > .small-video {
  width: 100%;
  min-height: 100px;
  margin-bottom: 15px;
  cursor: pointer;
  box-shadow: 0 0 1px black;
}
body .ReactModal__Content.video > .small-videos-container > .small-video.selected {
  border-top: 3px solid var(--tertiary-color);
}
body .ReactModal__Content.video > .small-videos-container > .small-video:hover {
  box-shadow: 0 0 5px black;
}
body .ReactModal__Content.video > .small-videos-container > .small-video > img {
  width: 100%;
  height: 100%;
}
@media (max-width: 970px) {
  body .ReactModal__Content.video {
    flex-direction: column;
  }
  body .ReactModal__Content.video .small-videos-container {
    flex-direction: row;
    max-width: 97.5%;
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%;
  }
  body .ReactModal__Content.video .small-videos-container .small-video {
    min-width: 140px;
    margin: 0;
  }
  body .ReactModal__Content.video .small-videos-container .small-video:not(:first-child) {
    margin-left: 15px;
  }
}
.paginator-wrapper {
  display: flex;
}
.paginator-wrapper .paginator {
  color: var(--gray-text-color);
  background: var(--background-color);
  white-space: nowrap;
  padding: 0.5rem 1.25rem;
  margin: 5px auto;
  font-weight: 500;
  font-size: 0.9rem;
}
.paginator-wrapper .paginator > a {
  text-decoration: none;
  color: var(--button-color);
  background: var(--button-background);
  height: calc(var(--form-input-height) - 2px);
  padding: var(--form-input-padding);
  border-radius: var(--border-radius-basic);
  margin: 0px 3px;
  width: var(--table-paginator-width-button);
  text-align: center;
  display: inline-block;
  position: relative;
  top: 2px;
}
.paginator-wrapper .paginator > a:hover {
  color: var(--button-hover-color);
  background: var(--button-hover-background);
}
.paginator-wrapper .paginator > a:first-child,
.paginator-wrapper .paginator > a:nth-child(2) {
  margin-left: 0;
}
.paginator-wrapper .paginator .tooltip-info {
  font-size: 14px;
  display: none;
}
.paginator-wrapper .paginator .disabledlink {
  opacity: 0.3;
  cursor: auto;
}
.paginator-wrapper .paginator .page {
  display: none;
}
.paginator-wrapper .paginator .ofpage {
  margin-right: 20px;
}
.paginator-wrapper .paginator input,
.paginator-wrapper .paginator select {
  width: 42px;
  padding: var(--form-input-padding);
  height: var(--form-input-height);
  min-width: 82px;
  background: var(--input-background);
  color: var(--input-color);
  border-color: var(--border-color);
  border-radius: 6px;
}
body table {
  width: 100%;
  border-radius: var(--border-radius-basic);
}
body table .column-right {
  text-align: right;
}
body table.engine-grid {
  font-weight: 400;
  border-top-width: 0;
  border-spacing: var(--table-spacing);
  font-size: 14px;
}
body table.engine-grid::after {
  content: "-";
  height: 100%;
  width: 60px;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9;
  background: var(--background-color);
  background: linear-gradient(-90deg, var(--background-color) 10%, rgba(255, 255, 255, 0) 100%);
}
body table.engine-grid.theme-size-compact {
  border-top-width: 0;
  border-spacing: 0;
}
body table.engine-grid.theme-size-compact tr th,
body table.engine-grid.theme-size-compact tr td {
  padding: 13px !important;
  font-size: 14px;
  min-width: 50px;
}
body table.engine-grid.theme-size-compact > thead tr th {
  border-bottom: 1px solid var(--table-border);
}
body table.engine-grid.theme-size-compact > tbody tr {
  box-shadow: none !important;
}
body table.engine-grid.theme-size-compact > tbody tr td {
  border-bottom: 1px solid var(--table-border);
  border-radius: 0 !important;
}
body table.engine-grid .advancedFilter {
  position: relative;
}
body table.engine-grid .advancedFilter > span {
  position: absolute;
  top: 6px;
  left: 10px;
}
body table.engine-grid .advancedFilter > input {
  padding-left: 40px;
}
body table.engine-grid .advanced-filter-input + br,
body table.engine-grid .advancedFilter + br {
  display: none;
}
body table.engine-grid .advanced-filter-input + br + .advanced-filter-input,
body table.engine-grid .advanced-filter-input + br + .advancedFilter,
body table.engine-grid .advancedFilter + br + .advanced-filter-input,
body table.engine-grid .advancedFilter + br + .advancedFilter {
  margin-top: 5px;
}
body table.engine-grid.responsiveTable {
  width: 100%;
  table-layout: fixed;
  max-width: inherit;
}
body table.engine-grid.no-fullscreen {
  min-width: unset !important;
}
body table.engine-grid.no-fullscreen > thead tr:not(.gridCellRow) th {
  top: unset;
}
body table.engine-grid.loading {
  opacity: 0.5;
  position: relative;
}
body table.engine-grid.loading * {
  pointer-events: none;
}
body table.engine-grid.loading:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1ce";
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  font-size: 60px;
  position: absolute;
  top: 10px;
  left: calc(50% - 30px);
  z-index: 2;
}
body table.engine-grid td.stickyLeftCell,
body table.engine-grid th.stickyLeftCell {
  position: sticky;
  left: 209px;
  transition: left var(--basic-content-transition-delay) ease;
  border-right: 1px solid var(--border-color);
}
body table.engine-grid td.rightBorder,
body table.engine-grid th.rightBorder {
  border-right: 1px solid var(--border-color);
}
body table.engine-grid td.expandedRow {
  max-width: fit-content !important;
}
body table.engine-grid th {
  max-width: 80px;
}
body table.engine-grid .gridAjaxEditMessage span {
  display: none;
}
body table.engine-grid.engine-grid-max-width > tbody td,
body table.engine-grid.engine-grid-max-width > thead th {
  max-width: 130px;
}
body table.engine-grid > tbody td,
body table.engine-grid > thead th,
body table.engine-grid > tfoot td {
  padding: var(--table-tbody-td-padding);
  vertical-align: top;
  white-space: nowrap;
  text-overflow: ellipsis;
}
body table.engine-grid > tbody td button:not(.classic-button),
body table.engine-grid > thead th button:not(.classic-button),
body table.engine-grid > tfoot td button:not(.classic-button) {
  background: transparent;
  letter-spacing: 0;
}
body table.engine-grid > tbody td button:not(.classic-button):hover,
body table.engine-grid > thead th button:not(.classic-button):hover,
body table.engine-grid > tfoot td button:not(.classic-button):hover {
  color: var(--href-hover-color);
}
body table.engine-grid > tbody td button:not(.classic-button).button-disabled,
body table.engine-grid > thead th button:not(.classic-button).button-disabled,
body table.engine-grid > tfoot td button:not(.classic-button).button-disabled {
  filter: contrast(0.3);
  cursor: unset;
}
body table.engine-grid > tbody td.gridNumber,
body table.engine-grid > thead th.gridNumber,
body table.engine-grid > tfoot td.gridNumber {
  text-align: left;
}
body table.engine-grid > tbody td.gridNumber input,
body table.engine-grid > thead th.gridNumber input,
body table.engine-grid > tfoot td.gridNumber input {
  text-align: left;
}
body table.engine-grid > tbody td.gridCellButtons,
body table.engine-grid > thead th.gridCellButtons,
body table.engine-grid > tfoot td.gridCellButtons {
  white-space: nowrap;
  outline: none;
  max-width: none;
  padding: 0 5px;
  text-align: left !important;
}
body table.engine-grid > tbody td .gridActionButton,
body table.engine-grid > thead th .gridActionButton,
body table.engine-grid > tfoot td .gridActionButton {
  height: 25px;
  padding: 0 0.5rem;
  border: 0;
  outline: 0;
}
body table.engine-grid > tbody td .gridActionButton:not(.classic-button):hover,
body table.engine-grid > thead th .gridActionButton:not(.classic-button):hover,
body table.engine-grid > tfoot td .gridActionButton:not(.classic-button):hover,
body table.engine-grid > tbody td .gridActionButton:not(.classic-button)[disabled]:hover,
body table.engine-grid > thead th .gridActionButton:not(.classic-button)[disabled]:hover,
body table.engine-grid > tfoot td .gridActionButton:not(.classic-button)[disabled]:hover {
  border: 0;
  outline: 0;
  background-color: transparent;
  background-image: none;
}
body table.engine-grid > tbody td .gridActionButton[disabled],
body table.engine-grid > thead th .gridActionButton[disabled],
body table.engine-grid > tfoot td .gridActionButton[disabled] {
  color: var(--primary-color);
}
body table.engine-grid > tbody td .gridActionButton:not(.classic-button):hover,
body table.engine-grid > thead th .gridActionButton:not(.classic-button):hover,
body table.engine-grid > tfoot td .gridActionButton:not(.classic-button):hover,
body table.engine-grid > tbody td .gridActionButton:not(.classic-button)[disabled]:hover,
body table.engine-grid > thead th .gridActionButton:not(.classic-button)[disabled]:hover,
body table.engine-grid > tfoot td .gridActionButton:not(.classic-button)[disabled]:hover {
  border: 0;
  outline: 0;
  background-color: transparent;
  background-image: none;
}
body table.engine-grid > tbody td .gridActionButton[disabled],
body table.engine-grid > thead th .gridActionButton[disabled],
body table.engine-grid > tfoot td .gridActionButton[disabled] {
  color: var(--primary-color);
}
body table.engine-grid > tbody td .gridActionButton:not(.classic-button):hover,
body table.engine-grid > thead th .gridActionButton:not(.classic-button):hover,
body table.engine-grid > tfoot td .gridActionButton:not(.classic-button):hover {
  color: var(--href-hover-color);
}
body table.engine-grid > tbody td .gridActionButton .icon,
body table.engine-grid > thead th .gridActionButton .icon,
body table.engine-grid > tfoot td .gridActionButton .icon {
  margin-top: 1px;
  vertical-align: top;
  font-size: 16px;
}
body table.engine-grid > tbody td .gridActionButton:active .icon,
body table.engine-grid > thead th .gridActionButton:active .icon,
body table.engine-grid > tfoot td .gridActionButton:active .icon {
  margin-top: 3px;
  margin-bottom: -2px;
}
body table.engine-grid > thead > tr > th {
  padding-top: 15px;
}
body table.engine-grid > thead tr:not(.gridCellRow) th {
  position: sticky;
  z-index: 2;
  padding: var(--table-thead-td-padding);
  font-size: 13px;
  color: var(--table-header-color);
}
body table.engine-grid > thead tr:not(.gridCellRow) th:first-child {
  z-index: 3;
}
body table.engine-grid > thead tr:not(.gridCellRow) th.centered {
  text-align: center;
}
body table.engine-grid > thead tr:not(.gridCellRow) th.gridNumber {
  text-align: left;
}
body table.engine-grid > thead tr:not(.gridCellRow) th.focused {
  z-index: 4;
}
body table.engine-grid > thead tr.gridCellRow th.gridCellSummary {
  z-index: 1;
}
body table.engine-grid > thead tr:first-child th:first-child {
  border-top-left-radius: var(--border-radius-basic);
  box-shadow: -30px 0 0 var(--background-color);
}
body table.engine-grid > thead tr:first-child th:last-child {
  border-top-right-radius: var(--border-radius-basic);
  box-shadow: 30px 0 0 var(--background-color);
}
body table.engine-grid > thead tr th {
  text-align: left;
  padding: var(--table-thead-td-padding);
  vertical-align: bottom;
  font-weight: normal;
  top: 0;
  background-color: var(--table-header-background);
  border: 0;
  border-right: 1px solid var(--border-color);
  min-width: 110px !important;
}
body table.engine-grid > thead tr th.sortcol .header-title-text {
  max-width: calc(100% - 15px);
}
body table.engine-grid > thead tr th .chzn-container {
  width: 100% !important;
  background: var(--table-input-color) !important;
  border: 1px solid var(--border-color);
  border-radius: var(--border-radius-basic);
}
body table.engine-grid > thead tr th .chzn-container .chzn-drop {
  max-width: fit-content;
  margin: 0 -20px 0 0;
}
body table.engine-grid > thead tr th .chzn-container .chzn-results {
  max-height: 70vh !important;
}
body table.engine-grid > thead tr th input,
body table.engine-grid > thead tr th select {
  min-width: 50px;
  width: calc(100% - .20rem) !important;
  background-color: var(--table-input-color);
  color: var(--table-header-color);
  border: 0px solid var(--background-color);
  border-radius: 7px;
  padding: var(--table-input-padding);
  display: block;
}
body table.engine-grid > thead tr th input:nth-child(2),
body table.engine-grid > thead tr th select:nth-child(2) {
  margin-top: 5px;
}
body table.engine-grid > thead tr th input[type=checkbox] {
  display: inline-block;
  min-width: 10px;
  width: auto !important;
}
body table.engine-grid > thead tr th input[type=checkbox]:hover {
  cursor: pointer;
}
body table.engine-grid > thead tr th .header-title {
  margin-bottom: var(--table-thead-td-margin-bottom);
}
body table.engine-grid > thead tr th .header-title .header-title-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1rem;
}
body table.engine-grid > thead tr th .header-title .react-datepicker-wrapper {
  display: block;
}
body table.engine-grid > thead tr th .header-title .header-sort-button {
  width: 15px;
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  padding: 0 2px;
  color: var(--primary-color);
  display: none;
}
body table.engine-grid > thead tr th .header-title .header-sort-button.header-sort-button.header-sort-button-high {
  position: absolute;
  right: 7px;
  top: 5px;
  display: inline-block;
}
body table.engine-grid > thead tr th .header-title .header-sort-button:hover {
  color: var(--href-hover-color);
  cursor: pointer;
}
body table.engine-grid > thead tr th .header-title .header-sort-button.header-sort-button-az:before {
  content: "\f077";
}
body table.engine-grid > thead tr th .header-title .header-sort-button.header-sort-button-za:before {
  content: "\f078";
}
body table.engine-grid > thead tr th .header-title .header-sort-button.header-sort-button-asc:before {
  content: "\f077";
}
body table.engine-grid > thead tr th .header-title .header-sort-button.header-sort-button-desc:before {
  content: "\f078";
}
body table.engine-grid > thead tr th .header-title .header-sort-button.header-sort-button-high {
  color: var(--href-hover-color);
}
body table.engine-grid > thead tr th:hover .header-title .header-sort-button {
  display: inline-block;
  position: absolute;
  right: 7px;
  top: 5px;
}
body table.engine-grid.scrolling thead tr:last-child th:after {
  background: none;
  position: absolute;
  top: 100%;
  bottom: -2px;
  left: 0;
  width: 100%;
  content: ' ';
  height: 4px;
}
body table.engine-grid > tbody tr[ondblclick*="("] {
  cursor: pointer;
}
body table.engine-grid > tbody tr {
  position: relative;
  box-shadow: var(--table-tbody-tr-shadow) var(--default-box-shadow);
  border-radius: var(--border-radius-basic);
  background: var(--table-background);
}
body table.engine-grid > tbody tr > td:first-child {
  padding-left: 15px;
}
body table.engine-grid > tbody tr:hover:not(.empty-row),
body table.engine-grid > tbody tr:hover:nth-child(odd):not(.empty-row) {
  box-shadow: 0 0 20px var(--default-box-shadow);
  background: var(--table-hover-background);
}
body table.engine-grid > tbody tr:hover:not(.empty-row) > td:first-child:not(.no-rows):before,
body table.engine-grid > tbody tr:hover:nth-child(odd):not(.empty-row) > td:first-child:not(.no-rows):before {
  content: "";
  background: var(--secondary-color);
  width: 6px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: var(--border-radius-basic);
  border-bottom-left-radius: var(--border-radius-basic);
}
body table.engine-grid > tbody tr.evented {
  cursor: pointer;
}
body table.engine-grid > tbody tr a:not(.href-button) {
  text-decoration: none;
  color: var(--href-color);
}
body table.engine-grid > tbody tr a:not(.href-button):hover {
  color: var(--href-hover-color);
}
body table.engine-grid > tbody tr a:not(.href-button):active {
  color: var(--href-hover-color);
}
body table.engine-grid > tbody tr td {
  overflow: hidden;
  vertical-align: middle;
  height: var(--table-tbody-td-height);
  line-height: 1em;
  color: var(--text-color-table);
}
body table.engine-grid > tbody tr td input {
  background: var(--background-color);
}
body table.engine-grid > tbody tr td button {
  margin-bottom: 0;
}
body table.engine-grid > tbody tr td:first-child {
  border-top-left-radius: var(--border-radius-basic);
  border-bottom-left-radius: var(--border-radius-basic);
}
body table.engine-grid > tbody tr td:last-child {
  border-top-right-radius: var(--border-radius-basic);
  border-bottom-right-radius: var(--border-radius-basic);
}
body table.engine-grid > tbody tr td.sortcol,
body table.engine-grid > tbody tr td.isFilteredCell,
body table.engine-grid > tbody tr td.hoveredCell {
  max-width: none !important;
}
body table.engine-grid > tbody tr td.overflowed {
  cursor: copy;
}
body table.engine-grid > tbody tr td.gridCellSummary {
  background-color: var(--background-color);
  border: 0;
  border-top: 1px solid var(--border-color);
}
body table.engine-grid > fthfoot {
  visibility: visible !important;
}
body table.engine-grid.engine-grid-no-width > tbody td,
body table.engine-grid.engine-grid-no-width > thead th {
  max-width: none;
}
body table.compact {
  border-spacing: 0;
  border-radius: var(--border-radius-large);
  box-shadow: 0 0 22px var(--default-box-shadow);
  margin-top: 20px;
}
body table.compact thead tr th {
  border-bottom: 1px solid var(--border-color);
  box-shadow: none;
  border-right: 1px solid var(--border-color);
  border-radius: 0px;
  padding: 9px;
}
body table.compact thead tr th.gridCellSummary {
  background: var(--background-accent-color);
}
body table.compact thead tr:first-child th:first-child {
  border-top-left-radius: var(--border-radius-basic);
  box-shadow: unset;
}
body table.compact thead tr:first-child th:last-child {
  border-top-right-radius: var(--border-radius-basic);
  box-shadow: unset;
}
body table.compact tbody tr {
  box-shadow: none;
}
body table.compact tbody tr:hover {
  box-shadow: none;
}
body table.compact tbody tr td {
  border-bottom: 1px solid var(--border-color);
}
body table.compact tbody tr td:first-child {
  border-radius: 0px;
}
body table.compact tbody tr.gridCellRowHighDetail td {
  background: var(--button-background);
}
body table.compact tbody tr:last-child > td {
  border-bottom: 0px;
}
body table.compact td:first-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
body table.compact td:last-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
body table.compact tr:last-child > td {
  border-bottom: 0px;
}
body table.compact tr:last-child > td:first-child {
  border-bottom-left-radius: var(--border-radius-basic);
}
body table.compact tr:last-child > td:last-child {
  border-bottom-right-radius: var(--border-radius-basic);
}
body.theme-size-compact table.engine-grid {
  border-top-width: 0;
  border-spacing: 0;
  box-shadow: 0 0 22px var(--default-box-shadow);
}
body.theme-size-compact table.engine-grid tr th,
body.theme-size-compact table.engine-grid tr td {
  font-size: 14px;
  min-width: 50px;
}
body.theme-size-compact table.engine-grid > thead tr th {
  border-bottom: 1px solid var(--table-border);
}
body.theme-size-compact table.engine-grid > tbody tr {
  box-shadow: none !important;
}
body.theme-size-compact table.engine-grid > tbody tr td {
  border-bottom: 1px solid var(--table-border);
}
body.theme-size-compact table.engine-grid {
  margin-top: 20px;
}
body.theme-size-compact table.engine-grid > thead tr:first-child th:first-child {
  border-top-left-radius: var(--border-radius-basic);
  box-shadow: unset;
}
body.theme-size-compact table.engine-grid > thead tr:first-child th:last-child {
  border-top-right-radius: var(--border-radius-basic);
  box-shadow: unset;
}
.hub {
  position: relative;
  text-align: left;
  width: 100%;
  margin: 50px auto auto;
}
.hub .no-data {
  text-align: center;
  position: relative;
  font-weight: bold;
  transform: translateY(-50%);
  top: calc(50% - 50px);
}
.hub.loading {
  opacity: 0.5;
  position: relative;
}
.hub.loading:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1ce";
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  font-size: 80px;
  position: absolute;
  top: 10px;
  left: calc(50% - 40px);
  z-index: 2;
}
.hub .hub-lightGreen {
  color: #68af6c !important;
}
.hub .hub-lightGreenBox {
  position: relative;
  color: var(--background-color);
  font-size: 19px;
  background-color: #68af6c;
  padding-left: 7px;
  padding-right: 7px;
  top: 3px;
}
.hub .hub-header {
  display: none;
  width: calc(100% - 16px);
  margin: 0 0 5px 5px;
  overflow: inherit !important;
}
.hub .hub-header .hub-title {
  vertical-align: middle;
  display: inline-block;
  padding: 10px 20px;
}
.hub .hub-header .hub-filter {
  display: inline-block;
  padding: 2px 5px;
  margin: 5px;
}
.hub .hub-header .hub-filter form {
  display: inline-block;
}
.hub .hub-header .hub-filter form select {
  padding: 0;
}
.hub .hub-header .hub-dateRange {
  padding: 5px;
}
.hub .hub-header .hub-dateRange span:not(.react-select__indicator-separator) {
  display: inline-block;
  margin: 0;
  white-space: nowrap;
  font-family: 'Oswald', sans-serif;
  padding: 5px 19px 5px 1px;
  width: auto;
  color: var(--secondary-color);
}
.hub .hub-header .hub-dateRange span:not(.react-select__indicator-separator).active {
  text-decoration: underline;
}
.hub .hub-header .hub-dateRange span:not(.react-select__indicator-separator).spanDateFilter {
  cursor: pointer;
}
.hub .hub-header .hub-filter.rectSelect {
  display: inline-flex;
  width: 50%;
  line-height: 2.5;
}
.hub .hub-header .hub-filter.rectSelect > .Select {
  width: 74%;
  margin-left: 6px;
  line-height: 1;
}
.hub .hub-title {
  font-size: 1.1em;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--customer-hub-text-title);
}
.hub .to-center {
  text-align: center !important;
}
.hub .vertical-center {
  position: relative;
  top: 14%;
}
.hub .hub-lightGreen {
  color: #68af6c !important;
}
.hub .hub-number {
  position: relative;
  font-size: 24px;
  padding: 0 20px 5px;
  vertical-align: bottom;
  line-height: 35px;
  font-weight: 500;
  top: 7px;
}
.hub .hub-number.hub-smaller {
  font-size: 22px;
}
.hub .hub-box {
  background: var(--box-background-color);
  box-shadow: 0 0 40px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
  color: var(--customer-hub-text);
  position: relative;
  overflow: hidden;
}
.hub .hub-box .hubPie {
  height: 142px;
  width: 142px;
  margin: 15px auto;
}
.hub .hub-small {
  margin: 5px;
  flex-grow: 1;
  flex-basis: 0;
  border-radius: var(--border-radius-large);
  min-height: 124px;
}
.hub .hub-small .hub-title {
  position: relative;
  font-size: 15px;
  padding: 7px 0 14px 20px;
  top: 15px;
  font-weight: 300;
}
.hub .hub-small .pieChart-wrapp {
  margin-top: 20px;
  margin-bottom: 51px;
}
.hub .hub-small .pieChart-wrapp > .number-inside-pie {
  position: absolute;
  right: 0;
  text-align: center;
  font-size: 28px;
  top: 53%;
  left: 50%;
  height: 30%;
  width: 50%;
  margin: -15% 0 0 -25%;
}
.hub .hub-small .pieChart-wrapp > .pieChart {
  width: 127px;
  margin: 0 auto;
}
.hub .flex-row {
  display: inline-flex;
  width: 100%;
}
.hub .hub-four {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5px;
  grid-row-gap: 15px;
}
.hub .hub-four .hub-two {
  flex-grow: 2;
}
.hub .hub-four .hub-bottom {
  position: relative;
  text-align: right;
  padding: 10px 10px 0 10px;
  font-size: 13px;
}
.hub .hub-four .hub-bottom .hub-orange {
  background: var(--secondary-color);
  display: inline-block;
  color: var(--background-color);
  font-weight: bold;
  padding: 2px 5px;
  border-radius: var(--border-radius-basic);
}
.hub .hub-four .hub-bottom .hub-lightBlue,
.hub .hub-four .hub-bottom .hub-lightGreen {
  text-align: left;
  font-size: 15px;
}
.hub .hub-four .absolute-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.hub .hub-four .absolute-bottom.under {
  bottom: -20px;
}
.hub .hub-four .hub-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 10px;
}
.hub .hub-four .hub-progress.hub-lightGreen {
  background: #68af6c;
}
.hub .hub-two {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 5px;
  grid-row-gap: 15px;
  margin-left: 10px;
}
.hub .hub-two .hub-title {
  font-size: 16px;
  font-weight: 500;
}
.hub .hub-big {
  margin: 0 0 0px 15px;
  border-radius: var(--border-radius-large);
  width: 150%;
  padding-bottom: 0px;
}
.hub .hub-big .hub-title {
  position: relative;
  padding: 7px 0 14px 20px;
  top: 15px;
  font-size: 16px;
  font-weight: 500;
}
.hub .hub-big .hub-title .hub-chartLegend {
  display: inline-block;
  text-align: center;
  width: calc(100% - 100px);
  font-weight: 300;
  color: var(--customer-hub-text-title);
}
.hub .hub-big .hub-title .hub-chartLegend i {
  margin-right: 15px;
  color: var(--tertiary-color);
}
.hub #graphWeekly {
  margin: 10px;
}
.hub #graphWeekly-prior {
  margin: 10px;
}
.hub .bigHubs-wrapp {
  width: calc(100% - 11px);
  margin: 0;
  padding: 0;
  display: flex;
}
.hub .bigHubs-wrapp > .hub-big.hub-box > .hub-title {
  display: flex;
}
.hub .bigHubs-wrapp > .hub-big.hub-box > .hub-title > .sellermail-hub-svgraph-description-right {
  position: absolute;
  right: 8px;
}
.hub .hub-chartLegend .hub-two {
  margin: 0;
}
.hub .hub-chartLegend .hub-box {
  min-height: 10px;
  box-shadow: none;
  font-size: 8px;
  padding: 0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  border-radius: 0px;
}
.hub .hub-chartLegend .hub-box > i {
  margin-right: 5px;
  font-size: 12px;
}
.hub .hub-chartLegend .hub-box > span {
  color: var(--text-color);
  display: block;
  font-size: 16px;
  font-weight: 600;
}
body.mobile .hub {
  margin-top: 0;
}
body.mobile .hub .hub-small {
  margin: 5px 0;
}
body.mobile .hub .hub-four {
  grid-row-gap: 0;
}
body.mobile .hub .flex-row {
  flex-wrap: wrap;
}
body.mobile .hub .flex-row .hub-two,
body.mobile .hub .flex-row .hub-three,
body.mobile .hub .flex-row .hub-big {
  margin-left: 0;
}
body.mobile .hub .flex-row .hub-big {
  margin-top: 7px;
}
body.mobile .hub .heading-row {
  display: none;
}
body.mobile .hub .new-customers-heading {
  display: none;
}
.filters-box {
  display: flex;
  justify-content: right;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 10px;
}
.filters-box > div > div.react-select__control {
  width: 300px;
}
.filters-box .group .name,
.filters-box .button-dropdown-container .name,
.filters-box .group .filter,
.filters-box .button-dropdown-container .filter,
.filters-box .group .group-by,
.filters-box .button-dropdown-container .group-by,
.filters-box .group .interval,
.filters-box .button-dropdown-container .interval {
  width: 100%;
  text-transform: uppercase;
  border: none;
  cursor: pointer;
  color: var(--href-color);
  font-size: 12px;
  text-align: center;
  padding: 5px 0;
}
.filters-box .group .name:hover,
.filters-box .button-dropdown-container .name:hover,
.filters-box .group .filter:hover,
.filters-box .button-dropdown-container .filter:hover,
.filters-box .group .group-by:hover,
.filters-box .button-dropdown-container .group-by:hover,
.filters-box .group .interval:hover,
.filters-box .button-dropdown-container .interval:hover {
  color: var(--href-hover-color);
}
.filters-box .group .name.selected,
.filters-box .button-dropdown-container .name.selected,
.filters-box .group .filter.selected,
.filters-box .button-dropdown-container .filter.selected,
.filters-box .group .group-by.selected,
.filters-box .button-dropdown-container .group-by.selected,
.filters-box .group .interval.selected,
.filters-box .button-dropdown-container .interval.selected {
  color: var(--href-hover-color);
}
.filters-box .group .name.seller-account.selected,
.filters-box .button-dropdown-container .name.seller-account.selected,
.filters-box .group .filter.seller-account.selected,
.filters-box .button-dropdown-container .filter.seller-account.selected,
.filters-box .group .group-by.seller-account.selected,
.filters-box .button-dropdown-container .group-by.seller-account.selected,
.filters-box .group .interval.seller-account.selected,
.filters-box .button-dropdown-container .interval.seller-account.selected {
  min-width: 136px;
}
.filters-box .group .filter-cancel,
.filters-box .button-dropdown-container .filter-cancel {
  width: auto;
  margin: 0 auto;
}
.filters-box .group .hasDatepicker,
.filters-box .button-dropdown-container .hasDatepicker {
  width: 120px;
}
.filters-box .group .date-selection,
.filters-box .button-dropdown-container .date-selection {
  margin: 0 3px;
}
.filters-box .group .filter-flex,
.filters-box .button-dropdown-container .filter-flex {
  display: flex;
  flex-wrap: wrap;
}
.filters-box .group .filter-flex .react-select__control,
.filters-box .button-dropdown-container .filter-flex .react-select__control {
  width: 300px;
  height: 2rem;
  margin-top: 3px;
}
.filters-box .group .filter-flex .react-select__control .react-select__indicator.react-select__clear-indicator,
.filters-box .button-dropdown-container .filter-flex .react-select__control .react-select__indicator.react-select__clear-indicator {
  margin-right: 5px;
  width: 1rem;
  cursor: pointer;
}
.filters-box .group .filter-flex .filter-radio,
.filters-box .button-dropdown-container .filter-flex .filter-radio {
  flex-basis: 100%;
}
.filters-box .group .break,
.filters-box .button-dropdown-container .break {
  flex-basis: 100%;
}
.filters-box .group .break input,
.filters-box .button-dropdown-container .break input {
  cursor: pointer;
  border: 0;
  width: 80px;
  color: black;
  background: white;
}
.filters-box .messages-container {
  width: 100%;
}
.filters-box .messages-container .warringBox {
  display: block;
  box-shadow: inset 0 0 0 1px var(--secondary-color);
  background: var(--background-color);
  color: var(--text-color);
  padding: 12px;
  outline: 0;
  font-weight: inherit;
  vertical-align: baseline;
  float: right;
  margin: 5px 0 0 5px;
  max-height: 44px;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  overflow: hidden;
  width: 100%;
  max-width: fit-content;
  border-radius: var(--border-radius-basic);
}
.filters-box .messages-container .warringBox.opened {
  white-space: normal;
  max-height: unset;
}
.filters-box .messages-container .warringBox:hover {
  white-space: normal;
  max-height: unset;
}
.filters-box .messages-container .warringBox > i {
  margin-right: 5px;
}
.emailSupport {
  display: none;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  background-color: rgba(43, 46, 56, 0.5);
}
.emailSupport > div {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: auto;
  border-radius: 0;
  border: 0;
  max-height: 85vh;
  max-width: 85vw;
  width: 501px;
  background-color: var(--background-color);
  padding: 20px;
}
.emailSupport .caption {
  display: inline-block;
}
.emailSupport .emailSupportClose {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
}
.emailSupport #supportText {
  width: 455px;
  height: 250px;
}
.emailSupport label > #supportEmail {
  width: 380px;
}
.emailSupport #loader {
  visibility: hidden;
  background-color: var(--text-color);
  opacity: 0.8;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
}
.emailSupport .entryTableValue .uploadify-fileShow {
  width: 89.5%;
  border-color: var(--table-background);
}
.emailSupport .entryTableValue .uploadify-fileShow .uploadify-fileShowBox {
  height: 0;
}
button.payability-button {
  overflow: hidden;
  display: inline-flex;
  letter-spacing: 0.8px;
  margin-top: 2px;
}
button.payability-button .first-letter {
  position: relative;
  width: 12px;
  overflow: hidden;
  height: 14px;
  margin-left: 3px;
  top: -1px;
}
button.payability-button .first-letter > img {
  width: 69px;
}
span.payability-text-button {
  text-transform: capitalize;
  text-decoration: underline;
  white-space: nowrap;
  cursor: pointer;
}
div.payability-banner {
  position: relative;
  display: flex;
  min-width: 176px;
  top: 210px;
  box-shadow: 0 0 40px var(--default-box-shadow);
  padding: 16px;
  background: var(--dashboard-header-secondary-background);
  transition: all var(--basic-content-transition-delay);
  border-radius: var(--border-radius-large);
}
div.payability-banner > img {
  vertical-align: middle;
  width: 100px;
  height: auto;
  margin-bottom: 12px;
}
div.payability-banner > span {
  cursor: pointer;
  color: var(--href-color);
  text-transform: uppercase;
  text-decoration: underline;
  white-space: nowrap;
  margin-top: 12px;
  font-size: 1rem;
}
div.payability-banner:not(.wide) {
  flex: 1;
  letter-spacing: 1.4px;
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 200px;
}
div.payability-banner.wide {
  flex-wrap: nowrap;
  top: 0;
  letter-spacing: normal;
  line-height: normal;
  max-width: 530px;
  padding-left: 25px;
  padding-right: 25px;
  text-align: left;
}
div.payability-banner.wide > img {
  width: auto;
  height: 30px;
  margin-top: 9px;
  margin-right: 20px;
  margin-bottom: 0;
}
div.payability-banner.wide > span {
  margin-left: 10px;
}
#paybilityPopUp-container,
.detailPopUp-style1 {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}
#paybilityPopUp-container > .background,
.detailPopUp-style1 > .background {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -100;
  background: var(--background-mask-color);
}
#paybilityPopUp-container > .content,
.detailPopUp-style1 > .content {
  position: relative;
  background: var(--background-color);
  max-width: 600px;
  padding: 35px 50px 40px;
  color: var(--text-color-secondary);
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  border: var(--border-radius-large);
  box-shadow: 0 0 40px var(--default-box-shadow);
}
#paybilityPopUp-container > .content > .close-button,
.detailPopUp-style1 > .content > .close-button {
  position: absolute;
  right: 20px;
  top: 15px;
  z-index: 2;
  color: black;
  cursor: pointer;
}
#paybilityPopUp-container > .content > .header,
.detailPopUp-style1 > .content > .header {
  margin-bottom: 20px;
  margin-left: 6px;
}
#paybilityPopUp-container > .content > .header > img.logoImg,
.detailPopUp-style1 > .content > .header > img.logoImg {
  width: 94px;
}
#paybilityPopUp-container > .content > .header > img.logoImg:first-child,
.detailPopUp-style1 > .content > .header > img.logoImg:first-child {
  width: 115px;
  position: relative;
  top: -2px;
}
#paybilityPopUp-container > .content > .header > .plus-sign,
.detailPopUp-style1 > .content > .header > .plus-sign {
  color: black;
  font-size: 20px;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  top: -7px;
}
#paybilityPopUp-container > .content > .header2,
.detailPopUp-style1 > .content > .header2 {
  color: black;
  font-weight: bold;
  font-size: 1.3rem;
  margin-bottom: 15px;
  font-family: 'Oswald', sans-serif;
}
#paybilityPopUp-container > .content > .text > .bold-header,
.detailPopUp-style1 > .content > .text > .bold-header {
  color: black;
  font-weight: bold;
  font-size: 1rem;
  font-family: 'Oswald', sans-serif;
}
#paybilityPopUp-container > .content > .text > ul,
.detailPopUp-style1 > .content > .text > ul {
  list-style: none;
}
#paybilityPopUp-container > .content > .text > ul > li,
.detailPopUp-style1 > .content > .text > ul > li {
  margin-bottom: 5px;
}
#paybilityPopUp-container > .content > .text > ul > li::before,
.detailPopUp-style1 > .content > .text > ul > li::before {
  content: "\2022";
  color: black;
  font-weight: bold;
  display: inline-block;
  width: 11px;
  margin-left: -1em;
}
#paybilityPopUp-container > .content > .text > ul > li b,
.detailPopUp-style1 > .content > .text > ul > li b {
  color: black;
}
#paybilityPopUp-container > .content > .text > p,
.detailPopUp-style1 > .content > .text > p {
  letter-spacing: -0.4px;
}
#paybilityPopUp-container > .content > .footer,
.detailPopUp-style1 > .content > .footer {
  margin-top: 20px;
}
#paybilityPopUp-container > .content > .footer > button,
.detailPopUp-style1 > .content > .footer > button,
#paybilityPopUp-container > .content > .footer a,
.detailPopUp-style1 > .content > .footer a {
  cursor: pointer;
}
#paybilityPopUp-container > .content > .footer > a,
.detailPopUp-style1 > .content > .footer > a {
  color: black;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight: bold;
}
#paybilityPopUp-container > .content > .footer > a:first-child,
.detailPopUp-style1 > .content > .footer > a:first-child {
  margin-right: 12px;
  text-decoration: none;
}
#paybilityPopUp-container > .content > .footer > a:last-child,
.detailPopUp-style1 > .content > .footer > a:last-child {
  float: right;
  margin-top: 12px;
}
#paybilityPopUp-container > .content > .footer > a > button,
.detailPopUp-style1 > .content > .footer > a > button {
  padding: 12px 26px;
}
.detailPopUp-style1 > .background > .container {
  position: relative;
  background: var(--background-color);
  max-width: 900px;
  box-shadow: 0 0 40px var(--popup-box-shadow);
  min-height: 200px;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  border-radius: var(--border-radius-basic);
}
.detailPopUp-style1 > .background > .container > .content {
  max-height: calc(100vh - 145px);
  min-height: 50vh;
  padding: 40px;
  overflow-y: auto;
  width: 100%;
}
.detailPopUp-style1 > .background > .container > .content .space {
  display: none;
}
.detailPopUp-style1 > .background > .container > .content .formName {
  text-align: center;
}
.detailPopUp-style1 > .background > .container > .content .table-holder {
  width: 100%;
}
.detailPopUp-style1 > .background > .container > .content .table-holder > a {
  position: absolute;
  top: -31px;
  right: 27px;
  z-index: 10;
}
.detailPopUp-style1 > .background > .container > .content .table-holder center {
  padding: 11px;
  width: 100%;
}
.detailPopUp-style1 > .background > .container > .content .table-holder center table {
  min-width: 94% !important;
}
.detailPopUp-style1 > .background > .container > .content .table-holder center table thead tr th {
  top: 0 !important;
}
.detailPopUp-style1 > .background > .container > .content .table-holder center table thead tr th a {
  display: none;
}
.detailPopUp-style1 > .background > .container > .content .table-holder center table .gridCellSummary {
  text-align: right;
}
.detailPopUp-style1 > .background > .container > .actionContainer {
  position: absolute !important;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px;
  text-align: center;
}
body.theme-darkapp div.payability-banner > img {
  filter: invert(100%) grayscale(100%);
}
body.theme-darkapp button.payability-button {
  background: #000000c9;
  color: #e39e4c;
  height: 32px;
  margin-top: 1px;
  padding-top: 7px;
}
body.theme-darkapp button.payability-button:hover {
  background: rgba(21, 21, 21, 0.79);
}
body.theme-darkapp button.payability-button .first-letter > img {
  filter: invert(100%) grayscale(100%);
}
body.theme-darkapp #paybilityPopUp-container > .background,
body.theme-darkapp .detailPopUp-style1 > .background {
  background: #000000c9;
}
body.theme-darkapp #paybilityPopUp-container button,
body.theme-darkapp .detailPopUp-style1 button {
  background: #f2954f;
  color: white;
}
body.theme-darkapp #paybilityPopUp-container button:hover,
body.theme-darkapp .detailPopUp-style1 button:hover {
  background: #f4a367;
}
.view-saver .url-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.view-saver .url-list li:first-child {
  padding-top: 0;
}
.view-saver .url-list li .load-view {
  display: flex;
  flex: 1 1 100%;
}
.view-saver .url-list li .load-view span {
  padding: 3px 0;
}
.view-saver .url-list li .load-view .delete-button {
  display: none;
  pointer-events: none;
  transition: 200ms ease-in opacity, 200ms ease-in color;
  margin: 0 0 0 auto;
  padding: 1px;
  border: 0;
  background: transparent;
}
.view-saver .url-list li .load-view:hover .delete-button {
  display: inline-block;
  pointer-events: all;
}
.view-saver > button {
  padding: 8px 12px;
  margin: 10px !important;
}
.view-saver .new-view-input {
  display: block;
  width: calc(100% - 10px);
  margin: 5px;
}
.view-saver .view-exists-error {
  padding-top: 5px;
  color: var(--finance-red);
}
body.accountSetup {
  color: var(--text-color);
  background: var(--background-color);
  height: 100vh;
}
body.accountSetup h2 {
  padding-bottom: 5px;
}
body.accountSetup .menu-main {
  box-shadow: none;
}
body.accountSetup.collapsed .component-holder {
  margin-left: 0;
}
body.accountSetup .component-holder {
  margin: 0;
  padding: 0;
  display: flex;
  height: 100%;
}
body.accountSetup.no-menu .description-top {
  margin-top: 40px;
  text-align: center;
}
body.accountSetup.no-menu .menu-main {
  display: none;
}
body.accountSetup.no-menu .top-section {
  width: 100%;
}
body.accountSetup #showMore .symbol {
  padding: 21px 10px !important;
  height: 75px;
}
body.accountSetup #showMore .symbol i {
  font-size: 46px;
  line-height: 24px;
}
body.accountSetup #backButton {
  color: var(--button-color);
  background: var(--button-background);
  border: 0;
  top: 32px;
  font-size: 22px;
  display: block;
  position: absolute;
  padding: 13px 20px;
  left: -75px;
  border-radius: 50%;
}
body.accountSetup #backButton i {
  position: relative;
  font-weight: bold;
}
body.accountSetup #backButton:hover {
  color: var(--button-hover-color);
  background: var(--button-hover-background);
}
body.accountSetup .text-block-7 {
  font-size: 22px;
  font-weight: 300;
  text-align: right;
  padding-top: 0px;
}
body.accountSetup .text-color-1 {
  color: var(--secondary-color);
}
body.accountSetup b,
body.accountSetup strong {
  font-weight: bold;
}
body.accountSetup .top-section h3.main-section-name {
  margin-top: 16px;
}
body.accountSetup .divider {
  width: 100%;
  height: 3px;
  margin-bottom: 32px;
  box-shadow: inset 0 1px 0 0 var(-text-inv-color);
}
body.accountSetup .description-top {
  line-height: 24px;
}
body.accountSetup .description-top.gray {
  color: #777;
}
body.accountSetup p {
  font-size: 15px;
  font-weight: 300;
}
body.accountSetup .section {
  position: relative;
  display: flex;
  overflow: hidden;
  padding: 30px;
}
body.accountSetup .section.payment {
  padding: 0;
  margin: 0;
  align-items: baseline;
  display: block;
}
body.accountSetup .section.payment > p.warning-message {
  color: var(--secondary-color);
  margin-bottom: 0px;
}
body.accountSetup .section.payment .paymentMethod button {
  margin: unset !important;
}
body.accountSetup .section.image-1 {
  background: var(--primary-color);
  min-width: 400px;
  width: 500px;
  background-repeat: repeat, no-repeat;
  background-position: -100px 0;
  background-size: cover;
  color: #fff;
  box-shadow: 0 0 40px var(--default-box-shadow);
  position: fixed;
  top: 66px;
  height: 100%;
  padding: 0;
  z-index: 10;
}
body.accountSetup .button {
  background-clip: padding-box;
  background-color: var(--button-background);
  font-size: 15px;
  margin: 1px 7px;
  cursor: pointer;
  color: var(--button-color);
  display: inline-block;
  transition: border-bottom-color 600ms cubic-bezier(0.075, 0.82, 0.165, 1), border-top-color 600ms cubic-bezier(0.075, 0.82, 0.165, 1), border-left-color 600ms cubic-bezier(0.075, 0.82, 0.165, 1), border-right-color 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
  white-space: nowrap;
  padding: var(--button-padding);
  border-radius: var(--border-radius-basic);
  border: 0;
  text-transform: capitalize;
  margin: 0;
  margin-top: 5px;
  margin-bottom: 20px;
}
body.accountSetup .button:hover {
  background-color: var(--button-hover-background);
  color: var(--button-hover-color);
}
body.accountSetup .button.active {
  background-color: var(--button-hover-background);
  color: var(--button-hover-color);
}
body.accountSetup .button.button-add,
body.accountSetup .button.primary-button,
body.accountSetup .button[savebutton=T] {
  background-color: var(--button-inv-background);
  color: var(--button-inv-color);
}
body.accountSetup .button.button-add:hover,
body.accountSetup .button.primary-button:hover,
body.accountSetup .button[savebutton=T]:hover {
  background-color: var(--button-hover-background);
  color: var(--button-hover-color);
}
body.accountSetup .button[disabled]:hover {
  color: var(--button-color);
  background-color: var(--button-background);
  background-image: var(--button-background);
}
body.accountSetup .button.disabled:hover {
  color: var(--button-color);
  background-color: var(--button-background);
}
body.accountSetup .button[disabled] {
  color: var(--primary-color);
}
body.accountSetup .button > i.iconr:first-child:not(:last-child),
body.accountSetup .button > i.icons:first-child:not(:last-child) {
  margin-right: 5px;
}
body.accountSetup .button > i.iconr:last-child:not(:first-child),
body.accountSetup .button > i.icons:last-child:not(:first-child) {
  margin-left: 5px;
}
body.accountSetup .button-2-copy {
  background-clip: padding-box;
  background-color: var(--button-background);
  font-size: 15px;
  margin: 1px 7px;
  cursor: pointer;
  color: var(--button-color);
  display: inline-block;
  transition: border-bottom-color 600ms cubic-bezier(0.075, 0.82, 0.165, 1), border-top-color 600ms cubic-bezier(0.075, 0.82, 0.165, 1), border-left-color 600ms cubic-bezier(0.075, 0.82, 0.165, 1), border-right-color 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
  white-space: nowrap;
  padding: var(--button-padding);
  border-radius: var(--border-radius-basic);
  border: 0;
  text-transform: capitalize;
  background-color: var(--button-inv-background);
  color: var(--button-inv-color);
  margin: 0;
}
body.accountSetup .button-2-copy:hover {
  background-color: var(--button-hover-background);
  color: var(--button-hover-color);
}
body.accountSetup .button-2-copy.active {
  background-color: var(--button-hover-background);
  color: var(--button-hover-color);
}
body.accountSetup .button-2-copy.button-add,
body.accountSetup .button-2-copy.primary-button,
body.accountSetup .button-2-copy[savebutton=T] {
  background-color: var(--button-inv-background);
  color: var(--button-inv-color);
}
body.accountSetup .button-2-copy.button-add:hover,
body.accountSetup .button-2-copy.primary-button:hover,
body.accountSetup .button-2-copy[savebutton=T]:hover {
  background-color: var(--button-hover-background);
  color: var(--button-hover-color);
}
body.accountSetup .button-2-copy[disabled]:hover {
  color: var(--button-color);
  background-color: var(--button-background);
  background-image: var(--button-background);
}
body.accountSetup .button-2-copy.disabled:hover {
  color: var(--button-color);
  background-color: var(--button-background);
}
body.accountSetup .button-2-copy[disabled] {
  color: var(--primary-color);
}
body.accountSetup .button-2-copy > i.iconr:first-child:not(:last-child),
body.accountSetup .button-2-copy > i.icons:first-child:not(:last-child) {
  margin-right: 5px;
}
body.accountSetup .button-2-copy > i.iconr:last-child:not(:first-child),
body.accountSetup .button-2-copy > i.icons:last-child:not(:first-child) {
  margin-left: 5px;
}
body.accountSetup .line-button-text {
  position: relative;
  z-index: 1;
  font-size: 20px;
}
body.accountSetup .color-hover.left {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  transition: width var(--basic-content-transition-delay) ease-in-out;
}
body.accountSetup .pricing-features {
  width: 100%;
  flex: 1;
  max-width: 900px;
}
body.accountSetup #float-main-logo {
  position: fixed;
  z-index: 100 !important;
  top: 15px;
  left: 30px;
  width: 500px;
  font-size: 34px;
  line-height: 46px;
  font-weight: 300;
  display: flex;
  color: var(--link-accent-color) !important;
}
body.accountSetup #float-main-logo img {
  height: 42px;
  margin-right: 14px;
}
body.accountSetup .currency-block {
  float: left;
  flex: 1;
  min-height: 1px;
  padding: 34px 10px;
  width: 168px;
  margin: 0 22px 22px 0;
  text-align: center;
  box-shadow: 0 0 40px var(--default-box-shadow);
  background: var(--box-background-color);
  border-radius: 15px;
  cursor: pointer;
  color: var(--button-color);
}
body.accountSetup .currency-block.hidden {
  display: none;
}
body.accountSetup .currency-block div .symbol {
  background-color: var(--button-background);
  color: var(--button-color);
  width: 75px;
  text-align: center;
  padding: 15px 10px;
  margin: 22px auto 0;
  border-radius: 50%;
  font-size: 30px;
  font-weight: 500;
}
body.accountSetup .currency-block .flag {
  width: 80px;
  height: 80px;
  background-position: center;
  border-radius: 50%;
  margin: 46px auto 0;
}
body.accountSetup .currency-block .flag.us {
  background-image: url('../images/flag/us.svg');
}
body.accountSetup .currency-block .flag.eu {
  background-image: url('../images/flag/eu.svg');
  background-size: 100px;
}
body.accountSetup .currency-block input[type="radio"] {
  display: none;
}
body.accountSetup .currency-block input[type="radio"]:checked + div {
  color: var(--button-hover-background);
}
body.accountSetup .currency-block input[type="radio"]:checked + div .symbol {
  background-color: var(--button-hover-background);
  color: var(--button-hover-color);
}
body.accountSetup .currency-block input[type="radio"]:checked + div .color-hover.left {
  width: 100%;
}
body.accountSetup .currency-block:hover div {
  color: var(--button-hover-background);
}
body.accountSetup .currency-block:hover div .symbol {
  background-color: var(--button-hover-background);
  color: var(--button-hover-color);
}
body.accountSetup .currency-block.href {
  border: 1px solid var(--background-color);
}
body.accountSetup .currency-block.href:hover {
  color: var(--button-hover-background);
  border: 1px solid var(--button-hover-background);
}
body.accountSetup #left-banner h1 {
  color: #fff;
  font-size: 50px;
  line-height: 60px;
  font-weight: 300;
}
body.accountSetup #left-banner ul.steps {
  list-style: none;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 66px;
  left: 0;
  text-align: right;
  z-index: 1000;
  min-width: 400px;
  width: 520px;
}
body.accountSetup #left-banner ul.steps li {
  width: 100%;
  font-size: 22px;
  line-height: 22px;
  font-weight: 300;
  margin-top: 5vh;
  height: 110px;
  position: relative;
}
body.accountSetup #left-banner ul.steps li span {
  position: absolute;
  top: 60px;
  right: 80px;
  font-size: 14px;
  width: 50%;
}
body.accountSetup #left-banner ul.steps li.step1 {
  margin-top: 15vh;
}
body.accountSetup #left-banner ul.steps li.active i {
  background-color: var(--tertiary-color);
  color: var(--button-inv-color);
}
body.accountSetup #left-banner ul.steps li i {
  position: relative;
  top: 3px;
  left: 16px;
  background-color: var(--button-background);
  color: var(--button-color);
  width: 74px;
  text-align: center;
  padding: 22px 10px;
  border-radius: 50%;
  font-size: 30px;
  font-weight: 500;
  box-shadow: 2px 0px 5px var(--popup-box-shadow);
}
body.accountSetup #left-banner > .wrapper {
  position: relative;
  width: 100%;
  max-width: 1200px;
}
body.accountSetup #left-banner > .wrapper > .section-intro {
  display: block;
  max-width: 100%;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
body.accountSetup #left-banner > .wrapper > .section-intro.left {
  align-items: flex-start;
  padding: 30px 55px;
}
body.accountSetup #left-banner > .wrapper > .section-intro.center {
  text-align: center;
  align-items: center;
}
body.accountSetup #left-banner > .wrapper > .section-intro > .container {
  position: static;
  left: 0;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  align-items: flex-start;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto auto;
  margin-left: auto;
  margin-right: auto;
  max-width: 940px;
  text-align: left;
}
body.accountSetup #left-banner > .wrapper > .section-intro > .container > div:first-child {
  padding-right: 20px;
  padding-bottom: 20px;
}
body.accountSetup #left-banner > .wrapper > .section-intro > .container > div strong {
  color: var(--secondary-color);
}
body.accountSetup .onboarding {
  padding: 20px 80px;
}
body.accountSetup .onboarding .divider-1 {
  width: 100%;
  height: 3px;
  margin-top: 20px;
  margin-bottom: 10px;
  border-left-style: solid;
  border-left-width: 32px;
  border-left-color: #faaf52;
  box-shadow: inset 0 1px 0 0 #e7e7e7;
}
body.accountSetup .onboarding .top-orange-border {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
body.accountSetup .onboarding .top-orange-border .left-side,
body.accountSetup .onboarding .top-orange-border .right-side {
  padding: 10px;
  min-width: 300px;
}
body.accountSetup .onboarding .top-orange-border .left-side p {
  font-size: 20px;
}
body.accountSetup .onboarding .top-orange-border .right-side {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 100%;
  padding: 0;
  margin: -60px -80px -60px -70px;
  min-width: 1000px;
}
body.accountSetup .onboarding .top-orange-border h3 {
  font-size: 20px;
}
body.accountSetup .price-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  min-width: 512px;
}
body.accountSetup #main-container {
  width: calc(70% - 40px);
  margin-left: 620px;
  position: relative;
  max-width: 850px;
}
body.accountSetup #main-container h4 {
  margin: 0 22px 44px 0;
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
}
body.accountSetup #main-container form {
  display: flex;
  flex-wrap: wrap;
  min-width: 900px;
}
body.accountSetup #main-container form > div {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  min-width: 512px;
}
body.accountSetup #main-container form > .price-container a {
  margin-top: 70px;
  margin-left: 50px;
}
body.accountSetup #main-container form > .price-container .currency-block {
  float: left;
  flex: 1;
  min-height: 1px;
  padding: 34px 10px;
  width: 168px;
  margin: 0 22px 22px 0;
  text-align: center;
  box-shadow: 0 0 40px var(--default-box-shadow);
  border-radius: 15px;
  cursor: pointer;
  color: var(--button-color);
}
body.accountSetup #main-container form > .price-container .currency-block.hidden {
  display: none;
}
body.accountSetup #main-container form > .price-container .currency-block div .symbol {
  background-color: var(--button-background);
  color: var(--button-color);
  width: 75px;
  text-align: center;
  padding: 15px 10px;
  margin: 22px auto 0;
  border-radius: 50%;
  font-size: 30px;
  font-weight: 500;
}
body.accountSetup #main-container form > .price-container .currency-block input[type="radio"] {
  display: none;
}
body.accountSetup #main-container form > .price-container .currency-block input[type="radio"]:checked + div {
  color: var(--secondary-color);
}
body.accountSetup #main-container form > .price-container .currency-block input[type="radio"]:checked + div .symbol {
  background-color: var(--secondary-color);
  color: white;
}
body.accountSetup #main-container form > .price-container .currency-block input[type="radio"]:checked + div .color-hover.left {
  width: 100%;
}
body.accountSetup #main-container form > .price-container .currency-block:hover div {
  color: var(--button-hover-background);
}
body.accountSetup #main-container form > .price-container .currency-block:hover div .symbol {
  background-color: var(--button-hover-background);
  color: var(--button-hover-color);
}
body.accountSetup #main-container form > .price-container .currency-block:hover input[type="radio"] {
  display: none;
}
body.accountSetup #main-container form > .price-container .currency-block:hover input[type="radio"]:checked + div > div {
  color: var(--secondary-color);
}
body.accountSetup #main-container form > .price-container .currency-block:hover input[type="radio"]:checked + div > div.symbol {
  background-color: var(--secondary-color);
  color: white;
}
body.accountSetup #main-container form > .price-container .currency-block:hover input[type="radio"]:checked + div > div .color-hover.left {
  width: 100%;
}
body.accountSetup #main-container form > .contact-container .pricing-features {
  display: flex;
  flex-direction: column;
}
body.accountSetup #main-container form > .contact-container .pricing-features > label {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}
body.accountSetup #main-container form > .contact-container .pricing-features .form-done {
  display: none;
  padding: 20px;
  text-align: center;
  background-color: #dddddd;
}
body.accountSetup #main-container form > .contact-container .pricing-features .form-fail {
  display: none;
  margin-top: 10px;
  padding: 10px;
  background-color: #ffdede;
}
body.accountSetup #main-container button {
  margin: 0 0 40px 642px;
}
body.accountSetup #main-container button#AmazonPayButton {
  margin: 0 0 40px 0px;
}
body.accountSetup #main-container .color-section {
  display: flex;
  flex: 1;
  margin-top: 15px;
}
body.accountSetup #main-container .color-section label {
  min-height: 1px;
  padding: 22px 22px;
  font-size: 22px;
  width: 77px;
  margin: 0 22px 22px 0;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
}
body.accountSetup #main-container .color-section label.light_original {
  background: #95aed5;
  color: #548af6;
}
body.accountSetup #main-container .color-section label.light_original:hover {
  background: #548af6;
}
body.accountSetup #main-container .color-section label.light_pink {
  background: #d77fa8;
  color: #d9458a;
}
body.accountSetup #main-container .color-section label.light_pink:hover {
  background: #d9458a;
}
body.accountSetup #main-container .color-section label.light_dusty-mandarine {
  background: #c58b2f;
  color: #b06f00;
}
body.accountSetup #main-container .color-section label.light_dusty-mandarine:hover {
  background: #b06f00;
}
body.accountSetup #main-container .color-section label.light_light-green {
  background: #6f8f72;
  color: #266c18;
}
body.accountSetup #main-container .color-section label.light_light-green:hover {
  background: #266c18;
}
body.accountSetup #main-container .color-section label.light_vivid-cyan {
  background: #3dacb9;
  color: #1f7a85;
}
body.accountSetup #main-container .color-section label.light_vivid-cyan:hover {
  background: #1f7a85;
}
body.accountSetup #main-container .color-section label.dark_original {
  background: #172F4B;
  color: #548af6;
}
body.accountSetup #main-container .color-section label.dark_original:hover {
  color: #172F4B;
}
body.accountSetup #main-container .color-section label.dark_dark-night {
  background: #08131e;
  color: #313c57;
}
body.accountSetup #main-container .color-section label.dark_dark-night:hover {
  color: #08131e;
}
body.accountSetup #main-container .user-avatar {
  position: relative;
  text-align: center;
}
body.accountSetup #main-container .user-avatar label {
  min-height: 1px;
  padding: 25px 60px;
  font-size: 140px;
  width: 192px;
  height: 192px;
  display: inline-block;
  margin: 15px 0 22px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 40px var(--default-box-shadow);
  color: var(--tertiary-color);
  position: relative;
  background-color: var(--primary-color);
  -webkit-mask: url('../images/user-icon-edit.svg') center no-repeat;
  mask: url('../images/user-icon-edit.svg') center no-repeat;
}
body.accountSetup #main-container .user-avatar label.hidden {
  display: none;
}
body.accountSetup #main-container .user-avatar label > i {
  display: none;
}
body.accountSetup #main-container .user-avatar label span {
  position: absolute;
  left: 0;
  top: 46px;
  color: var(--gray-text-color);
  padding: 20px;
  font-size: 44px;
  display: none;
}
body.accountSetup #main-container .user-avatar label .new-avatar {
  position: absolute;
  width: 192px;
  height: 192px;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  border-radius: 50%;
  font-size: 17px;
}
body.accountSetup #main-container .user-avatar label .engine-grid-loader {
  position: absolute;
  width: 192px;
  height: 192px;
  left: 50%;
  top: 0;
  bottom: unset;
  right: unset;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 300ms ease;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
body.accountSetup #main-container .user-avatar label .engine-grid-loader.saving-visible {
  opacity: 1;
  pointer-events: unset;
}
body.accountSetup #main-container .user-avatar label .engine-grid-loader > i {
  position: static;
}
body.accountSetup #main-container .user-avatar.with-image label {
  -webkit-mask: unset;
  mask: unset;
}
body.accountSetup #main-container .user-avatar input {
  display: none;
}
body.accountSetup #main-container .user-avatar button {
  margin: 0px 0 40px 478px;
}
body.accountSetup #main-container .user-avatar .cropper-box {
  display: none;
  box-shadow: 0 0 20px var(--box-background-color);
  background: var(--background-color);
  z-index: 99999;
  margin-top: 20px;
}
body.accountSetup #main-container .user-avatar .cropper-box.cropper-box-opened {
  display: block;
}
body.accountSetup #main-container .user-avatar .cropper-box .cropper-view-box {
  border-radius: 50%;
}
body.accountSetup #main-container .user-avatar .cropper-controls {
  display: flex;
  justify-content: center;
  padding: 5px;
  margin: 10px;
}
body.accountSetup #main-container .user-avatar .cropper-controls button {
  margin: 0;
}
body.accountSetup #main-container .user-avatar .cropper-controls button:not(:first-child) {
  margin-left: 15px;
}
body.accountSetup #main-container .user-avatar .cropper-errors,
body.accountSetup #main-container .user-avatar .cropper-messages {
  padding: 5px;
}
body.accountSetup #main-container .user-avatar .cropper-errors .cropper-error,
body.accountSetup #main-container .user-avatar .cropper-messages .cropper-error {
  color: var(--message-error-color);
}
body.accountSetup #main-container .user-avatar .cropper-errors .cropper-message,
body.accountSetup #main-container .user-avatar .cropper-messages .cropper-message {
  color: var(--message-success-color);
}
body.accountSetup #main-container .seller-account-container {
  display: block;
  min-width: 512px;
}
body.accountSetup #main-container .seller-account-container .currency-block {
  width: 231px;
}
body.accountSetup #main-container #selectAvatar form {
  min-width: unset;
}
body.accountSetup #main-container #selectAvatar form button {
  margin: 0 0 40px 491px;
}
body.accountSetup #pricing-section {
  padding-top: 0;
  padding-bottom: 0;
  background: #fff;
}
body.accountSetup #pricing-section .pricing {
  display: flex;
  overflow: hidden;
  width: 100%;
  padding-top: 1px;
  padding-bottom: 1px;
  justify-content: center;
}
@media (max-width: 961px) {
  body.accountSetup #pricing-section .pricing {
    flex-direction: column;
  }
}
body.accountSetup #pricing-section .pricing .pricing-table {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  min-width: 256px;
  margin: 40px 20px;
  max-width: 512px;
}
body.accountSetup #pricing-section .pricing .pricing-table .box {
  width: 100%;
  height: 100%;
}
body.accountSetup #pricing-section .pricing .pricing-table .box > h3 {
  margin-top: 5px;
  margin-bottom: 15px;
}
body.accountSetup #pricing-section .pricing .pricing-table .box .divider {
  display: none;
}
body.accountSetup #pricing-section .pricing .pricing-table .box > div {
  font-style: italic;
}
body.accountSetup #pricing-section .pricing .pricing-table .box .text-thin {
  font-weight: 300;
  font-size: 18px;
}
body.accountSetup #pricing-section .pricing .pricing-table .box .text-block {
  margin-top: 20px;
}
body.accountSetup #pricing-section .pricing .pricing-table .box .text-block .bold-text {
  font-family: Oswald, sans-serif;
  color: var(--secondary-color);
  font-size: 26px;
}
body.accountSetup #pricing-section .pricing .pricing-table .box .text-block .bold-text-2 {
  color: var(--secondary-color);
  font-size: 20px;
}
body.accountSetup #pricing-section .pricing .pricing-table .box .pricing-features > .pricing-feature {
  color: var(--text-color);
  margin-bottom: 8px;
  padding-left: 32px;
  background-image: url(https://assets.website-files.com/5afc97a45faa711922892868/5afc97a45faa71d60e89299c_checkmark-icon.svg);
  background-position: 2px 4px;
  background-size: 16px;
  background-repeat: no-repeat;
}
body.accountSetup .nxtStepForm {
  width: 100% !important;
  max-width: none !important;
  padding-left: 5vw;
  padding-right: 5vw;
}
body.accountSetup .nxtStepForm > form {
  display: flex;
  flex-wrap: wrap;
  max-width: none;
}
body.accountSetup .nxtStepForm > form > .col {
  display: flex;
  padding: 20px 6% 80px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  box-shadow: none;
}
body.accountSetup .nxtStepForm > form > .col .youtubeVideo {
  width: 100%;
  position: relative;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  background-size: cover;
  height: 19.2vw;
}
body.accountSetup .nxtStepForm > form > .col .youtubeVideo > iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto;
}
body.accountSetup .nxtStepForm > form > .col > .description {
  padding: 5px;
  margin-bottom: 15px;
  margin-top: 15px;
}
body.accountSetup .nxtStepForm table {
  background-color: transparent !important;
}
body.accountSetup .nxtStepForm table tr:last-child td {
  text-align: center;
  padding-top: 20px;
}
body.accountSetup .registerForm.lastStep {
  box-shadow: 0 0 40px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
  padding: 20px;
}
body.accountSetup .registerForm.lastStep > p.description-top {
  padding-left: 0;
  padding-right: 0;
}
body.accountSetup .registerForm.lastStep .step1-container {
  padding-left: 10vw;
  padding-right: 10vw;
}
body.accountSetup .registerForm.lastStep .step1-container > .top-self-sticky {
  position: sticky;
  top: 74px;
  background: var(--background-color);
}
body.accountSetup .registerForm.lastStep .step1-container input {
  background: var(--table-input-color);
}
body.accountSetup .registerForm.lastStep .step1-container form table {
  background: none;
  padding: 0;
}
body.accountSetup .registerForm.lastStep .step1-container form table > tbody {
  display: flex;
  flex-direction: row;
}
body.accountSetup .registerForm.lastStep .step1-container form table > tbody .entryTableCaption {
  margin-right: 10px;
  flex: 0 0 auto;
  font-weight: bold;
}
body.accountSetup .registerForm.lastStep .step1-container form table > tbody input {
  display: block;
  width: 100%;
  height: 38px;
  padding: 8px 12px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333333;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
body.accountSetup .registerForm.lastStep .step1-container form table > tbody button {
  position: relative;
  top: 0;
  display: block;
  overflow: visible;
  height: 40px;
  margin-top: -1px;
  padding: 8px 24px 11px;
  border-radius: 0;
  background-color: #faaf52;
  transition: color 400ms ease, background-color 400ms ease;
  font-family: Oswald, sans-serif;
  color: #fff;
  font-size: 18px;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
body.accountSetup .registerForm.lastStep .step1-container form table > tbody button:hover {
  background-color: #f6a136;
}
body.accountSetup .registerForm.lastStep .step1-container form > br {
  display: none;
}
body.accountSetup .registerForm.lastStep .continent {
  display: flex;
  flex-wrap: wrap;
}
body.accountSetup .registerForm.lastStep .continent h5 {
  margin: 5px 40px 5px 0;
  line-height: 53px;
}
body.accountSetup .registerForm.lastStep .continent p {
  font-size: 15px;
  font-weight: 300;
}
body.accountSetup .registerForm.lastStep .continent > .country-selector {
  display: flex;
  width: 255px;
  min-width: fit-content;
  margin: 15px;
}
body.accountSetup .registerForm.lastStep .continent > .country-selector:last-child {
  margin-right: 0;
}
body.accountSetup .registerForm.lastStep .continent > .country-selector > a {
  background-color: transparent;
  color: var(--text-color);
  position: relative;
  overflow: hidden;
  height: 33px;
  padding: 5px 12px;
  margin: 0;
  border-radius: 0;
  transition: color 400ms ease, background-color 400ms ease;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  font-size: 16px;
}
body.accountSetup .registerForm.lastStep .continent > .country-selector > a > .line-button-text {
  display: flex;
  font-size: 16px;
}
body.accountSetup .registerForm.lastStep .continent > .country-selector > a > .line-button-text > img {
  width: 50px;
  height: auto;
  position: relative;
  top: -13px;
  left: -13px;
}
body.accountSetup .registerForm.lastStep .pricing-features.step1 {
  margin-bottom: 20px;
  padding-left: 10px;
  height: auto;
}
body.accountSetup .registerForm.lastStep .mandatoryField {
  display: none;
}
body.accountSetup .container.permissions {
  padding-left: 10vw;
  padding-right: 10vw;
  padding-bottom: 50px;
}
body.accountSetup .container.permissions .divider {
  margin-top: 32px;
}
body.accountSetup .container.permissions .image-11 {
  max-width: 75%;
  border: 1px solid #000;
  margin-bottom: 20px;
  display: block;
  margin-top: 20px;
}
body.accountSetup .container.permissions > .part > .part-header {
  font-weight: bold;
  margin: 10px 10px 10px 0;
  text-transform: uppercase;
}
body.accountSetup .container.permissions > .part .in-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 40px;
}
body.accountSetup .container.permissions > .part .in-row > div {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  flex: 2;
}
body.accountSetup .container.permissions > .part .in-row > div:last-child {
  flex: 1;
}
body.accountSetup .container.permissions > .part .in-row > div .image-tall {
  display: block;
  max-height: 300px;
  max-width: none;
  min-width: 0;
  border: 1px solid #000;
}
body.accountSetup .country-container {
  display: flex;
  padding: 40px;
  flex-direction: column;
  align-items: flex-start;
  flex: 1;
  min-width: 512px;
}
body.accountSetup .country-container .registerForm {
  margin: 0;
  padding: 0;
  box-shadow: none;
}
body.accountSetup .country-container .registerForm .description-top {
  margin-top: 10px;
  text-align: left;
}
body.accountSetup #connectSellerCentral ul {
  width: 30%;
  min-width: 650px;
  list-style: none;
  margin: 5px;
  border-radius: var(--border-radius-large);
  padding: 0;
}
body.accountSetup #connectSellerCentral ul li {
  font-size: 16px;
  line-height: 50px;
  padding: 0;
  margin: 10px 0;
  cursor: pointer;
  position: relative;
}
body.accountSetup #connectSellerCentral ul li i {
  font-size: 8px;
  color: var(--tertiary-color);
  position: relative;
  top: -3px;
  left: 6px;
  margin-right: 17px;
}
body.accountSetup #connectSellerCentral ul li i.green {
  top: 1px;
  left: 0;
  margin-right: 5px;
  font-size: 20px;
  color: var(--message-success-color);
}
body.accountSetup #connectSellerCentral ul li button,
body.accountSetup #connectSellerCentral ul li a.href-button {
  float: right;
  margin: 0;
}
body.accountSetup #connectSellerCentral ul li a.href-button {
  padding: 0px 25px;
}
body.accountSetup #connectSellerCentral > div {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-right: 10px;
  flex: 2;
}
body.accountSetup #connectSellerCentral > div:last-child {
  flex: 1;
}
body.accountSetup #connectSellerCentral > div .image-tall {
  display: block;
  max-height: 300px;
  max-width: none;
  min-width: 0;
  border: 1px solid #000;
}
body.accountSetup #connectSellerCentral iframe {
  position: absolute;
  left: 225px;
  top: 1px;
  border: none;
  width: 855px;
  height: 493px;
  box-shadow: 0 0 40px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
}
body.accountSetup #connectSellerCentral .image-10 {
  width: 200px;
}
body.accountSetup #connectSellerCentral .image-11,
body.accountSetup #connectSellerCentral .image-12,
body.accountSetup #connectSellerCentral .image-13,
body.accountSetup #connectSellerCentral .image-14,
body.accountSetup #connectSellerCentral .image-15,
body.accountSetup #connectSellerCentral .image-16 {
  width: 1080px;
}
body.accountSetup #connectSellerCentral img {
  box-shadow: 0 0 40px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
}
body.accountSetup #connectSellerCentral button {
  display: flex;
  max-width: fit-content;
  margin: 0;
}
body.accountSetup #selectThemeSize .size-section {
  display: flex;
}
body.accountSetup #selectThemeSize .size-section label {
  margin-right: 40px;
  cursor: pointer;
}
body.accountSetup #selectThemeSize .size-section label p {
  font-size: 18px;
}
body.accountSetup #selectThemeSize .size-section label img {
  width: 400px;
  box-shadow: 0 0 40px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
}
body.accountSetup #selectThemeSize .size-section label.active {
  color: var(--secondary-color);
}
body.accountSetup #selectThemeSize .size-section label.active img {
  border: 2px solid var(--secondary-color);
}
#onboardingStep {
  filter: blur(0px) !important;
  background: none;
}
#onboardingStep #onboardingStepWindow {
  padding: 0px;
  width: 80% !important;
  height: fit-content !important;
}
#onboardingStep .ajaxPopupHeader {
  padding: var(--button-padding);
  position: relative;
  margin: 0;
  width: 100%;
  right: 0;
  top: 0;
  background: var(--tertiary-color);
  color: var(--text-inv-color);
  border-top-right-radius: var(--border-radius-large);
  border-top-left-radius: var(--border-radius-large);
  font-size: 20px;
}
#onboardingStep .ajaxPopupHeader .buttdelete {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  right: 0;
  top: 0;
  font-size: 16px;
  padding: 5px 12px;
  position: absolute;
  border-radius: 20px;
  color: var(--button-inv-color);
  background: var(--button-inv-background);
  right: 12px;
  top: var(--buttdelete-top);
}
#onboardingStep .ajaxPopupHeader .buttdelete:after {
  content: "\f00d";
}
#onboardingStep .ajaxPopupHeader .buttdelete:hover {
  color: var(--button-hover-color);
  background: var(--button-hover-background);
  cursor: pointer;
}
#onboardingStep .ajaxPopup {
  margin-top: 0px;
  height: fit-content !important;
}
#onboardingStep .ajaxPopup > p {
  color: var(--gray-text-color);
  font-size: 18px;
}
#onboardingStep .ajaxPopup .progress {
  background: var(--primary-color);
  border-radius: 13px;
  height: 12px;
  width: 100%;
  padding: 1px;
  background: var(--background-mask-color);
  height: 11px;
  padding: 0px;
}
#onboardingStep .ajaxPopup .progress > span {
  content: '';
  display: block;
  background: var(--tertiary-color);
  width: 5%;
  height: 10px;
  border-radius: 9px;
}
#onboardingStep .ajaxPopup .content {
  margin: 10px 0 0 0;
}
#onboardingStep .ajaxPopup .content > div > div {
  overflow: auto;
  padding: 0 20px;
  height: 60vh;
}
#onboardingStep .ajaxPopup .content > div > div h3 {
  margin: 10px 0 15px 0;
}
#onboardingStep .ajaxPopup .content > div > div hr {
  border-bottom: 1px solid var(--tertiary-color);
}
#onboardingStep .ajaxPopup .content > div > div iframe {
  position: unset;
  left: unset;
  top: unset;
}
#onboardingStep .ajaxPopup .content > div > div.userPermissions iframe {
  position: absolute;
  left: calc(20% + 20px);
  top: 1px;
  border: none;
  width: calc(80% - 20px);
  height: 493px;
  box-shadow: 0 0 40px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
}
#onboardingStep .ajaxPopup .content > div > div.userPermissions .image-10 {
  width: 20%;
}
#onboardingStep .ajaxPopup .content > div > div.userPermissions .image-11,
#onboardingStep .ajaxPopup .content > div > div.userPermissions .image-12,
#onboardingStep .ajaxPopup .content > div > div.userPermissions .image-13,
#onboardingStep .ajaxPopup .content > div > div.userPermissions .image-14,
#onboardingStep .ajaxPopup .content > div > div.userPermissions .image-15,
#onboardingStep .ajaxPopup .content > div > div.userPermissions .image-16 {
  width: 100%;
}
#onboardingStep .ajaxPopup .content > div > div.userPermissions img {
  box-shadow: 0 0 40px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
  border: 1px solid var(--border-color);
}
#onboardingStep .ajaxPopup .content > div > div.userPermissions button {
  display: none !important;
}
#onboardingStep .ajaxPopup .content > div > div.MBSChromeExtension .flex {
  display: flex;
}
#onboardingStep .ajaxPopup .content > div .footer {
  text-align: right;
  height: min-content;
}
#onboardingStep .ajaxPopup .content > div .footer button {
  margin: 10px 0 0 10px;
  display: initial;
}
#onboardingStep .reviewRequest .divBox,
#onboardingStep .reviewRequest #skuSelectorContainer {
  background: var(--box-background-color);
  box-shadow: 0 0 40px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
  padding: 20px;
}
#onboardingStep .reviewRequest .formFlex {
  display: flex;
  margin-top: 15px;
  margin-bottom: 15px;
}
#onboardingStep .reviewRequest .formFlex > div {
  width: 35%;
}
#onboardingStep .reviewRequest .formFlex > div input,
#onboardingStep .reviewRequest .formFlex > div select {
  width: 100%;
}
#onboardingStep .reviewRequest .formFlex #skuSelectorContainer {
  width: calc(65% - 15px);
  margin-left: 15px;
}
#onboardingStep .reviewRequest .formFlex #skuSelectorContainer .skuSettings {
  display: none;
}
#onboardingStep .reviewRequest .formFlex #skuSelectorContainer .skuForm {
  width: 100%;
  padding: 0;
}
#onboardingStep .reviewRequest .formFlex #skuSelectorContainer .skuForm .form-part-header {
  font-weight: 400;
  font-size: var(--h3-font-size);
  line-height: var(--h3-font-size);
  color: var(--h-color);
  text-align: left !important;
  margin-bottom: 15px;
}
#onboardingStep .reviewRequest .formFlex > h3 {
  margin-bottom: 15px;
}
#onboardingStep .reviewRequest .formFlex .chzn-container {
  width: 100% !important;
}
#onboardingStep .reviewRequest h3 {
  margin: 15px;
}
#onboardingStep .reviewRequest h3#advancedSettingh3 {
  cursor: pointer;
}
#onboardingStep .reviewRequest h3 b {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  font-style: normal;
  font-size: 80%;
  margin-left: 10px;
}
#onboardingStep .reviewRequest h3 b:before {
  content: "\f054";
}
#onboardingStep .reviewRequest h3.active b:before {
  content: "\f078";
}
#onboardingStep .reviewRequest p {
  margin: 10px;
}
#onboardingStep .reviewRequest form button.saveButton {
  float: right;
  margin-top: 15px;
}
#onboardingStep .reviewRequest .advancedSetting {
  display: none;
}
.ReactModal__Overlay.styles1 > div.ReactModal__Content {
  background-color: var(--background-color);
  box-shadow: 0 0 40px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
  padding: 20px;
}
.ReactModal__Overlay.styles1 > div.ReactModal__Content > h3 {
  font-family: Karla, unset;
}
.ReactModal__Overlay.styles1 > div.ReactModal__Content #logOutNote {
  position: relative;
}
.ReactModal__Overlay.styles1 > div.ReactModal__Content #logOutNote > button {
  margin: 10px 0 0 0;
}
.expander .expander-title {
  text-align: right;
  border-bottom: 3px solid var(--primary-color);
  font-family: 'Neue Helvetica', sans-serif;
  font-size: 0.72rem;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.expander .expander-title .expander-button {
  color: var(--button-color);
}
.expander .expander-title .expander-button:hover {
  cursor: pointer;
}
.expander .expander-content {
  display: none;
  opacity: 0;
  transition: opacity ease-in 300ms;
}
.expander.collapsed .expander-button.expanded-text {
  display: none;
}
.expander.expanded .expander-button.collapsed-text {
  display: none;
}
.expander.expanded .expander-content {
  display: block;
  opacity: 1;
}
body.additionalWizard.permission .component-holder h2.page-header,
body.additionalWizard.plugin .component-holder h2.page-header,
body.additionalWizard.advertising .component-holder h2.page-header {
  padding: var(--h2-header-page-padding) !important;
}
body.additionalWizard.permission .component-holder h3,
body.additionalWizard.plugin .component-holder h3,
body.additionalWizard.advertising .component-holder h3 {
  margin: var(--div-entryForm-margin-top) 0 15px 5px;
  font-size: 26px;
  font-weight: 400;
}
body.additionalWizard.permission .component-holder ul,
body.additionalWizard.plugin .component-holder ul,
body.additionalWizard.advertising .component-holder ul {
  width: 30%;
  min-width: 650px;
  list-style: none;
  margin: 5px;
  border-radius: var(--border-radius-large);
  padding: 0;
}
body.additionalWizard.permission .component-holder ul li,
body.additionalWizard.plugin .component-holder ul li,
body.additionalWizard.advertising .component-holder ul li {
  font-size: 16px;
  line-height: 50px;
  padding: 0;
  margin: 10px 0;
  cursor: pointer;
  position: relative;
}
body.additionalWizard.permission .component-holder ul li i,
body.additionalWizard.plugin .component-holder ul li i,
body.additionalWizard.advertising .component-holder ul li i {
  font-size: 8px;
  color: var(--tertiary-color);
  position: relative;
  top: -3px;
  left: 6px;
  margin-right: 17px;
}
body.additionalWizard.permission .component-holder ul li i.green,
body.additionalWizard.plugin .component-holder ul li i.green,
body.additionalWizard.advertising .component-holder ul li i.green {
  top: 1px;
  left: 0;
  margin-right: 5px;
  font-size: 20px;
  color: var(--message-success-color);
}
body.additionalWizard.permission .component-holder ul li button,
body.additionalWizard.plugin .component-holder ul li button,
body.additionalWizard.advertising .component-holder ul li button,
body.additionalWizard.permission .component-holder ul li a.href-button,
body.additionalWizard.plugin .component-holder ul li a.href-button,
body.additionalWizard.advertising .component-holder ul li a.href-button {
  float: right;
}
body.additionalWizard.permission .component-holder ul li a.href-button,
body.additionalWizard.plugin .component-holder ul li a.href-button,
body.additionalWizard.advertising .component-holder ul li a.href-button {
  padding: 0px 25px;
}
body.additionalWizard.permission .component-holder p,
body.additionalWizard.plugin .component-holder p,
body.additionalWizard.advertising .component-holder p {
  margin: 10px 0;
}
body.additionalWizard.permission .ajaxPopupWindow h3,
body.additionalWizard.plugin .ajaxPopupWindow h3,
body.additionalWizard.advertising .ajaxPopupWindow h3 {
  font-size: var(--h3-font-size);
}
body.additionalWizard.permission .ajaxPopupWindow > .part-header,
body.additionalWizard.plugin .ajaxPopupWindow > .part-header,
body.additionalWizard.advertising .ajaxPopupWindow > .part-header {
  font-weight: bold;
  margin: 10px 10px 10px 0;
  text-transform: uppercase;
}
body.additionalWizard.permission .ajaxPopupWindow .in-row,
body.additionalWizard.plugin .ajaxPopupWindow .in-row,
body.additionalWizard.advertising .ajaxPopupWindow .in-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 40px;
}
body.additionalWizard.permission .ajaxPopupWindow .in-row > div,
body.additionalWizard.plugin .ajaxPopupWindow .in-row > div,
body.additionalWizard.advertising .ajaxPopupWindow .in-row > div {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  flex: 2;
}
body.additionalWizard.permission .ajaxPopupWindow .in-row > div:last-child,
body.additionalWizard.plugin .ajaxPopupWindow .in-row > div:last-child,
body.additionalWizard.advertising .ajaxPopupWindow .in-row > div:last-child {
  flex: 1;
}
body.additionalWizard.permission .ajaxPopupWindow .in-row > div .image-tall,
body.additionalWizard.plugin .ajaxPopupWindow .in-row > div .image-tall,
body.additionalWizard.advertising .ajaxPopupWindow .in-row > div .image-tall {
  display: block;
  max-height: 300px;
  max-width: none;
  min-width: 0;
  border: 1px solid #000;
}
body.additionalWizard.permission .ajaxPopupWindow iframe,
body.additionalWizard.plugin .ajaxPopupWindow iframe,
body.additionalWizard.advertising .ajaxPopupWindow iframe {
  position: absolute;
  left: 290px;
  top: 1px;
  border: none;
  width: calc(100% - 290px);
  height: 493px;
  box-shadow: 0 0 40px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
}
body.additionalWizard.permission .ajaxPopupWindow .image-10,
body.additionalWizard.plugin .ajaxPopupWindow .image-10,
body.additionalWizard.advertising .ajaxPopupWindow .image-10 {
  width: 200px;
}
body.additionalWizard.permission .ajaxPopupWindow img,
body.additionalWizard.plugin .ajaxPopupWindow img,
body.additionalWizard.advertising .ajaxPopupWindow img {
  box-shadow: 0 0 40px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
}
body.additionalWizard.permission .ajaxPopupWindow button,
body.additionalWizard.plugin .ajaxPopupWindow button,
body.additionalWizard.advertising .ajaxPopupWindow button {
  display: flex;
  max-width: fit-content;
  margin: 0;
}
body.additionalWizard.permission .ajaxPopupWindow .ajaxPopup,
body.additionalWizard.plugin .ajaxPopupWindow .ajaxPopup,
body.additionalWizard.advertising .ajaxPopupWindow .ajaxPopup {
  font-size: var(--p-font-size);
}
body.additionalWizard.permission .ajaxPopupWindow .ajaxPopup .controls button,
body.additionalWizard.plugin .ajaxPopupWindow .ajaxPopup .controls button,
body.additionalWizard.advertising .ajaxPopupWindow .ajaxPopup .controls button {
  margin: 10px 0;
}
body.additionalWizard.permission .ajaxPopupHeader,
body.additionalWizard.plugin .ajaxPopupHeader,
body.additionalWizard.advertising .ajaxPopupHeader {
  padding: var(--button-padding);
  position: relative;
  margin: 0;
  width: 100%;
  right: 0;
  top: 0;
  background: var(--tertiary-color);
  color: var(--text-inv-color);
  border-top-right-radius: var(--border-radius-large);
  border-top-left-radius: var(--border-radius-large);
  font-size: 20px;
}
body.additionalWizard.permission .ajaxPopupHeader .buttdelete,
body.additionalWizard.plugin .ajaxPopupHeader .buttdelete,
body.additionalWizard.advertising .ajaxPopupHeader .buttdelete {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 900;
  right: 0;
  top: 0;
  font-size: 16px;
  padding: 5px 12px;
  position: absolute;
  border-radius: 20px;
  color: var(--button-inv-color);
  background: var(--button-inv-background);
  right: 12px;
  top: var(--buttdelete-top);
  display: block !important;
}
body.additionalWizard.permission .ajaxPopupHeader .buttdelete:after,
body.additionalWizard.plugin .ajaxPopupHeader .buttdelete:after,
body.additionalWizard.advertising .ajaxPopupHeader .buttdelete:after {
  content: "\f00d";
}
body.additionalWizard.permission .ajaxPopupHeader .buttdelete:hover,
body.additionalWizard.plugin .ajaxPopupHeader .buttdelete:hover,
body.additionalWizard.advertising .ajaxPopupHeader .buttdelete:hover {
  color: var(--button-hover-color);
  background: var(--button-hover-background);
  cursor: pointer;
}
body.additionalWizard.permission .ajaxPopupWindow,
body.additionalWizard.plugin .ajaxPopupWindow,
body.additionalWizard.advertising .ajaxPopupWindow {
  padding: 0;
}
body.additionalWizard.permission .ajaxPopup,
body.additionalWizard.plugin .ajaxPopup,
body.additionalWizard.advertising .ajaxPopup {
  margin-top: 0px;
  height: calc(100% - 70px) !important;
  overflow-x: auto;
}
body.additionalWizard.permission .ajaxPopupBackground,
body.additionalWizard.plugin .ajaxPopupBackground,
body.additionalWizard.advertising .ajaxPopupBackground {
  filter: blur(0px) !important;
}
body.additionalWizard.review-request {
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */
}
body.additionalWizard.review-request div.component-holder {
  max-width: calc(var(--vw, 1vw) * 100 - 290px) !important;
}
body.additionalWizard.review-request div.component-holder .divBox,
body.additionalWizard.review-request div.component-holder #skuSelectorContainer {
  background: var(--box-background-color);
  box-shadow: 0 0 40px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
  padding: 20px;
}
body.additionalWizard.review-request div.component-holder .formFlex {
  display: flex;
  margin-top: 15px;
  margin-bottom: 15px;
}
body.additionalWizard.review-request div.component-holder .formFlex > div {
  width: 35%;
}
body.additionalWizard.review-request div.component-holder .formFlex > div input,
body.additionalWizard.review-request div.component-holder .formFlex > div select {
  width: 100%;
}
body.additionalWizard.review-request div.component-holder .formFlex #skuSelectorContainer {
  width: calc(65% - 15px);
  margin-left: 15px;
}
body.additionalWizard.review-request div.component-holder .formFlex #skuSelectorContainer .skuSettings {
  display: none;
}
body.additionalWizard.review-request div.component-holder .formFlex #skuSelectorContainer .skuForm {
  width: 100%;
  padding: 0;
}
body.additionalWizard.review-request div.component-holder .formFlex #skuSelectorContainer .skuForm .form-part-header {
  font-weight: 400;
  font-size: var(--h3-font-size);
  line-height: var(--h3-font-size);
  color: var(--h-color);
  text-align: left !important;
  margin-bottom: 15px;
}
body.additionalWizard.review-request div.component-holder .formFlex > h3 {
  margin-bottom: 15px;
}
body.additionalWizard.review-request div.component-holder .formFlex .chzn-container {
  width: 100% !important;
}
body.additionalWizard.review-request div.component-holder h3 {
  margin: 15px;
}
body.additionalWizard.review-request div.component-holder h3#advancedSettingh3 {
  cursor: pointer;
}
body.additionalWizard.review-request div.component-holder h3 b {
  font-family: 'Font Awesome 5 Pro';
  font-weight: 400;
  font-style: normal;
  font-size: 80%;
  margin-left: 10px;
}
body.additionalWizard.review-request div.component-holder h3 b:before {
  content: "\f054";
}
body.additionalWizard.review-request div.component-holder h3.active b:before {
  content: "\f078";
}
body.additionalWizard.review-request div.component-holder p {
  margin: 10px;
}
body.additionalWizard.review-request div.component-holder form button.saveButton {
  float: right;
  margin-top: 15px;
}
body.additionalWizard.review-request div.component-holder .advancedSetting {
  display: none;
}
body.additionalWizard.plugin ul li .green.icons.icon-check-circle {
  display: none;
}
body.additionalWizard.plugin ul li.done .green.icons.icon-check-circle {
  display: inline;
}
body.additionalWizard.plugin ul li.done .icons.icon-circle {
  display: none;
}
body.additionalWizard.plugin #plugin-reviews {
  padding: 0 0 20px 0;
}
body.additionalWizard.advertising .component-holder {
  width: 50%;
}
body.additionalWizard.advertising .component-holder table tr.match td {
  background: var(--graph-line-fill-green);
}
body.additionalWizard.advertising .component-holder table tr.noMatch td {
  background: var(--graph-line-fill-orange);
}
body .top-section .right-side-section .messages-list {
  width: 100%;
  padding: 0 !important;
}
body .top-section .right-side-section .messages-list .buttonRight {
  position: absolute;
  right: -5px;
  border: none;
  cursor: pointer;
  padding: 10px 5px 5px;
  background: none;
  font-weight: 600;
}
body .top-section .right-side-section .messages-list .buttonRight:hover {
  color: var(--button-color);
}
body .top-section .right-side-section .messages-list header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 10px;
}
body .top-section .right-side-section .messages-list header > section,
body .top-section .right-side-section .messages-list header > div {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
}
body .top-section .right-side-section .messages-list header > section div,
body .top-section .right-side-section .messages-list header > div div {
  color: var(--link-accent-color);
  font-size: 17px;
  padding: 5px 10px;
  position: relative;
}
body .top-section .right-side-section .messages-list header > section div.active,
body .top-section .right-side-section .messages-list header > div div.active,
body .top-section .right-side-section .messages-list header > section div:hover,
body .top-section .right-side-section .messages-list header > div div:hover,
body .top-section .right-side-section .messages-list header > section div.active i.iconr,
body .top-section .right-side-section .messages-list header > div div.active i.iconr,
body .top-section .right-side-section .messages-list header > section div:hover i.iconr,
body .top-section .right-side-section .messages-list header > div div:hover i.iconr,
body .top-section .right-side-section .messages-list header > section div.active i.icons,
body .top-section .right-side-section .messages-list header > div div.active i.icons,
body .top-section .right-side-section .messages-list header > section div:hover i.icons,
body .top-section .right-side-section .messages-list header > div div:hover i.icons {
  color: var(--link-accent-color-hover);
  cursor: pointer;
}
body .top-section .right-side-section .messages-list header > section div .baloon,
body .top-section .right-side-section .messages-list header > div div .baloon {
  border-radius: 50%;
  background-color: var(--message-info-color);
  color: white;
  position: absolute;
  font-size: 11px;
  width: 17px;
  height: 17px;
  padding: 1px 2px 4px 2px;
  text-align: center;
  line-height: 1.6;
  top: 17px;
  left: 22px;
}
body .top-section .right-side-section .messages-list header > section.just-note,
body .top-section .right-side-section .messages-list header > div.just-note {
  width: auto;
  margin: 0 auto;
  opacity: 0;
  transition: opacity 300ms ease-in;
  position: absolute;
  right: 40px;
  top: 120px;
  background-color: var(--background-color);
  pointer-events: none;
}
body .top-section .right-side-section .messages-list header > section.just-note.visible,
body .top-section .right-side-section .messages-list header > div.just-note.visible {
  opacity: 0.8;
}
body .top-section .right-side-section .messages-list header > section .common-forms-checkbox:first-child,
body .top-section .right-side-section .messages-list header > div .common-forms-checkbox:first-child {
  padding-left: 0;
}
body .top-section .right-side-section .messages-list header > section .common-forms-checkbox > label,
body .top-section .right-side-section .messages-list header > div .common-forms-checkbox > label {
  display: flex;
  align-items: center;
}
body .top-section .right-side-section .messages-list header > section .common-forms-checkbox > label > span,
body .top-section .right-side-section .messages-list header > div .common-forms-checkbox > label > span {
  font-family: 'Neue Helvetica', sans-serif;
  color: var(--text-inv-color);
  line-height: 32px;
  text-decoration: none;
}
body .top-section .right-side-section .messages-list article.formatted-item:not(:empty),
body .top-section .right-side-section .messages-list .formatted-item {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  margin-bottom: -1px;
  padding: 0 14px 0 35px;
  transition: color 700ms cubic-bezier(0.075, 0.82, 0.165, 1), background-color 700ms cubic-bezier(0.075, 0.82, 0.165, 1), padding 700ms cubic-bezier(0.075, 0.82, 0.165, 1);
  font-family: 'Neue Helvetica', sans-serif;
  color: var(--text-inv-color);
  line-height: 32px;
  text-decoration: none;
  cursor: pointer;
  overflow: visible;
  text-align: left;
  background: var(--background-accent-color-light);
  color: var(--link-accent-color);
  padding: 15px !important;
  line-height: 1.3;
  flex-wrap: wrap;
}
body .top-section .right-side-section .messages-list article.formatted-item:not(:empty):hover,
body .top-section .right-side-section .messages-list .formatted-item:hover {
  background-color: var(--background-accent-color);
  color: var(--text-inv-color);
}
body .top-section .right-side-section .messages-list article.formatted-item:not(:empty).new,
body .top-section .right-side-section .messages-list .formatted-item.new {
  font-weight: 600;
  color: var(--message-info-color);
}
body .top-section .right-side-section .messages-list article.formatted-item:not(:empty) i.iconr,
body .top-section .right-side-section .messages-list .formatted-item i.iconr {
  font-size: 21px;
  padding: 10px;
  margin-right: 5px;
  background-color: var(--primary-color);
  color: var(--text-inv-color);
  border-radius: 50%;
  line-height: 1.1;
  width: 43px;
  height: 43px;
}
body .top-section .right-side-section .messages-list article.formatted-item:not(:empty) .icon-external-link,
body .top-section .right-side-section .messages-list .formatted-item .icon-external-link {
  display: none;
}
body .top-section .right-side-section .messages-list article.formatted-item:not(:empty) > span,
body .top-section .right-side-section .messages-list .formatted-item > span {
  width: calc(100% - 70px);
  max-width: calc(100% - 70px);
  padding-right: 5px;
  margin-left: 10px;
  font-size: 15px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
body .top-section .right-side-section .messages-list article.formatted-item:not(:empty) > time,
body .top-section .right-side-section .messages-list .formatted-item > time {
  margin-left: 60px;
  font-size: 85%;
  margin-top: -17px;
}
body .top-section .right-side-section .messages-list article.formatted-item:not(:empty) .message-content,
body .top-section .right-side-section .messages-list .formatted-item .message-content {
  width: 90%;
  margin: 5px auto 15px;
  padding: 10px;
  background: var(--background-color);
  font-family: 'Neue Helvetica', sans-serif;
  color: #999;
  text-transform: none;
  letter-spacing: 0;
  font-size: 15px;
}
body .top-section .right-side-section .messages-list article.formatted-item:not(:empty):hover,
body .top-section .right-side-section .messages-list .formatted-item:hover {
  color: var(--link-accent-color-hover);
}
body .top-section .right-side-section .messages-list article.formatted-item:not(:first-child) {
  margin-top: 10px;
}
body .top-section .right-side-section .messages-list footer:not(:empty) {
  display: flex;
  justify-content: center;
  padding: 0 !important;
  margin-top: 10px;
  border-bottom-left-radius: var(--border-radius-basic);
  border-bottom-right-radius: var(--border-radius-basic);
}
body .top-section .right-side-section .messages-list footer:not(:empty) > a {
  padding: 15px;
  font-weight: bold;
  text-align: center;
}
body .top-section .right-side-section .messages-list footer:empty {
  display: none;
}
.notification-icons.messaging-error .messaging-title i.iconr {
  color: var(--message-error-color);
}
.notification-icons.messaging-warning .messaging-title i.iconr {
  color: var(--message-warning-color);
}
.notification-icons.messaging-notice .messaging-title i.iconr {
  color: var(--message-info-color);
}
.notification-icons.messaging-success .messaging-title i.iconr {
  color: var(--message-success-color);
}
.notification {
  padding: 10px 15px;
  border-radius: var(--border-radius-large);
}
.notification.error {
  color: var(--message-error-color);
  background: var(--message-error-color-light);
}
.notification.warning {
  color: var(--message-warning-color);
  background: var(--message-warning-color-light);
}
.notification.notice {
  color: var(--message-info-color);
  background: var(--message-info-color-light);
}
.notification.success {
  color: var(--message-success-color);
  background: var(--message-success-color-light);
}
.messaging-wrapper {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99;
  background: var(--background-accent-color);
  margin: auto auto auto 210px;
  padding: 25px 35px 40px;
  color: var(--text-color);
  animation: 2s ease 0s 1 slideInFromBottom;
  box-shadow: 0 0 40px var(--default-box-shadow);
}
.messaging-wrapper.messaging-wrapper-hidden {
  transition: opacity ease-in 400ms;
  opacity: 0;
  display: none;
}
.messaging-wrapper .messaging-expander {
  margin-left: 10px;
  color: var(--text-color-secondary);
}
.messaging-wrapper .messaging-title:hover .messaging-expander {
  color: var(--text-color);
}
.messaging-wrapper > .messaging-close {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
}
.messaging-wrapper .messaging-close {
  padding: 10px;
  color: var(--message-error-color);
  cursor: pointer;
  display: none;
}
.messaging-wrapper .messaging-close.active {
  display: inline-block;
}
.messaging-wrapper .messaging-close .messaging-dropdown {
  display: none;
  font-family: 'Neue Helvetica', sans-serif;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 100;
  color: black;
  width: 180px;
  text-align: right;
  background: white;
  border: 1px solid #fafafa;
  font-size: 0.9rem;
  line-height: 20px;
  box-shadow: 0 0 10px #eee;
}
.messaging-wrapper .messaging-close .messaging-dropdown .messaging-dropdown-title,
.messaging-wrapper .messaging-close .messaging-dropdown .messaging-dropdown-option {
  display: block;
  padding: 5px 10px;
}
.messaging-wrapper .messaging-close .messaging-dropdown .messaging-dropdown-title {
  text-align: left;
  float: left;
}
.messaging-wrapper .messaging-close .messaging-dropdown .messaging-dropdown-option:hover {
  background: #ccc;
}
.messaging-wrapper .messaging-close .messaging-dropdown .messaging-dropdown-option:first-child {
  line-height: 25px;
}
.messaging-wrapper .messaging-close .messaging-dropdown .messaging-dropdown-option:first-child i.icon-times {
  font-size: 1.12rem;
  padding: 0 0 0 5px;
  vertical-align: middle;
  margin-top: -3px;
}
.messaging-wrapper .messaging-close:hover .messaging-dropdown {
  display: block;
}
.messaging-wrapper .messaging-message {
  padding: 5px;
  position: relative;
}
.messaging-wrapper .messaging-message button,
.messaging-wrapper .messaging-message .href-button {
  background: var(--button-background);
  margin: 0 10px;
  color: var(--button-color);
}
.messaging-wrapper .messaging-message button:hover,
.messaging-wrapper .messaging-message .href-button:hover {
  background: var(--button-hover-background);
  color: var(--button-hover-color);
}
.messaging-wrapper .messaging-message .messaging-close {
  position: relative;
}
.messaging-wrapper .messaging-message.messaging-error .messaging-title i.iconr {
  color: var(--message-error-color);
}
.messaging-wrapper .messaging-message.messaging-warning .messaging-title i.iconr {
  color: var(--message-warning-color);
}
.messaging-wrapper .messaging-message.messaging-notice .messaging-title i.iconr {
  color: var(--message-info-color);
}
.messaging-wrapper .messaging-message.messaging-success .messaging-title i.iconr {
  color: var(--message-success-color);
}
.messaging-wrapper .messaging-message.message-hidden {
  opacity: 0;
  transition: opacity ease-in 400ms;
}
.messaging-wrapper .messaging-message .messaging-title {
  display: flex;
  align-items: center;
  font-size: 1.12rem;
  cursor: pointer;
}
.messaging-wrapper .messaging-message .messaging-title:hover {
  color: var(--href-hover-color);
}
.messaging-wrapper .messaging-message .messaging-title i.iconr {
  padding: 0 10px;
  font-size: 20px;
}
.messaging-wrapper .messaging-message .messaging-content {
  height: 0;
  opacity: 0;
  padding-left: 40px;
  text-align: left;
}
.messaging-wrapper .messaging-message .messaging-content.active {
  opacity: 1;
  height: auto;
  transition: opacity 400ms ease;
}
.notification-portal {
  position: absolute;
  z-index: 9999;
  box-shadow: 0 0 40px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
  background: var(--background-color);
  padding: 20px;
  max-width: 95vw;
  max-height: 95vh;
}
.notification-portal.guide-notification,
.notification-portal.fixed {
  position: fixed;
}
.notification-portal::before {
  content: " ";
  position: absolute;
  pointer-events: none;
  background: var(--background-color);
  height: 10px;
  width: 10px;
  border-left: 1px solid var(--border-color);
  border-top: 1px solid var(--border-color);
}
.notification-portal.messaging-bottom::before {
  top: -6px;
  transform: rotate(45deg);
}
.notification-portal.messaging-top::before {
  bottom: -6px;
  transform: rotate(225deg);
}
.notification-portal.messaging-left::before {
  right: -6px;
  left: unset;
  transform: rotate(135deg);
}
.notification-portal.messaging-right::before {
  left: -6px;
  transform: rotate(315deg);
  z-index: -1;
}
.notification-portal .portal-message-content {
  overflow: hidden;
  max-height: 95vh;
  overflow-y: auto;
}
.notification-portal .portal-message-content.messaging-error .messaging-title i.iconr {
  color: var(--message-error-color);
}
.notification-portal .portal-message-content.messaging-warning .messaging-title i.iconr {
  color: var(--message-warning-color);
}
.notification-portal .portal-message-content.messaging-notice .messaging-title i.iconr {
  color: var(--message-info-color);
}
.notification-portal .portal-message-content.messaging-success .messaging-title i.iconr {
  color: var(--message-success-color);
}
.notification-portal .portal-message-content .header-container {
  position: relative;
  display: flex;
  left: -19px;
  width: 103%;
  justify-content: space-between;
}
.notification-portal .portal-message-content .header-container .messaging-title {
  display: flex;
  align-items: center;
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 20px;
}
.notification-portal .portal-message-content .header-container .messaging-title > i {
  margin-right: 11px;
}
.notification-portal .portal-message-content .header-container .top-snooze-options-container {
  position: relative;
}
.notification-portal .portal-message-content .header-container .top-snooze-options-container > span {
  display: block;
  cursor: pointer;
  width: max-content;
  color: var(--href-color);
}
.notification-portal .portal-message-content .header-container .top-snooze-options-container > span:hover {
  text-decoration: underline;
}
.notification-portal .portal-message-content .close-cross {
  position: absolute;
  right: 15px;
  top: 16px;
  cursor: pointer;
  color: var(--text-color);
  z-index: 1;
}
.notification-portal .portal-message-content .close-cross:hover {
  color: var(--text-color);
}
.notification-portal .portal-message-content .messaging-content {
  margin-left: 29px;
  margin-top: 18px;
  padding-right: 90px;
}
.notification-portal .portal-message-content .messaging-close-options {
  margin-top: 15px;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  flex-direction: column;
  margin-left: 26px;
}
.notification-portal .portal-message-content .messaging-close-options > span {
  cursor: pointer;
  color: var(--text-color);
  font-size: 0.8rem;
  max-width: fit-content;
}
.notification-portal .portal-message-content .messaging-close-options > span:hover {
  color: var(--text-color);
}
.notification-portal .portal-message-content .next-button {
  position: absolute;
  right: 13px;
  bottom: 13px;
  padding-left: 15px;
  padding-right: 15px;
}
body.mobile .messaging-wrapper {
  margin: auto;
  padding: 10px;
}
body.mobile .messaging-wrapper .messaging-message .messaging-content {
  padding-left: 0;
}
@keyframes slideInFromBottom {
  0% {
    transform: translateY(100%);
  }
  50% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0);
  }
}
body.mobile .notification-portal {
  display: none;
}
body.mobile .notification-portal:before {
  display: none;
}
.grid-stack > .grid-stack-item > .grid-stack-item-content {
  --graph-line-color: var(--dashboard-dashlet-background-default);
  --graph-line-fill: var(--dashboard-header-secondary-background);
}
.grid-stack > .grid-stack-item > .grid-stack-item-content.red {
  --graph-line-color: var(--graph-line-color-red);
  --graph-line-fill: var(--graph-line-fill-red);
}
.grid-stack > .grid-stack-item > .grid-stack-item-content.orange {
  --graph-line-color: var(--graph-line-color-orange);
  --graph-line-fill: var(--graph-line-fill-orange);
}
.grid-stack > .grid-stack-item > .grid-stack-item-content.yellow {
  --graph-line-color: var(--graph-line-color-yellow);
  --graph-line-fill: var(--graph-line-fill-yellow);
}
.grid-stack > .grid-stack-item > .grid-stack-item-content.green {
  --graph-line-color: var(--graph-line-color-green);
  --graph-line-fill: var(--graph-line-fill-green);
}
.grid-stack > .grid-stack-item > .grid-stack-item-content.blue {
  --graph-line-color: var(--graph-line-color-blue);
  --graph-line-fill: var(--graph-line-fill-blue);
}
.grid-stack > .grid-stack-item > .grid-stack-item-content.violet {
  --graph-line-color: var(--graph-line-color-violet);
  --graph-line-fill: var(--graph-line-fill-violet);
}
.grid-stack > .grid-stack-item > .grid-stack-item-content.magenta {
  --graph-line-color: var(--graph-line-color-magenta);
  --graph-line-fill: var(--graph-line-fill-magenta);
}
.grid-stack > .grid-stack-item > .grid-stack-item-content.pink {
  --graph-line-color: var(--graph-line-color-pink);
  --graph-line-fill: var(--graph-line-fill-pink);
}
.grid-stack > .grid-stack-item > .grid-stack-item-content.grey {
  --graph-line-color: var(--graph-line-color-grey);
  --graph-line-fill: var(--graph-line-fill-grey);
}
/*
* CUSTOM STYLES FOR Sale Statistics
* SAME STYLES ARE USED ALSO FOR: [Seller mail stats, Groupd Sale Stats]  DASHLETS
*/
/*
COLORS VARIANTS
*/
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats {
  overflow: visible !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats.with-opened-dropdown .ui-resizable-handle {
  display: none !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content {
  overflow: visible !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body {
  clear: both;
  padding: 0;
  display: flex;
  box-shadow: 0 0 22px var(--default-box-shadow);
  background: var(--box-background-color);
  border-radius: var(--border-radius-dashlet-body);
  flex-direction: column;
  font-size: 1.2rem;
  border: 1px solid var(--box-border);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row {
  position: relative;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row span.percentage,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row span.percentage,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row span.percentage {
  position: absolute;
  right: 10px;
  font-size: var(--dashlet-sales-percentage-font-size);
  font-weight: 500;
  top: var(--dashlet-sales-percentage-font-size-top);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row span.percentage.positive,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row span.percentage.positive,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row span.percentage.positive {
  color: var(--positive-number-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row span.percentage.negative,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row span.percentage.negative,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row span.percentage.negative {
  color: var(--negative-number-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row div.tooltips,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row div.tooltips,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row div.tooltips {
  cursor: pointer;
  margin-left: 5px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:not(.interval):not(.horizontal),
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:not(.interval):not(.horizontal),
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:not(.interval):not(.horizontal) {
  margin: var(--dashlet-inner-margin-row) var(--dashlet-inner-margin-col);
  padding: var(--dashlet-sales-padding);
  border-radius: var(--dashlet-inner-border-radius);
  background: var(--table-header-background);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row.interval,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row.interval,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row.interval,
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row.horizontal,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row.horizontal,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row.horizontal {
  padding: 12px 25px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row.interval,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row.interval,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row.interval {
  margin-bottom: 5px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row.interval .interval-separator,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row.interval .interval-separator,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row.interval .interval-separator {
  margin: 0 5px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row.interval .interval-separator::before,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row.interval .interval-separator::before,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row.interval .interval-separator::before {
  content: '-';
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row.interval button,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row.interval button,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row.interval button {
  font-size: 1em;
  padding: 0;
  background: transparent;
  color: unset;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row.interval .button-dropdown-container,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row.interval .button-dropdown-container,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row.interval .button-dropdown-container {
  color: var(--text-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row.interval .fast-change-intervals .checkbox-container,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row.interval .fast-change-intervals .checkbox-container,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row.interval .fast-change-intervals .checkbox-container {
  display: flex;
  justify-content: center;
  padding: 7px 0;
  font-size: 1rem;
  background: var(--background-accent-color-light);
  color: var(--link-accent-color);
  border-top-left-radius: var(--border-radius-large);
  border-top-right-radius: var(--border-radius-large);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row.interval .fast-change-intervals .checkbox-container input.toggle + label,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row.interval .fast-change-intervals .checkbox-container input.toggle + label,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row.interval .fast-change-intervals .checkbox-container input.toggle + label {
  cursor: pointer;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row.interval .fast-change-intervals .checkbox-container input.toggle + label span,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row.interval .fast-change-intervals .checkbox-container input.toggle + label span,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row.interval .fast-change-intervals .checkbox-container input.toggle + label span {
  font-family: 'Neue Helvetica', sans-serif;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row.interval .fast-change-intervals .checkbox-container input.toggle + label:after,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row.interval .fast-change-intervals .checkbox-container input.toggle + label:after,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row.interval .fast-change-intervals .checkbox-container input.toggle + label:after {
  font-size: 1.2rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:first-child,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:first-child,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:first-child {
  padding: 14.5px 25px;
  background: var(--graph-line-color);
  color: white;
  border-top-left-radius: var(--dashlet-inner-border-radius);
  border-top-right-radius: var(--dashlet-inner-border-radius);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:first-child > .interval-name,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:first-child > .interval-name,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:first-child > .interval-name {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:first-child > .interval-name > span,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:first-child > .interval-name > span,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:first-child > .interval-name > span {
  overflow: hidden;
  width: 89%;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:first-child > .interval-name > i,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:first-child > .interval-name > i,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:first-child > .interval-name > i {
  font-size: 1.4rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:first-child > .interval,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:first-child > .interval,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:first-child > .interval {
  color: #ffffffdb;
  font-size: 0.75rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:first-child > .interval i,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:first-child > .interval i,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:first-child > .interval i {
  position: relative;
  margin-left: 6px;
  font-size: 16px;
  top: 2px;
  cursor: pointer;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:not(:first-child),
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:not(:first-child),
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:not(:first-child) {
  display: flex;
  justify-content: flex-start;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:not(:first-child) > .icon-container,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:not(:first-child) > .icon-container,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:not(:first-child) > .icon-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: var(--dashlet-sales-icon-margin-right);
  width: 52px;
  height: 52px;
  color: var(--text-inv-color);
  background: var(--graph-line-color);
  border-radius: var(--border-radius-large);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:not(:first-child) > .icon-container .tag-percentage,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:not(:first-child) > .icon-container .tag-percentage,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:not(:first-child) > .icon-container .tag-percentage {
  position: relative;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:not(:first-child) > .icon-container .tag-percentage > i,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:not(:first-child) > .icon-container .tag-percentage > i,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:not(:first-child) > .icon-container .tag-percentage > i {
  transform: rotateZ(45deg);
  top: 5px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:not(:first-child) > .icon-container .tag-percentage > span,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:not(:first-child) > .icon-container .tag-percentage > span,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:not(:first-child) > .icon-container .tag-percentage > span {
  position: absolute;
  left: 11px;
  font-size: 0.9rem;
  top: 7px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:not(:first-child) > .icon-container i,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:not(:first-child) > .icon-container i,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:not(:first-child) > .icon-container i {
  position: relative;
  font-size: 1.9rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:not(:first-child) > div,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:not(:first-child) > div,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:not(:first-child) > div {
  display: flex;
  flex-direction: column;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:not(:first-child) > div > .header,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:not(:first-child) > div > .header,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:not(:first-child) > div > .header {
  text-transform: uppercase;
  font-size: 0.7rem;
  letter-spacing: 1.2px;
  color: var(--dashboard-sales-graph-numbers-color);
  margin-top: 6px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:not(:first-child) > div > .header.flex,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:not(:first-child) > div > .header.flex,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:not(:first-child) > div > .header.flex {
  display: flex;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:not(:first-child) > div > .value,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:not(:first-child) > div > .value,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:not(:first-child) > div > .value {
  font-size: 1.1rem;
  white-space: nowrap;
  color: var(--adv-interval-amazonBlue);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row.horizontal,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row.horizontal,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row.horizontal {
  flex-direction: row;
  text-align: center;
  justify-content: space-between;
  margin-top: 0;
  padding: 5px 16px 10px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row.horizontal:not(.sellerMail) > div,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row.horizontal:not(.sellerMail) > div,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row.horizontal:not(.sellerMail) > div {
  width: 23%;
  overflow: hidden;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row.horizontal > div,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row.horizontal > div,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row.horizontal > div {
  border-radius: var(--border-radius-dashlet-body);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row.horizontal > div > .value,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row.horizontal > div > .value,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row.horizontal > div > .value {
  font-size: 0.8rem;
  margin-top: 2px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row.horizontal > div > .header,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row.horizontal > div > .header,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row.horizontal > div > .header {
  font-size: 0.6rem;
  margin-bottom: 2px;
  margin-top: 0px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-small .row {
  /*div.tooltips {
            right: 16px;
          }*/
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row:first-child,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row:first-child,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-small .row:first-child {
  padding: 9px 15px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row.interval > div.interval > span:not(.interval-separator),
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row.interval > div.interval > span:not(.interval-separator),
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-small .row.interval > div.interval > span:not(.interval-separator) {
  display: none;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(.interval):not(.horizontal),
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(.interval):not(.horizontal),
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(.interval):not(.horizontal) {
  margin: 10px 0 0;
  border-radius: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row.horizontal,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row.horizontal,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-small .row.horizontal {
  padding: 4px 10px;
  flex-direction: row;
  flex-wrap: wrap;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row.horizontal > div,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row.horizontal > div,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-small .row.horizontal > div {
  width: 46%;
  border-radius: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(:first-child),
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(:first-child),
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(:first-child) {
  align-items: center;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(:first-child) > div > .header,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(:first-child) > div > .header,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(:first-child) > div > .header {
  letter-spacing: 0.9px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(:first-child) > .icon-container,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(:first-child) > .icon-container,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(:first-child) > .icon-container {
  width: 32px;
  height: 32px;
  border-radius: var(--border-radius-small);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(:first-child) > .icon-container > i,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(:first-child) > .icon-container > i,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(:first-child) > .icon-container > i,
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(:first-child) > .icon-container .tag-percentage > i,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(:first-child) > .icon-container .tag-percentage > i,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(:first-child) > .icon-container .tag-percentage > i {
  font-size: 1.4rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(:first-child) > .icon-container span,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(:first-child) > .icon-container span,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(:first-child) > .icon-container span,
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(:first-child) > .icon-container .tag-percentage span,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(:first-child) > .icon-container .tag-percentage span,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(:first-child) > .icon-container .tag-percentage span {
  font-size: 0.7rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row {
  /*div.tooltips {
            right: 11px;
            display: none;
          }*/
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row.interval > div.interval > span:not(.interval-separator),
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row.interval > div.interval > span:not(.interval-separator),
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row.interval > div.interval > span:not(.interval-separator) {
  display: none;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row.interval > div.interval time.interval-from,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row.interval > div.interval time.interval-from,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row.interval > div.interval time.interval-from {
  display: inline-block;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row.interval > div.interval time.interval-to,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row.interval > div.interval time.interval-to,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row.interval > div.interval time.interval-to {
  display: block;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row span.percentage,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row span.percentage,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row span.percentage {
  top: 35px;
  right: unset;
  left: 12px;
  display: none;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:first-child,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:first-child,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:first-child {
  padding: 7px 10px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:first-child > .interval-name > i,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:first-child > .interval-name > i,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:first-child > .interval-name > i {
  font-size: 1.2em;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(.interval):not(.horizontal),
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(.interval):not(.horizontal),
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(.interval):not(.horizontal) {
  margin: 10px 0 0;
  border-radius: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row.horizontal,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row.horizontal,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row.horizontal {
  padding: 4px 10px;
  flex-direction: row;
  flex-wrap: wrap;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row.horizontal > div,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row.horizontal > div,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row.horizontal > div {
  width: 46%;
  border-radius: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > div,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > div,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > div {
  border-radius: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > div > .header,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > div > .header,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > div > .header {
  letter-spacing: 0.7px;
  margin-top: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > div > .value,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > div > .value,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > div > .value {
  font-size: 0.95rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > .icon-container,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > .icon-container,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > .icon-container {
  display: none;
  width: 26px;
  height: 26px;
  border-radius: var(--border-radius-basic);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > .icon-container > i,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > .icon-container > i,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > .icon-container > i,
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > .icon-container .tag-percentage > i,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > .icon-container .tag-percentage > i,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > .icon-container .tag-percentage > i {
  font-size: 1.2rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > .icon-container span,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > .icon-container span,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > .icon-container span,
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > .icon-container .tag-percentage span,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > .icon-container .tag-percentage span,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(:first-child) > .icon-container .tag-percentage span {
  font-size: 0.6rem;
  left: 6px;
  top: 11px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row {
  flex-direction: column;
  /*div.tooltips {
            right: 6px;
            top: 52px;
            display: none;
          }*/
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row.interval > div.interval > span:not(.interval-separator),
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row.interval > div.interval > span:not(.interval-separator),
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row.interval > div.interval > span:not(.interval-separator) {
  display: none;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row.interval > div.interval time.interval-from,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row.interval > div.interval time.interval-from,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row.interval > div.interval time.interval-from {
  display: inline-block;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row.interval > div.interval time.interval-to,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row.interval > div.interval time.interval-to,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row.interval > div.interval time.interval-to {
  display: block;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row span.percentage,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row span.percentage,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row span.percentage {
  top: 0;
  display: none;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:first-child,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:first-child,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:first-child {
  padding: 7px 10px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:first-child > .interval-name > i,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:first-child > .interval-name > i,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:first-child > .interval-name > i {
  font-size: 1em;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(.interval):not(.horizontal),
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(.interval):not(.horizontal),
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(.interval):not(.horizontal) {
  margin: 10px 0 0;
  border-radius: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row.horizontal,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row.horizontal,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row.horizontal {
  flex-direction: row;
  flex-wrap: wrap;
  padding: 4px 10px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row.horizontal > div,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row.horizontal > div,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row.horizontal > div {
  width: 46%;
  border-radius: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child),
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child),
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child) {
  border-radius: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child) > div > .header,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child) > div > .header,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child) > div > .header {
  letter-spacing: 0.5px;
  margin-top: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child) > div > .value,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child) > div > .value,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child) > div > .value {
  font-size: 0.9rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child) > .icon-container,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child) > .icon-container,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child) > .icon-container {
  width: 20px;
  height: 20px;
  border-radius: var(--border-radius-basic);
  position: absolute;
  top: 29px;
  display: none;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child) > .icon-container > i,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child) > .icon-container > i,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child) > .icon-container > i,
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child) > .icon-container .tag-percentage > i,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child) > .icon-container .tag-percentage > i,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child) > .icon-container .tag-percentage > i {
  font-size: 0.9rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child) > .icon-container span,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child) > .icon-container span,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child) > .icon-container span,
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child) > .icon-container .tag-percentage span,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child) > .icon-container .tag-percentage span,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(:first-child) > .icon-container .tag-percentage span {
  font-size: 0.5rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:first-child,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:first-child,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:first-child {
  padding-left: 5px;
  padding-right: 5px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(.interval):not(.horizontal),
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(.interval):not(.horizontal),
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(.interval):not(.horizontal) {
  padding-left: 5px;
  padding-right: 5px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(:first-child),
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(:first-child),
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(:first-child) {
  border-radius: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(:first-child) > div > .header,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(:first-child) > div > .header,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(:first-child) > div > .header {
  letter-spacing: 0;
  margin-top: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(:first-child) > div > .value,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(:first-child) > div > .value,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(:first-child) > div > .value {
  font-size: 0.7rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.grid-stack-item-clear .grid-stack-header,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.grid-stack-item-clear .grid-stack-header,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.grid-stack-item-clear .grid-stack-header {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  color: var(--text-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.grid-stack-item-clear .grid-stack-header .title,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.grid-stack-item-clear .grid-stack-header .title,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.grid-stack-item-clear .grid-stack-header .title {
  color: var(--text-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.grid-stack-item-clear .grid-stack-header:first-child,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.grid-stack-item-clear .grid-stack-header:first-child,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.grid-stack-item-clear .grid-stack-header:first-child {
  border-top: 0;
  border-bottom: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.grid-stack-item-clear .grid-stack-header:first-child .title,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.grid-stack-item-clear .grid-stack-header:first-child .title,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.grid-stack-item-clear .grid-stack-header:first-child .title {
  color: var(--text-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.grid-stack-item-full .grid-stack-header,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.grid-stack-item-full .grid-stack-header,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.grid-stack-item-full .grid-stack-header {
  border-color: rgba(255, 255, 255, 0.5);
  color: var(--text-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.grid-stack-item-full .grid-stack-header .title,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.grid-stack-item-full .grid-stack-header .title,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.grid-stack-item-full .grid-stack-header .title {
  color: var(--text-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.grid-stack-item-full .grid-stack-data,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.grid-stack-item-full .grid-stack-data,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.grid-stack-item-full .grid-stack-data {
  border: 0px solid var(--box-border);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.grid-stack-item-full .grid-stack-data .body,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.grid-stack-item-full .grid-stack-data .body,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.grid-stack-item-full .grid-stack-data .body,
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.grid-stack-item-full .grid-stack-data .no-data,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.grid-stack-item-full .grid-stack-data .no-data,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.grid-stack-item-full .grid-stack-data .no-data,
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.grid-stack-item-full .grid-stack-data .bottom,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.grid-stack-item-full .grid-stack-data .bottom,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.grid-stack-item-full .grid-stack-data .bottom {
  color: var(--text-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.grid-stack-item-full .bottom .hovered,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.grid-stack-item-full .bottom .hovered,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.grid-stack-item-full .bottom .hovered {
  color: var(--text-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .grid-stack-data,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .grid-stack-data,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .grid-stack-data {
  border: 0 solid var(--box-border) !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .grid-stack-data > div.dashlet-header > .dashlet-name,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .grid-stack-data > div.dashlet-header > .dashlet-name,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .grid-stack-data > div.dashlet-header > .dashlet-name {
  font-weight: 500;
  white-space: nowrap;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .grid-stack-data > div.dashlet-content,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .grid-stack-data > div.dashlet-content,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .grid-stack-data > div.dashlet-content {
  display: grid;
  justify-content: var(--dashlet-sales-justify-content);
  column-gap: var(--dashlet-grid-gap-col);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .grid-stack-data > div.dashlet-content > div,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .grid-stack-data > div.dashlet-content > div,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .grid-stack-data > div.dashlet-content > div {
  flex-grow: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .grid-stack-data > div.dashlet-content .no-data,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .grid-stack-data > div.dashlet-content .no-data,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .grid-stack-data > div.dashlet-content .no-data {
  display: none;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .grid-stack-data > div.dashlet-content .grid-stack-data:not(:first-child) .body .row:first-child,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .grid-stack-data > div.dashlet-content .grid-stack-data:not(:first-child) .body .row:first-child,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .grid-stack-data > div.dashlet-content .grid-stack-data:not(:first-child) .body .row:first-child {
  background: var(--graph-line-fill);
  color: var(--dashboard-header-secondary-color);
  border-radius: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .grid-stack-data > div.dashlet-content .grid-stack-data:not(:first-child) .body .row > .interval,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .grid-stack-data > div.dashlet-content .grid-stack-data:not(:first-child) .body .row > .interval,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .grid-stack-data > div.dashlet-content .grid-stack-data:not(:first-child) .body .row > .interval {
  color: var(--dashboard-interval-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .grid-stack-data > div.dashlet-content .grid-stack-data:not(:first-child) .body .row .icon-container,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .grid-stack-data > div.dashlet-content .grid-stack-data:not(:first-child) .body .row .icon-container,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .grid-stack-data > div.dashlet-content .grid-stack-data:not(:first-child) .body .row .icon-container {
  color: #a7a8ad;
  background: var(--text-inv-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .bottom .dateRange,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .bottom .dateRange,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .bottom .dateRange {
  padding: 0 5px;
  height: 34px;
  line-height: 45px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .bottom .hovered,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .bottom .hovered,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .bottom .hovered {
  font-size: 8pt;
  height: 34px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .bottom.hidable:hover .dateRange,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .bottom.hidable:hover .dateRange,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .bottom.hidable:hover .dateRange,
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .bottom .hovered,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .bottom .hovered,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .bottom .hovered {
  display: none;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .bottom.hidable:hover .hovered,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .bottom.hidable:hover .hovered,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .bottom.hidable:hover .hovered {
  display: block;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .icon-container,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .icon-container,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .icon-container {
  display: none;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout {
  --row-gap: calc(var(--dashlet-inner-margin-row) * 2);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout > .grid-stack-data,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout > .grid-stack-data,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout > .grid-stack-data {
  padding-bottom: 17px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content {
  box-shadow: 0 0 22px var(--default-box-shadow);
  background: var(--box-background-color);
  border-radius: var(--border-radius-dashlet-body);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content > .grid-stack-data,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content > .grid-stack-data,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content > .grid-stack-data {
  height: auto;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body {
  display: grid;
  grid-template-columns: repeat(2, calc(50% - calc(var(--row-gap) / 2)));
  grid-template-rows: minmax(50px, 0.8fr) 1fr 1fr;
  box-shadow: none;
  background: transparent;
  border-radius: 0;
  border-bottom: 0;
  height: 100%;
  grid-gap: var(--row-gap);
  padding-bottom: var(--row-gap);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body:not(first-child),
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body:not(first-child),
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body:not(first-child) {
  border-top: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body .row:first-child,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body .row:first-child,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body .row:first-child {
  grid-column-start: 1;
  grid-column-end: 3;
  margin-bottom: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body .row:first-child > .interval,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body .row:first-child > .interval,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body .row:first-child > .interval {
  position: absolute;
  top: 50%;
  /* left: 50%; */
  transform: translateY(-50%);
  right: 78px;
  max-width: 40%;
  line-height: 1.2;
  text-align: right;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body .row:not(:first-child):nth-of-type(2n),
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body .row:not(:first-child):nth-of-type(2n),
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body .row:not(:first-child):nth-of-type(2n) {
  margin: 0 0 0 var(--row-gap);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body .row:not(:first-child):nth-of-type(2n+1),
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body .row:not(:first-child):nth-of-type(2n+1),
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body .row:not(:first-child):nth-of-type(2n+1) {
  margin: 0 var(--row-gap) 0 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body .row.horizontal,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body .row.horizontal,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body .row.horizontal {
  padding: var(--row-gap) 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body .row.horizontal > div,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body .row.horizontal > div,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body .row.horizontal > div {
  background: var(--table-header-background);
  display: flex;
  align-items: center;
  justify-content: center;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:first-child > .interval-name > span,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:first-child > .interval-name > span,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:first-child > .interval-name > span {
  font-size: 1rem;
  width: 40%;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row span.percentage,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row span.percentage,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row span.percentage {
  font-size: 0.85rem;
  left: 13px;
  bottom: -2px;
  top: unset;
  right: unset;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child),
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child),
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child) {
  align-items: center;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child) > div > .header,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child) > div > .header,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child) > div > .header {
  letter-spacing: 0.7px;
  margin-top: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child) > div > .value,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child) > div > .value,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child) > div > .value {
  font-size: 0.95rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child) > .icon-container,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child) > .icon-container,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child) > .icon-container {
  width: 32px;
  height: 32px;
  border-radius: var(--border-radius-small);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child) > .icon-container > i,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child) > .icon-container > i,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child) > .icon-container > i,
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child) > .icon-container .tag-percentage > i,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child) > .icon-container .tag-percentage > i,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child) > .icon-container .tag-percentage > i {
  font-size: 1.4rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child) > .icon-container span,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child) > .icon-container span,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child) > .icon-container span,
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child) > .icon-container .tag-percentage span,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child) > .icon-container .tag-percentage span,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row:not(:first-child) > .icon-container .tag-percentage span {
  font-size: 0.7rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row.horizontal > div > .value,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row.horizontal > div > .value,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row.horizontal > div > .value {
  font-size: 0.75rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row.horizontal > div > .header,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row.horizontal > div > .header,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-medium .row.horizontal > div > .header {
  letter-spacing: 0;
  font-size: 0.5rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-large .row:first-child > .interval-name > span,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-large .row:first-child > .interval-name > span,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-large .row:first-child > .interval-name > span {
  font-size: 1.1rem;
  width: 40%;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-large .row:not(:first-child) > div > .header,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-large .row:not(:first-child) > div > .header,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-large .row:not(:first-child) > div > .header {
  letter-spacing: 0.5px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-large .row span.percentage,
.grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-large .row span.percentage,
.grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content.vertical-layout .dashlet-content .body.dashlet-responsive-container-large .row span.percentage {
  left: 19px;
  bottom: -4px;
  top: unset;
  right: unset;
}
.grid-stack > .grid-stack-item[data-gs-max-height="6"].grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body,
.grid-stack > .grid-stack-item[data-gs-max-height="9"].grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body {
  padding: 10px 10px 5px 10px;
}
.profitTable {
  text-align: right;
}
body.mobile .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:not(.interval):not(.horizontal),
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:not(.interval):not(.horizontal),
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:not(.interval):not(.horizontal) {
  margin: 5px 10px;
  padding: 7px 10px;
}
body.mobile .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row.interval,
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row.interval,
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row.interval,
body.mobile .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row.horizontal,
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row.horizontal,
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row.horizontal {
  padding: 10px 10px;
}
body.mobile .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row.interval,
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row.interval,
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row.interval {
  margin-bottom: 5px;
}
body.mobile .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:not(:first-child) > .icon-container,
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:not(:first-child) > .icon-container,
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:not(:first-child) > .icon-container {
  margin-right: 10px;
  width: 41px;
  height: 41px;
}
body.mobile .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:not(:first-child) > .icon-container .tag-percentage > i,
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:not(:first-child) > .icon-container .tag-percentage > i,
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:not(:first-child) > .icon-container .tag-percentage > i {
  transform: rotateZ(45deg);
  top: 5px;
}
body.mobile .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:not(:first-child) > .icon-container .tag-percentage > span,
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:not(:first-child) > .icon-container .tag-percentage > span,
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:not(:first-child) > .icon-container .tag-percentage > span {
  position: absolute;
  left: 11px;
  font-size: 0.9rem;
  top: 7px;
}
body.mobile .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:not(:first-child) > .icon-container i,
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:not(:first-child) > .icon-container i,
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:not(:first-child) > .icon-container i {
  font-size: 1.1rem;
}
body.mobile .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:not(:first-child) > div > .header,
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:not(:first-child) > div > .header,
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:not(:first-child) > div > .header {
  font-size: 0.7rem;
  letter-spacing: 1.2px;
  margin-top: 6px;
}
body.mobile .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:not(:first-child) > div > .value,
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:not(:first-child) > div > .value,
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:not(:first-child) > div > .value {
  font-size: 1.1rem;
  white-space: nowrap;
  color: var(--adv-interval-amazonBlue);
}
body.theme-size-compact .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content,
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content,
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content {
  overflow: visible;
}
body.theme-size-compact .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body .row:not(:first-child) > .icon-container,
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body .row:not(:first-child) > .icon-container,
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body .row:not(:first-child) > .icon-container {
  color: var(--graph-line-color);
  background: unset;
  border-radius: var(--border-radius-basic);
  margin-left: var(--dashlet-sales-icon-margin-right);
}
body.theme-size-compact .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row span.percentage,
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row span.percentage,
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-small .row span.percentage {
  font-size: 0.85rem;
}
body.theme-size-compact .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(.interval):not(.horizontal),
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(.interval):not(.horizontal),
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-small .row:not(.interval):not(.horizontal) {
  margin: 10px 10px 0;
  border-radius: var(--dashlet-inner-border-radius);
}
body.theme-size-compact .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row span.percentage,
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row span.percentage,
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row span.percentage {
  top: 35px;
  right: unset;
  left: 5px;
  font-size: 0.9rem;
}
body.theme-size-compact .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(.interval):not(.horizontal),
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(.interval):not(.horizontal),
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-tiny .row:not(.interval):not(.horizontal) {
  margin: 10px 0 0;
  padding: 5px 10px;
}
body.theme-size-compact .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row span.percentage,
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row span.percentage,
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row span.percentage {
  right: 5px;
  font-size: 0.8rem;
}
body.theme-size-compact .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(.interval):not(.horizontal),
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(.interval):not(.horizontal),
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny .row:not(.interval):not(.horizontal) {
  margin: 10px 0 0;
  padding: 5px 10px;
}
body.theme-size-compact .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(.interval):not(.horizontal),
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(.interval):not(.horizontal),
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(.interval):not(.horizontal) {
  padding-left: 5px;
  padding-right: 5px;
}
body.theme-size-compact .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(:first-child),
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(:first-child),
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(:first-child) {
  border-radius: 0;
}
body.theme-size-compact .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(:first-child) > div > .header,
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(:first-child) > div > .header,
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(:first-child) > div > .header {
  letter-spacing: 0;
  margin-top: 0;
}
body.theme-size-compact .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(:first-child) > div > .value,
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(:first-child) > div > .value,
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .body.dashlet-responsive-container-extra-tiny.dashlet-responsive-container-ultra-tiny .row:not(:first-child) > div > .value {
  font-size: 0.7rem;
}
body.theme-size-compact .grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSaleStats > .grid-stack-item-content .grid-stack-data > div > div.dashlet-content .grid-stack-data:not(:first-child) .body .row .icon-container,
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxSellerMailStats > .grid-stack-item-content .grid-stack-data > div > div.dashlet-content .grid-stack-data:not(:first-child) .body .row .icon-container,
body.theme-size-compact .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .grid-stack-data > div > div.dashlet-content .grid-stack-data:not(:first-child) .body .row .icon-container {
  color: #a7a8ad;
  background: unset;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxHeadLine .boxMenu .colorStyle,
.restock-modal-container .boxMenu .colorStyle {
  display: none !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxHeadLine .grid-stack-item-content,
.restock-modal-container .grid-stack-item-content {
  text-align: left;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background: transparent;
  border: none !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxHeadLine .grid-stack-item-content .grid-stack-data,
.restock-modal-container .grid-stack-item-content .grid-stack-data {
  display: none;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxHeadLine .grid-stack-item-content .grid-stack-header,
.restock-modal-container .grid-stack-item-content .grid-stack-header {
  font-weight: normal;
  font-size: 1.4em;
  padding: 8px 10px;
  border: 0 !important;
  color: var(--text-color) !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxHeadLine .grid-stack-item-content .grid-stack-header .reload,
.restock-modal-container .grid-stack-item-content .grid-stack-header .reload {
  display: none !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxHeadLine .grid-stack-item-content .grid-stack-header .title,
.restock-modal-container .grid-stack-item-content .grid-stack-header .title {
  height: 30px;
  color: var(--text-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxHeadLine .grid-stack-item-content .grid-stack-header .divider,
.restock-modal-container .grid-stack-item-content .grid-stack-header .divider {
  width: 100%;
  height: 12px;
  border-bottom: 4px double grey;
  text-align: center;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxHeadLine .grid-stack-item-content .grid-stack-header .dividerText,
.restock-modal-container .grid-stack-item-content .grid-stack-header .dividerText {
  padding: 0 10px;
  background: var(--background-color);
  max-width: 90%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxHeadLine .grid-stack-item-content .grid-stack-header:first-child,
.restock-modal-container .grid-stack-item-content .grid-stack-header:first-child {
  background: transparent;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxHeadLine .grid-stack-item-content .grid-stack-header:first-child .title,
.restock-modal-container .grid-stack-item-content .grid-stack-header:first-child .title {
  margin-right: 0;
  cursor: move;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxHeadLine .grid-stack-item-content.grid-stack-item-clear-blue .grid-stack-header .divider,
.restock-modal-container .grid-stack-item-content.grid-stack-item-clear-blue .grid-stack-header .divider {
  border-bottom: 4px double var(--background-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxHeadLine .grid-stack-item-content.grid-stack-item-clear-red .grid-stack-header .divider,
.restock-modal-container .grid-stack-item-content.grid-stack-item-clear-red .grid-stack-header .divider {
  border-bottom: 4px double var(--background-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxHeadLine .grid-stack-item-content.grid-stack-item-clear-green .grid-stack-header .divider,
.restock-modal-container .grid-stack-item-content.grid-stack-item-clear-green .grid-stack-header .divider {
  border-bottom: 4px double var(--background-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxHeadLine .grid-stack-item-content.grid-stack-item-clear-yellow .grid-stack-header .divider,
.restock-modal-container .grid-stack-item-content.grid-stack-item-clear-yellow .grid-stack-header .divider {
  border-bottom: 4px double var(--background-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxHeadLine .grid-stack-item-content.grid-stack-item-clear-orange .grid-stack-header .divider,
.restock-modal-container .grid-stack-item-content.grid-stack-item-clear-orange .grid-stack-header .divider {
  border-bottom: 4px double var(--background-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxHeadLine .grid-stack-item-content.grid-stack-item-clear-pink .grid-stack-header .divider,
.restock-modal-container .grid-stack-item-content.grid-stack-item-clear-pink .grid-stack-header .divider {
  border-bottom: 4px double var(--background-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxHeadLine .grid-stack-item-content.grid-stack-item-clear-violet .grid-stack-header .divider,
.restock-modal-container .grid-stack-item-content.grid-stack-item-clear-violet .grid-stack-header .divider {
  border-bottom: 4px double var(--background-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxHeadLine .grid-stack-item-content.grid-stack-item-clear-magenta .grid-stack-header .divider,
.restock-modal-container .grid-stack-item-content.grid-stack-item-clear-magenta .grid-stack-header .divider {
  border-bottom: 4px double var(--background-color);
}
/*
STYLES FOR frmDashBoxRestockAlerts RESTOCK ALERTS
 */
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content {
  overflow: visible !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content > .grid-stack-data {
  box-shadow: 0 0 22px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
  padding: 0 !important;
  border: 0 solid var(--box-border);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content > .grid-stack-data .hide-rows-top-padding {
  background: var(--background-color);
  width: 99.55%;
  height: 14px;
  position: absolute;
  z-index: 1;
  border: none;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content .andMoreTextContainer {
  position: absolute;
  bottom: -1px;
  background: var(--table-background);
  z-index: 1;
  width: calc(100% - 9px);
  text-align: center;
  border-top: 1px solid var(--border-color);
  border-left: 1px solid var(--border-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content .restock-container {
  padding: 10px 22px !important;
  border: 0 solid var(--box-border);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content .restock-container::-webkit-scrollbar {
  height: 10px;
  width: 7px;
  border-radius: 4px;
  background: transparent;
  transition: all 0.3s ease;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content .restock-container::-webkit-scrollbar:hover {
  background: var(-text-inv-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content .restock-container::-webkit-scrollbar-thumb {
  background: var(--primary-color);
  border-radius: 4px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content .restock-container > .message {
  padding: 13px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content .restock-container .restockDiv {
  height: calc(100% - 10px);
  padding: 5px;
  margin: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content .restock-container .restockDiv button {
  font-size: 11px;
  padding: 5px 14px;
  margin-top: 3px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content .restock-container table.engine-grid {
  max-width: unset;
  min-width: 100%;
  width: fit-content;
  padding-bottom: 22px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content .restock-container table.engine-grid thead {
  background-color: white !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content .restock-container table.engine-grid thead th {
  overflow: hidden;
  white-space: nowrap;
  top: 3px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content .restock-container table.engine-grid > tbody tr td {
  padding: 4px 0.5rem !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content .restock-container table.engine-grid > tbody tr td:nth-child(2) {
  max-width: 22vw !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content .restock-container .mediumWidget .restockDiv button {
  font-size: 12px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content .restock-container .mediumWidget table td.product-name {
  font-size: 12px !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content .restock-container .mediumWidget table td.product-name span {
  font-size: 12px !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content .restock-container .largeWidget .restockDiv button {
  font-size: 13px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content .restock-container .largeWidget table td.product-name {
  font-size: 13px !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content .restock-container .largeWidget table td.product-name span {
  font-size: 13px !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content .restock-container .extraLargeWidget .restockDiv button {
  font-size: 14px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content .restock-container .extraLargeWidget table td.product-name {
  font-size: 14px !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content .restock-container .extraLargeWidget table td.product-name span {
  font-size: 14px !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content.grid-stack-item-full > .grid-stack-data table {
  background-color: rgba(255, 255, 255, 0.5);
  color: black;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxRestockAlerts > .grid-stack-item-content.grid-stack-item-full > .grid-stack-data table span[style="color:silver"] {
  color: black !important;
}
.grid-stack-item.grid-stack-item-type-frmDashBoxGraphs .grid-stack-header,
.grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailGraph .grid-stack-header {
  border-bottom: 0;
}
.grid-stack-item.grid-stack-item-type-frmDashBoxGraphs .grid-stack-data,
.grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailGraph .grid-stack-data {
  color: var(--text-color);
}
.grid-stack-item.grid-stack-item-type-frmDashBoxGraphs .grid-stack-data .SVGraph,
.grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailGraph .grid-stack-data .SVGraph,
.grid-stack-item.grid-stack-item-type-frmDashBoxGraphs .grid-stack-data .no-data,
.grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailGraph .grid-stack-data .no-data {
  padding: 22px 22px 40px;
  box-shadow: 0 0 var(--dashlet-inner-box-shaddow) var(--default-box-shadow);
  border-radius: var(--border-radius-large);
  background: var(--box-background-color);
  height: calc(100% - 22px) !important;
}
.grid-stack-item.grid-stack-item-type-frmDashBoxGraphs .grid-stack-data .SVGraph .viewportRectangle,
.grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailGraph .grid-stack-data .SVGraph .viewportRectangle {
  stroke: transparent;
}
.grid-stack-item.grid-stack-item-type-frmDashBoxGraphs .grid-stack-data .SVGraph .tooltipLine,
.grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailGraph .grid-stack-data .SVGraph .tooltipLine {
  stroke: var(--graph-tooltip);
}
.grid-stack-item.grid-stack-item-type-frmDashBoxGraphs .grid-stack-data .SVGraph text,
.grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailGraph .grid-stack-data .SVGraph text {
  fill: var(--text-color);
}
.grid-stack-item.grid-stack-item-type-frmDashBoxGraphs .grid-stack-data .SVGraph.dashlet-responsive-container-medium,
.grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailGraph .grid-stack-data .SVGraph.dashlet-responsive-container-medium {
  padding-left: 17px;
  padding-right: 17px;
}
.grid-stack-item.grid-stack-item-type-frmDashBoxGraphs .grid-stack-data .SVGraph.dashlet-responsive-container-small,
.grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailGraph .grid-stack-data .SVGraph.dashlet-responsive-container-small {
  padding-left: 12px;
  padding-right: 12px;
}
.grid-stack-item.grid-stack-item-type-frmDashBoxGraphs .grid-stack-data .SVGraph.dashlet-responsive-container-tiny,
.grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailGraph .grid-stack-data .SVGraph.dashlet-responsive-container-tiny,
.grid-stack-item.grid-stack-item-type-frmDashBoxGraphs .grid-stack-data .SVGraph.dashlet-responsive-container-extra-tiny,
.grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailGraph .grid-stack-data .SVGraph.dashlet-responsive-container-extra-tiny {
  padding-left: 5px;
  padding-right: 5px;
}
/*
* CUSTOM STYLES FOR Total Payouts
 */
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content.grid-stack-item-clear .grid-stack-header {
  color: var(--text-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content.grid-stack-item-clear .grid-stack-header .title {
  color: var(--text-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content.grid-stack-item-clear .grid-stack-header:first-child {
  border-top: 0;
  border-bottom: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content.grid-stack-item-clear .grid-stack-header:first-child .title {
  color: var(--text-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content.grid-stack-item-clear .grid-stack-data {
  overflow-y: auto;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content.grid-stack-item-clear .grid-stack-data > div > div:not(.grid-stack-header) {
  box-shadow: 0 0 22px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
  height: calc(100% - 26px);
  padding-bottom: 20px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content.grid-stack-item-full .grid-stack-header {
  border-color: rgba(255, 255, 255, 0.5);
  color: var(--text-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content.grid-stack-item-full .grid-stack-header .title {
  color: var(--text-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content.grid-stack-item-full .grid-stack-data > div {
  box-shadow: 0 0 22px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
  height: calc(100% - 26px);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content table {
  width: 100%;
  line-height: 1.2;
  border-spacing: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content table thead tr th {
  background: var(--graph-line-color);
  color: var(--text-inv-color);
  padding: 17px 23px 15px 23px;
  font-size: 1.2rem;
  font-weight: 400;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content table thead tr th:first-child {
  border-top-left-radius: var(--border-radius-large);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content table thead tr th:last-child {
  border-top-right-radius: var(--border-radius-large);
  text-align: right;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content table td {
  white-space: nowrap;
  padding: 10px 20px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content table td:first-child {
  color: var(--dashboard-payout-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content table td:last-child {
  color: var(--adv-interval-amazonBlue);
  font-size: 1.1rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content table.tableData {
  margin: 20px 22px 0;
  width: calc(100% - 44px);
  border-spacing: 0 0.5em;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content .dashlet-responsive-container-medium table {
  line-height: 1.1;
  font-size: 13px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content .dashlet-responsive-container-medium table tr th {
  padding: 17px 17px 15px 17px;
  font-size: 1rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content .dashlet-responsive-container-medium table td {
  padding: 10px 14px;
  white-space: normal;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content .dashlet-responsive-container-medium table td:last-child {
  font-size: 0.95rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content .dashlet-responsive-container-medium table.tableData {
  margin: 0 auto;
  width: auto;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content .dashlet-responsive-container-small table {
  line-height: 1.1;
  font-size: 11px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content .dashlet-responsive-container-small table tr th {
  padding: 17px 12px 15px;
  font-size: 1rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content .dashlet-responsive-container-small table td {
  padding: 10px 9px;
  white-space: normal;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content .dashlet-responsive-container-small table td:last-child {
  font-size: 12px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content .dashlet-responsive-container-small table.tableData {
  margin: 0 auto;
  width: 100%;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content .dashlet-responsive-container-tiny table {
  line-height: 1.1;
  font-size: 11px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content .dashlet-responsive-container-tiny table tr th {
  padding: 17px 9px 15px;
  font-size: 1rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content .dashlet-responsive-container-tiny table td {
  padding: 10px 7px;
  white-space: normal;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content .dashlet-responsive-container-tiny table td:last-child {
  font-size: 12px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content .dashlet-responsive-container-tiny table.tableData {
  margin: 0 auto;
  width: 100%;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content .dashlet-responsive-container-extra-tiny table {
  line-height: 1.1;
  font-size: 10px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content .dashlet-responsive-container-extra-tiny table tr th {
  padding: 17px 7px 15px;
  font-size: 1rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content .dashlet-responsive-container-extra-tiny table td {
  padding: 10px 5px;
  white-space: normal;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content .dashlet-responsive-container-extra-tiny table td:last-child {
  font-size: 11px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxTotalPayouts .grid-stack-item-content .dashlet-responsive-container-extra-tiny table.tableData {
  margin: 0;
  width: 100%;
}
/*
* CUSTOM STYLES FOR KPI
 */
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxKPI .grid-stack-item-content .kpi {
  height: calc(100% - 24px);
  display: grid;
  grid-gap: var(--dashlet-grid-gap);
  grid-row-gap: var(--dashlet-grid-gap-row);
  border: 0 solid var(--box-border);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxKPI .grid-stack-item-content .kpi > div {
  border: 1px solid var(--box-border);
  box-shadow: 0 0 var(--dashlet-inner-box-shaddow) var(--default-box-shadow);
  padding: 5px;
  margin: 0;
  width: 100%;
  height: 100%;
  min-width: 75px;
  background: var(--box-background-color);
  overflow: hidden;
  border-radius: var(--border-radius-large);
  flex-grow: 1;
  flex-basis: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxKPI .grid-stack-item-content .kpi > div h2 {
  color: var(--dashboard-kpi-color);
  margin: 0;
  padding: 8px;
  font-weight: 400;
  font-size: 1.2rem;
  background: none;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxKPI .grid-stack-item-content .kpi > div > div {
  height: calc(100% - 50px);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxKPI .grid-stack-item-content .kpi .SVGraph .tooltip.title {
  background: transparent !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxKPI .grid-stack-item-content .kpi .SVGraph .tooltip .tooltipValue,
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxKPI .grid-stack-item-content .kpi .SVGraph .tooltip .tooltipTitle {
  white-space: nowrap;
  font-weight: normal;
  font-size: 0.71rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxKPI .grid-stack-item-content .kpi .SVGraph .tooltip .tooltipTitle {
  color: var(--gray-text-color) !important;
  font-size: 0.81rem;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxKPI .grid-stack-item-content .kpi svg .tooltipLine {
  stroke: var(--graph-tooltip);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxKPI .grid-stack-item-content.grid-stack-item-full .kpi > div {
  border: 1px solid var(--box-border);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxKPI .grid-stack-item-content.grid-stack-item-full .grid-stack-header {
  border-bottom: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxKPI .grid-stack-item-content.grid-stack-item-full .grid-stack-data {
  height: calc(100% - 30px);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxKPI .grid-stack-item-content.grid-stack-item-full .SVGraph .gridLine {
  stroke: var(--border-color);
}
/*
* CUSTOM STYLES for SellerMail Stats
* MAIN styles are in SaleStats bcs they are very similar, there is only some tuning
*/
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailStats .grid-stack-header {
  position: relative;
  padding-bottom: 10px;
  font-size: 22px;
  margin-bottom: 5px;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailStats .main-container {
  height: 100%;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailStats .grid-stack-data > div {
  border: 0px solid var(--box-border) !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailStats .dashlet-content .grid-stack-data {
  display: flex;
  column-gap: var(--dashlet-grid-gap-col);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailStats .dashlet-content .grid-stack-data .body {
  --rowCount: 4;
  width: calc(50% - 10px);
  height: calc(100% - 26px);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailStats .dashlet-content .grid-stack-data .body .row {
  height: 100%;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailStats .dashlet-content .grid-stack-data .body .row .interval-name > span {
  width: 100% !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailStats .dashlet-content .grid-stack-data .body .row > div:first-child > .header {
  font-size: 0.55rem !important;
  letter-spacing: 1.2px !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailStats .dashlet-content .grid-stack-data .body .row > div:first-child > .value {
  font-size: 1rem !important;
  white-space: nowrap !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailStats .dashlet-content .grid-stack-data .body .row > i {
  margin-top: 13px !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailStats .dashlet-content .grid-stack-data .body .row:last-child {
  border: 0 !important;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailStats .dashlet-content .grid-stack-data .body .row.interval {
  position: relative;
  min-height: auto;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailStats .dashlet-content .grid-stack-data .body .row.horizontal > div {
  width: calc(100% / 3);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxSellerMailStats .dashlet-content .grid-stack-data .body:last-child .row.interval {
  background: var(--graph-line-fill);
  color: var(--dashboard-header-secondary-color);
}
/*
* CUSTOM STYLES FOR Grouped sales statistics
 */
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .main-content-container {
  position: relative;
  height: 100%;
  width: 100%;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .grid-stack-data {
  height: calc(100% - 65px) !important;
  padding: 0 !important;
  border: 0 solid var(--box-border);
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .grid-stack-data .main-content-container {
  overflow: hidden;
  padding: 5px 15px 22px !important;
  box-shadow: 0 0 22px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
  width: calc(100% - 22px);
  margin: auto;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .grid-stack-header {
  margin: 4px;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions {
  display: flex;
  margin-bottom: 5px;
  align-items: flex-end;
  flex-wrap: wrap;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions > div {
  margin-bottom: 15px;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions > div.selectContainer {
  display: flex;
  flex-direction: row;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions > div.selectContainer > .rSelect {
  margin-left: 5px;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions > div.selectContainer > .rSelect:first-child {
  margin-left: 0;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions > div.selectContainer > .rSelect > label {
  color: var(--text-color);
  font-size: 0.7rem;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions > div.selectContainer > .rSelect > div {
  width: 150px;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions > div.checkboxContainer {
  position: relative;
  bottom: 0px;
  color: var(--text-color);
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions > div.checkboxContainer label {
  height: 26px;
  display: inline-block;
  padding-left: 35px;
  position: relative;
  bottom: 6px;
  line-height: 26px;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions > div.checkboxContainer label input {
  width: 20px;
  height: 20px;
  position: absolute;
  left: 5px;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions > div.range {
  width: auto;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions .bottom {
  padding: 0 5px;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions .bottom .dateRange {
  color: var(--text-color);
  clear: both;
  display: block;
  padding: 0 5px;
  height: auto !important;
  white-space: nowrap;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions .bottom .warning-message {
  padding-top: 10px;
  color: var(--message-warning-color);
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions .bottom .hovered {
  height: auto !important;
  overflow: hidden;
  white-space: nowrap;
  color: #333;
  line-height: 1;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions .bottom .hovered .intervals .row .interval {
  font-size: 10pt !important;
  color: var(--text-color);
  opacity: 0.7;
  cursor: pointer;
  padding: 0 1px 0 2px;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions .bottom .hovered .intervals .row .interval:hover {
  opacity: 1;
  text-decoration: underline;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions .bottom .hovered .intervals .row .interval.active {
  opacity: 1;
  text-decoration: underline;
  font-weight: bold;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions .bottom.hidable:hover .dateRange,
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions .bottom .hovered {
  display: none;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions .bottom.hidable:hover .hovered {
  display: block;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .table-holder.data-table {
  margin-top: 0;
  overflow: auto;
  height: 90%;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .table-holder.data-table::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin-right: 2px;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .table-holder.data-table::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .table-holder.data-table::-webkit-scrollbar-thumb {
  background: #799db2;
  border: 0 none #84a6b9;
  border-radius: 6px;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .table-holder.data-table::-webkit-scrollbar-thumb:hover {
  background: #84a6b9;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .table-holder.data-table::-webkit-scrollbar-thumb:active {
  background: #799db2;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .table-holder.data-table::-webkit-scrollbar-track {
  background: #4f5f78;
  border: 0 none #84a6b9;
  border-radius: 50px;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .table-holder.data-table::-webkit-scrollbar-track:hover {
  background: #41516b;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .table-holder.data-table::-webkit-scrollbar-track:active {
  background: #41516b;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .table-holder.data-table::-webkit-scrollbar-corner {
  background: transparent;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .table-holder.data-table > table {
  table-layout: fixed;
  width: 100%;
  min-width: auto;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .table-holder.data-table > table .tooltips {
  cursor: pointer;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .table-holder.data-table > table thead .header-sort-button {
  display: none;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .dashletsContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 22px;
  grid-row-gap: 22px;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .innerDashlet > .row {
  padding: 7px 25px !important;
  padding-left: 10px !important;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .innerDashlet > .row .interval-name {
  margin: 0 !important;
  padding: 8px 0 5px;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .innerDashlet > .row > div > .header {
  font-size: 0.6rem !important;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .innerDashlet > .row > div > .value {
  font-size: 1rem !important;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .innerDashlet > .row > i {
  font-size: 1.5rem !important;
  margin-top: 12px !important;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .innerDashlet > .row.interval > .interval-name > span {
  width: 100%;
  max-height: 50px;
  font-size: 1rem;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .innerDashlet > .row.interval > .interval-name a {
  color: white;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .innerDashlet > .row.interval > .interval-name:hover a {
  color: orange;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .innerDashlet > .row.horizontal {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .innerDashlet > .row.horizontal > div > .header {
  font-size: 0.5rem !important;
}
body .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .innerDashlet > .row.horizontal > div > .value {
  font-size: 0.8rem !important;
}
body:not(.mobile) .lastRowIsNotFull:after {
  content: ' ';
  position: absolute;
  left: 10px;
  right: 10px;
  height: 15px;
  bottom: -2px;
  background: linear-gradient(to bottom, transparent, var(--background-color));
  z-index: 1;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions > div.checkboxContainer {
  display: flex;
  flex-direction: row;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions > div.checkboxContainer input {
  width: 20px;
  height: 20px;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions > div.range {
  padding-left: 0;
  margin-top: 5px;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions > div.range > div {
  padding-left: 0;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions > .selectContainer {
  width: 100%;
  align-self: stretch;
  margin-right: 10px;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions > .selectContainer > div {
  flex: 1;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .actions > .selectContainer > div .Select {
  width: auto;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 260px;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .pointer {
  position: absolute;
  bottom: 31px;
  text-align: center;
  width: 100%;
  color: var(--text-color);
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .item {
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: box-shadow 1s, height 250ms, width 250ms, top 1s, margin-top 1s, line-height 250ms, background-color 1s;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .level-4 {
  box-shadow: -0.1em 0.1em 0.2em #212121;
  width: 94%;
  height: 34%;
  line-height: 72%;
  top: 16%;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .level-3 {
  box-shadow: -0.1em 0.1em 0.2em #212121;
  width: 96%;
  height: 34%;
  line-height: 72%;
  top: 26%;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .level-2 {
  box-shadow: -0.1em 0.1em 0.2em #212121;
  width: 97%;
  height: 39%;
  line-height: 72%;
  top: 38%;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .level-1 {
  box-shadow: -0.2em 0.2em 0.4em #212121;
  width: 98%;
  height: 36%;
  line-height: 78%;
  top: 47%;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .level0 {
  box-shadow: 0 0.4em 0.8em #212121;
  width: 99%;
  height: 40%;
  line-height: 85%;
  top: 59%;
  z-index: 7;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .level1 {
  box-shadow: 0.2em 0.2em 0.4em #212121;
  width: 99%;
  height: 40%;
  line-height: 85%;
  top: 160%;
  z-index: 7;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .level-5 {
  z-index: 0;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .level-4 {
  z-index: 1;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .level-3 {
  z-index: 2;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .level-2,
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .level2 {
  z-index: 3;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .level-1 {
  z-index: 4;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .level0 {
  z-index: 5;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .left-enter {
  opacity: 0;
  top: 85%;
  width: -8%;
  height: -8%;
  line-height: 42%;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .left-enter.left-enter-active {
  opacity: 1;
  top: 85%;
  width: 72%;
  height: 17%;
  line-height: 72%;
  transition: box-shadow 1s, top 1s, opacity 1s, height 250ms, width 250ms, margin-top 1s, line-height 1s;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .left-leave {
  opacity: 1;
  top: 15%;
  width: 72%;
  height: 17%;
  line-height: 72%;
  z-index: -1;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .left-leave.left-leave-active {
  z-index: -1;
  top: 15%;
  opacity: 0;
  width: -8%;
  height: -8%;
  line-height: 120px;
  transition: box-shadow 1s, top 1s, opacity 1s, height 250ms, width 250ms, margin-top 1s, line-height 1s;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .right-enter {
  opacity: 0;
  top: 15%;
  width: -8%;
  height: -8%;
  line-height: 42%;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .right-enter.right-enter-active {
  top: 15%;
  opacity: 1;
  width: 72%;
  line-height: 72%;
  height: 17%;
  transition: box-shadow 1s, top 1s, opacity 1s, height 250ms, width 250ms, margin-top 1s, line-height 1s;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .right-leave {
  top: 85%;
  width: 72%;
  opacity: 1;
  line-height: 72%;
  height: 17%;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .right-leave.right-leave-active {
  top: 85%;
  opacity: 0;
  width: -8%;
  height: -8%;
  line-height: 42%;
  transition: box-shadow 1s, top 1s, opacity 1s, height 250ms, width 250ms, margin-top 1s, line-height 1s;
}
body.mobile .grid-stack > .grid-stack-item-type-frmDashBoxGroupedSaleStatistics > .grid-stack-item-content .carousel .noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tabs {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  height: 48px;
  z-index: 2;
  position: relative;
  padding: 10px 10px 0 10px;
}
.tabs:hover .dashboard-plus {
  display: block;
}
.tabs.mobile {
  text-align: left;
  display: block;
}
.tabs.mobile .dashboard-tab {
  display: inline-block;
}
.dashboard-tab,
.dashboard-plus,
.dashboards-settings {
  min-width: 25px;
  -ms-user-select: none;
  user-select: none;
  padding: 0 20px 0 0;
  transition: background-color 0.1s linear;
  color: var(--secondary-color);
  position: relative;
  cursor: pointer;
  display: block;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0);
  text-align: left;
  font-size: 0.86rem;
  z-index: 3;
  font-family: 'Neue Helvetica', sans-serif;
  letter-spacing: 0.3px;
}
.dashboard-tab input,
.dashboard-plus input,
.dashboards-settings input {
  border: 0;
  padding: 5px 0;
  border-radius: 0;
  margin: 3px 0;
  color: var(--secondary-color);
  font-size: 0.86rem;
  background: transparent;
  letter-spacing: 0.3px;
  font-family: 'Neue Helvetica', sans-serif;
}
.dashboard-tab .name,
.dashboard-plus .name,
.dashboards-settings .name {
  padding: 8px 0 10px 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard-tab.active,
.dashboard-plus.active,
.dashboards-settings.active,
.dashboard-tab:hover,
.dashboard-plus:hover,
.dashboards-settings:hover {
  background-color: var(--background-color);
  color: var(--secondary-color);
  opacity: 1;
}
.dashboard-tab.active,
.dashboard-plus.active,
.dashboards-settings.active {
  border: 1px solid var(--secondary-color);
  border-bottom: 1px solid var(--background-color);
  height: 38px;
  z-index: 100;
  /*&:before, &:after {
      border: 1px solid @tabBorderColor;
      position: absolute;
      bottom: -1px;
      width: 5px;
      height: 5px;
      content: " ";
    }
    &:before {
      left: -6px;
      border-bottom-right-radius: 7px;
      border-width: 0 1px 1px 0;
      box-shadow: 2px 2px 0 @primaryBackgroundColor;
    }
    &:after {
      right: -6px;
      border-bottom-left-radius: 7px;
      border-width: 0 0 1px 1px;
      box-shadow: -2px 2px 0 @primaryBackgroundColor;
    }*/
}
.dashboard-tab:hover,
.dashboard-plus:hover,
.dashboards-settings:hover {
  background-color: var(--background-color);
}
.dashboard-tab:hover .tab-handle,
.dashboard-plus:hover .tab-handle,
.dashboards-settings:hover .tab-handle {
  opacity: 1;
}
.dashboard-tab .tab-handle,
.dashboard-plus .tab-handle,
.dashboards-settings .tab-handle {
  padding: 0 10px;
  color: var(--secondary-color);
  font-size: 14px;
  float: right;
  line-height: 20px;
  position: absolute;
  right: 0;
  top: 9px;
  opacity: 0.5;
}
.dashboard-tab .tab-handle:hover,
.dashboard-plus .tab-handle:hover,
.dashboards-settings .tab-handle:hover {
  color: var(--text-color);
}
.dashboard-tab .tab-menu {
  left: 0;
}
.tab-menu {
  list-style: none;
  position: absolute;
  top: 30px;
  right: 0;
  width: 150px;
  z-index: 3;
  margin: 0;
  padding: 0;
}
.tab-menu.hidden {
  display: none;
}
.tab-menu li {
  display: block;
  background: var(--background-color);
  font-size: 12px;
  color: var(--text-color);
  padding: 10px;
  text-align: right;
  cursor: pointer;
  position: relative;
  width: 100%;
}
.tab-menu li:hover {
  background: var(--background-color);
  color: var(--background-color);
}
.tab-menu li.show-on {
  padding: 3px 10px;
}
.tab-menu li.delimiter {
  padding: 3px 10px;
  color: var(--text-color);
  text-align: left;
  height: 20px;
}
.tab-menu li.delimiter:hover {
  background: var(--background-color);
  cursor: default;
}
.tab-menu li.delimiter::before {
  content: ' ';
  display: inline-block;
  height: 3px;
  width: 92%;
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  position: absolute;
  top: 6px;
  left: 4%;
  z-index: 1;
}
.tab-menu li.delimiter > span {
  position: absolute;
  top: 0;
  padding: 0 5px;
  background: var(--background-color);
  z-index: 2;
}
.tab-menu li.with-sub-options {
  padding: 10px 0;
}
.tab-menu li.with-sub-options:hover {
  background: #ddd;
}
.tab-menu li.with-sub-options span {
  padding: 0 10px;
  display: block;
  position: relative;
}
.tab-menu li.with-sub-options span.sub-option:hover {
  background: #ccc;
}
.tab-menu li i {
  font-size: 14px;
  float: left;
  margin: 0 10px;
}
.tab-menu li .loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  background: var(--background-color);
}
.tab-menu li .loading i {
  float: none;
  margin: -7px 0 0;
  position: absolute;
  top: 50%;
}
.dashboard-plus,
.dashboards-settings {
  min-width: 9px;
  text-align: center;
  padding: 10px 10px;
}
.dashboard-plus {
  padding: 0;
  margin-right: 13px;
}
.dashboard-plus:hover {
  background: none;
}
.dashboards-settings {
  margin-left: auto;
  overflow: visible;
}
.dashboards-settings > .tab-handle {
  color: var(--secondary-color);
  padding-right: 9px;
  opacity: 1;
}
.dashboards-settings > .tab-handle:hover {
  color: var(--text-color);
}
/* STYLES FOR SETTINGS */
.ReactModal__Content .share-settings {
  padding: 20px;
}
.ReactModal__Content .share-settings table tr td:first-child {
  padding: 0 20px;
  text-align: left;
}
.grid-stack-item-type-frmDashBoxAdvManager .grid-stack-data {
  padding-bottom: 22px !important;
  background: var(--box-background-color);
}
.add-dashlet-wrapper {
  display: flex;
}
.add-dashlet-wrapper .add-dashlet-description {
  width: 100%;
  height: 300px;
  text-align: justify;
}
.add-dashlet-wrapper .add-dashlet-description.empty {
  width: 300px;
}
.add-dashlet-wrapper .add-dashlet-description .add-dashlet-text {
  font-size: 14px;
  margin: 10px 10px;
}
.add-dashlet-wrapper .add-dashlet-description .settings-form {
  overflow: visible;
}
.add-dashlet-wrapper > .settings-form {
  max-height: 60vh;
}
.add-dashlet-wrapper .add-dashlet-selection {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
  cursor: pointer;
  margin-right: 20px;
  min-width: 160px;
}
.add-dashlet-wrapper .add-dashlet-selection .add-dashlet-type div {
  margin: 2.5px 0;
  padding: 5px 10px;
  border: 1px dotted var(--border-color);
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  border-radius: var(--border-radius-basic);
}
.add-dashlet-wrapper .add-dashlet-selection .add-dashlet-type:hover div,
.add-dashlet-wrapper .add-dashlet-selection .add-dashlet-type.active div {
  background: var(--button-inv-background);
  color: var(--button-inv-color);
}
.Dashlet-settings .blur-disabled {
  filter: blur(6px);
  pointer-events: none;
}
.Dashlet-settings .blur-disabled * {
  pointer-events: none;
}
body.index .dashboard-select__menu {
  background: var(--main-dropdown-color);
  border-radius: var(--border-radius-large);
}
body.index .dashboard-select__menu > .dashboard-select__menu-list,
body.index .dashboard-select__menu .react-select {
  overflow-x: hidden;
  max-height: calc(100vh - 260px);
}
body.index .dashboard-select__menu > .dashboard-select__menu-list .dashboard-select__option--is-focused,
body.index .dashboard-select__menu .react-select .dashboard-select__option--is-focused {
  background: var(--button-hover-background);
}
body.index .dashboard-select__menu > .dashboard-select__menu-list button.add-dashboard-button,
body.index .dashboard-select__menu .react-select button.add-dashboard-button {
  background: var(--button-background);
  margin-bottom: 15px;
}
body.index .dashboard-select__menu > .dashboard-select__menu-list button.add-dashboard-button:hover,
body.index .dashboard-select__menu .react-select button.add-dashboard-button:hover {
  background: var(--button-hover-background);
}
body.index .dashboard-select__menu > .dashboard-select__menu-list .dashboard-select__option,
body.index .dashboard-select__menu .react-select .dashboard-select__option {
  cursor: pointer;
}
body.index .dashboard-select__menu > .dashboard-select__menu-list .dashboard-select__option.dashboard-select__option--is-selected,
body.index .dashboard-select__menu .react-select .dashboard-select__option.dashboard-select__option--is-selected {
  background: var(--select-selected);
  color: var(--text-inv-color);
}
body.index .dashboard-select__menu > .dashboard-select__menu-list .dashboard-select__option:hover,
body.index .dashboard-select__menu .react-select .dashboard-select__option:hover {
  background: var(--button-hover-background);
}
body.index .dashboard-select__menu button.add-dashboard-button {
  --margin: 20px;
  width: calc(100% - var(--margin) * 2);
  margin: 10px var(--margin);
  padding: 8px;
}
body.index .dashboard-select__menu button.add-dashboard-button + div {
  box-shadow: inset 0 2px 2px 0 rgb(0 0 0%);
}
body.index .dashboard-select__menu .option-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
body.index .dashboard-select__menu .option-item .fav-star {
  color: gold;
  margin-right: 5px;
  font-size: 1rem;
  cursor: pointer;
}
body.index .component-holder > h2.page-header {
  display: none;
}
.graphs-app,
.restock-modal-container {
  /* styles for gridstack */
  /* my styles */
  /* HEADER BUTTONS */
  /* COLORS */
}
.graphs-app .dashboard-container,
.restock-modal-container .dashboard-container {
  position: relative;
}
.graphs-app .dashboard-container table::after,
.restock-modal-container .dashboard-container table::after {
  content: unset;
}
.graphs-app .dashboard-header-container,
.restock-modal-container .dashboard-header-container {
  display: flex;
  justify-content: var(--dashboard-header-cointainer-justify);
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  padding-left: 10px;
  padding-right: 11px;
  padding-bottom: 20px;
  padding-top: var(--dashboard-header-cointainer-padding-top);
}
.graphs-app .dashboard-header-container h2.page-header,
.restock-modal-container .dashboard-header-container h2.page-header {
  padding: 0px;
  padding-left: 20px;
}
.graphs-app .dashboard-header-container .right-section,
.restock-modal-container .dashboard-header-container .right-section {
  display: flex;
}
.graphs-app .dashboard-header-container .right-section .dashboards-setting > button,
.restock-modal-container .dashboard-header-container .right-section .dashboards-setting > button {
  margin: 0;
}
.graphs-app .dashboard-header-container .right-section .button-dropdown-button,
.restock-modal-container .dashboard-header-container .right-section .button-dropdown-button {
  background: var(--button-inv-background);
  color: var(--button-inv-color);
}
.graphs-app .dashboard-header-container .right-section .button-dropdown-button:hover,
.restock-modal-container .dashboard-header-container .right-section .button-dropdown-button:hover {
  background: var(--button-hover-background);
  color: var(--button-hover-color);
}
.graphs-app .dashboardWrapper,
.restock-modal-container .dashboardWrapper {
  position: absolute;
  top: 0;
  width: 100%;
  padding-top: 10px;
  transition: opacity var(--basic-content-transition-delay) ease;
  min-height: calc(100vh - 105px);
  background-color: var(--background-color);
  padding-bottom: 20px;
}
.graphs-app .dashboardWrapper .message,
.restock-modal-container .dashboardWrapper .message {
  box-shadow: 0 0 22px var(--default-box-shadow);
  border-radius: var(--border-radius-large);
  text-align: left;
  margin-top: 15px;
  padding: 20px;
  border: 1px solid var(--box-border);
}
.graphs-app .filters-box,
.restock-modal-container .filters-box {
  display: flex;
  justify-content: right;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 10px;
}
.graphs-app .filters-box .group .seller-account,
.restock-modal-container .filters-box .group .seller-account,
.graphs-app .filters-box .button-dropdown-container .seller-account,
.restock-modal-container .filters-box .button-dropdown-container .seller-account {
  white-space: nowrap;
}
.graphs-app .filters-box .group .filter-cancel,
.restock-modal-container .filters-box .group .filter-cancel,
.graphs-app .filters-box .button-dropdown-container .filter-cancel,
.restock-modal-container .filters-box .button-dropdown-container .filter-cancel {
  width: auto;
  margin: 0 auto;
}
.graphs-app .filters-box .group .hasDatepicker,
.restock-modal-container .filters-box .group .hasDatepicker,
.graphs-app .filters-box .button-dropdown-container .hasDatepicker,
.restock-modal-container .filters-box .button-dropdown-container .hasDatepicker {
  width: 120px;
}
.graphs-app .filters-box .group .date-selection,
.restock-modal-container .filters-box .group .date-selection,
.graphs-app .filters-box .button-dropdown-container .date-selection,
.restock-modal-container .filters-box .button-dropdown-container .date-selection {
  margin: 0 3px;
}
.graphs-app .filters-box .group .tagify__input,
.restock-modal-container .filters-box .group .tagify__input,
.graphs-app .filters-box .button-dropdown-container .tagify__input,
.restock-modal-container .filters-box .button-dropdown-container .tagify__input {
  min-width: 200px;
  /*&::before {
          font-size:
        }*/
}
.graphs-app .filters-box .group .filter-flex,
.restock-modal-container .filters-box .group .filter-flex,
.graphs-app .filters-box .button-dropdown-container .filter-flex,
.restock-modal-container .filters-box .button-dropdown-container .filter-flex {
  display: flex;
  flex-wrap: wrap;
}
.graphs-app .filters-box .group .filter-flex .filter-radio,
.restock-modal-container .filters-box .group .filter-flex .filter-radio,
.graphs-app .filters-box .button-dropdown-container .filter-flex .filter-radio,
.restock-modal-container .filters-box .button-dropdown-container .filter-flex .filter-radio {
  flex-basis: 60%;
}
.graphs-app .filters-box .group .filter-flex.tags,
.restock-modal-container .filters-box .group .filter-flex.tags,
.graphs-app .filters-box .button-dropdown-container .filter-flex.tags,
.restock-modal-container .filters-box .button-dropdown-container .filter-flex.tags {
  flex-wrap: nowrap;
  min-width: 300px;
}
.graphs-app .filters-box .group .filter-flex.tags .filter,
.restock-modal-container .filters-box .group .filter-flex.tags .filter,
.graphs-app .filters-box .button-dropdown-container .filter-flex.tags .filter,
.restock-modal-container .filters-box .button-dropdown-container .filter-flex.tags .filter,
.graphs-app .filters-box .group .filter-flex.tags .name,
.restock-modal-container .filters-box .group .filter-flex.tags .name,
.graphs-app .filters-box .button-dropdown-container .filter-flex.tags .name,
.restock-modal-container .filters-box .button-dropdown-container .filter-flex.tags .name {
  line-height: 22px;
  border: 0;
  white-space: nowrap;
}
.graphs-app .filters-box .group .filter-flex.tags .filter,
.restock-modal-container .filters-box .group .filter-flex.tags .filter,
.graphs-app .filters-box .button-dropdown-container .filter-flex.tags .filter,
.restock-modal-container .filters-box .button-dropdown-container .filter-flex.tags .filter {
  padding-top: 7px;
}
.graphs-app .filters-box .group .filter-flex.tags .filter:hover,
.restock-modal-container .filters-box .group .filter-flex.tags .filter:hover,
.graphs-app .filters-box .button-dropdown-container .filter-flex.tags .filter:hover,
.restock-modal-container .filters-box .button-dropdown-container .filter-flex.tags .filter:hover {
  color: var(--text-inv-color);
}
.graphs-app .filters-box .group .filter-flex.tags .name,
.restock-modal-container .filters-box .group .filter-flex.tags .name,
.graphs-app .filters-box .button-dropdown-container .filter-flex.tags .name,
.restock-modal-container .filters-box .button-dropdown-container .filter-flex.tags .name {
  font-weight: normal;
  min-width: auto;
}
.graphs-app .filters-box .group .filter-flex.tags .tag-join-select,
.restock-modal-container .filters-box .group .filter-flex.tags .tag-join-select,
.graphs-app .filters-box .button-dropdown-container .filter-flex.tags .tag-join-select,
.restock-modal-container .filters-box .button-dropdown-container .filter-flex.tags .tag-join-select {
  border-radius: 0;
  padding: 0;
  width: 100px;
  height: 36px;
}
.graphs-app .filters-box .group .filter-flex.tags input[name='__ProductTags'],
.restock-modal-container .filters-box .group .filter-flex.tags input[name='__ProductTags'],
.graphs-app .filters-box .button-dropdown-container .filter-flex.tags input[name='__ProductTags'],
.restock-modal-container .filters-box .button-dropdown-container .filter-flex.tags input[name='__ProductTags'] {
  height: 36px;
}
.graphs-app .filters-box .group .filter-flex input[name='__ProductTags'],
.restock-modal-container .filters-box .group .filter-flex input[name='__ProductTags'],
.graphs-app .filters-box .button-dropdown-container .filter-flex input[name='__ProductTags'],
.restock-modal-container .filters-box .button-dropdown-container .filter-flex input[name='__ProductTags'] {
  display: none;
}
.graphs-app .filters-box .group .break,
.restock-modal-container .filters-box .group .break,
.graphs-app .filters-box .button-dropdown-container .break,
.restock-modal-container .filters-box .button-dropdown-container .break {
  flex-basis: 100%;
}
.graphs-app .filters-box .group .break input,
.restock-modal-container .filters-box .group .break input,
.graphs-app .filters-box .button-dropdown-container .break input,
.restock-modal-container .filters-box .button-dropdown-container .break input {
  cursor: pointer;
  border: 0;
  width: 80px;
  color: var(--input-color);
  background: var(--input-background);
}
.graphs-app .filters-box .group .Select,
.restock-modal-container .filters-box .group .Select,
.graphs-app .filters-box .button-dropdown-container .Select,
.restock-modal-container .filters-box .button-dropdown-container .Select {
  margin-top: 3px;
}
.graphs-app .filters-box .group .Select .Select-control,
.restock-modal-container .filters-box .group .Select .Select-control,
.graphs-app .filters-box .button-dropdown-container .Select .Select-control,
.restock-modal-container .filters-box .button-dropdown-container .Select .Select-control {
  border-radius: var(--border-radius-basic);
  outline: 0;
  min-width: 250px;
  height: 28px;
  box-shadow: none;
}
.graphs-app .filters-box .group .Select .Select-placeholder,
.restock-modal-container .filters-box .group .Select .Select-placeholder,
.graphs-app .filters-box .button-dropdown-container .Select .Select-placeholder,
.restock-modal-container .filters-box .button-dropdown-container .Select .Select-placeholder,
.graphs-app .filters-box .group .Select .Select-value,
.restock-modal-container .filters-box .group .Select .Select-value,
.graphs-app .filters-box .button-dropdown-container .Select .Select-value,
.restock-modal-container .filters-box .button-dropdown-container .Select .Select-value,
.graphs-app .filters-box .group .Select .Select-value-label,
.restock-modal-container .filters-box .group .Select .Select-value-label,
.graphs-app .filters-box .button-dropdown-container .Select .Select-value-label,
.restock-modal-container .filters-box .button-dropdown-container .Select .Select-value-label {
  line-height: 28px;
}
.graphs-app .filters-box .group .Select .Select-input,
.restock-modal-container .filters-box .group .Select .Select-input,
.graphs-app .filters-box .button-dropdown-container .Select .Select-input,
.restock-modal-container .filters-box .button-dropdown-container .Select .Select-input {
  height: 28px;
}
.graphs-app .filters-box .group .Select .Select-input > input,
.restock-modal-container .filters-box .group .Select .Select-input > input,
.graphs-app .filters-box .button-dropdown-container .Select .Select-input > input,
.restock-modal-container .filters-box .button-dropdown-container .Select .Select-input > input {
  padding: 6px 0 12px;
}
.graphs-app .addDashlet,
.restock-modal-container .addDashlet {
  position: absolute;
  text-align: center;
  font-size: 24px;
  line-height: 55px;
  border: 1px dashed var(--border-color);
  border-radius: 3px;
  color: var(--gray-text-color);
  background-color: var(--background-color);
  cursor: pointer;
}
.graphs-app .grid-stack,
.restock-modal-container .grid-stack {
  box-sizing: content-box;
  position: relative;
  padding: 0 0 100px;
}
.graphs-app .grid-stack.grid-stack-rtl,
.restock-modal-container .grid-stack.grid-stack-rtl {
  direction: ltr;
}
.graphs-app .grid-stack.grid-stack-rtl .grid-stack-item,
.restock-modal-container .grid-stack.grid-stack-rtl .grid-stack-item {
  direction: rtl;
}
.graphs-app .grid-stack .grid-stack-placeholder > .placeholder-content,
.restock-modal-container .grid-stack .grid-stack-placeholder > .placeholder-content {
  border: 1px dashed var(--border-color);
  margin: 0;
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  bottom: 0;
  width: auto;
  z-index: 0 !important;
  text-align: center;
}
.graphs-app .grid-stack .grid-stack-item,
.restock-modal-container .grid-stack .grid-stack-item {
  min-width: 8.33333333%;
  position: absolute;
  padding: 0;
}
.graphs-app .grid-stack .grid-stack-item.with-opened-dropdown,
.restock-modal-container .grid-stack .grid-stack-item.with-opened-dropdown {
  z-index: 1;
}
.graphs-app .grid-stack .grid-stack-item .ui-resizable-handle,
.restock-modal-container .grid-stack .grid-stack-item .ui-resizable-handle {
  filter: none;
}
.graphs-app .grid-stack .grid-stack-item .grid-stack-item-content,
.restock-modal-container .grid-stack .grid-stack-item .grid-stack-item-content {
  margin: 0;
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  bottom: 0;
  width: auto;
  z-index: 0 !important;
  overflow: hidden;
  -ms-touch-action: initial !important;
  touch-action: initial !important;
}
.graphs-app .grid-stack .grid-stack-item .ui-resizable-handle,
.restock-modal-container .grid-stack .grid-stack-item .ui-resizable-handle {
  position: absolute;
  font-size: 1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.graphs-app .grid-stack .grid-stack-item.ui-resizable-disabled > .ui-resizable-handle,
.restock-modal-container .grid-stack .grid-stack-item.ui-resizable-disabled > .ui-resizable-handle,
.graphs-app .grid-stack .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle,
.restock-modal-container .grid-stack .grid-stack-item.ui-resizable-autohide > .ui-resizable-handle {
  display: none;
}
.graphs-app .grid-stack .grid-stack-item.ui-draggable-dragging,
.restock-modal-container .grid-stack .grid-stack-item.ui-draggable-dragging,
.graphs-app .grid-stack > .grid-stack-item.ui-resizable-resizing,
.restock-modal-container .grid-stack > .grid-stack-item.ui-resizable-resizing {
  z-index: 100;
}
.graphs-app .grid-stack .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content,
.restock-modal-container .grid-stack .grid-stack-item.ui-draggable-dragging > .grid-stack-item-content,
.graphs-app .grid-stack .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content,
.restock-modal-container .grid-stack .grid-stack-item.ui-resizable-resizing > .grid-stack-item-content {
  box-shadow: 0 0 40px var(--default-box-shadow);
  opacity: 0.8;
}
.graphs-app .grid-stack .grid-stack-item > .ui-resizable-se,
.restock-modal-container .grid-stack .grid-stack-item > .ui-resizable-se,
.graphs-app .grid-stack .grid-stack-item > .ui-resizable-sw,
.restock-modal-container .grid-stack .grid-stack-item > .ui-resizable-sw {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDUxMS42MjYgNTExLjYyNyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTExLjYyNiA1MTEuNjI3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnPgoJPHBhdGggZD0iTTMyOC45MDYsNDAxLjk5NGgtMzYuNTUzVjEwOS42MzZoMzYuNTUzYzQuOTQ4LDAsOS4yMzYtMS44MDksMTIuODQ3LTUuNDI2YzMuNjEzLTMuNjE1LDUuNDIxLTcuODk4LDUuNDIxLTEyLjg0NSAgIGMwLTQuOTQ5LTEuODAxLTkuMjMxLTUuNDI4LTEyLjg1MWwtNzMuMDg3LTczLjA5QzI2NS4wNDQsMS44MDksMjYwLjc2LDAsMjU1LjgxMywwYy00Ljk0OCwwLTkuMjI5LDEuODA5LTEyLjg0Nyw1LjQyNCAgIGwtNzMuMDg4LDczLjA5Yy0zLjYxOCwzLjYxOS01LjQyNCw3LjkwMi01LjQyNCwxMi44NTFjMCw0Ljk0NiwxLjgwNyw5LjIyOSw1LjQyNCwxMi44NDVjMy42MTksMy42MTcsNy45MDEsNS40MjYsMTIuODUsNS40MjYgICBoMzYuNTQ1djI5Mi4zNThoLTM2LjU0MmMtNC45NTIsMC05LjIzNSwxLjgwOC0xMi44NSw1LjQyMWMtMy42MTcsMy42MjEtNS40MjQsNy45MDUtNS40MjQsMTIuODU0ICAgYzAsNC45NDUsMS44MDcsOS4yMjcsNS40MjQsMTIuODQ3bDczLjA4OSw3My4wODhjMy42MTcsMy42MTcsNy44OTgsNS40MjQsMTIuODQ3LDUuNDI0YzQuOTUsMCw5LjIzNC0xLjgwNywxMi44NDktNS40MjQgICBsNzMuMDg3LTczLjA4OGMzLjYxMy0zLjYyLDUuNDIxLTcuOTAxLDUuNDIxLTEyLjg0N2MwLTQuOTQ4LTEuODA4LTkuMjMyLTUuNDIxLTEyLjg1NCAgIEMzMzguMTQyLDQwMy44MDIsMzMzLjg1Nyw0MDEuOTk0LDMyOC45MDYsNDAxLjk5NHoiIGZpbGw9IiM2NjY2NjYiLz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K) no-repeat center;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.graphs-app .grid-stack .grid-stack-item > .ui-resizable-se,
.restock-modal-container .grid-stack .grid-stack-item > .ui-resizable-se {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.graphs-app .grid-stack .grid-stack-item > .ui-resizable-se,
.restock-modal-container .grid-stack .grid-stack-item > .ui-resizable-se {
  cursor: se-resize;
  width: 20px;
  height: 20px;
  right: var(--dashlet-resize-arrow-horizontal-position);
  bottom: var(--dashlet-resize-arrow-vertical-position);
}
.graphs-app .grid-stack .grid-stack-item > .ui-resizable-sw,
.restock-modal-container .grid-stack .grid-stack-item > .ui-resizable-sw {
  cursor: sw-resize;
  width: 20px;
  height: 20px;
  left: var(--dashlet-resize-arrow-horizontal-position);
  bottom: var(--dashlet-resize-arrow-vertical-position);
}
.graphs-app .grid-stack .grid-stack-item.ui-draggable-dragging > .ui-resizable-handle,
.restock-modal-container .grid-stack .grid-stack-item.ui-draggable-dragging > .ui-resizable-handle {
  display: none !important;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item,
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item {
  min-width: 6.25%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='1'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='1'] {
  width: 6.25%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='1'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='1'] {
  left: 6.25%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='1'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='1'] {
  min-width: 6.25%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='1'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='1'] {
  max-width: 6.25%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='2'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='2'] {
  width: 12.5%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='2'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='2'] {
  left: 12.5%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='2'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='2'] {
  min-width: 12.5%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='2'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='2'] {
  max-width: 12.5%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='3'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='3'] {
  width: 18.75%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='3'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='3'] {
  left: 18.75%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='3'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='3'] {
  min-width: 18.75%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='3'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='3'] {
  max-width: 18.75%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='4'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='4'] {
  width: 25%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='4'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='4'] {
  left: 25%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='4'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='4'] {
  min-width: 25%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='4'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='4'] {
  max-width: 25%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='5'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='5'] {
  width: 31.25%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='5'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='5'] {
  left: 31.25%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='5'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='5'] {
  min-width: 31.25%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='5'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='5'] {
  max-width: 31.25%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='6'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='6'] {
  width: 37.5%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='6'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='6'] {
  left: 37.5%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='6'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='6'] {
  min-width: 37.5%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='6'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='6'] {
  max-width: 37.5%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='7'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='7'] {
  width: 43.75%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='7'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='7'] {
  left: 43.75%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='7'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='7'] {
  min-width: 43.75%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='7'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='7'] {
  max-width: 43.75%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='8'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='8'] {
  width: 50%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='8'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='8'] {
  left: 50%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='8'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='8'] {
  min-width: 50%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='8'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='8'] {
  max-width: 50%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='9'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='9'] {
  width: 56.25%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='9'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='9'] {
  left: 56.25%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='9'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='9'] {
  min-width: 56.25%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='9'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='9'] {
  max-width: 56.25%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='10'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='10'] {
  width: 62.5%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='10'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='10'] {
  left: 62.5%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='10'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='10'] {
  min-width: 62.5%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='10'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='10'] {
  max-width: 62.5%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='11'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='11'] {
  width: 68.75%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='11'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='11'] {
  left: 68.75%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='11'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='11'] {
  min-width: 68.75%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='11'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='11'] {
  max-width: 68.75%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='12'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='12'] {
  width: 75%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='12'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='12'] {
  left: 75%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='12'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='12'] {
  min-width: 75%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='12'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='12'] {
  max-width: 75%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='13'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='13'] {
  width: 81.25%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='13'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='13'] {
  left: 81.25%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='13'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='13'] {
  min-width: 81.25%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='13'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='13'] {
  max-width: 81.25%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='14'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='14'] {
  width: 87.5%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='14'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='14'] {
  left: 87.5%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='14'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='14'] {
  min-width: 87.5%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='14'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='14'] {
  max-width: 87.5%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='15'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='15'] {
  width: 93.75%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='15'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='15'] {
  left: 93.75%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='15'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='15'] {
  min-width: 93.75%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='15'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='15'] {
  max-width: 93.75%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='16'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-width='16'] {
  width: 100%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='16'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-x='16'] {
  left: 100%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='16'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-min-width='16'] {
  min-width: 100%;
}
.graphs-app .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='16'],
.restock-modal-container .grid-stack.grid-stack-16 > .grid-stack-item[data-gs-max-width='16'] {
  max-width: 100%;
}
.graphs-app .grid-stack.grid-stack-animate,
.restock-modal-container .grid-stack.grid-stack-animate,
.graphs-app .grid-stack.grid-stack-animate .grid-stack-item,
.restock-modal-container .grid-stack.grid-stack-animate .grid-stack-item {
  -webkit-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
  -moz-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
  -o-transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
  transition: left 0.3s, top 0.3s, height 0.3s, width 0.3s;
}
.graphs-app .grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging,
.restock-modal-container .grid-stack.grid-stack-animate .grid-stack-item.ui-draggable-dragging,
.graphs-app .grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing,
.restock-modal-container .grid-stack.grid-stack-animate .grid-stack-item.ui-resizable-resizing,
.graphs-app .grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder,
.restock-modal-container .grid-stack.grid-stack-animate .grid-stack-item.grid-stack-placeholder {
  -webkit-transition: left 0s, top 0s, height 0s, width 0s;
  -moz-transition: left 0s, top 0s, height 0s, width 0s;
  -o-transition: left 0s, top 0s, height 0s, width 0s;
  transition: left 0s, top 0s, height 0s, width 0s;
}
.graphs-app .grid-stack.grid-stack-one-column-mode,
.restock-modal-container .grid-stack.grid-stack-one-column-mode {
  height: auto !important;
}
.graphs-app .grid-stack.grid-stack-one-column-mode > .grid-stack-item,
.restock-modal-container .grid-stack.grid-stack-one-column-mode > .grid-stack-item {
  position: relative !important;
  width: auto !important;
  left: 0 !important;
  top: auto !important;
  margin-bottom: 20px;
  max-width: none !important;
  -ms-touch-action: initial !important;
  touch-action: initial !important;
}
.graphs-app .grid-stack.grid-stack-one-column-mode > .grid-stack-item > .ui-resizable-handle,
.restock-modal-container .grid-stack.grid-stack-one-column-mode > .grid-stack-item > .ui-resizable-handle {
  display: none;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content {
  text-align: left;
  transition: all ease var(--dashboard-transition-delay);
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content .grid-stack-header,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content .grid-stack-header {
  font-size: 1.1em;
  padding: 8px 12px;
  margin-top: 5px;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content .grid-stack-header:first-child,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content .grid-stack-header:first-child {
  border-top: 0;
  margin: 0;
  color: var(--text-color);
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data {
  height: calc(100% - 33px);
  padding: 0 var(--dashlet-horizontal-padding);
  transition: all ease var(--dashboard-transition-delay);
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .dashlet-content,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .dashlet-content,
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .dashlet-content > .grid-stack-data,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .dashlet-content > .grid-stack-data {
  width: 100%;
  height: 100%;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .cell,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .cell {
  float: left;
  padding: 0 5px 5px 5px;
  width: 30%;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .cell > .label,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .cell > .label {
  display: block;
  padding: 0;
  color: #eeeeee;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .cell > .value,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .cell > .value {
  display: block;
  padding: 0;
  font-weight: bold;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .dashlet-notification,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .dashlet-notification {
  position: absolute;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  text-align: center;
  padding: 0.5em 1em;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .dashlet-notification .fa:first-child,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .dashlet-notification .fa:first-child {
  margin-right: 0.5em;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data.loading,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data.loading {
  opacity: 0.5;
  position: relative;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data.loading *,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data.loading * {
  pointer-events: none;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data.loading:before,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data.loading:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1ce";
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
  font-size: 60px;
  position: absolute;
  top: 10px;
  left: calc(50% - 30px);
  z-index: 2;
  color: var(--text-color);
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data.noPermissions:before,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data.noPermissions:before {
  content: 'You have no permissions to view this Dashlet';
  margin: 5px;
  display: block;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data.noPermissions *,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data.noPermissions * {
  display: none;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .no-data,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .no-data {
  clear: both;
  height: 100px;
  padding: 10px 10px 0;
  text-align: center;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .fast-change-intervals button.button-active,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .fast-change-intervals button.button-active {
  color: var(--text-color);
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .fast-change-intervals .button-dropdown-container,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .fast-change-intervals .button-dropdown-container {
  box-shadow: 0 0 10px 0 var(--popup-box-shadow);
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .fast-change-intervals .button-dropdown-container.button-dropdown-active,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .fast-change-intervals .button-dropdown-container.button-dropdown-active,
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .fast-change-intervals .button-dropdown-container.button-dropdown-hovered,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .fast-change-intervals .button-dropdown-container.button-dropdown-hovered {
  padding: 0;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .fast-change-intervals .button-dropdown-container > .content-container,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .fast-change-intervals .button-dropdown-container > .content-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  overflow-y: auto;
  overflow-x: hidden;
  font-size: 0.9rem;
  padding: 0;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .fast-change-intervals .button-dropdown-container > .content-container .interval-row,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .fast-change-intervals .button-dropdown-container > .content-container .interval-row {
  display: flex;
  flex-direction: column;
  padding: 0;
  width: 200px;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .fast-change-intervals .button-dropdown-container > .content-container td:not(:first-child),
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .fast-change-intervals .button-dropdown-container > .content-container td:not(:first-child) {
  font-size: 8pt;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .fast-change-intervals .button-dropdown-container > .content-container .interval,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .fast-change-intervals .button-dropdown-container > .content-container .interval {
  cursor: pointer;
  padding: 9px 19px;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .fast-change-intervals .button-dropdown-container > .content-container .interval.active,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .fast-change-intervals .button-dropdown-container > .content-container .interval.active {
  background-color: var(--select-selected);
  color: var(--text-inv-color);
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .fast-change-intervals .button-dropdown-container > .content-container .interval:hover,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .fast-change-intervals .button-dropdown-container > .content-container .interval:hover {
  background-color: var(--button-hover-background);
  color: var(--text-color);
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .bottom,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .bottom {
  padding: 0 5px;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .bottom .dateRange,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .bottom .dateRange {
  clear: both;
  display: none;
  white-space: nowrap;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .bottom .hovered,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .bottom .hovered {
  position: relative;
  overflow: hidden;
  white-space: nowrap;
  color: var(--text-color);
  height: 38px;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .bottom .hovered .fast-change-intervals td:not(:first-child),
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .bottom .hovered .fast-change-intervals td:not(:first-child) {
  font-size: 8pt;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .bottom .hovered .fast-change-intervals .interval,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .bottom .hovered .fast-change-intervals .interval {
  opacity: 0.8;
  cursor: pointer;
  padding: 0 1px 0 2px;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .bottom .hovered .fast-change-intervals .interval:hover,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .bottom .hovered .fast-change-intervals .interval:hover {
  opacity: 1;
  text-decoration: underline;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .bottom .hovered .fast-change-intervals .interval.active,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .bottom .hovered .fast-change-intervals .interval.active {
  opacity: 1;
  text-decoration: underline;
  font-weight: bold;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .bottom .hovered .row:not(:first-child),
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data .bottom .hovered .row:not(:first-child) {
  position: absolute;
  top: 15px;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content.filters,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content.filters {
  color: var(--text-color);
  padding: 10px;
}
.graphs-app .grid-stack .grid-stack-item .grid-stack-item-clear .grid-stack-header:first-child,
.restock-modal-container .grid-stack .grid-stack-item .grid-stack-item-clear .grid-stack-header:first-child {
  border-bottom: 0;
}
.graphs-app .grid-stack .grid-stack-item .grid-stack-item-clear .grid-stack-data .cell > .label,
.restock-modal-container .grid-stack .grid-stack-item .grid-stack-item-clear .grid-stack-data .cell > .label {
  color: var(--text-color);
}
.graphs-app .grid-stack .grid-stack-item .grid-stack-item-full .grid-stack-data.loading:before,
.restock-modal-container .grid-stack .grid-stack-item .grid-stack-item-full .grid-stack-data.loading:before {
  color: silver;
}
.graphs-app .grid-stack .grid-stack-item,
.restock-modal-container .grid-stack .grid-stack-item {
  /* header menu */
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content .grid-stack-header,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content .grid-stack-header {
  display: flex;
  justify-content: flex-end;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content .grid-stack-header .hoverHeaderIcon,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content .grid-stack-header .hoverHeaderIcon {
  display: none;
  cursor: pointer;
  opacity: 0.75;
  font-size: 16px;
  padding: 0 5px;
  align-self: center;
  font-size: 20px;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content .grid-stack-header .hoverHeaderIcon.loading > i,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content .grid-stack-header .hoverHeaderIcon.loading > i {
  opacity: 0.5;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content .grid-stack-header .hoverHeaderIcon.loading *,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content .grid-stack-header .hoverHeaderIcon.loading * {
  pointer-events: none;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content .grid-stack-header .hoverHeaderIcon:hover,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content .grid-stack-header .hoverHeaderIcon:hover {
  opacity: 1;
  display: inline-block;
  color: var(--href-hover-color);
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content .grid-stack-header .menu,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content .grid-stack-header .menu {
  padding: 0 var(--dashlet-menu-padding);
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content .grid-stack-header .title,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content .grid-stack-header .title {
  font-family: 'Neue Helvetica', sans-serif;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 22px;
  display: block;
  overflow: hidden;
  color: var(--text-color);
  flex-basis: 100%;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content .grid-stack-header:first-child,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content .grid-stack-header:first-child {
  padding: 0;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content .grid-stack-header:first-child .title,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content .grid-stack-header:first-child .title {
  margin-right: 42px;
  cursor: move;
  padding: 5px 22px;
}
.graphs-app .grid-stack .grid-stack-item > .grid-stack-item-content:hover > .grid-stack-header .hoverHeaderIcon,
.restock-modal-container .grid-stack .grid-stack-item > .grid-stack-item-content:hover > .grid-stack-header .hoverHeaderIcon {
  display: inline-block;
}
.graphs-app .grid-stack .grid-stack-item.noPermissions > .grid-stack-item-content > .grid-stack-header .reload,
.restock-modal-container .grid-stack .grid-stack-item.noPermissions > .grid-stack-item-content > .grid-stack-header .reload {
  right: 8px;
}
.graphs-app .grid-stack .grid-stack-item.noPermissions > .grid-stack-item-content:hover > .grid-stack-header:first-child .title,
.restock-modal-container .grid-stack .grid-stack-item.noPermissions > .grid-stack-item-content:hover > .grid-stack-header:first-child .title {
  cursor: auto;
}
.graphs-app .grid-stack .grid-stack-item > .boxMenu,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu {
  display: none;
  list-style: none;
  position: absolute;
  right: 12px;
  top: 2px;
  width: 220px;
  z-index: 100;
  margin: 0;
  box-shadow: 0 0 22px var(--popup-box-shadow);
  pointer-events: auto;
  padding: 9px;
  border-radius: var(--border-radius-large);
  background: var(--background-color);
}
.graphs-app .grid-stack .grid-stack-item > .boxMenu li,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li {
  display: block;
  color: var(--text-color-secondary);
  padding: 7px 10px;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 11px;
}
.graphs-app .grid-stack .grid-stack-item > .boxMenu li.nocursor,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li.nocursor {
  cursor: auto;
  text-align: left;
}
.graphs-app .grid-stack .grid-stack-item > .boxMenu li:hover,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li:hover {
  color: var(--href-hover-color);
}
.graphs-app .grid-stack .grid-stack-item > .boxMenu li i,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li i {
  font-size: 16px;
  float: left;
  margin-right: 10px;
  color: var(--tertiary-color);
  margin-top: -2px;
  font-weight: 900;
}
.graphs-app .grid-stack .grid-stack-item > .boxMenu li .color,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li .color {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid grey;
  margin: 1px;
  cursor: pointer;
  border-radius: 100%;
}
.graphs-app .grid-stack .grid-stack-item > .boxMenu li .color.themed,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li .color.themed {
  background: var(--graph-line-color-themed);
}
.graphs-app .grid-stack .grid-stack-item > .boxMenu li .color.themed:after,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li .color.themed:after {
  content: "T";
  position: absolute;
  font-weight: bold;
  color: white;
  left: 50%;
  transform: translate(-45%);
}
.graphs-app .grid-stack .grid-stack-item > .boxMenu li .color.red,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li .color.red {
  background: var(--graph-line-color-red);
}
.graphs-app .grid-stack .grid-stack-item > .boxMenu li .color.orange,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li .color.orange {
  background: var(--graph-line-color-orange);
}
.graphs-app .grid-stack .grid-stack-item > .boxMenu li .color.yellow,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li .color.yellow {
  background: var(--graph-line-color-yellow);
}
.graphs-app .grid-stack .grid-stack-item > .boxMenu li .color.green,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li .color.green {
  background: var(--graph-line-color-green);
}
.graphs-app .grid-stack .grid-stack-item > .boxMenu li .color.blue,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li .color.blue {
  background: var(--graph-line-color-blue);
}
.graphs-app .grid-stack .grid-stack-item > .boxMenu li .color.violet,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li .color.violet {
  background: var(--graph-line-color-violet);
}
.graphs-app .grid-stack .grid-stack-item > .boxMenu li .color.magenta,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li .color.magenta {
  background: var(--graph-line-color-magenta);
}
.graphs-app .grid-stack .grid-stack-item > .boxMenu li .color.pink,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li .color.pink {
  background: var(--graph-line-color-pink);
}
.graphs-app .grid-stack .grid-stack-item > .boxMenu li .color.grey,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li .color.grey {
  background: var(--graph-line-color-grey);
}
.graphs-app .grid-stack .grid-stack-item > .boxMenu li .color:hover,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li .color:hover {
  border: 1px solid white;
}
.graphs-app .grid-stack .grid-stack-item > .boxMenu li .color.active,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li .color.active {
  border: 2px solid black;
}
.graphs-app .grid-stack .grid-stack-item > .boxMenu li .style,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li .style {
  display: inline-block;
  margin: 1px 10px;
  font-weight: normal;
  cursor: pointer;
}
.graphs-app .grid-stack .grid-stack-item > .boxMenu li .style:hover,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li .style:hover {
  color: grey;
}
.graphs-app .grid-stack .grid-stack-item > .boxMenu li .style.active,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li .style.active {
  font-weight: bold;
}
.graphs-app .grid-stack .grid-stack-item-full-blue,
.restock-modal-container .grid-stack .grid-stack-item-full-blue,
.graphs-app .restock-modal-container .grid-stack-item-full-blue,
.restock-modal-container .restock-modal-container .grid-stack-item-full-blue,
.graphs-app .grid-stack .grid-stack-item-clear-blue .grid-stack-header:first-child,
.restock-modal-container .grid-stack .grid-stack-item-clear-blue .grid-stack-header:first-child,
.graphs-app .restock-modal-container .grid-stack-item-clear-blue .grid-stack-header:first-child,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-blue .grid-stack-header:first-child,
.graphs-app .grid-stack .grid-stack-item > .boxMenu li .color-blue,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li .color-blue,
.graphs-app .restock-modal-container .grid-stack-item > .boxMenu li .color-blue,
.restock-modal-container .restock-modal-container .grid-stack-item > .boxMenu li .color-blue {
  background: var(--background-color);
  background: linear-gradient(to bottom, var(--background-color) 0%, var(--background-color) 100%);
}
.graphs-app .grid-stack .grid-stack-item-full-red,
.restock-modal-container .grid-stack .grid-stack-item-full-red,
.graphs-app .restock-modal-container .grid-stack-item-full-red,
.restock-modal-container .restock-modal-container .grid-stack-item-full-red,
.graphs-app .grid-stack .grid-stack-item-clear-red .grid-stack-header:first-child,
.restock-modal-container .grid-stack .grid-stack-item-clear-red .grid-stack-header:first-child,
.graphs-app .restock-modal-container .grid-stack-item-clear-red .grid-stack-header:first-child,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-red .grid-stack-header:first-child,
.graphs-app .grid-stack .grid-stack-item > .boxMenu li .color-red,
.restock-modal-container .grid-stack .grid-stack-item > .boxMenu li .color-red,
.graphs-app .restock-modal-container .grid-stack-item > .boxMenu li .color-red,
.restock-modal-container .restock-modal-container .grid-stack-item > .boxMenu li .color-red {
  background: var(--background-color);
  background: linear-gradient(to bottom, var(--background-color) 0%, var(--background-color) 100%);
}
.graphs-app .grid-stack .grid-stack-item-clear-blue,
.restock-modal-container .grid-stack .grid-stack-item-clear-blue,
.graphs-app .restock-modal-container .grid-stack-item-clear-blue,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-blue,
.graphs-app .grid-stack .grid-stack-item-clear-red,
.restock-modal-container .grid-stack .grid-stack-item-clear-red,
.graphs-app .restock-modal-container .grid-stack-item-clear-red,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-red,
.graphs-app .grid-stack .grid-stack-item-clear-green,
.restock-modal-container .grid-stack .grid-stack-item-clear-green,
.graphs-app .restock-modal-container .grid-stack-item-clear-green,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-green,
.graphs-app .grid-stack .grid-stack-item-clear-yellow,
.restock-modal-container .grid-stack .grid-stack-item-clear-yellow,
.graphs-app .restock-modal-container .grid-stack-item-clear-yellow,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-yellow,
.graphs-app .grid-stack .grid-stack-item-clear-lightYellow,
.restock-modal-container .grid-stack .grid-stack-item-clear-lightYellow,
.graphs-app .restock-modal-container .grid-stack-item-clear-lightYellow,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-lightYellow,
.graphs-app .grid-stack .grid-stack-item-clear-orange,
.restock-modal-container .grid-stack .grid-stack-item-clear-orange,
.graphs-app .restock-modal-container .grid-stack-item-clear-orange,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-orange,
.graphs-app .grid-stack .grid-stack-item-clear-pink,
.restock-modal-container .grid-stack .grid-stack-item-clear-pink,
.graphs-app .restock-modal-container .grid-stack-item-clear-pink,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-pink,
.graphs-app .grid-stack .grid-stack-item-clear-violet,
.restock-modal-container .grid-stack .grid-stack-item-clear-violet,
.graphs-app .restock-modal-container .grid-stack-item-clear-violet,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-violet,
.graphs-app .grid-stack .grid-stack-item-clear-magenta,
.restock-modal-container .grid-stack .grid-stack-item-clear-magenta,
.graphs-app .restock-modal-container .grid-stack-item-clear-magenta,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-magenta,
.graphs-app .grid-stack .grid-stack-item-clear-grey,
.restock-modal-container .grid-stack .grid-stack-item-clear-grey,
.graphs-app .restock-modal-container .grid-stack-item-clear-grey,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-grey {
  background: var(--background-color);
}
.graphs-app .grid-stack .grid-stack-item-clear-blue .grid-stack-data,
.restock-modal-container .grid-stack .grid-stack-item-clear-blue .grid-stack-data,
.graphs-app .restock-modal-container .grid-stack-item-clear-blue .grid-stack-data,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-blue .grid-stack-data,
.graphs-app .grid-stack .grid-stack-item-clear-red .grid-stack-data,
.restock-modal-container .grid-stack .grid-stack-item-clear-red .grid-stack-data,
.graphs-app .restock-modal-container .grid-stack-item-clear-red .grid-stack-data,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-red .grid-stack-data,
.graphs-app .grid-stack .grid-stack-item-clear-green .grid-stack-data,
.restock-modal-container .grid-stack .grid-stack-item-clear-green .grid-stack-data,
.graphs-app .restock-modal-container .grid-stack-item-clear-green .grid-stack-data,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-green .grid-stack-data,
.graphs-app .grid-stack .grid-stack-item-clear-yellow .grid-stack-data,
.restock-modal-container .grid-stack .grid-stack-item-clear-yellow .grid-stack-data,
.graphs-app .restock-modal-container .grid-stack-item-clear-yellow .grid-stack-data,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-yellow .grid-stack-data,
.graphs-app .grid-stack .grid-stack-item-clear-lightYellow .grid-stack-data,
.restock-modal-container .grid-stack .grid-stack-item-clear-lightYellow .grid-stack-data,
.graphs-app .restock-modal-container .grid-stack-item-clear-lightYellow .grid-stack-data,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-lightYellow .grid-stack-data,
.graphs-app .grid-stack .grid-stack-item-clear-orange .grid-stack-data,
.restock-modal-container .grid-stack .grid-stack-item-clear-orange .grid-stack-data,
.graphs-app .restock-modal-container .grid-stack-item-clear-orange .grid-stack-data,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-orange .grid-stack-data,
.graphs-app .grid-stack .grid-stack-item-clear-pink .grid-stack-data,
.restock-modal-container .grid-stack .grid-stack-item-clear-pink .grid-stack-data,
.graphs-app .restock-modal-container .grid-stack-item-clear-pink .grid-stack-data,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-pink .grid-stack-data,
.graphs-app .grid-stack .grid-stack-item-clear-magenta .grid-stack-data,
.restock-modal-container .grid-stack .grid-stack-item-clear-magenta .grid-stack-data,
.graphs-app .restock-modal-container .grid-stack-item-clear-magenta .grid-stack-data,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-magenta .grid-stack-data,
.graphs-app .grid-stack .grid-stack-item-clear-violet .grid-stack-data,
.restock-modal-container .grid-stack .grid-stack-item-clear-violet .grid-stack-data,
.graphs-app .restock-modal-container .grid-stack-item-clear-violet .grid-stack-data,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-violet .grid-stack-data,
.graphs-app .grid-stack .grid-stack-item-clear-grey .grid-stack-data,
.restock-modal-container .grid-stack .grid-stack-item-clear-grey .grid-stack-data,
.graphs-app .restock-modal-container .grid-stack-item-clear-grey .grid-stack-data,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-grey .grid-stack-data {
  color: var(--text-color);
}
.graphs-app .grid-stack .grid-stack-item-clear-blue .grid-stack-data > div,
.restock-modal-container .grid-stack .grid-stack-item-clear-blue .grid-stack-data > div,
.graphs-app .restock-modal-container .grid-stack-item-clear-blue .grid-stack-data > div,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-blue .grid-stack-data > div,
.graphs-app .grid-stack .grid-stack-item-clear-red .grid-stack-data > div,
.restock-modal-container .grid-stack .grid-stack-item-clear-red .grid-stack-data > div,
.graphs-app .restock-modal-container .grid-stack-item-clear-red .grid-stack-data > div,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-red .grid-stack-data > div,
.graphs-app .grid-stack .grid-stack-item-clear-green .grid-stack-data > div,
.restock-modal-container .grid-stack .grid-stack-item-clear-green .grid-stack-data > div,
.graphs-app .restock-modal-container .grid-stack-item-clear-green .grid-stack-data > div,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-green .grid-stack-data > div,
.graphs-app .grid-stack .grid-stack-item-clear-yellow .grid-stack-data > div,
.restock-modal-container .grid-stack .grid-stack-item-clear-yellow .grid-stack-data > div,
.graphs-app .restock-modal-container .grid-stack-item-clear-yellow .grid-stack-data > div,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-yellow .grid-stack-data > div,
.graphs-app .grid-stack .grid-stack-item-clear-lightYellow .grid-stack-data > div,
.restock-modal-container .grid-stack .grid-stack-item-clear-lightYellow .grid-stack-data > div,
.graphs-app .restock-modal-container .grid-stack-item-clear-lightYellow .grid-stack-data > div,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-lightYellow .grid-stack-data > div,
.graphs-app .grid-stack .grid-stack-item-clear-orange .grid-stack-data > div,
.restock-modal-container .grid-stack .grid-stack-item-clear-orange .grid-stack-data > div,
.graphs-app .restock-modal-container .grid-stack-item-clear-orange .grid-stack-data > div,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-orange .grid-stack-data > div,
.graphs-app .grid-stack .grid-stack-item-clear-pink .grid-stack-data > div,
.restock-modal-container .grid-stack .grid-stack-item-clear-pink .grid-stack-data > div,
.graphs-app .restock-modal-container .grid-stack-item-clear-pink .grid-stack-data > div,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-pink .grid-stack-data > div,
.graphs-app .grid-stack .grid-stack-item-clear-magenta .grid-stack-data > div,
.restock-modal-container .grid-stack .grid-stack-item-clear-magenta .grid-stack-data > div,
.graphs-app .restock-modal-container .grid-stack-item-clear-magenta .grid-stack-data > div,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-magenta .grid-stack-data > div,
.graphs-app .grid-stack .grid-stack-item-clear-violet .grid-stack-data > div,
.restock-modal-container .grid-stack .grid-stack-item-clear-violet .grid-stack-data > div,
.graphs-app .restock-modal-container .grid-stack-item-clear-violet .grid-stack-data > div,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-violet .grid-stack-data > div,
.graphs-app .grid-stack .grid-stack-item-clear-grey .grid-stack-data > div,
.restock-modal-container .grid-stack .grid-stack-item-clear-grey .grid-stack-data > div,
.graphs-app .restock-modal-container .grid-stack-item-clear-grey .grid-stack-data > div,
.restock-modal-container .restock-modal-container .grid-stack-item-clear-grey .grid-stack-data > div {
  border: 1px solid var(--box-border);
  border-radius: var(--border-radius-large);
}
.graphs-app .grid-stack .grid-stack-item-full .grid-stack-header,
.restock-modal-container .grid-stack .grid-stack-item-full .grid-stack-header,
.graphs-app .restock-modal-container .grid-stack-item-full .grid-stack-header,
.restock-modal-container .restock-modal-container .grid-stack-item-full .grid-stack-header {
  color: white;
}
.dashboard-select-container {
  width: 100%;
  max-width: fit-content;
  display: flex;
  justify-content: right;
  align-items: center;
}
.dashboard-select-container div:nth-last-of-type(-n+3) button {
  margin-right: 0;
}
.dashboard-select-container .dashboard-select__control,
.dashboard-select-container .edit-dashboard-input {
  width: calc(100vw - 530px);
  max-width: 270px;
  height: var(--select-height);
  font-weight: 600;
  background: var(--input-background);
  color: var(--input-color-two);
  border: 1px solid var(--input-border);
}
.dashboard-select-container .dashboard-select__control > div,
.dashboard-select-container .edit-dashboard-input > div {
  color: var(--input-color-two);
}
.dashboard-select-container .dashboard-select__control > div > div,
.dashboard-select-container .edit-dashboard-input > div > div {
  color: var(--input-color-two);
}
.dashboard-select-container .dashboard-reload {
  font-size: 16px;
  color: #999;
}
.dashboard-select-container .dashboard-reload:hover {
  color: #666;
  cursor: pointer;
}
.dashboard-select-container .dashboard-plus {
  margin: 0;
}
.graphs-app select,
.dashboard-select {
  display: block;
  border: 1px solid var(--border-color);
  border-radius: 0;
  padding: 5px;
  outline: none;
  height: 50px;
}
@media (max-width: 650px) {
  .graphs-app .dashboard-header-container {
    flex-direction: column;
    justify-content: center;
    padding: 0;
  }
  .graphs-app .dashboard-header-container .page-header {
    padding-left: 0;
    padding-right: 0;
  }
  .graphs-app .dashboard-header-container .dashboard-select__control {
    width: 500px;
  }
}
@media (max-width: 450px) {
  .graphs-app .dashboard-header-container .dashboard-select__control {
    width: 245px;
  }
}
.dashlet-header {
  padding-bottom: 10px;
  font-size: 22px;
}
body.mobile .dashboard-select-container > button:first-child {
  display: none;
}
body.mobile .graphs-app .dashboardWrapper,
body.mobile .restock-modal-container .dashboardWrapper {
  width: calc(100% + 40px);
  margin-left: -20px;
}
body.mobile .page-header {
  display: none;
}
body.mobile .grid-stack .grid-stack-item > .grid-stack-item-content > .grid-stack-data {
  padding: 0 13px;
}
.dashboardAddForm {
  text-align: center;
}
.dashboardAddForm .loading-progress {
  padding: 10px;
  margin: 10px;
  display: block;
}
.dashboardAddForm input[type="text"] {
  width: 250px;
  margin-top: 0px;
}
.dashboardAddForm .list {
  display: flex;
}
.dashboardAddForm .list label {
  text-align: center;
  width: calc(50% - 80px);
  padding: 10px;
  margin: 0px 40px;
  cursor: pointer;
}
.dashboardAddForm .list label span {
  display: block;
  font-size: 18px;
  margin-bottom: 5px;
}
.dashboardAddForm .list label input[type="radio"] {
  display: none;
}
.dashboardAddForm .list label input[type="radio"]:checked + span {
  color: var(--secondary-color);
  font-size: 18px;
}
.dashboardAddForm .list label input[type="radio"]:checked + span + img {
  border: 2px solid var(--secondary-color);
}
.dashboardAddForm .list label img {
  width: 280px;
  height: 130px;
  border: 2px solid var(--button-background);
  border-radius: 7px;
}
.dashboardAddForm .skuselectoer {
  height: calc(73vh - 325px);
  width: 95%;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0 auto;
}
.popup-menu {
  background-color: var(--background-color);
  border: 1px solid var(--border-color);
  border-radius: 5px;
  z-index: 100;
  box-shadow: 0 0 22px var(--popup-box-shadow);
}
.popup-menu .menu-item {
  padding: 5px;
  transition: 100ms ease-in background-color;
  position: relative;
}
.popup-menu .menu-item:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.popup-menu .menu-item:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.popup-menu .menu-item strong {
  display: block;
}
.popup-menu .menu-item .optionActiveIcon {
  display: none;
  position: absolute;
  right: 5px;
  top: 8px;
  color: #88e792;
}
.popup-menu .menu-item:hover {
  background-color: var(--background-color);
  cursor: pointer;
}
.popup-menu .menu-item:hover .optionActiveIcon {
  color: silver;
  display: block;
}
.popup-menu .menu-item.optionActive {
  background-color: #529756;
}
.popup-menu .menu-item.optionActive .optionActiveIcon {
  display: inline-block;
}
.popup-menu .menu-item.optionActive:hover {
  background-color: #7ba57b;
}
.popup-menu .menu-item.optionActive:hover .optionActiveIcon {
  color: #88e792;
}
#skuSelectorContainer {
  max-width: none;
  border: 0;
  margin: 0;
}
#skuSelectorContainer > form,
#skuSelectorContainer {
  text-align: left;
}
#skuSelectorContainer > form .form-part,
#skuSelectorContainer .form-part {
  padding: 0;
}
#skuSelectorContainer > form .skuForm,
#skuSelectorContainer .skuForm {
  width: calc(100% / 3 * 2);
  min-width: 617px;
  padding: 20px;
  max-width: 908px;
}
#skuSelectorContainer > form .skuForm .sku-wrapper,
#skuSelectorContainer .skuForm .sku-wrapper {
  width: 100% !important;
}
#skuSelectorContainer > form .skuForm .sku-list-controls,
#skuSelectorContainer .skuForm .sku-list-controls {
  display: flex;
  justify-content: flex-end;
  padding-top: 15px;
}
#skuSelectorContainer > form .skuForm .sku-list-controls .gridActionButton > *,
#skuSelectorContainer .skuForm .sku-list-controls .gridActionButton > * {
  vertical-align: middle;
}
#skuSelectorContainer > form .skuForm .sku-list-controls .gridActionButton > span,
#skuSelectorContainer .skuForm .sku-list-controls .gridActionButton > span {
  margin-left: 5px;
}
#skuSelectorContainer > form .skuForm .sku-list,
#skuSelectorContainer .skuForm .sku-list {
  border: 1px solid var(--border-color);
}
#skuSelectorContainer > form .skuForm .form-part-header,
#skuSelectorContainer .skuForm .form-part-header {
  text-align: center !important;
  border: 0 !important;
}
#skuSelectorContainer > form .skuForm .sku-selection,
#skuSelectorContainer .skuForm .sku-selection {
  max-height: 495px !important;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
#skuSelectorContainer > form .skuForm .sku-search,
#skuSelectorContainer .skuForm .sku-search {
  max-width: 45%;
  width: 45%;
  min-width: 420px;
}
#skuSelectorContainer > form .skuForm .form-buttons,
#skuSelectorContainer .skuForm .form-buttons {
  display: flex;
  justify-content: flex-end;
  padding-top: 10px;
  text-align: center;
  margin-top: 10px;
  flex-basis: 100%;
  border: 0 !important;
}
#skuSelectorContainer > form .skuForm .form-buttons hr,
#skuSelectorContainer .skuForm .form-buttons hr {
  visibility: hidden;
}
#skuSelectorContainer > form .skuForm .form-buttons > div,
#skuSelectorContainer .skuForm .form-buttons > div {
  display: flex;
  flex-direction: row;
  width: min-content;
  justify-content: flex-end;
  flex-wrap: wrap;
}
#skuSelectorContainer > form .skuForm .form-buttons > div > :nth-child(1),
#skuSelectorContainer .skuForm .form-buttons > div > :nth-child(1) {
  order: 2;
  -webkit-order: 2;
}
#skuSelectorContainer > form .skuForm .form-buttons > div > :nth-child(2),
#skuSelectorContainer .skuForm .form-buttons > div > :nth-child(2) {
  order: 1;
  -webkit-order: 1;
  margin-top: 10px;
}
#skuSelectorContainer > form .skuForm .form-buttons > div > :nth-child(4),
#skuSelectorContainer .skuForm .form-buttons > div > :nth-child(4) {
  order: 3;
  -webkit-order: 3;
}
#skuSelectorContainer > form .skuSettings,
#skuSelectorContainer .skuSettings {
  width: calc(100% / 3);
  max-width: 357px;
  margin-right: 35px;
  min-width: min-content;
  padding: 15px;
}
#skuSelectorContainer > form .skuSettings > p,
#skuSelectorContainer .skuSettings > p {
  text-align: left;
  margin: 0;
}
#skuSelectorContainer > form .skuSettings td,
#skuSelectorContainer .skuSettings td {
  width: 38% !important;
}
#skuSelectorContainer > form .skuSettings #refundMode_chosen,
#skuSelectorContainer .skuSettings #refundMode_chosen {
  width: 188px !important;
}
#skuSelectorContainer > form .skuSettings .form-header,
#skuSelectorContainer .skuSettings .form-header {
  text-align: left !important;
}
#skuSelectorContainer > form .skuSettings .form-header > p,
#skuSelectorContainer .skuSettings .form-header > p {
  margin: 0;
}
#skuSelectorContainer > form .skuSettings .form-part-heading,
#skuSelectorContainer .skuSettings .form-part-heading,
#skuSelectorContainer > form .skuSettings .form-part-header,
#skuSelectorContainer .skuSettings .form-part-header {
  font-size: 16px;
  font-weight: 600;
  padding: 10px 0 5px;
  border-bottom: 1px solid var(--border-color);
  margin-bottom: 5px;
}
#skuSelectorContainer > form .skuSettings .entryTableCaption,
#skuSelectorContainer .skuSettings .entryTableCaption {
  text-align: left;
  width: 41% !important;
}
#skuSelectorContainer > form .skuSettings #mode_chosen,
#skuSelectorContainer .skuSettings #mode_chosen {
  width: 188px !important;
}
#skuSelectorContainer > form .skuSettings table,
#skuSelectorContainer .skuSettings table {
  margin-left: 10px;
}
#skuSelectorContainer > form .skuSettings table td,
#skuSelectorContainer .skuSettings table td {
  text-align: left !important;
}
#skuSelectorContainer > form .skuSettings table #Edit-fromDate,
#skuSelectorContainer .skuSettings table #Edit-fromDate,
#skuSelectorContainer > form .skuSettings table #Edit-toDate,
#skuSelectorContainer .skuSettings table #Edit-toDate {
  width: 100% !important;
}
#skuSelectorContainer > form .skuSettings table:first-child > tbody > tr td:first-child,
#skuSelectorContainer .skuSettings table:first-child > tbody > tr td:first-child {
  width: 30%;
}
#skuSelectorContainer > form .skuSettings label,
#skuSelectorContainer .skuSettings label {
  white-space: nowrap;
  font-size: 15px;
  font-weight: 300;
}
@media (max-width: 1538px) {
  #skuSelectorContainer > form .sku-selection,
  #skuSelectorContainer .sku-selection {
    min-height: 500px !important;
  }
}
@media (max-width: 1290px) {
  #skuSelectorContainer > form,
  #skuSelectorContainer {
    flex-wrap: wrap !important;
    justify-content: center;
  }
  #skuSelectorContainer > form .skuSettings,
  #skuSelectorContainer .skuSettings {
    width: 100%;
    margin-bottom: 20px;
  }
}
.sku-wrapper {
  width: auto;
  display: flex;
  margin: 10px auto;
  background: transparent;
  position: relative;
}
.sku-wrapper * {
  box-sizing: inherit;
}
.sku-wrapper.box {
  border-radius: 5px;
  box-shadow: 2px 3px 6px 0 var(--default-box-shadow);
  padding: 10px;
}
.sku-wrapper .loader,
.sku-wrapper .empty-row {
  position: absolute;
  z-index: 50;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.sku-wrapper .empty-row {
  display: none;
}
.sku-wrapper .loader {
  animation: loadingPulse linear 2s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
}
.sku-wrapper .loader .sku-loading-wait {
  display: none;
}
.sku-wrapper .sku-search,
.sku-wrapper .sku-tags {
  padding-right: 15px;
  width: 100%;
  text-align: left;
}
.sku-wrapper .sku-search.partialLoad,
.sku-wrapper .sku-tags.partialLoad {
  height: 1px;
  visibility: hidden;
  overflow: hidden;
}
@media screen and (min-width:600px) {
  .sku-wrapper .sku-search,
  .sku-wrapper .sku-tags {
    width: 72%;
  }
}
.sku-wrapper .sku-search .sku-selector-search,
.sku-wrapper .sku-tags .sku-selector-search {
  position: relative;
}
.sku-wrapper .sku-search .sku-selector-search .search-menu,
.sku-wrapper .sku-tags .sku-selector-search .search-menu {
  position: absolute;
  left: 5px;
  top: 5px;
  height: 27px;
  width: 25px;
  color: var(--text-color);
  z-index: 19;
  /*&:hover:extend(.basic-button:hover) {

        }*/
}
.sku-wrapper .sku-search .sku-selector-search .search-menu i.search-icon,
.sku-wrapper .sku-tags .sku-selector-search .search-menu i.search-icon {
  margin: 4px 5px 6px 6px;
  color: var(--text-color);
}
.sku-wrapper .sku-search .sku-selector-search .search-menu:hover,
.sku-wrapper .sku-tags .sku-selector-search .search-menu:hover {
  cursor: pointer;
}
.sku-wrapper .sku-search .sku-selector-search .search-menu::after,
.sku-wrapper .sku-tags .sku-selector-search .search-menu::after {
  width: 0;
  height: 0;
  position: absolute;
  display: block;
  bottom: 2px;
  left: 8px;
  content: ' ';
  border-style: solid;
  border-width: 4px 4px 0 4px;
  border-color: var(--text-color) transparent transparent transparent;
}
.sku-wrapper .sku-search .sku-selector-search .search-menu .search-menu-options,
.sku-wrapper .sku-tags .sku-selector-search .search-menu .search-menu-options {
  background-color: var(--background-color);
  border: 1px solid var(--border-color);
  border-radius: 5px;
  z-index: 100;
  box-shadow: 0 0 22px var(--popup-box-shadow);
  display: none;
  color: var(--text-color);
  position: absolute;
  min-width: 150px;
  margin: 1px 0 0 -1px;
  padding: 0;
  list-style-type: none;
  text-transform: none;
  border-radius: var(--border-radius-large);
  overflow: hidden;
}
.sku-wrapper .sku-search .sku-selector-search .search-menu .search-menu-options .menu-item,
.sku-wrapper .sku-tags .sku-selector-search .search-menu .search-menu-options .menu-item {
  padding: 5px;
  transition: 100ms ease-in background-color;
  position: relative;
}
.sku-wrapper .sku-search .sku-selector-search .search-menu .search-menu-options .menu-item:first-child,
.sku-wrapper .sku-tags .sku-selector-search .search-menu .search-menu-options .menu-item:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.sku-wrapper .sku-search .sku-selector-search .search-menu .search-menu-options .menu-item:last-child,
.sku-wrapper .sku-tags .sku-selector-search .search-menu .search-menu-options .menu-item:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.sku-wrapper .sku-search .sku-selector-search .search-menu .search-menu-options .menu-item strong,
.sku-wrapper .sku-tags .sku-selector-search .search-menu .search-menu-options .menu-item strong {
  display: block;
}
.sku-wrapper .sku-search .sku-selector-search .search-menu .search-menu-options .menu-item .optionActiveIcon,
.sku-wrapper .sku-tags .sku-selector-search .search-menu .search-menu-options .menu-item .optionActiveIcon {
  display: none;
  position: absolute;
  right: 5px;
  top: 8px;
  color: #88e792;
}
.sku-wrapper .sku-search .sku-selector-search .search-menu .search-menu-options .menu-item:hover,
.sku-wrapper .sku-tags .sku-selector-search .search-menu .search-menu-options .menu-item:hover {
  background-color: var(--background-color);
  cursor: pointer;
}
.sku-wrapper .sku-search .sku-selector-search .search-menu .search-menu-options .menu-item:hover .optionActiveIcon,
.sku-wrapper .sku-tags .sku-selector-search .search-menu .search-menu-options .menu-item:hover .optionActiveIcon {
  color: silver;
  display: block;
}
.sku-wrapper .sku-search .sku-selector-search .search-menu .search-menu-options .menu-item.optionActive,
.sku-wrapper .sku-tags .sku-selector-search .search-menu .search-menu-options .menu-item.optionActive {
  background-color: #529756;
}
.sku-wrapper .sku-search .sku-selector-search .search-menu .search-menu-options .menu-item.optionActive .optionActiveIcon,
.sku-wrapper .sku-tags .sku-selector-search .search-menu .search-menu-options .menu-item.optionActive .optionActiveIcon {
  display: inline-block;
}
.sku-wrapper .sku-search .sku-selector-search .search-menu .search-menu-options .menu-item.optionActive:hover,
.sku-wrapper .sku-tags .sku-selector-search .search-menu .search-menu-options .menu-item.optionActive:hover {
  background-color: #7ba57b;
}
.sku-wrapper .sku-search .sku-selector-search .search-menu .search-menu-options .menu-item.optionActive:hover .optionActiveIcon,
.sku-wrapper .sku-tags .sku-selector-search .search-menu .search-menu-options .menu-item.optionActive:hover .optionActiveIcon {
  color: #88e792;
}
.sku-wrapper .sku-search .sku-selector-search .search-menu.toggled .search-menu-options,
.sku-wrapper .sku-tags .sku-selector-search .search-menu.toggled .search-menu-options {
  display: block;
}
.sku-wrapper .sku-search .sku-selector-search .search-query,
.sku-wrapper .sku-tags .sku-selector-search .search-query {
  width: 100%;
  padding-left: 33px;
  margin: 0;
}
.sku-wrapper .sku-search .sku-selector-search .regex-stamp,
.sku-wrapper .sku-tags .sku-selector-search .regex-stamp {
  display: none;
  position: absolute;
  left: 30px;
  top: 5px;
  color: var(--text-color);
}
.sku-wrapper .sku-search .sku-selector-search .regex-stamp:hover,
.sku-wrapper .sku-tags .sku-selector-search .regex-stamp:hover {
  cursor: pointer;
}
.sku-wrapper .sku-search .sku-selector-search .search-controls,
.sku-wrapper .sku-tags .sku-selector-search .search-controls {
  position: absolute;
  right: 8px;
  top: 4px;
}
.sku-wrapper .sku-search .sku-selector-search .search-controls .icon,
.sku-wrapper .sku-tags .sku-selector-search .search-controls .icon {
  width: 20px;
  color: var(--text-color);
  display: inline-block;
  font-size: 20px;
  margin-left: 3px;
  vertical-align: top;
}
.sku-wrapper .sku-search .sku-selector-search .search-controls .icon.addRegexToSelection,
.sku-wrapper .sku-tags .sku-selector-search .search-controls .icon.addRegexToSelection {
  display: none;
}
.sku-wrapper .sku-search .sku-selector-search .search-controls .icon.search-cancel,
.sku-wrapper .sku-tags .sku-selector-search .search-controls .icon.search-cancel {
  display: none;
  font-size: 18px;
  position: relative;
  top: 1px;
  left: -3px;
}
.sku-wrapper .sku-search .sku-selector-search .search-controls .icon:hover,
.sku-wrapper .sku-tags .sku-selector-search .search-controls .icon:hover {
  cursor: pointer;
  color: dimgrey;
  animation: blob linear 0.2s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
}
.sku-wrapper .sku-search .sku-selector-search a.search-cancel,
.sku-wrapper .sku-tags .sku-selector-search a.search-cancel {
  display: none;
  color: var(--href-color);
  text-decoration: none;
}
.sku-wrapper .sku-search .sku-selector-search a.search-cancel:hover,
.sku-wrapper .sku-tags .sku-selector-search a.search-cancel:hover {
  color: var(--href-hover-color);
}
.sku-wrapper .sku-search .sku-selector-search.regex .regex-stamp,
.sku-wrapper .sku-tags .sku-selector-search.regex .regex-stamp {
  display: inline-block;
}
.sku-wrapper .sku-search .sku-selector-search.regex .search-query,
.sku-wrapper .sku-tags .sku-selector-search.regex .search-query {
  padding-right: 55px;
}
.sku-wrapper .sku-search .sku-selector-search.regex.regexSKU .search-query,
.sku-wrapper .sku-tags .sku-selector-search.regex.regexSKU .search-query {
  padding-left: 105px;
}
.sku-wrapper .sku-search .sku-selector-search.regex.regexASIN .search-query,
.sku-wrapper .sku-tags .sku-selector-search.regex.regexASIN .search-query {
  padding-left: 110px;
}
.sku-wrapper .sku-search .regexp-error,
.sku-wrapper .sku-tags .regexp-error {
  color: red;
}
.sku-wrapper .sku-search .sku-search-options .sku-search-options-toggle,
.sku-wrapper .sku-tags .sku-search-options .sku-search-options-toggle {
  font-size: 9pt;
  text-transform: uppercase;
  font-weight: 700;
  color: var(--secondary-color);
  text-align: right;
}
.sku-wrapper .sku-search .sku-search-options .sku-search-options-toggle:hover,
.sku-wrapper .sku-tags .sku-search-options .sku-search-options-toggle:hover {
  cursor: pointer;
}
.sku-wrapper .sku-search .sku-search-options .sku-search-options-toggle .show-options,
.sku-wrapper .sku-tags .sku-search-options .sku-search-options-toggle .show-options {
  display: inline-block;
}
.sku-wrapper .sku-search .sku-search-options .sku-search-options-toggle .hide-options,
.sku-wrapper .sku-tags .sku-search-options .sku-search-options-toggle .hide-options {
  display: none;
}
.sku-wrapper .sku-search .sku-search-options .sku-search-options-list,
.sku-wrapper .sku-tags .sku-search-options .sku-search-options-list {
  display: none;
  padding: 5px 10px;
  margin: 0 0 3px;
  border-bottom: 1px solid var(--border-color);
}
.sku-wrapper .sku-search .sku-search-options .sku-search-options-list > *,
.sku-wrapper .sku-tags .sku-search-options .sku-search-options-list > * {
  vertical-align: bottom;
}
.sku-wrapper .sku-search .sku-search-options.toggled .sku-search-options-toggle .show-options,
.sku-wrapper .sku-tags .sku-search-options.toggled .sku-search-options-toggle .show-options {
  display: none;
}
.sku-wrapper .sku-search .sku-search-options.toggled .sku-search-options-toggle .hide-options,
.sku-wrapper .sku-tags .sku-search-options.toggled .sku-search-options-toggle .hide-options {
  display: block;
}
.sku-wrapper .sku-search .sku-search-options.toggled .sku-search-options-list,
.sku-wrapper .sku-tags .sku-search-options.toggled .sku-search-options-list {
  display: block;
}
.sku-wrapper .tagify {
  margin: 5px 0;
  border-radius: 3px;
  border-color: var(--border-color);
}
.sku-wrapper .tagify tag,
.sku-wrapper .tagify div,
.sku-wrapper .tagify .item-tag {
  margin: 3px 0 3px 3px;
  line-height: 1;
}
.sku-wrapper .sku-list {
  position: relative;
}
.sku-wrapper .sku-list,
.sku-wrapper .sku-selection {
  text-align: left;
  overflow-y: auto;
  overflow-x: hidden;
}
.sku-wrapper .sku-list::-webkit-scrollbar,
.sku-wrapper .sku-selection::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  margin-right: 2px;
}
.sku-wrapper .sku-list::-webkit-scrollbar-button,
.sku-wrapper .sku-selection::-webkit-scrollbar-button {
  width: 0;
  height: 0;
}
.sku-wrapper .sku-list::-webkit-scrollbar-thumb,
.sku-wrapper .sku-selection::-webkit-scrollbar-thumb {
  background: #799db2;
  border: 0 none #84a6b9;
  border-radius: 6px;
}
.sku-wrapper .sku-list::-webkit-scrollbar-thumb:hover,
.sku-wrapper .sku-selection::-webkit-scrollbar-thumb:hover {
  background: #84a6b9;
}
.sku-wrapper .sku-list::-webkit-scrollbar-thumb:active,
.sku-wrapper .sku-selection::-webkit-scrollbar-thumb:active {
  background: #799db2;
}
.sku-wrapper .sku-list::-webkit-scrollbar-track,
.sku-wrapper .sku-selection::-webkit-scrollbar-track {
  background: #4f5f78;
  border: 0 none #84a6b9;
  border-radius: 50px;
}
.sku-wrapper .sku-list::-webkit-scrollbar-track:hover,
.sku-wrapper .sku-selection::-webkit-scrollbar-track:hover {
  background: #41516b;
}
.sku-wrapper .sku-list::-webkit-scrollbar-track:active,
.sku-wrapper .sku-selection::-webkit-scrollbar-track:active {
  background: #41516b;
}
.sku-wrapper .sku-list::-webkit-scrollbar-corner,
.sku-wrapper .sku-selection::-webkit-scrollbar-corner {
  background: transparent;
}
.sku-wrapper .sku-list .loadMoreItem .loadMore:hover,
.sku-wrapper .sku-selection .loadMoreItem .loadMore:hover {
  border-color: dodgerblue;
  color: dodgerblue;
  cursor: pointer;
}
.sku-wrapper .sku-list .loadMoreItem:hover,
.sku-wrapper .sku-selection .loadMoreItem:hover {
  color: dodgerblue;
  cursor: pointer;
}
.sku-wrapper .sku-list .loadMoreItem:hover .icon,
.sku-wrapper .sku-selection .loadMoreItem:hover .icon {
  color: dodgerblue;
  cursor: pointer;
}
.sku-wrapper .sku-list ul.tree,
.sku-wrapper .sku-selection ul.tree,
.sku-wrapper .sku-list ul.tree ul,
.sku-wrapper .sku-selection ul.tree ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sku-wrapper .sku-list ul.tree.inlined,
.sku-wrapper .sku-selection ul.tree.inlined {
  display: flex;
  flex: 0 1 30%;
  flex-wrap: wrap;
}
.sku-wrapper .sku-list ul.tree.inlined li,
.sku-wrapper .sku-selection ul.tree.inlined li {
  width: 33%;
  overflow: hidden;
}
.sku-wrapper .sku-list ul.tree.inlined li div.item,
.sku-wrapper .sku-selection ul.tree.inlined li div.item {
  border: none;
}
.sku-wrapper .sku-list ul.tree ul,
.sku-wrapper .sku-selection ul.tree ul {
  margin-left: 21px;
}
.sku-wrapper .sku-list ul.tree li,
.sku-wrapper .sku-selection ul.tree li {
  margin: 0;
  padding: 0;
  vertical-align: middle;
  transition: 100ms ease-in background-color;
}
.sku-wrapper .sku-list ul.tree li.itemSelected,
.sku-wrapper .sku-selection ul.tree li.itemSelected {
  border-left: 4px solid var(--secondary-color);
}
.sku-wrapper .sku-list ul.tree li.itemSelected .item,
.sku-wrapper .sku-selection ul.tree li.itemSelected .item {
  border-left: 4px solid transparent;
}
.sku-wrapper .sku-list ul.tree li.itemSelected .item:hover,
.sku-wrapper .sku-selection ul.tree li.itemSelected .item:hover {
  border-left: 4px solid transparent;
}
.sku-wrapper .sku-list ul.tree li.itemHasNoSKU,
.sku-wrapper .sku-selection ul.tree li.itemHasNoSKU {
  background-color: #fbdada;
}
.sku-wrapper .sku-list ul.tree li.itemHasNoSKU .item:hover,
.sku-wrapper .sku-selection ul.tree li.itemHasNoSKU .item:hover {
  background-color: #ffeaea;
}
.sku-wrapper .sku-list ul.tree li .item,
.sku-wrapper .sku-selection ul.tree li .item {
  border-bottom: 1px solid var(--border-color);
  padding: 3px 5px;
  position: relative;
  transition: 100ms ease-in background-color;
  border-left: 4px solid transparent;
  background: var(--table-background);
}
.sku-wrapper .sku-list ul.tree li .item:hover,
.sku-wrapper .sku-selection ul.tree li .item:hover,
.sku-wrapper .sku-list ul.tree li .item .menu-hovered,
.sku-wrapper .sku-selection ul.tree li .item .menu-hovered {
  cursor: pointer;
  box-shadow: 0 0 20px var(--default-box-shadow);
  border-left: 4px solid var(--tertiary-color);
  background: var(--table-hover-background);
}
.sku-wrapper .sku-list ul.tree li .item:hover .folderToggle,
.sku-wrapper .sku-selection ul.tree li .item:hover .folderToggle,
.sku-wrapper .sku-list ul.tree li .item .menu-hovered .folderToggle,
.sku-wrapper .sku-selection ul.tree li .item .menu-hovered .folderToggle {
  display: inline-block;
}
.sku-wrapper .sku-list ul.tree li .item:hover .itemControls .addToSelection,
.sku-wrapper .sku-selection ul.tree li .item:hover .itemControls .addToSelection,
.sku-wrapper .sku-list ul.tree li .item .menu-hovered .itemControls .addToSelection,
.sku-wrapper .sku-selection ul.tree li .item .menu-hovered .itemControls .addToSelection {
  color: var(--text-color);
  animation: blob linear 0.2s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
}
.treeLoading.sku-wrapper .sku-list ul.tree li .item:hover .itemControls .addToSelection,
.treeLoading.sku-wrapper .sku-selection ul.tree li .item:hover .itemControls .addToSelection,
.treeLoading.sku-wrapper .sku-list ul.tree li .item .menu-hovered .itemControls .addToSelection,
.treeLoading.sku-wrapper .sku-selection ul.tree li .item .menu-hovered .itemControls .addToSelection {
  display: none;
}
.sku-wrapper .sku-list ul.tree li .item .country,
.sku-wrapper .sku-selection ul.tree li .item .country {
  color: silver;
}
.sku-wrapper .sku-list ul.tree li .item .countStats,
.sku-wrapper .sku-selection ul.tree li .item .countStats {
  font-size: 9pt;
  font-weight: normal;
}
.sku-wrapper .sku-list ul.tree li .item .countStats .itemsCount,
.sku-wrapper .sku-selection ul.tree li .item .countStats .itemsCount,
.sku-wrapper .sku-list ul.tree li .item .countStats .filteredItemsCount,
.sku-wrapper .sku-selection ul.tree li .item .countStats .filteredItemsCount {
  font-size: 9pt;
  font-weight: 400;
}
.sku-wrapper .sku-list ul.tree li .item .countStats .withSKU,
.sku-wrapper .sku-selection ul.tree li .item .countStats .withSKU {
  font-weight: 700;
  color: #4197e1;
}
.sku-wrapper .sku-list ul.tree li .item .folderToggle,
.sku-wrapper .sku-selection ul.tree li .item .folderToggle {
  font-size: 10px;
  vertical-align: middle;
  color: silver;
  display: none;
  position: absolute;
  left: 3px;
  top: 10px;
  width: 14px;
  padding: 0;
}
.sku-wrapper .sku-list ul.tree li .item .folderToggle:hover,
.sku-wrapper .sku-selection ul.tree li .item .folderToggle:hover {
  cursor: pointer;
  color: dodgerblue;
}
.sku-wrapper .sku-list ul.tree li .item .icons,
.sku-wrapper .sku-selection ul.tree li .item .icons {
  display: inline-block;
  margin-left: 2px;
  white-space: nowrap;
}
.sku-wrapper .sku-list ul.tree li .item .insideItem,
.sku-wrapper .sku-selection ul.tree li .item .insideItem {
  display: inline-block;
  width: 100%;
  flex-grow: 1;
  font-size: 11pt;
  padding-left: 10px;
  font-weight: bold;
  overflow: hidden;
}
.sku-wrapper .sku-list ul.tree li .item .insideItem.condensed,
.sku-wrapper .sku-selection ul.tree li .item .insideItem.condensed {
  white-space: nowrap;
  text-overflow: ellipsis;
}
.sku-wrapper .sku-list ul.tree li .item .insideItem .missingName,
.sku-wrapper .sku-selection ul.tree li .item .insideItem .missingName {
  color: #d24747;
  font-style: italic;
}
.sku-wrapper .sku-list ul.tree li .item .item-line,
.sku-wrapper .sku-selection ul.tree li .item .item-line {
  display: flex;
  flex-wrap: nowrap;
}
.sku-wrapper .sku-list ul.tree li .item .item-line:nth-child(2),
.sku-wrapper .sku-selection ul.tree li .item .item-line:nth-child(2),
.sku-wrapper .sku-list ul.tree li .item .item-line:nth-child(3),
.sku-wrapper .sku-selection ul.tree li .item .item-line:nth-child(3) {
  color: var(--gray-text-color);
}
.sku-wrapper .sku-list ul.tree li .item .item-line:nth-child(2) span span:not(.item-tag),
.sku-wrapper .sku-selection ul.tree li .item .item-line:nth-child(2) span span:not(.item-tag),
.sku-wrapper .sku-list ul.tree li .item .item-line:nth-child(3) span span:not(.item-tag),
.sku-wrapper .sku-selection ul.tree li .item .item-line:nth-child(3) span span:not(.item-tag) {
  margin-right: 20px;
}
.sku-wrapper .sku-list ul.tree li .item .item-line:nth-child(2) span.insideItem,
.sku-wrapper .sku-selection ul.tree li .item .item-line:nth-child(2) span.insideItem,
.sku-wrapper .sku-list ul.tree li .item .item-line:nth-child(3) span.insideItem,
.sku-wrapper .sku-selection ul.tree li .item .item-line:nth-child(3) span.insideItem {
  font-size: 8pt;
  padding-left: 40px;
}
.sku-wrapper .sku-list ul.tree li .item .item-tag,
.sku-wrapper .sku-selection ul.tree li .item .item-tag {
  border-radius: 3px;
  padding: 1px 2px;
  margin: 1px 0 0 2px;
}
.sku-wrapper .sku-list ul.tree li .item .item-tag.filtered-tag,
.sku-wrapper .sku-selection ul.tree li .item .item-tag.filtered-tag {
  background-color: yellow;
  color: var(--text-color);
}
.sku-wrapper .sku-list ul.tree li .item .itemControls,
.sku-wrapper .sku-selection ul.tree li .item .itemControls {
  display: inline-block;
}
.sku-wrapper .sku-list ul.tree li .item .itemControls .addToSelection,
.sku-wrapper .sku-selection ul.tree li .item .itemControls .addToSelection {
  color: silver;
}
.sku-wrapper .sku-list ul.tree li .item .itemControls .addToSelection:hover,
.sku-wrapper .sku-selection ul.tree li .item .itemControls .addToSelection:hover {
  color: var(--text-color);
}
.sku-wrapper .sku-list ul.tree li .item .itemControls .addToSelection.itemSelected,
.sku-wrapper .sku-selection ul.tree li .item .itemControls .addToSelection.itemSelected {
  animation: blob linear 0.2s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  color: #88e792;
}
.sku-wrapper .sku-list ul.tree li .item .itemControls .addToSelection.itemQuestion,
.sku-wrapper .sku-selection ul.tree li .item .itemControls .addToSelection.itemQuestion {
  animation: blob linear 0.2s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  color: var(--secondary-color);
}
.treeLoading.sku-wrapper .sku-list ul.tree li .item .itemControls .addToSelection,
.treeLoading.sku-wrapper .sku-selection ul.tree li .item .itemControls .addToSelection {
  display: none;
}
.sku-wrapper .sku-list ul.tree li .item .itemControls .removeFromSelection,
.sku-wrapper .sku-selection ul.tree li .item .itemControls .removeFromSelection {
  color: silver;
}
.sku-wrapper .sku-list ul.tree li .item .itemControls .removeFromSelection:hover,
.sku-wrapper .sku-selection ul.tree li .item .itemControls .removeFromSelection:hover {
  color: #d24747;
}
.sku-wrapper .sku-list ul.tree li .item .itemControls .missingSKU,
.sku-wrapper .sku-selection ul.tree li .item .itemControls .missingSKU {
  color: red;
}
.sku-wrapper .sku-list ul.tree li .item .itemControls i.icon,
.sku-wrapper .sku-selection ul.tree li .item .itemControls i.icon,
.sku-wrapper .sku-list ul.tree li .item .itemControls span.fa-stack,
.sku-wrapper .sku-selection ul.tree li .item .itemControls span.fa-stack {
  vertical-align: middle;
  width: 20px;
  color: silver;
  display: inline-block;
  font-size: 20px;
}
.sku-wrapper .sku-list ul.tree li input,
.sku-wrapper .sku-selection ul.tree li input {
  vertical-align: middle;
  margin: 0 0 0 2px;
}
.sku-wrapper .sku-list ul.tree li[data-type="RegEx"] div.item .insideItem,
.sku-wrapper .sku-selection ul.tree li[data-type="RegEx"] div.item .insideItem {
  font-size: 12pt;
}
.sku-wrapper .sku-list ul.tree li[data-type="RegEx"] ul li,
.sku-wrapper .sku-selection ul.tree li[data-type="RegEx"] ul li {
  border-left: 3px solid #333;
}
.sku-wrapper .sku-list ul.tree li[data-type="SellerAccount"] div.item .insideItem,
.sku-wrapper .sku-selection ul.tree li[data-type="SellerAccount"] div.item .insideItem {
  font-size: 12pt;
}
.sku-wrapper .sku-list ul.tree li[data-type="Brand"] div.item .insideItem,
.sku-wrapper .sku-selection ul.tree li[data-type="Brand"] div.item .insideItem,
.sku-wrapper .sku-list ul.tree li[data-type="ProductLine"] div.item .insideItem,
.sku-wrapper .sku-selection ul.tree li[data-type="ProductLine"] div.item .insideItem {
  font-size: 11pt;
}
.sku-wrapper .sku-list ul.tree li[data-type="Product"] div.item .insideItem,
.sku-wrapper .sku-selection ul.tree li[data-type="Product"] div.item .insideItem {
  font-size: 10pt;
  font-weight: normal;
}
.sku-wrapper .sku-list ul.tree li.treeItemExpanded,
.sku-wrapper .sku-selection ul.tree li.treeItemExpanded {
  border-bottom: 1px solid var(--border-color);
  margin-bottom: -1px;
}
.sku-wrapper .sku-list ul.tree > li,
.sku-wrapper .sku-selection ul.tree > li {
  border-left: 0;
}
.sku-wrapper .selection-header,
.sku-wrapper .selector-header {
  padding: 8px;
  font-size: 12pt;
  text-align: center;
  font-weight: 700;
  display: block;
}
.sku-wrapper .selection-header .selectionToggle .selectionToggleIcon,
.sku-wrapper .selector-header .selectionToggle .selectionToggleIcon {
  color: silver;
}
.sku-wrapper .selection-header .selectionToggle:hover,
.sku-wrapper .selector-header .selectionToggle:hover {
  cursor: pointer;
}
.sku-wrapper .selection-header .selectionToggle:hover .selectionToggleIcon,
.sku-wrapper .selector-header .selectionToggle:hover .selectionToggleIcon {
  color: #666;
}
.sku-wrapper .selection-header .selectedItemsCount,
.sku-wrapper .selector-header .selectedItemsCount {
  display: none;
}
.sku-wrapper .selection-header .clearSelection,
.sku-wrapper .selector-header .clearSelection {
  display: none;
  margin-left: 5px;
}
.sku-wrapper .sku-selection {
  border-radius: 5px;
  border: 1px solid var(--border-color);
  background: var(--box-background-color);
  position: relative;
  min-height: 120px;
  width: 100%;
  margin-top: 1em;
}
.sku-wrapper .sku-selection.folded {
  min-height: initial !important;
}
@media screen and (min-width:600px) {
  .sku-wrapper .sku-selection {
    width: 54.4%;
    margin-top: 0;
  }
}
.sku-wrapper .sku-selection > ul:empty:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f03a";
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 40px);
  font-size: 80px;
  color: var(--primary-color);
}
.sku-wrapper .in-place-menu {
  color: var(--text-color);
  background-color: var(--background-color);
  border: 1px solid var(--border-color);
  border-radius: 5px;
  z-index: 100;
  box-shadow: 0 0 22px var(--popup-box-shadow);
  position: fixed;
  display: none;
  margin-left: 10px;
  top: 10px;
}
.sku-wrapper .in-place-menu .menu-item {
  padding: 5px;
  transition: 100ms ease-in background-color;
  position: relative;
}
.sku-wrapper .in-place-menu .menu-item:first-child {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.sku-wrapper .in-place-menu .menu-item:last-child {
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.sku-wrapper .in-place-menu .menu-item strong {
  display: block;
}
.sku-wrapper .in-place-menu .menu-item .optionActiveIcon {
  display: none;
  position: absolute;
  right: 5px;
  top: 8px;
  color: #88e792;
}
.sku-wrapper .in-place-menu .menu-item:hover {
  background-color: var(--background-color);
  cursor: pointer;
}
.sku-wrapper .in-place-menu .menu-item:hover .optionActiveIcon {
  color: silver;
  display: block;
}
.sku-wrapper .in-place-menu .menu-item.optionActive {
  background-color: #529756;
}
.sku-wrapper .in-place-menu .menu-item.optionActive .optionActiveIcon {
  display: inline-block;
}
.sku-wrapper .in-place-menu .menu-item.optionActive:hover {
  background-color: #7ba57b;
}
.sku-wrapper .in-place-menu .menu-item.optionActive:hover .optionActiveIcon {
  color: #88e792;
}
.sku-wrapper .in-place-menu.warning {
  border-color: #d24747;
}
.sku-wrapper .in-place-menu .in-place-message {
  padding: 5px;
  text-align: center;
  font-weight: 700;
}
.sku-wrapper .sku-buttons {
  display: flex;
  flex-wrap: wrap;
  padding: 5px;
  position: relative;
}
.sku-wrapper .sku-buttons > * {
  align-self: center;
  font-size: 8pt;
}
.sku-wrapper .sku-buttons .sku-buttons-cover {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.3);
  text-align: center;
  z-index: 120;
}
.sku-wrapper .sku-buttons .sku-buttons-cover .sku-buttons-cover-message {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.sku-wrapper .sku-buttons input[type=checkbox] {
  display: none;
}
.sku-wrapper .sku-buttons input:checked + .sku-button {
  background: var(--button-hover-background);
  color: var(--text-color);
}
.sku-wrapper .sku-buttons .sku-button {
  /*position: absolute;*/
  display: inline-block;
  padding: 3px 4px;
  border-radius: 5px;
  font-size: 8pt;
  cursor: pointer;
  margin: 2px 2px 4px 2px;
  transition: background-color ease-in 200ms;
}
.sku-wrapper .sku-buttons .sku-button:hover {
  background: var(--button-hover-background);
  color: var(--button-hover-color);
}
.sku-wrapper .skuselector-icon {
  font-style: normal;
  font-size: 9pt;
  font-family: monospace;
  line-height: 10px;
  display: inline-block;
  color: var(--text-inv-color);
  padding: 4px 5px;
  margin: 5px 0 0 8px;
  border-radius: var(--border-radius-basic);
  background-color: var(--tertiary-color);
}
.sku-wrapper .skuselector-icon-selleraccount:before {
  content: 'SA';
}
.sku-wrapper .skuselector-icon-brand:before {
  content: 'B';
}
.sku-wrapper .skuselector-icon-productline:before {
  content: 'PL';
}
.sku-wrapper .skuselector-icon-product:before {
  content: 'P';
}
.sku-wrapper .skuselector-icon-regex {
  background-color: var(--secondary-color);
}
.sku-wrapper .skuselector-icon-regex:before {
  content: 'RE';
}
.sku-wrapper .hidden-form-part {
  display: none;
}
.ReactModalPortal .sku-list-controls {
  display: flex;
  justify-content: space-around;
  padding-top: 15px;
  position: absolute;
  bottom: 5px;
  right: 0;
}
.ReactModalPortal .sku-list-controls button {
  padding: 15px;
  margin: 0 0 0 10px;
}
/*.entryTableValue {
  .sku-wrapper .sku-search .sku-selector-search .search-menu {
    height:26px;
    i.search-icon {
      margin-top:4px;
    }
  }
}*/
div.react--datepicker {
  z-index: 9999;
}
div.react--datepicker .react-datepicker__navigation {
  margin-top: 4px;
  border-radius: 100%;
  border: 0;
  padding: 7px;
}
div.react--datepicker .react-datepicker__navigation::after {
  content: '';
  position: absolute;
  left: 3.5px;
  top: 3.3px;
  width: 0;
  height: 0;
  clear: both;
}
div.react--datepicker .react-datepicker__navigation.react-datepicker__navigation--previous::before,
div.react--datepicker .react-datepicker__navigation.react-datepicker__navigation--next::before {
  border-color: var(--border-color);
}
div.react--datepicker .react-datepicker__navigation.react-datepicker__navigation--next::after {
  left: 5px;
}
div.react--datepicker .react-datepicker__header {
  margin: 5px;
  padding: 0;
  border: 0;
}
div.react--datepicker .react-datepicker__header .react-datepicker__current-month,
div.react--datepicker .react-datepicker__header .react-datepicker-time__header,
div.react--datepicker .react-datepicker__header .react-datepicker-year-header {
  width: 100%;
  line-height: 1.8em;
  text-align: center;
  font-weight: bold;
  font-size: 0.944rem;
  padding: 2px;
  border: 1px solid #aaaaaa;
  color: #222222;
  border-radius: 4px;
  background: #cccccc url("../wfEngine/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;
}
div.react--datepicker .react-datepicker__header .react-datepicker__day-names,
div.react--datepicker .react-datepicker__header .react-datepicker__week {
  background: white;
  font-weight: bold;
}
div.react--datepicker .react-datepicker__day,
div.react--datepicker .react-datepicker__month-text,
div.react--datepicker .react-datepicker__quarter-text {
  border: 1px solid #d3d3d3;
  background: #e6e6e6 url("../wfEngine/css/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
  color: #555555;
  height: 27px;
  line-height: 1.3em;
  text-align: right;
  padding: 4.2px 4px 4.2px 4.2px;
  margin: 0;
  width: 32px;
  filter: unset;
}
div.react--datepicker .react-datepicker__day:hover,
div.react--datepicker .react-datepicker__month-text:hover,
div.react--datepicker .react-datepicker__quarter-text:hover {
  filter: contrast(0.7);
  border-radius: 0 !important;
}
div.react--datepicker .react-datepicker__day.react-datepicker__day--today,
div.react--datepicker .react-datepicker__month-text.react-datepicker__day--today,
div.react--datepicker .react-datepicker__quarter-text.react-datepicker__day--today {
  border: 1px solid #fcefa1;
  background: #fbf9ee url("../wfEngine/css/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
  color: #363636;
  border-radius: 0;
}
div.react--datepicker .react-datepicker__day.react-datepicker__day--selected,
div.react--datepicker .react-datepicker__month-text.react-datepicker__day--selected,
div.react--datepicker .react-datepicker__quarter-text.react-datepicker__day--selected {
  border-radius: 0;
  border: 1px solid #aaaaaa;
  background: #ffffff url("../wfEngine/css/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
}
div.react--datepicker .react-datepicker__day.react-datepicker__day--keyboard-selected,
div.react--datepicker .react-datepicker__month-text.react-datepicker__day--keyboard-selected,
div.react--datepicker .react-datepicker__quarter-text.react-datepicker__day--keyboard-selected {
  border-radius: 0;
  border: 1px solid #aaaaaa;
  background: #ffffff url("../wfEngine/css/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
  font-weight: normal;
}
div.react--datepicker .react-datepicker__day.react-datepicker__day--disabled,
div.react--datepicker .react-datepicker__month-text.react-datepicker__day--disabled,
div.react--datepicker .react-datepicker__quarter-text.react-datepicker__day--disabled {
  border-radius: 0;
  filter: opacity(0.5);
}
div.react--datepicker .react-datepicker__day--outside-month {
  visibility: hidden;
}
div.react--datepicker .react-datepicker__navigation .react-datepicker__navigation-icon--next:before,
div.react--datepicker .react-datepicker__navigation .react-datepicker__navigation-icon--previous:before,
div.react--datepicker .react-datepicker__navigation .react-datepicker__navigation-icon--next:after,
div.react--datepicker .react-datepicker__navigation .react-datepicker__navigation-icon--previous:after {
  border-color: black;
}
div.react--datepicker .react-datepicker__navigation:hover {
  background: none;
}
div.react--datepicker .react-datepicker__navigation:hover .react-datepicker__navigation-icon--next:before,
div.react--datepicker .react-datepicker__navigation:hover .react-datepicker__navigation-icon--previous:before,
div.react--datepicker .react-datepicker__navigation:hover .react-datepicker__navigation-icon--next:after,
div.react--datepicker .react-datepicker__navigation:hover .react-datepicker__navigation-icon--previous:after {
  border-color: #8e8e8e;
}
div.react--datepicker.with-time-select .react-datepicker {
  display: flex;
}
div.react--datepicker.with-time-select .react-datepicker .react-datepicker__navigation {
  right: 90px;
}
div.react--datepicker.with-time-select .react-datepicker .react-datepicker__input-time-container {
  padding-top: 38px;
  border-left: 1px solid #cccccc;
  padding-left: 5px;
  margin: 0 7px 0 0;
  width: 78px;
}
div.react--datepicker.with-time-select .react-datepicker .react-datepicker__input-time-container .react-datepicker-time__input {
  margin: 0;
  width: 73px;
}
div.react--datepicker.with-time-select .react-datepicker .react-datepicker__input-time-container .react-datepicker-time__caption {
  position: absolute;
  top: 5px;
  width: 74px;
  line-height: 1.8em;
  text-align: center;
  font-weight: bold;
  font-size: 0.944rem;
  padding: 2px;
  border: 1px solid #aaaaaa;
  color: #222222;
  border-radius: 4px;
  background: #cccccc url(../wfEngine/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
}
div.react--datepicker.with-time-select .react-datepicker .react-datepicker__input-time-container .time-select {
  overflow-y: auto;
  max-height: 167px;
}
div.react--datepicker.with-time-select .react-datepicker .react-datepicker__input-time-container .time-select .types-container {
  display: flex;
  box-shadow: inset 0 0 0 silver, inset 0 -1px 0 silver;
}
div.react--datepicker.with-time-select .react-datepicker .react-datepicker__input-time-container .time-select .types-container > .day-type {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  cursor: pointer;
  margin: 0.166rem 0.166rem 0;
}
div.react--datepicker.with-time-select .react-datepicker .react-datepicker__input-time-container .time-select .types-container > .day-type.selected {
  font-weight: bold;
}
div.react--datepicker.with-time-select .react-datepicker .react-datepicker__input-time-container .time-select .types-container > .day-type:hover {
  font-weight: bold;
}
div.react--datepicker.with-time-select .react-datepicker .react-datepicker__input-time-container .time-select > .times-list {
  list-style-type: none;
  margin: 0;
  overflow-y: auto;
  max-height: 135px;
  padding: 3px 0 0;
}
div.react--datepicker.with-time-select .react-datepicker .react-datepicker__input-time-container .time-select > .times-list > li {
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
  cursor: pointer;
}
div.react--datepicker.with-time-select .react-datepicker .react-datepicker__input-time-container .time-select > .times-list > li:hover,
div.react--datepicker.with-time-select .react-datepicker .react-datepicker__input-time-container .time-select > .times-list > li:focus,
div.react--datepicker.with-time-select .react-datepicker .react-datepicker__input-time-container .time-select > .times-list > li.selected {
  background: #cccccc url(../wfEngine/css/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
}
div.react--datepicker.with-time-select .react-datepicker .react-datepicker__input-time-container .time-select.tweny-four-type .types-container {
  display: none;
}
div.react--datepicker.with-time-select .react-datepicker .react-datepicker__input-time-container .time-select.tweny-four-type .times-list {
  max-height: 167px;
}
.react-datepicker-wrapper {
  width: 100%;
}
body.ReactModal__Body--open > div:not(.ReactModalPortal, .ui-datepicker, .react-select__menu, [class*="css-"]),
body.ReactModal__Body--open > section {
  filter: blur(6px);
}
.ReactModal__Content {
  position: static;
  margin: auto;
  display: flex;
  flex-direction: column;
  border: 0;
  overflow: hidden;
  max-height: 87vh;
  max-width: 87vw;
  min-width: 745px;
  opacity: 0;
  filter: blur(0);
  background-color: var(--popup-background-color);
  padding: 20px;
  border-radius: var(--border-radius-basic) !important;
  overflow: auto;
  box-shadow: 0 0 40px var(--popup-box-shadow);
}
.ReactModal__Content h2 {
  padding: 0 0 10px 0;
  font-size: 22px;
  text-align: center;
  font-weight: bold;
}
.ReactModal__Content h3 {
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
  margin-top: 20px;
}
.ReactModal__Content.video {
  width: auto;
  padding: 30px 5px 5px 5px;
  position: relative;
}
.ReactModal__Content > button.close-button {
  background: transparent;
  font-size: 16px;
  color: var(--text-color);
  position: absolute;
  right: 5px;
  top: 5px;
  padding: 0 0 0 10px;
}
.ReactModal__Content:focus {
  outline-color: var(--secondary-color);
}
.ReactModal__Content .engine-grid-loader {
  position: absolute;
}
.ReactModal__Content .chzn-clearAll {
  display: none;
}
.ReactModal__Content .table-holder {
  display: block;
  margin-top: 0;
}
.ReactModal__Content .table-holder .float-box-wrapper {
  left: 0;
  max-width: unset !important;
  margin: 0;
  padding: 0 10px;
  position: static;
}
.ReactModal__Content .table-holder center {
  display: block;
}
.ReactModal__Content .items-table {
  width: 100%;
  text-align: left;
  overflow-x: auto;
  overflow-y: auto;
  position: relative;
}
.ReactModal__Content .items-table .pagin {
  z-index: 1;
  background: transparent;
}
.ReactModal__Content .items-table .pagin .paginator-wrapper {
  position: static;
}
.ReactModal__Content .items-table table.engine-grid {
  width: calc(100% - 20px);
  margin: 0 10px;
}
.ReactModal__Content .items-table table.engine-grid > thead tr:not(.gridCellRow) th {
  position: relative;
}
.ReactModal__Content .settings-form {
  width: 100%;
  text-align: left;
  overflow-x: hidden;
  overflow-y: auto;
  /*selector of interval*/
}
.ReactModal__Content .settings-form label {
  width: 150px;
  display: inline-block;
  vertical-align: top;
  line-height: 29px;
}
.ReactModal__Content .settings-form input,
.ReactModal__Content .settings-form select,
.ReactModal__Content .settings-form textarea {
  font-size: 11pt;
  width: 350px;
  margin-bottom: 10px;
}
.ReactModal__Content .settings-form .search-query {
  font-size: 12px;
}
.ReactModal__Content .settings-form input[type="checkbox"],
.ReactModal__Content .settings-form input[type="radio"] {
  width: auto;
}
.ReactModal__Content .settings-form label.checkbox {
  margin-left: 160px;
  width: 250px;
}
.ReactModal__Content .settings-form textarea {
  width: 350px;
}
.ReactModal__Content .settings-form .fa-circle-o-notch {
  display: block;
  text-align: center;
  margin: auto;
}
.ReactModal__Content .settings-form #skuSelectorContainer {
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  display: block;
}
.ReactModal__Content .settings-form .intervalSelector {
  width: 250px;
  height: 29px;
}
.ReactModal__Content .settings-form .checkboxContainer {
  -moz-column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
  -moz-column-rule: 1px dotted silver;
  -webkit-column-rule: 1px dotted silver;
  column-rule: 1px dotted silver;
}
.ReactModal__Content .settings-form .checkboxContainer label {
  line-height: unset;
  width: 220px;
}
.ReactModal__Content .settings-form .checkboxContainer br {
  display: none;
}
.ReactModal__Content .settings-form .chzn-container {
  font-size: 11pt;
  margin-bottom: 5px;
}
.ReactModal__Content .settings-form .chzn-container .chzn-drop .chzn-search input {
  width: 100%;
}
.ReactModal__Content .settings-form .chzn-container#dashletOptionDateInterval_chosen .chzn-results li {
  width: 45%;
  float: left;
}
.ReactModal__Content .settings-form .chzn-container#dashletOptionDateInterval_chosen .chzn-results li.active-result {
  display: block;
}
.ReactModal__Content .settings-form .chzn-container .chzn-results li {
  line-height: 21px;
  font-size: 10pt;
}
.ReactModal__Content .settings-form .chzn-container .chzn-results li.result-selected {
  color: black;
}
.ReactModal__Content .settings-form .chzn-container .chzn-results li img {
  width: 20px;
  height: 20px;
}
.ReactModal__Content .settings-form .chzn-container-single .chzn-single {
  height: 29px;
  line-height: 29px;
}
.ReactModal__Content .settings-form .chzn-container-single .chzn-single span img {
  height: 20px;
  width: 20px;
}
.ReactModal__Content .settings-form .chzn-container-single .chzn-drop {
  margin-top: 2px;
}
.ReactModal__Content .settings-buttons {
  margin-top: 10px;
  text-align: center;
}
.ReactModal__Content .settings-buttons button {
  margin: 5px;
}
.ReactModal__Content .modal-content {
  position: relative;
  height: 100%;
}
.ReactModal__Content .modal-actions-container {
  width: 100%;
  text-align: right;
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
}
.ReactModal__Content .error-content {
  overflow: auto;
}
.ReactModal__Content .user-avatar {
  position: relative;
  text-align: center;
}
.ReactModal__Content .user-avatar label {
  min-height: 1px;
  padding: 25px 60px;
  font-size: 140px;
  width: 192px;
  height: 192px;
  display: inline-block;
  margin: 15px 0 22px;
  text-align: center;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 40px var(--default-box-shadow);
  color: var(--tertiary-color);
  position: relative;
  background-color: var(--primary-color);
  -webkit-mask: url('../images/user-icon-edit.svg') center no-repeat;
  mask: url('../images/user-icon-edit.svg') center no-repeat;
}
.ReactModal__Content .user-avatar label.hidden {
  display: none;
}
.ReactModal__Content .user-avatar label > i {
  display: none;
}
.ReactModal__Content .user-avatar label span {
  position: absolute;
  left: 0;
  top: 46px;
  color: var(--gray-text-color);
  padding: 20px;
  font-size: 44px;
  display: none;
}
.ReactModal__Content .user-avatar label .new-avatar {
  position: absolute;
  width: 192px;
  height: 192px;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  border-radius: 50%;
  font-size: 17px;
}
.ReactModal__Content .user-avatar label .engine-grid-loader {
  position: absolute;
  width: 192px;
  height: 192px;
  left: 50%;
  top: 0;
  bottom: unset;
  right: unset;
  transform: translateX(-50%);
  opacity: 0;
  transition: opacity 300ms ease;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.ReactModal__Content .user-avatar label .engine-grid-loader.saving-visible {
  opacity: 1;
  pointer-events: unset;
}
.ReactModal__Content .user-avatar label .engine-grid-loader > i {
  position: static;
}
.ReactModal__Content .user-avatar.with-image label {
  -webkit-mask: unset;
  mask: unset;
}
.ReactModal__Content .user-avatar input {
  display: none;
}
.ReactModal__Content .user-avatar button {
  margin: 0px 0 40px 478px;
}
.ReactModal__Content .user-avatar .cropper-box {
  display: none;
  box-shadow: 0 0 20px var(--box-background-color);
  background: var(--background-color);
  z-index: 99999;
  margin-top: 20px;
}
.ReactModal__Content .user-avatar .cropper-box.cropper-box-opened {
  display: block;
}
.ReactModal__Content .user-avatar .cropper-box .cropper-view-box {
  border-radius: 50%;
}
.ReactModal__Content .user-avatar .cropper-controls {
  display: flex;
  justify-content: center;
  padding: 5px;
  margin: 10px;
}
.ReactModal__Content .user-avatar .cropper-controls button {
  margin: 0;
}
.ReactModal__Content .user-avatar .cropper-controls button:not(:first-child) {
  margin-left: 15px;
}
.ReactModal__Content .user-avatar .cropper-errors,
.ReactModal__Content .user-avatar .cropper-messages {
  padding: 5px;
}
.ReactModal__Content .user-avatar .cropper-errors .cropper-error,
.ReactModal__Content .user-avatar .cropper-messages .cropper-error {
  color: var(--message-error-color);
}
.ReactModal__Content .user-avatar .cropper-errors .cropper-message,
.ReactModal__Content .user-avatar .cropper-messages .cropper-message {
  color: var(--message-success-color);
}
.ReactModal__Content.visible-overflow {
  overflow: visible;
}
.ReactModal__Content.user-icon-edit {
  min-width: 400px;
}
.ReactModal__Content table.engine-grid::after {
  content: unset;
}
.ReactModal__Content--after-open {
  opacity: 1;
  animation: modalIn 250ms ease-in-out forwards;
  transform-origin: top center;
}
.ReactModal__Content--before-close {
  opacity: 0;
}
.ReactModal__Overlay--after-open {
  opacity: 1 !important;
  transition: opacity 0.3s;
}
.ReactModal__Overlay--before-close {
  opacity: 0 !important;
}
.ReactModal__Overlay {
  position: fixed;
  z-index: 9999;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  background-color: unset;
}
.ReactModal__Overlay.layer-2 {
  z-index: 10000;
}
.ReactModal__Overlay--Light {
  position: fixed;
  z-index: 9999;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  background-color: unset;
  background-color: var(--background-mask-color);
}
.ReactModal__Overlay--Light.layer-2 {
  z-index: 10000;
}
.just-note {
  position: relative;
  font-size: 13px;
  margin: 10px 0;
  padding: 10px 10px 10px 40px;
  text-align: left;
  border: 1px solid var(--border-color);
  opacity: 1;
  transition: opacity 200ms ease-in-out;
}
.just-note.icon-hidden {
  padding-left: 10px;
}
.just-note i.note-icon.iconr,
.just-note i.note-icon.icons {
  position: absolute;
  left: 10px;
  top: 10px;
  font-size: 20px;
  opacity: 0.5;
}
.just-note i.note-icon.iconr.icon-hidden,
.just-note i.note-icon.icons.icon-hidden {
  display: none;
}
.just-note.info,
.just-note.loading {
  border-color: var(--message-info-color-light);
}
.just-note.info i.note-icon,
.just-note.loading i.note-icon {
  color: var(--message-info-color);
}
.just-note.warning {
  border-color: var(--message-warning-color-light);
}
.just-note.warning i.note-icon {
  color: var(--message-warning-color);
}
.just-note.error {
  border-color: var(--message-error-color-light);
}
.just-note.error i.note-icon {
  color: var(--message-error-color);
}
.just-note.success {
  border-color: var(--message-success-color-light);
}
.just-note.success i.note-icon {
  color: var(--message-success-color);
}
.just-note.hidden {
  opacity: 0;
}
.just-note.small-note {
  border: 0;
  margin: 0;
  padding: 5px 5px 5px 20px;
}
.just-note.small-note.icon-hidden {
  padding-left: 5px;
}
.just-note.small-note i.note-icon {
  left: 5px;
  top: 10px;
  font-size: 11px;
}
.just-note.large-note {
  margin: 20px 40px 20px 20px;
  padding: 20px 20px 20px 50px;
}
.just-note.large-note i.note-icon {
  left: 12px;
  top: 23px;
  font-size: 24px;
}
.just-note h2,
.just-note h3,
.just-note h4,
.just-note h5,
.just-note h6 {
  margin-top: 0;
}
.just-note ul {
  padding-left: 15px;
}
.hook-form .number-field {
  text-align: right;
}
.hook-form table button.gridActionButton {
  background: transparent !important;
  color: black;
}
.hook-form .spinner-container {
  position: static;
}
.hook-form .engine-grid.excelStyling td .field-wrap {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hook-form .engine-grid.excelStyling td .field-wrap.disabled {
  background-color: var(--input-readonly-color);
}
.hook-form .engine-grid.excelStyling td .field-wrap > input[type=checkbox] {
  width: auto;
}
.hook-form .engine-grid.excelStyling td .field-wrap > input[type=text],
.hook-form .engine-grid.excelStyling td .react-select__control {
  border: none;
  height: 27px;
}
.hook-form .engine-grid.excelStyling td .field-wrap > input[type=text]:focus,
.hook-form .engine-grid.excelStyling td .react-select__control.react-select__control--is-focused {
  box-shadow: 0 0 2px var(--tertiary-color) inset;
}
.hook-form .engine-grid.excelStyling td .field-wrap > input[type=checkbox]:focus {
  box-shadow: 0 0 3px var(--tertiary-color);
}
.hook-form textarea {
  font-family: 'Karla', sans-serif;
}
.hook-form .number-input {
  text-align: end;
}
.hook-form .form-content-container {
  overflow-y: auto;
  height: calc(100% - 106px);
  padding-bottom: 70px;
}
.hook-form .form-content-container.flex {
  display: flex;
  flex-wrap: wrap;
  align-content: start;
  align-items: start;
}
.hook-form .form-content-container .form-table {
  width: 100%;
}
.hook-form .form-content-container .form-table thead th:last-child {
  width: 50px;
}
.hook-form .form-content-container .form-auto-table {
  margin-bottom: 30px;
  width: 98%;
}
.hook-form.with-tooltips .form-content-container .form-auto-table {
  width: 97%;
}
.hook-form .form-actions-container .absolute-left {
  position: absolute;
  left: 40px;
}
.hook-form input[type=text] {
  padding-left: 10px;
  padding-top: 4px;
}
.hook-form .form-field.form-group button {
  width: 100%;
  border: 1px solid var(--table-border);
  margin: 10px 0 -2px;
}
.hook-form .form-label.field-hidden,
.hook-form .form-field.field-hidden {
  display: none;
}
.hook-form .form-comment {
  position: absolute;
  right: -17px;
  top: 7px;
  color: var(--primary-color);
  cursor: pointer;
}
.hook-form .field-group .form-comment {
  top: 17px;
}
.reactTooltip.style1.form-comment {
  margin-top: 0;
  max-width: 300px;
}
.cache-loader {
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 400;
}
.cache-loader.actual {
  display: none;
}
.cache-loader h6 {
  margin: 0;
}
.cache-loader .just-note {
  background: var(--secondary-color);
}
html body.pageBody .react-select-option-add button {
  margin: 0;
  padding: 13px 20px;
  font-size: 13px;
  width: 100%;
}
html body.pageBody .react-select__control {
  background: var(--input-background) !important;
  border-color: var(--border-color);
}
html body.pageBody .react-select__control.react-select__control--is-focused,
html body.pageBody .react-select__control.react-select__control--is-focused:hover {
  border-color: var(--primary-color);
  box-shadow: 0 0 0 1px var(--border-color);
  background: var(--input-background) !important;
}
html body.pageBody .react-select__control .react-select__value-container {
  line-height: 1;
  padding: 0 8px;
}
html body.pageBody .react-select__control .react-select__value-container .react-select__single-value {
  color: var(--input-color-two) !important;
}
html body.pageBody .react-select__control .react-select__indicator-separator {
  margin-top: 3px;
  margin-bottom: 4px;
}
html body.pageBody .react-select__control .react-select__indicator {
  padding: 0;
}
html body.pageBody .react-select__menu {
  z-index: 400;
  border-radius: var(--border-radius-basic);
}
html body.pageBody .react-select__menu .react-select__menu-list {
  padding-bottom: 0;
  padding-top: 0;
}
html body.pageBody .react-select__menu .react-select__menu-list .react-select__option {
  display: flex;
  cursor: pointer;
  background: var(--main-dropdown-color);
  color: var(--text-color);
}
html body.pageBody .react-select__menu .react-select__menu-list .react-select__option .option-image-container {
  position: relative;
  min-width: 50px;
  margin-right: 10px;
  text-align: center;
  align-items: center;
}
html body.pageBody .react-select__menu .react-select__menu-list .react-select__option .option-image-container .option-image {
  position: relative;
  height: auto;
  max-width: 50px;
  max-height: 50px;
  margin: auto;
}
html body.pageBody .react-select__menu .react-select__menu-list .react-select__option .option-inner {
  display: flex;
  flex-wrap: wrap;
}
html body.pageBody .react-select__menu .react-select__menu-list .react-select__option .option-inner .option-label {
  flex-basis: 100%;
}
html body.pageBody .react-select__menu .react-select__menu-list .react-select__option .option-inner .option-details {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  color: var(--text-color);
}
html body.pageBody .react-select__menu .react-select__menu-list .react-select__option .option-inner .option-details .detail-type {
  font-weight: 500;
  display: none;
}
html body.pageBody .react-select__menu .react-select__menu-list .react-select__option .option-inner .option-details .detail-value {
  padding-right: 10px;
}
html body.pageBody .react-select__menu .react-select__menu-list .react-select__option:first-child {
  border-top-left-radius: var(--border-radius-basic);
  border-top-right-radius: var(--border-radius-basic);
}
html body.pageBody .react-select__menu .react-select__menu-list .react-select__option:last-child {
  border-bottom-left-radius: var(--border-radius-basic);
  border-bottom-right-radius: var(--border-radius-basic);
}
html body.pageBody .react-select__menu .react-select__menu-list .react-select__option.react-select__option--is-focused,
html body.pageBody .react-select__menu .react-select__menu-list .react-select__option.react-select__option--is-focused:hover {
  background-color: var(--select-focused) !important;
  color: var(--text-color) !important;
}
html body.pageBody .react-select__menu .react-select__menu-list .react-select__option.react-select__option--is-selected {
  background-color: var(--select-selected) !important;
  color: var(--text-inv-color) !important;
}
html body.pageBody .react-select__menu .react-select__menu-list .react-select__option:hover {
  background-color: var(--select-hover) !important;
  color: var(--text-color) !important;
}
/**
 * React Select
 * ============
 * Created by Jed Watson and Joss Mackison for KeystoneJS, http://www.keystonejs.com/
 * https://twitter.com/jedwatson https://twitter.com/jossmackison https://twitter.com/keystonejs
 * MIT License: https://github.com/JedWatson/react-select
*/
.Select {
  position: relative;
}
.Select input::-webkit-contacts-auto-fill-button,
.Select input::-webkit-credentials-auto-fill-button {
  display: none !important;
}
.Select input::-ms-clear {
  display: none !important;
}
.Select input::-ms-reveal {
  display: none !important;
}
.Select,
.Select div,
.Select input,
.Select span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.Select.is-disabled .Select-arrow-zone {
  cursor: default;
  pointer-events: none;
  opacity: 0.35;
}
.Select.is-disabled > .Select-control {
  background-color: #f9f9f9;
}
.Select.is-disabled > .Select-control:hover {
  box-shadow: none;
}
.Select.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: var(--input-background) !important;
}
.Select.is-open > .Select-control .Select-arrow {
  top: -2px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}
.Select.is-searchable.is-open > .Select-control {
  cursor: text;
}
.Select.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}
.Select.is-focused > .Select-control {
  background: var(--input-background) !important;
}
.Select.is-focused:not(.is-open) > .Select-control {
  border-color: #007eff !important;
  background: var(--input-background) !important;
}
.Select.has-value.is-clearable.Select--single > .Select-control .Select-value {
  padding-right: 42px;
}
.Select.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: var(--gray-text-color) !important;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:hover,
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  color: #007eff;
  outline: none;
  text-decoration: underline;
}
.Select.has-value.Select--single > .Select-control .Select-value a.Select-value-label:focus,
.Select.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value a.Select-value-label:focus {
  background: var(--input-background) !important;
}
.Select.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select.is-open .Select-arrow,
.Select .Select-arrow-zone:hover > .Select-arrow {
  border-top-color: #666;
}
.Select.Select--rtl {
  direction: rtl;
  text-align: right;
}
.Select-control {
  background-color: var(--input-background) !important;
  border-radius: 4px;
  border: 1px solid var(--border-color) !important;
  color: var(--gray-text-color) !important;
  cursor: default;
  display: table;
  border-spacing: 0;
  border-collapse: separate;
  height: 36px;
  outline: none;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.Select-control:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.Select-control .Select-input:focus {
  outline: none;
  background-color: var(--input-background) !important;
}
.Select-placeholder,
.Select--single > .Select-control .Select-value {
  bottom: 0;
  color: var(--gray-text-color) !important;
  left: 0;
  line-height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.Select-input {
  height: 34px;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.Select-input > input {
  width: 100%;
  background: none transparent;
  border: 0 none;
  box-shadow: none;
  cursor: default;
  display: inline-block;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  outline: none;
  line-height: 17px;
  /* For IE 8 compatibility */
  padding: 8px 0 12px;
  /* For IE 8 compatibility */
  -webkit-appearance: none;
}
.is-focused .Select-input > input {
  cursor: text;
}
.has-value.is-pseudo-focused .Select-input {
  opacity: 0;
}
.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}
.Select-loading-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 16px;
}
.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.Select-clear-zone {
  -webkit-animation: Select-animation-fadeIn 200ms;
  -o-animation: Select-animation-fadeIn 200ms;
  animation: Select-animation-fadeIn 200ms;
  color: #999;
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 17px;
}
.Select-clear-zone:hover {
  color: #D0021B;
}
.Select-clear {
  display: inline-block;
  font-size: 18px;
  line-height: 1;
}
.Select--multi .Select-clear-zone {
  width: 17px;
}
.Select-arrow-zone {
  cursor: pointer;
  display: table-cell;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 25px;
  padding-right: 5px;
}
.Select--rtl .Select-arrow-zone {
  padding-right: 0;
  padding-left: 5px;
}
.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
  display: inline-block;
  height: 0;
  width: 0;
  position: relative;
}
.Select-control > *:last-child {
  padding-right: 5px;
}
.Select--multi .Select-multi-value-wrapper {
  display: inline-block;
}
.Select .Select-aria-only {
  position: absolute;
  display: inline-block;
  height: 1px;
  width: 1px;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
  float: left;
}
@-webkit-keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes Select-animation-fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 400px;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  z-index: 3;
  -webkit-overflow-scrolling: touch;
}
.Select-menu {
  max-height: 398px;
  overflow-y: auto;
}
.Select-option {
  box-sizing: border-box;
  background-color: #fff;
  color: #666666;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}
.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.Select-option.is-selected {
  background-color: #f5faff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.04);
  color: #333;
}
.Select-option.is-focused {
  background-color: #ebf5ff;
  /* Fallback color for IE 8 */
  background-color: rgba(0, 126, 255, 0.08);
  color: #333;
}
.Select-option.is-disabled {
  color: #cccccc;
  cursor: default;
}
.Select-noresults {
  box-sizing: border-box;
  color: #999999;
  cursor: default;
  display: block;
  padding: 8px 10px;
}
.Select--multi .Select-input {
  vertical-align: middle;
  margin-left: 10px;
  padding: 0;
}
.Select--multi.Select--rtl .Select-input {
  margin-left: 0;
  margin-right: 10px;
}
.Select--multi.has-value .Select-input {
  margin-left: 5px;
}
.Select--multi .Select-value {
  display: inline-block;
  font-size: 0.9em;
  line-height: 1.4;
  margin-left: 5px;
  margin-top: 5px;
  vertical-align: top;
}
.Select--multi .Select-value-icon,
.Select--multi .Select-value-label {
  display: inline-block;
  vertical-align: middle;
}
.Select--multi .Select-value-label {
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  cursor: default;
  padding: 2px 5px;
}
.Select--multi a.Select-value-label {
  cursor: pointer;
  text-decoration: none;
}
.Select--multi a.Select-value-label:hover {
  text-decoration: underline;
}
.Select--multi .Select-value-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  padding: 1px 5px 3px;
}
.Select--multi .Select-value-icon:hover,
.Select--multi .Select-value-icon:focus {
  background-color: var(--box-background-color);
}
.Select--multi .Select-value-icon:active {
  background-color: var(--box-background-color);
}
.Select--multi.Select--rtl .Select-value {
  margin-left: 0;
  margin-right: 5px;
}
.Select--multi.Select--rtl .Select-value-icon {
  border-right: none;
  border-left: 1px solid #c2e0ff;
  border-left: 1px solid rgba(0, 126, 255, 0.24);
}
.Select--multi.is-disabled .Select-value {
  background-color: var(--box-background-color);
}
.Select--multi.is-disabled .Select-value-icon {
  cursor: not-allowed;
}
.Select--multi.is-disabled .Select-value-icon:hover,
.Select--multi.is-disabled .Select-value-icon:focus,
.Select--multi.is-disabled .Select-value-icon:active {
  background-color: var(--box-background-color);
}
@keyframes Select-animation-spin {
  to {
    transform: rotate(1turn);
  }
}
@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}
.changeLogs-container {
  position: absolute;
  z-index: 101;
  background: var(--tertiary-color);
  color: var(--graph-tooltip-text);
  border-radius: 6px;
  padding: 10px 10px 2px;
  font-size: 13px;
  opacity: 0.8;
}
.changeLogs-container:after {
  content: " ";
  position: absolute;
  pointer-events: none;
  background: var(--tertiary-color);
  opacity: 0.8;
  height: 10px;
  width: 10px;
  bottom: -3px;
  transform: rotate(45deg);
  left: 50%;
  margin-left: -5px;
}
.changeLogs-container > .header {
  font-weight: bold;
  text-transform: capitalize;
}
.changeLogs-container > .content > p.event {
  text-align: justify;
  margin: 0 8px 8px 10px;
  /*  &:before {
          content: '';
          display: inline-block;
          width: 4.5px;
          height: 4.5px;
          border-radius: 50%;
          background-color: fade(@primaryColor, 95%);
          left: -5px;
          position: relative;
          top: -1.3px;
        }*/
}
body.graphs .changeLogs-container {
  position: fixed;
}
.SVGraph {
  -ms-user-select: none;
  user-select: none;
}
.SVGraph .tooltip {
  position: absolute;
  max-width: 50%;
  z-index: 10;
  background: var(--graph-tooltip);
  opacity: 0.95;
  padding: 5px 15px;
  border-radius: var(--border-radius-basic);
  display: table;
  text-align: center;
}
.SVGraph .tooltip.arrow::before {
  content: " ";
  position: absolute;
  pointer-events: none;
  background: var(--graph-tooltip);
  height: 5px;
  width: 5px;
  border-left: 1px solid var(--graph-tooltip);
  border-top: 1px solid var(--graph-tooltip);
}
.SVGraph .tooltip.arrow.arrow-bottom::before {
  top: -1px;
  transform: rotate(45deg);
}
.SVGraph .tooltip.arrow.arrow-top::before {
  bottom: -1px;
  transform: rotate(225deg);
}
.SVGraph .tooltip.arrow.arrow-left::before {
  left: -1px;
  transform: rotate(315deg) translateY(-50%);
  z-index: -1;
  top: calc(50% - (5px - 1px) / 2.5);
}
.SVGraph .tooltip.arrow.arrow-right::before {
  right: -1px;
  left: unset;
  transform: rotate(135deg) translateY(-50%);
  top: calc(50% - (5px - 1px) / 2);
}
.SVGraph .tooltip .tooltipTitle {
  color: var(--graph-tooltip-text);
  font-weight: bold;
  opacity: 0.8;
}
.SVGraph .tooltip .tooltipLabel {
  font-weight: bold;
}
.SVGraph .tooltip .tooltipValue {
  color: var(--graph-tooltip-text);
  font-weight: bold;
  font-size: 1rem !important;
}
.SVGraph .tooltip .tooltipEventValue {
  color: var(--graph-tooltip-text);
  font-weight: normal;
  font-size: 12px;
}
.SVGraph svg line {
  shape-rendering: crispEdges;
}
.SVGraph svg .viewportRectangle {
  stroke: var(--dashboard-graphs-line);
}
.SVGraph svg .gridLine {
  stroke: var(--dashboard-graphs-line);
  stroke-dasharray: 7, 3;
}
.SVGraph svg .xScaleText {
  cursor: default;
}
.SVGraph svg .eventLine {
  stroke: #50aa50;
}
.SVGraph svg > rect {
  fill: transparent;
}
.SVGraph svg text {
  fill: var(--gray-text-color);
}
.SVGraph svg .hoverPoint {
  fill: var(--graph-tooltip-text);
  stroke: var(--graph-tooltip);
}
.SVGraph .tooltipLabel.themed {
  color: var(--graph-line-color-themed) !important;
}
.SVGraph .tooltipLabel.red {
  color: var(--graph-line-color-red) !important;
}
.SVGraph .tooltipLabel.orange {
  color: var(--graph-line-color-orange) !important;
}
.SVGraph .tooltipLabel.yellow {
  color: var(--graph-line-color-yellow) !important;
}
.SVGraph .tooltipLabel.blue {
  color: var(--graph-line-color-blue) !important;
}
.SVGraph .tooltipLabel.violet {
  color: var(--graph-line-color-violet) !important;
}
.SVGraph .tooltipLabel.magenta {
  color: var(--graph-line-color-magenta) !important;
}
.SVGraph .tooltipLabel.pink {
  color: var(--graph-line-color-pink) !important;
}
.SVGraph .tooltipLabel.grey {
  color: var(--graph-line-color-grey) !important;
}
.SVGraph .stroke.themed {
  stroke: var(--graph-line-color-themed);
}
.SVGraph .stroke.red {
  stroke: var(--graph-line-color-red);
}
.SVGraph .stroke.orange {
  stroke: var(--graph-line-color-orange);
}
.SVGraph .stroke.yellow {
  stroke: var(--graph-line-color-yellow);
}
.SVGraph .stroke.green {
  stroke: var(--graph-line-color-green);
}
.SVGraph .stroke.blue {
  stroke: var(--graph-line-color-blue);
}
.SVGraph .stroke.violet {
  stroke: var(--graph-line-color-violet);
}
.SVGraph .stroke.magenta {
  stroke: var(--graph-line-color-magenta);
}
.SVGraph .stroke.pink {
  stroke: var(--graph-line-color-pink);
}
.SVGraph .stroke.grey {
  stroke: var(--graph-line-color-grey);
}
.SVGraph .fill.themed {
  fill: var(--graph-line-fill-themed);
}
.SVGraph .fill.red {
  fill: var(--graph-line-fill-red);
}
.SVGraph .fill.orange {
  fill: var(--graph-line-fill-orange);
}
.SVGraph .fill.yellow {
  fill: var(--graph-line-fill-yellow);
}
.SVGraph .fill.green {
  fill: var(--graph-line-fill-green);
}
.SVGraph .fill.blue {
  fill: var(--graph-line-fill-blue);
}
.SVGraph .fill.violet {
  fill: var(--graph-line-fill-violet);
}
.SVGraph .fill.magenta {
  fill: var(--graph-line-fill-magenta);
}
.SVGraph .fill.pink {
  fill: var(--graph-line-fill-pink);
}
.SVGraph .fill.grey {
  fill: var(--graph-line-fill-grey);
}
/*
 .tooltipLabel{
    &.themed{
      color: var(--graph-line-color-themed) !important;
    }
    &.red{
      color: var(--graph-line-color-red) !important;
    }
    &.orange{
      color: var(--graph-line-color-orange) !important;
    }
    &.yellow{
      color: var(--graph-line-color-yellow) !important;
    }
    &.blue{
      color: var(--graph-line-color-blue) !important;
    }
    &.violet{
      color: var(--graph-line-color-violet) !important;
    }
    &.magenta{
      color: var(--graph-line-color-magenta) !important;
    }
    &.pink{
      color: var(--graph-line-color-pink) !important;
    }
    &.grey{
      color: var(--graph-line-color-grey) !important;
    }
  }

  .stroke{
    &.themed{
      stroke: var(--graph-line-color-themed);
    }
    &.red{
      stroke: var(--graph-line-color-red);
    }
    &.orange{
      stroke: var(--graph-line-color-orange);
    }
    &.yellow{
      stroke: var(--graph-line-color-yellow);
    }
    &.green{
      stroke: var(--graph-line-color-green);
    }
    &.blue{
      stroke: var(--graph-line-color-blue);
    }
    &.violet{
      stroke: var(--graph-line-color-violet);
    }
    &.magenta{
      stroke: var(--graph-line-color-magenta);
    }
    &.pink{
      stroke: var(--graph-line-color-pink);
    }
    &.grey{
      stroke: var(--graph-line-color-grey);
    }
  }

  .fill{
    &.themed{
      fill: var(--graph-line-fill-themed);
    }
    &.red{
      fill: var(--graph-line-fill-red);
    }
    &.orange{
      fill: var(--graph-line-fill-orange);
    }
    &.yellow{
      fill: var(--graph-line-fill-yellow);
    }
    &.green{
      stroke: var(--graph-line-fill-green);
    }
    &.blue{
      fill: var(--graph-line-fill-blue);
    }
    &.violet{
      fill: var(--graph-line-fill-violet);
    }
    &.magenta{
      fill: var(--graph-line-fill-magenta);
    }
    &.pink{
      fill: var(--graph-line-fill-pink);
    }
    &.grey{
      fill: var(--graph-line-fill-grey);
    }
  }

*/
.table-holder {
  position: relative;
}
.table-holder .table-top-container {
  position: sticky;
  top: 74px;
  height: 52px;
  background-color: var(--background-color);
  z-index: 20;
  display: flex;
  align-items: center;
  max-width: calc(100vw - var(--menu-main-width) - 40px - 20px);
}
.table-holder .table-top-container .table-actions {
  display: flex;
  flex-grow: 1;
  justify-content: flex-end;
}
.table-holder.with-top-component thead tr:not(.gridCellRow) th {
  top: 126px;
}
.table-holder .loading-table-data {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26px;
  background: rgba(255, 255, 255, 0.3);
}
.table-holder .empty-row > div {
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.table-holder .empty-row > div.loading {
  min-height: 60px;
}
.table-holder .header-title-th___selected {
  width: 30px;
}
table.engine-grid.react-table thead th div.header-title {
  margin-bottom: 0;
}
table.engine-grid.react-table tbody .actions button > i.iconr,
table.engine-grid.react-table tbody .actions button > i.icons {
  padding: 0;
}
table.engine-grid.react-table tbody .actions button[disabled]:hover {
  background-color: transparent;
}
.react-tabs {
  -webkit-tap-highlight-color: transparent;
}
.react-tabs ul.react-tabs__tab-list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  z-index: 2;
  position: relative;
  padding: 0;
  margin: 0;
}
.react-tabs ul.react-tabs__tab-list > li {
  height: 38px;
  min-width: 25px;
  -ms-user-select: none;
  user-select: none;
  padding: 8px 10px 10px 10px;
  text-transform: uppercase;
  transition: background-color 0.1s linear;
  position: relative;
  cursor: pointer;
  display: block;
  white-space: nowrap;
  background-color: rgba(0, 0, 0, 0);
  text-align: left;
  z-index: 3;
  font-family: 'Neue Helvetica', sans-serif;
}
.react-tabs ul.react-tabs__tab-list > li.react-tabs__tab--selected {
  border-bottom: 3px solid var(--href-color);
  color: var(--href-color);
  z-index: 100;
}
.react-tabs .react-tabs__tab-panel {
  display: none;
}
.react-tabs .react-tabs__tab-panel--selected {
  display: block;
  background: var(--background-color);
  padding: 20px 0;
  min-height: calc(100vh - 170px);
  margin-bottom: -20px;
}
.react-tabs .tablist-button {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .react-tabs .tablist-button {
    margin-top: 0;
    position: absolute;
    right: 20px;
    top: 0;
    z-index: 200;
  }
}
.react-tabs > div > div > .summery-wrapper h3.formName {
  text-align: center;
}
.react-tabs > div > div > .table-wrapp .noDataWrapp {
  position: absolute;
  width: 100%;
  top: 50%;
  font-size: 49px;
  color: var(--background-color);
  text-align: center;
}
.react-tabs > div > div > .table-wrapp > .sellermail-stat-loading {
  position: absolute;
  text-align: center;
  width: 90vw;
  height: 100%;
}
.react-tabs > div > div > .table-wrapp > .sellermail-stat-loading .loader-box {
  position: absolute;
  text-align: center;
  z-index: 10000;
  font-size: 80px;
  left: 0;
  right: 0;
  height: 190px;
}
.react-tabs > div > div > .table-wrapp .tableWrapper {
  margin-bottom: 20px;
}
.react-tabs > div > div > .table-wrapp .tableWrapper > table {
  position: relative;
  margin: 0 auto;
}
.react-tabs > div > div > .table-wrapp .tableWrapper > table thead th:first-child {
  box-shadow: inset -1px 1px 0 var(--table-border);
  min-width: 180px;
  padding: 0;
}
.react-tabs > div > div > .table-wrapp .tableWrapper > table thead th:first-child .search {
  position: relative;
}
.react-tabs > div > div > .table-wrapp .tableWrapper > table thead th:first-child .search input {
  width: 100%;
  border: 0;
  outline: none !important;
  border-radius: 0;
  padding: 24px 29px;
  box-shadow: none;
  -webkit-box-shadow: none;
  font-size: 16px;
  color: var(--primary-color);
  margin: 1px 0 0;
  border-right: 1px solid var(--border-color);
}
.react-tabs > div > div > .table-wrapp .tableWrapper > table thead th:first-child .search input:focus {
  outline: none !important;
  box-shadow: none;
  -webkit-box-shadow: none;
}
.react-tabs > div > div > .table-wrapp .tableWrapper > table thead th:first-child .search i.fa {
  position: absolute;
  top: 22px;
  color: grey;
}
.react-tabs > div > div > .table-wrapp .tableWrapper > table thead th:first-child .search i.fa-search {
  left: 7px;
  font-size: 18px;
  top: 23px;
}
.react-tabs > div > div > .table-wrapp .tableWrapper > table thead th:first-child .search i.fa-times-circle {
  right: 5px;
  cursor: pointer;
  font-size: 21px;
}
.react-tabs > div > div > .table-wrapp .tableWrapper > table thead th:first-child .search i.fa-times-circle:hover {
  color: var(--message-error-color);
}
.react-tabs > div > div > .table-wrapp .tableWrapper > table thead th:nth-child(2) {
  box-shadow: inset 0 1px 0 var(--table-border);
}
.react-tabs > div > div > .table-wrapp .tableWrapper > table > tbody tr > td.gridCell {
  white-space: nowrap;
  text-align: center;
  max-width: 210px;
}
.react-tabs > div > div > .table-wrapp .tableWrapper > table > tbody tr > td.gridCell > span {
  display: block;
}
.react-tabs > div > div > .table-wrapp .tableWrapper > table > tbody tr > td.gridCell > span:last-child {
  font-size: 12px;
}
.react-tabs > div > div > .table-wrapp .tableWrapper > table > tbody tr > td:first-child {
  text-align: left;
  max-width: 210px;
}
.react-tabs > div > div > .table-wrapp .tableWrapper > table > thead tr > th.dateHeader {
  max-width: 140px;
  text-align: center;
}
.react-tabs > div > div > .table-wrapp .tableWrapper > table > thead tr > th.dateHeader > span {
  display: block;
  cursor: default;
}
.react-tabs > div > div > .table-wrapp .tableWrapper > table > thead tr > th.dateHeader:first-child {
  text-align: left;
  white-space: nowrap;
  top: 0px;
}
.react-tabs > div > div > .sellermail-summary-loading {
  position: absolute;
  text-align: center;
  top: 250px;
  left: 0;
  right: 0;
  bottom: 0;
}
.react-tabs > div > div > .sellermail-summary-loading .loader-box {
  position: absolute;
  text-align: center;
  z-index: 10000;
  font-size: 80px;
  width: 100%;
  height: 50%;
}
.react-tabs > div > div > .sellermail-summary-loading .fa {
  position: absolute;
  bottom: 0;
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxAdvManager > .grid-stack-item-content {
  --background-accent: var(--background-accent-color);
  --background-biggest: var(--secondary-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxAdvManager > .grid-stack-item-content.red {
  --background-accent: #fce5e5;
  --background-biggest: var(--graph-line-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxAdvManager > .grid-stack-item-content.orange {
  --background-accent: #faeee5;
  --background-biggest: var(--graph-line-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxAdvManager > .grid-stack-item-content.yellow {
  --background-accent: #f6f6e5;
  --background-biggest: var(--graph-line-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxAdvManager > .grid-stack-item-content.green {
  --background-accent: #ecfce5;
  --background-biggest: var(--graph-line-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxAdvManager > .grid-stack-item-content.blue {
  --background-accent: #e5f3fc;
  --background-biggest: var(--graph-line-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxAdvManager > .grid-stack-item-content.violet {
  --background-accent: #ede5fc;
  --background-biggest: var(--graph-line-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxAdvManager > .grid-stack-item-content.magenta {
  --background-accent: #f4e5fc;
  --background-biggest: var(--graph-line-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxAdvManager > .grid-stack-item-content.pink {
  --background-accent: #f5e5fc;
  --background-biggest: var(--graph-line-color);
}
.grid-stack > .grid-stack-item.grid-stack-item-type-frmDashBoxAdvManager > .grid-stack-item-content.grey {
  --background-accent: #b3b3b3;
  --background-biggest: var(--graph-line-color);
}
.bar-chart {
  border: none !important;
  box-shadow: 0 0 22px var(--default-box-shadow);
}
.bar-chart .recharts-cartesian-axis-ticks {
  font-size: 1rem;
}
.bar-chart .recharts-cartesian-grid-vertical > line {
  display: none;
}
.bar-chart .recharts-cartesian-grid-horizontal > line {
  stroke: var(--dashboard-graphs-line) !important;
}
.bar-chart .recharts-layer.recharts-bar-rectangle {
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.15));
}
.bar-chart .recharts-layer.recharts-bar-rectangle > path {
  fill: var(--background-accent);
}
.bar-chart .recharts-layer.recharts-bar-rectangle > path.biggest {
  fill: var(--background-biggest);
}
.bar-chart .recharts-layer.recharts-bar-rectangle > path.tooltiped {
  fill: var(--primary-color);
}
.bar-chart .xAxis text,
.bar-chart .yAxis text {
  fill: var(--text-color);
}
.bar-chart .yAxis line {
  display: none;
}
.bar-chart .xAxis line {
  stroke: var(--border-color);
}
.bar-chart .recharts-default-tooltip {
  font-size: 17px;
  background-color: var(--secondary-color) !important;
  border: none !important;
  border-radius: var(--border-radius-basic);
}
.bar-chart .recharts-default-tooltip .recharts-tooltip-label {
  text-align: center;
  color: var(--graph-tooltip-text) !important;
  opacity: 0.7;
  font-size: 0.9rem;
}
.bar-chart .recharts-default-tooltip .recharts-tooltip-item-list .recharts-tooltip-item {
  color: var(--graph-tooltip-text) !important;
}
.bar-chart .recharts-default-tooltip .recharts-tooltip-item-list .recharts-tooltip-item .recharts-tooltip-item-name {
  display: none;
}
.bar-chart.primary-color-bg-tooltip .recharts-default-tooltip {
  background-color: var(--primary-color) !important;
}
.sellermail-hub {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 22.5% 25.83% 25.83% 25.83%;
  grid-template-rows: 1fr;
  gap: 10px 10px;
  grid-template-areas: ". . . .";
  max-width: calc(100vw - 320px);
  margin-top: 40px;
  margin-bottom: 20px;
  min-width: 1100px;
  column-gap: var(--dashlet-grid-gap-col);
  row-gap: var(--dashlet-grid-gap-row);
}
.sellermail-hub .no-data {
  text-align: center;
  position: relative;
  font-weight: bold;
  transform: translateY(-50%);
  top: calc(50% - 50px);
  filter: opacity(0.4);
}
.sellermail-hub:not(.commonLoadingSpinner) {
  position: sticky;
  left: 250px;
}
.sellermail-hub > div {
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-large);
  overflow: hidden;
  box-shadow: 0 0 40px var(--default-box-shadow);
}
.sellermail-hub > .inner-hubs-container {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  column-gap: var(--dashlet-grid-gap-col);
  row-gap: var(--dashlet-grid-gap-row);
  grid-template-areas: ". ." ". .";
}
.sellermail-hub > .inner-hubs-container > .hub {
  margin: auto;
  border-radius: var(--border-radius-large);
  overflow: hidden;
  box-shadow: 0 0 40px var(--default-box-shadow);
  height: 100%;
}
.sellermail-hub > .inner-hubs-container > .hub > .hub-title {
  position: relative;
  text-align: center;
  padding: 7px 0;
  font-weight: bold;
  font-size: 0.9rem;
  background: #cadcc3;
  min-height: 30px;
  line-height: 30px;
  color: var(--text-color);
}
.sellermail-hub > .inner-hubs-container > .hub > .hub-number {
  padding: unset;
  text-align: center;
  top: 33%;
  transform: translateY(-50%);
}
.sellermail-hub > .inner-hubs-container > .hub:nth-child(odd) > .hub-title {
  background: #c6d0d5;
}
.sellermail-hub > .graph-hub {
  padding: 10px 15px;
  min-height: 308px;
}
.sellermail-hub > .graph-hub > .title {
  font-size: 1.2rem;
  padding-left: 11px;
  margin-bottom: 10px;
}
.sellermail-hub > .graph-hub > .graph-container {
  position: relative;
  width: 100%;
  height: 90%;
}
:root {
  --basic-content-transition-delay: 500ms;
  --button-dropdown-delay: 300ms;
  --button-dropdown-nested-delay: 600ms;
  --dashboard-transition-delay: var(--basic-content-transition-delay);
  --top-section-width: 66px;
  --top-iFrameWrapWide: 175px;
  --menu-main-width: 210px;
  --menu-main-padding: 18px 14px 18px 25px;
  --menu-main-submenus-container-a: 12px 14px 12px 25px;
  --menu-main-font-size: 19px;
  --menu-main-svg-icon-height: 25px;
  --h2-header-page-padding: 45px 0 45px 0;
  --h2-header-page-font-size: 30px;
  --h2-header-page-line-height: 30px;
  --h2-header-page-margin: 0;
  --h3-font-size: 22px;
  --p-font-size: 16px;
  --component-holder-padding: 40px;
  --sticky-transition: left var(--basic-content-transition-delay) ease, max-width var(--basic-content-transition-delay) ease;
  --border-radius-basic: 7px;
  --border-radius-large: 15px;
  --border-radius-small: 4px;
  --border-radius-dashlet-body: var(--border-radius-large);
  --spacing: 12px;
  --table-spacing: 0 var(--spacing);
  --table-box-shadow: unset;
  --table-paginator-padding-top: 0px;
  --table-paginator-width-button: 40px;
  --table-paginator-input-padding: 10px;
  --table-thead-td-padding: 18px;
  --table-input-padding: 8px;
  --table-thead-td-margin-bottom: 15px;
  --table-tbody-td-padding: 10px;
  --table-tbody-td-height: 47px;
  --table-tbody-tr-shadow: 0 0 10px;
  --section-customer-list: 0 0 0 0;
  --component-holder-margin-left: var(--menu-main-width);
  --component-holder-padding-top: 0px;
  --component-holder-padding-left: 40px;
  --component-holder-padding-right: 40px;
  --component-holder-padding-bottom: 0px;
  --component-holder-no-table-padding-top: 0px;
  --component-holder-tabs-padding-top: 0px;
  --input-padding: 10px;
  --input-height: 40px;
  --input-height-line-height: 24px;
  --input-radio-height: 12px;
  --form-input-padding: 10px;
  --form-input-height: 40px;
  --form-entryForm-padding: 35px 35px 40px 35px;
  --div-entryForm-margin-top: 0px;
  --button-padding: 15px 25px;
  --button-dropdown-margin: 10px;
  --dashboard-header-cointainer-justify: space-between;
  --dashboard-header-cointainer-padding-top: 30px;
  --base-dashler-grid-gap: 22px;
  --dashlet-inner-box-shaddow: 22px;
  --dashlet-horizontal-padding: var(--base-dashler-grid-gap);
  --dashlet-grid-gap: var(--base-dashler-grid-gap);
  --dashlet-grid-gap-row: var(--base-dashler-grid-gap);
  --dashlet-grid-gap-col: var(--base-dashler-grid-gap);
  --dashlet-inner-border-radius: var(--border-radius-basic);
  --dashlet-inner-margin-row: 5px;
  --dashlet-inner-margin-col: calc(var(--dashlet-inner-margin-row) * 2);
  --dashlet-resize-arrow-horizontal-position: 10px;
  --dashlet-resize-arrow-vertical-position: 0;
  --dashlet-top-actions-position: 0px;
  --dashlet-menu-padding: 7px;
  --dashlet-grid-stack-data: 11px;
  --dashlet-sales-justify-content: center;
  --dashlet-sales-min-width: calc(50% - 11px);
  --dashlet-sales-padding: 7px 10px;
  --dashlet-sales-icon-margin-right: 10px;
  --dashlet-sales-percentage-font-size: 13px;
  --dashlet-sales-percentage-font-size-top: 10px;
  --select-height: 47px;
  --finance-span-button-padding: 9px 15px;
  --finance-button-padding: 11px 25px;
  --finance-tags-height: 39px;
  --finance-tags-margin: 8px 8px;
  --buttdelete-top: 14px;
  --checkbox-switch-width: 40px;
  --checkbox-switch-height: 24px;
  --checkbox-switch-width-slider: 22px;
  --checkbox-switch-move: 15px;
  --button-dropdown-container-top: 50px;
  --button-dropdown-container-top-small: 40px;
}
:root .theme-size-compact {
  --h2-header-page-padding: 22px 0 22px 0;
  --h2-header-page-font-size: 24px;
  --h2-header-page-line-height: 24px;
  --h2-header-page-margin: 0;
  --h3-font-size: 18px;
  --p-font-size: 14px;
  --top-section-width: 66px;
  --top-iFrameWrapWide: 66px;
  --menu-main-width: 210px;
  --menu-main-padding: 20px 14px 20px 25px;
  --menu-main-submenus-container-a: 12px 14px 12px 25px;
  --menu-main-font-size: 19px;
  --menu-main-svg-icon-height: 25px;
  --component-holder-padding: 40px;
  --spacing: 1px;
  --table-spacing: 0 var(--spacing);
  --table-box-shadow: 0 0 40px var(--default-box-shadow);
  --table-paginator-padding-top: 10px;
  --table-paginator-width-button: 30px;
  --table-paginator-input-padding: 1px 7px;
  --table-thead-td-padding: 9px;
  --table-input-padding: 4px 8px;
  --table-thead-td-margin-bottom: 5px;
  --table-tbody-td-padding: 5px;
  --table-tbody-td-height: 32px;
  --table-tbody-tr-shadow: 0 0 5px;
  --section-customer-list: 0 0 0 0;
  --component-holder-padding-top: 0px;
  --component-holder-padding-left: 40px;
  --component-holder-padding-right: 40px;
  --component-holder-padding-bottom: 0px;
  --component-holder-no-table-padding-top: 40px;
  --component-holder-tabs-padding-top: 20px;
  --input-padding: 3px 7px;
  --input-height: 30px;
  --input-height-line-height: 16px;
  --form-input-padding: 5px 10px;
  --form-input-height: 30px;
  --input-radio-height: 12px;
  --form-entryForm-padding: 15px 15px 20px 15px;
  --div-entryForm-margin-top: 35px;
  --button-padding: 10px 20px;
  --button-dropdown-margin: 5px;
  --border-radius-basic: 7px;
  --border-radius-large: 15px;
  --border-radius-small: 4px;
  --border-radius-dashlet-body: var(--border-radius-basic);
  --dashboard-header-cointainer-justify: end;
  --dashboard-header-cointainer-padding-top: 20px;
  --dashlet-inner-border-radius: var(--border-radius-small);
  --dashlet-inner-box-shaddow: 10px;
  --dashlet-horizontal-padding: 2px;
  --dashlet-grid-gap: 5px;
  --dashlet-grid-gap-row: 10px;
  --dashlet-grid-gap-col: 10px;
  --dashlet-inner-margin-row: 5px;
  --dashlet-inner-margin-col: 9px;
  --dashlet-resize-arrow-horizontal-position: 22px;
  --dashlet-resize-arrow-vertical-position: 16px;
  --dashlet-top-actions-position: 0px;
  --dashlet-menu-padding: 14px;
  --dashlet-grid-stack-data: 4px;
  --dashlet-sales-justify-content: space-between;
  --dashlet-sales-min-width: calc(50% - 5px);
  --dashlet-sales-padding: 5px 0;
  --dashlet-sales-icon-margin-right: 10px;
  --dashlet-sales-percentage-font-size: 16px;
  --dashlet-sales-percentage-font-size-top: 20px;
  --select-height: 30px;
  --finance-span-button-padding: 4px 11px;
  --finance-button-padding: 7px 25px;
  --finance-tags-height: 31px;
  --finance-tags-margin: 4px 8px;
  --buttdelete-top: 8px;
  --checkbox-switch-width: 38px;
  --checkbox-switch-height: 20px;
  --checkbox-switch-width-slider: 18px;
  --checkbox-switch-move: 17px;
  --button-dropdown-container-top: 35px;
  --button-dropdown-container-top-small: 30px;
}
/*# sourceMappingURL=global.css.map */